@oku-ui/aspect-ratio - npm Package Compare versions

Comparing version 0.2.3 to 0.4.0-alpha.0

dist/index.d.ts

 import * as vue from 'vue';
-import { ComponentPublicInstance } from 'vue';
-import { PrimitiveProps, ElementType, RefElement, MergeProps } from '@oku-ui/primitive';
+import { PropType } from 'vue';
+import { ElementType, PrimitiveProps } from '@oku-ui/primitive';
 
+type AspectRatioIntrinsicElement = ElementType<'div'>;
+type AspectRatioElement = HTMLDivElement;
 interface AspectRatioProps extends PrimitiveProps {
     ratio?: number;
 }
-type AspectRatioElement = ElementType<'div'>;
-declare const AspectRatio: vue.DefineComponent<{
-    ratio: {
-        type: NumberConstructor;
-        default: number;
+declare const aspectRatioProps: {
+    props: {
+        ratio: {
+            type: PropType<number>;
+            default: number;
+        };
     };
-}, {
-    innerRef: AspectRatioElement;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    ratio: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>>, {
-    ratio: number;
-}, {}>;
-type _AspectRatioProps = MergeProps<AspectRatioProps, AspectRatioElement>;
-type AspectRatioRef = RefElement<typeof AspectRatio>;
+    emits: {};
+};
 declare const OkuAspectRatio: {
@@ -32,2 +25,3 @@ new (...args: any[]): {
             ratio?: number | undefined;
+            asChild?: boolean | undefined;
             style?: unknown;
@@ -87,15 +81,17 @@ class?: unknown;
         }>;
-        $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
+            asChild: BooleanConstructor;
             ratio: {
-                type: NumberConstructor;
+                type: PropType<number>;
                 default: number;
             };
-        }>>, {
-            innerRef: AspectRatioElement;
-        }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {
+        }>>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {
             ratio: number;
+            asChild: boolean;
         }, {}, string, {}> & {
@@ -116,3 +112,3 @@ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
         };
@@ -123,9 +119,10 @@ $forceUpdate: () => void;
     } & Readonly<vue.ExtractPropTypes<{
+        asChild: BooleanConstructor;
         ratio: {
-            type: NumberConstructor;
+            type: PropType<number>;
             default: number;
         };
-    }>> & vue.ShallowUnwrapRef<{
-        innerRef: AspectRatioElement;
-    }> & {} & vue.ComponentCustomProperties & {};
+    }>> & vue.ShallowUnwrapRef<() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>> & {} & vue.ComponentCustomProperties & {};
     __isFragment?: undefined;
@@ -135,14 +132,16 @@ __isTeleport?: undefined;
 } & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
+    asChild: BooleanConstructor;
     ratio: {
-        type: NumberConstructor;
+        type: PropType<number>;
         default: number;
     };
-}>>, {
-    innerRef: AspectRatioElement;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {
+}>>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {
     ratio: number;
+    asChild: boolean;
 }, {}, string, {}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
-    $props: _AspectRatioProps;
+    $props: Partial<AspectRatioElement>;
 });
 
-export { AspectRatioElement, AspectRatioProps, AspectRatioRef, OkuAspectRatio };
+export { type AspectRatioElement, type AspectRatioIntrinsicElement, type AspectRatioProps, OkuAspectRatio, aspectRatioProps };

package.json

 {
   "name": "@oku-ui/aspect-ratio",
   "type": "module",
-  "version": "0.2.3",
+  "version": "0.4.0-alpha.0",
   "license": "MIT",
@@ -32,7 +32,7 @@ "source": "src/index.ts",
   "peerDependencies": {
-    "vue": "^3.3.4"
+    "vue": "^3.3.0"
   },
   "dependencies": {
     "@oku-ui/primitive": "latest",
-    "@oku-ui/utils": "latest"
+    "@oku-ui/use-composable": "latest"
   },
@@ -43,5 +43,6 @@ "devDependencies": {
   "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch"
+    "build": "unbuild",
+    "dev": "unbuild --stub",
+    "clean": "rimraf ./dist && rimraf ./node_modules"
   }
 }

README.md

 # `aspect-ratio`
 
+<span><a href="https://www.npmjs.com/package/@oku-ui/aspect-ratio "><img src="https://img.shields.io/npm/v/@oku-ui/aspect-ratio?style=flat&colorA=18181B&colorB=28CF8D" alt="Version"></a> </span> | <span> <a href="https://www.npmjs.com/package/@oku-ui/aspect-ratio"> <img src="https://img.shields.io/npm/dm/@oku-ui/aspect-ratio?style=flat&colorA=18181B&colorB=28CF8D" alt="Downloads"> </a> </span> | <span> <a href="https://oku-ui.com/primitives/components/aspect-ratio"><img src="https://img.shields.io/badge/Open%20Documentation-18181B" alt="Website"></a> </span>
+
 ## Installation
@@ -4,0 +6,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

18852

increased by73.62%

Number of package files

6

increased by20%

Number of lines in readme file

13

increased by18.18%

Worsened metrics

Lines of code

202

decreased by-1.46%

Dependency changes

• + Added@oku-ui/use-composable@latest

• - Removed@oku-ui/utils@latest