yuyeon 0.3.4-beta.12 → 0.3.4-beta.13

package/lib/components/table/YDataTableBody.js

@@ -47,7 +47,7 @@ export const YDataTableBody = defineComponent({
       toggleExpand
     } = useExpand();
     useRender(() => {
-      if (props.loading) {
+      if (props.loading && !props.items.length) {
         return _createVNode("tr", null, [_createVNode("td", {
           "colspan": columns.value.length,
           "class": 'y-data-table__loading'

package/lib/components/table/YDataTableBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"YDataTableBody.js","names":["Fragment","mergeProps","createVNode","_createVNode","_Fragment","_mergeProps","useExpand","useHeader","useSelection","useRender","defineComponent","propsFactory","YDataTableRow","pressYDataTableBodyProps","items","type","Array","default","loading","Boolean","String","loadingText","hideNoData","noDataText","rowProps","Function","Object","rowHeight","Number","YDataTableBody","name","props","emits","setup","_ref","slots","columns","isSelected","toggleSelect","isExpanded","toggleExpand","value","length","body","map","item","index","stateProps","raw","internalItem","onClick","event","el","onDblclick","onContextmenu","onMousedown","onKeydown","slotProps","key","_bindRowRef"],"sources":["../../../src/components/table/YDataTableBody.tsx"],"sourcesContent":["import { Fragment, type PropType, mergeProps, ref } from 'vue';\n\nimport { useExpand } from '@/components/table/composables/expand';\nimport { useHeader } from '@/components/table/composables/header';\nimport { useSelection } from '@/components/table/composables/selection';\nimport { useRender } from '@/composables/component';\nimport { defineComponent, propsFactory } from '@/util/component';\n\nimport { YDataTableRow } from './YDataTableRow';\nimport { DataTableItem, RowProps } from './types';\n\nexport const pressYDataTableBodyProps = propsFactory(\n  {\n    items: {\n      type: Array as PropType<readonly DataTableItem[]>,\n      default: () => [],\n    },\n    loading: [Boolean, String],\n    loadingText: String,\n    hideNoData: Boolean,\n    noDataText: {\n      type: String,\n      default: '',\n    },\n    rowProps: [Function, Object] as PropType<RowProps<any>>,\n    rowHeight: Number,\n    'onClick:row': Function as PropType<(e: Event, value: any) => void>,\n    'onDblclick:row': Function as PropType<(e: Event, value: any) => void>,\n    'onContextmenu:row': Function as PropType<(e: Event, value: any) => void>,\n    'onMousedown:row': Function as PropType<(e: Event, value: any) => void>,\n    'onKeydown:row': Function as PropType<(e: Event, value: any) => void>,\n  },\n  'YDataTableBody',\n);\n\nexport const YDataTableBody = defineComponent({\n  name: 'YDataTableBody',\n  props: {\n    ...pressYDataTableBodyProps(),\n  },\n  emits: ['click:row', 'dblclick:row', 'contextmenu:row', 'mousedown:row'],\n  setup(props, { slots }) {\n    const { columns } = useHeader();\n    const { isSelected, toggleSelect } = useSelection();\n    const { isExpanded, toggleExpand } = useExpand();\n\n    useRender(() => {\n      if (props.loading) {\n        return (\n          <tr>\n            <td colspan={columns.value.length} class={'y-data-table__loading'}>\n              {slots.loading ? slots.loading() : <div>{props.loadingText}</div>}\n            </td>\n          </tr>\n        );\n      }\n      if (!props.loading && props.items.length < 1 && !props.hideNoData) {\n        return (\n          <tr key=\"no-data\" class=\"y-data-table__no-data\">\n            <td colspan={columns.value.length}>\n              {slots['no-data']?.() ?? props.noDataText}\n            </td>\n          </tr>\n        );\n      }\n      return (\n        <>\n          {slots.body\n            ? slots.body?.(props)\n            : props.items.map((item, index) => {\n                const stateProps = {\n                  index,\n                  item: item.raw,\n                  internalItem: item,\n                  columns: columns.value,\n                  isSelected,\n                  toggleSelect,\n                  isExpanded,\n                  toggleExpand,\n                };\n\n                function onClick(event: Event, el: null | Element) {\n                  props['onClick:row']?.(event, { ...stateProps, el });\n                }\n\n                function onDblclick(event: Event, el: null | Element) {\n                  props['onDblclick:row']?.(event, { ...stateProps, el });\n                }\n\n                function onContextmenu(event: Event, el: null | Element) {\n                  props['onContextmenu:row']?.(event, {\n                    ...stateProps,\n                    el,\n                  });\n                }\n\n                function onMousedown(event: Event, el: null | Element) {\n                  props['onMousedown:row']?.(event, { ...stateProps, el });\n                }\n\n                function onKeydown(event: Event, el: null | Element) {\n                  props['onKeydown:row']?.(event, { ...stateProps, el });\n                }\n\n                const slotProps = {\n                  ...stateProps,\n                  props: mergeProps(\n                    {\n                      key: `item__${item.key ?? item.index}`,\n                      item,\n                      index,\n                    },\n                    typeof props.rowProps === 'function'\n                      ? props.rowProps({\n                          item: stateProps.item,\n                          index: stateProps.index,\n                          internalItem: stateProps.internalItem,\n                        })\n                      : props.rowProps,\n                  ),\n                  onClick,\n                  onContextmenu,\n                  onDblclick,\n                  onMousedown,\n                  onKeydown,\n                };\n\n                return (\n                  <Fragment>\n                    {slots.item ? (\n                      slots.item(slotProps)\n                    ) : (\n                      <YDataTableRow\n                        ref={(el) => {\n                          item._bindRowRef(el);\n                        }}\n                        v-slots={slots}\n                        {...slotProps.props}\n                        onClick={props['onClick:row'] && onClick}\n                        onContextmenu={\n                          props['onContextmenu:row'] && onContextmenu\n                        }\n                        onDblclick={props['onDblclick:row'] && onDblclick}\n                        onMousedown={props['onMousedown:row'] && onMousedown}\n                        onKeydown={props['onKeydown:row'] && onKeydown}\n                      ></YDataTableRow>\n                    )}\n                    {isExpanded(item) && slots['expanded-row']?.(slotProps)}\n                  </Fragment>\n                );\n              })}\n        </>\n      );\n    });\n  },\n});\n\nexport type YDataTableBody = InstanceType<typeof YDataTableBody>;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"YDataTableBody.js","names":["Fragment","mergeProps","createVNode","_createVNode","_Fragment","_mergeProps","useExpand","useHeader","useSelection","useRender","defineComponent","propsFactory","YDataTableRow","pressYDataTableBodyProps","items","type","Array","default","loading","Boolean","String","loadingText","hideNoData","noDataText","rowProps","Function","Object","rowHeight","Number","YDataTableBody","name","props","emits","setup","_ref","slots","columns","isSelected","toggleSelect","isExpanded","toggleExpand","length","value","body","map","item","index","stateProps","raw","internalItem","onClick","event","el","onDblclick","onContextmenu","onMousedown","onKeydown","slotProps","key","_bindRowRef"],"sources":["../../../src/components/table/YDataTableBody.tsx"],"sourcesContent":["import { Fragment, type PropType, mergeProps, ref } from 'vue';\n\nimport { useExpand } from '@/components/table/composables/expand';\nimport { useHeader } from '@/components/table/composables/header';\nimport { useSelection } from '@/components/table/composables/selection';\nimport { useRender } from '@/composables/component';\nimport { defineComponent, propsFactory } from '@/util/component';\n\nimport { YDataTableRow } from './YDataTableRow';\nimport { DataTableItem, RowProps } from './types';\n\nexport const pressYDataTableBodyProps = propsFactory(\n  {\n    items: {\n      type: Array as PropType<readonly DataTableItem[]>,\n      default: () => [],\n    },\n    loading: [Boolean, String],\n    loadingText: String,\n    hideNoData: Boolean,\n    noDataText: {\n      type: String,\n      default: '',\n    },\n    rowProps: [Function, Object] as PropType<RowProps<any>>,\n    rowHeight: Number,\n    'onClick:row': Function as PropType<(e: Event, value: any) => void>,\n    'onDblclick:row': Function as PropType<(e: Event, value: any) => void>,\n    'onContextmenu:row': Function as PropType<(e: Event, value: any) => void>,\n    'onMousedown:row': Function as PropType<(e: Event, value: any) => void>,\n    'onKeydown:row': Function as PropType<(e: Event, value: any) => void>,\n  },\n  'YDataTableBody',\n);\n\nexport const YDataTableBody = defineComponent({\n  name: 'YDataTableBody',\n  props: {\n    ...pressYDataTableBodyProps(),\n  },\n  emits: ['click:row', 'dblclick:row', 'contextmenu:row', 'mousedown:row'],\n  setup(props, { slots }) {\n    const { columns } = useHeader();\n    const { isSelected, toggleSelect } = useSelection();\n    const { isExpanded, toggleExpand } = useExpand();\n\n    useRender(() => {\n      if (props.loading && !props.items.length) {\n        return (\n          <tr>\n            <td colspan={columns.value.length} class={'y-data-table__loading'}>\n              {slots.loading ? slots.loading() : <div>{props.loadingText}</div>}\n            </td>\n          </tr>\n        );\n      }\n      if (!props.loading && props.items.length < 1 && !props.hideNoData) {\n        return (\n          <tr key=\"no-data\" class=\"y-data-table__no-data\">\n            <td colspan={columns.value.length}>\n              {slots['no-data']?.() ?? props.noDataText}\n            </td>\n          </tr>\n        );\n      }\n      return (\n        <>\n          {slots.body\n            ? slots.body?.(props)\n            : props.items.map((item, index) => {\n                const stateProps = {\n                  index,\n                  item: item.raw,\n                  internalItem: item,\n                  columns: columns.value,\n                  isSelected,\n                  toggleSelect,\n                  isExpanded,\n                  toggleExpand,\n                };\n\n                function onClick(event: Event, el: null | Element) {\n                  props['onClick:row']?.(event, { ...stateProps, el });\n                }\n\n                function onDblclick(event: Event, el: null | Element) {\n                  props['onDblclick:row']?.(event, { ...stateProps, el });\n                }\n\n                function onContextmenu(event: Event, el: null | Element) {\n                  props['onContextmenu:row']?.(event, {\n                    ...stateProps,\n                    el,\n                  });\n                }\n\n                function onMousedown(event: Event, el: null | Element) {\n                  props['onMousedown:row']?.(event, { ...stateProps, el });\n                }\n\n                function onKeydown(event: Event, el: null | Element) {\n                  props['onKeydown:row']?.(event, { ...stateProps, el });\n                }\n\n                const slotProps = {\n                  ...stateProps,\n                  props: mergeProps(\n                    {\n                      key: `item__${item.key ?? item.index}`,\n                      item,\n                      index,\n                    },\n                    typeof props.rowProps === 'function'\n                      ? props.rowProps({\n                          item: stateProps.item,\n                          index: stateProps.index,\n                          internalItem: stateProps.internalItem,\n                        })\n                      : props.rowProps,\n                  ),\n                  onClick,\n                  onContextmenu,\n                  onDblclick,\n                  onMousedown,\n                  onKeydown,\n                };\n\n                return (\n                  <Fragment>\n                    {slots.item ? (\n                      slots.item(slotProps)\n                    ) : (\n                      <YDataTableRow\n                        ref={(el) => {\n                          item._bindRowRef(el);\n                        }}\n                        v-slots={slots}\n                        {...slotProps.props}\n                        onClick={props['onClick:row'] && onClick}\n                        onContextmenu={\n                          props['onContextmenu:row'] && onContextmenu\n                        }\n                        onDblclick={props['onDblclick:row'] && onDblclick}\n                        onMousedown={props['onMousedown:row'] && onMousedown}\n                        onKeydown={props['onKeydown:row'] && onKeydown}\n                      ></YDataTableRow>\n                    )}\n                    {isExpanded(item) && slots['expanded-row']?.(slotProps)}\n                  </Fragment>\n                );\n              })}\n        </>\n      );\n    });\n  },\n});\n\nexport type YDataTableBody = InstanceType<typeof YDataTableBody>;\n"],"mappings":"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","ignoreList":[]}

package/lib/directives/plate-wave/plate-wave.scss

@@ -13,21 +13,32 @@
     overflow: hidden;
     border: 1px solid currentColor;
     border-radius: inherit;
-    will-change: transform, opacity;
-    animation: plate-wave 250ms ease;
+    animation: plate-wave 400ms cubic-bezier(.06,.03,.01,.97);
   }
 }
 
 @keyframes plate-wave {
   0% {
     opacity: 0;
-    transform: scale(0.94);
+    
+    top: 2px;
+    left: 2px;
+    right: 2px;
+    bottom: 2px;
+    width: calc(100% - 2px * 2);
+    height: calc(100% - 2px * 2);
   }
-  80% {
+  20% {
     opacity: 0.4;
   }
   100% {
-    opacity: 0;
-    transform: scale(1);
+    opacity: 0.2;
+    
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    width: 100%;
+    height: 100%;
   }
 }

package/lib/util/ui.js

@@ -3,14 +3,15 @@ export function getBoundingPureRect(el) {
   const style = getComputedStyle(el);
   const tx = style.transform;
   if (tx) {
+    // biome-ignore lint/suspicious/noImplicitAnyLet: <explanation>
     let sx, sy, dx, dy;
-    if (tx.startsWith('matrix3d(')) {
+    if (tx.startsWith("matrix3d(")) {
       const ta = tx.slice(9, -1).split(/, /);
       sx = +ta[0];
       sy = +ta[5];
       dx = +ta[12];
       dy = +ta[13];
-    } else if (tx.startsWith('matrix(')) {
+    } else if (tx.startsWith("matrix(")) {
       const ta = tx.slice(7, -1).split(/, /);
       sx = +ta[0];
       sy = +ta[3];
@@ -21,7 +22,7 @@ export function getBoundingPureRect(el) {
     }
     const to = style.transformOrigin;
     const x = rect.x - dx - (1 - sx) * parseFloat(to);
-    const y = rect.y - dy - (1 - sy) * parseFloat(to.slice(to.indexOf(' ') + 1));
+    const y = rect.y - dy - (1 - sy) * parseFloat(to.slice(to.indexOf(" ") + 1));
     const w = sx ? rect.width / sx : el.offsetWidth;
     const h = sy ? rect.height / sy : el.offsetHeight;
     return {
@@ -45,12 +46,12 @@ export function pixelCeil(val) {
   return Math.ceil(val * devicePixelRatio) / devicePixelRatio;
 }
 export function toStyleSizeValue(size) {
-  let unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'px';
-  if (size == null || size === '') {
+  let unit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "px";
+  if (size == null || size === "") {
     return undefined;
   }
-  let value = Number(size);
-  if (typeof size === 'string' && isNaN(value)) {
+  const value = Number(size);
+  if (typeof size === "string" && isNaN(value)) {
     return size;
   } else if (!isFinite(value)) {
     return undefined;

package/lib/util/ui.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui.js","names":["getBoundingPureRect","el","rect","getBoundingClientRect","style","getComputedStyle","tx","transform","sx","sy","dx","dy","startsWith","ta","slice","split","to","transformOrigin","x","parseFloat","y","indexOf","w","width","offsetWidth","h","height","offsetHeight","top","right","bottom","left","pixelRound","val","Math","round","devicePixelRatio","pixelCeil","ceil","toStyleSizeValue","size","unit","arguments","length","undefined","value","Number","isNaN","isFinite"],"sources":["../../src/util/ui.ts"],"sourcesContent":["export function getBoundingPureRect(el: HTMLElement) {\n  const rect = el.getBoundingClientRect();\n  const style = getComputedStyle(el);\n  const tx = style.transform;\n\n  if (tx) {\n    let sx, sy, dx, dy;\n    if (tx.startsWith('matrix3d(')) {\n      const ta = tx.slice(9, -1).split(/, /);\n      sx = +ta[0];\n      sy = +ta[5];\n      dx = +ta[12];\n      dy = +ta[13];\n    } else if (tx.startsWith('matrix(')) {\n      const ta = tx.slice(7, -1).split(/, /);\n      sx = +ta[0];\n      sy = +ta[3];\n      dx = +ta[4];\n      dy = +ta[5];\n    } else {\n      return rect;\n    }\n\n    const to = style.transformOrigin;\n    const x = rect.x - dx - (1 - sx) * parseFloat(to);\n    const y =\n      rect.y - dy - (1 - sy) * parseFloat(to.slice(to.indexOf(' ') + 1));\n    const w = sx ? rect.width / sx : el.offsetWidth;\n    const h = sy ? rect.height / sy : el.offsetHeight;\n    return {\n      x: x,\n      y: y,\n      width: w,\n      height: h,\n      top: y,\n      right: x + w,\n      bottom: y + h,\n      left: x,\n    } as DOMRect;\n  } else {\n    return rect;\n  }\n}\n\nexport function pixelRound(val: number) {\n  return Math.round(val * devicePixelRatio) / devicePixelRatio;\n}\n\nexport function pixelCeil(val: number) {\n  return Math.ceil(val * devicePixelRatio) / devicePixelRatio;\n}\n\nexport function toStyleSizeValue(\n  size: number | string | null | undefined,\n  unit = 'px',\n): string | undefined {\n  if (size == null || size === '') {\n    return undefined;\n  }\n  let value = Number(size);\n  if (typeof size === 'string' && isNaN(value)) {\n    return size;\n  } else if (!isFinite(value)) {\n    return undefined;\n  }\n\n  return `${value}${unit}`;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ui.js","names":["getBoundingPureRect","el","rect","getBoundingClientRect","style","getComputedStyle","tx","transform","sx","sy","dx","dy","startsWith","ta","slice","split","to","transformOrigin","x","parseFloat","y","indexOf","w","width","offsetWidth","h","height","offsetHeight","top","right","bottom","left","pixelRound","val","Math","round","devicePixelRatio","pixelCeil","ceil","toStyleSizeValue","size","unit","arguments","length","undefined","value","Number","isNaN","isFinite"],"sources":["../../src/util/ui.ts"],"sourcesContent":["export function getBoundingPureRect(el: HTMLElement) {\n\tconst rect = el.getBoundingClientRect();\n\tconst style = getComputedStyle(el);\n\tconst tx = style.transform;\n\n\tif (tx) {\n\t\t// biome-ignore lint/suspicious/noImplicitAnyLet: <explanation>\n\t\tlet sx, sy, dx, dy;\n\t\tif (tx.startsWith(\"matrix3d(\")) {\n\t\t\tconst ta = tx.slice(9, -1).split(/, /);\n\t\t\tsx = +ta[0];\n\t\t\tsy = +ta[5];\n\t\t\tdx = +ta[12];\n\t\t\tdy = +ta[13];\n\t\t} else if (tx.startsWith(\"matrix(\")) {\n\t\t\tconst ta = tx.slice(7, -1).split(/, /);\n\t\t\tsx = +ta[0];\n\t\t\tsy = +ta[3];\n\t\t\tdx = +ta[4];\n\t\t\tdy = +ta[5];\n\t\t} else {\n\t\t\treturn rect;\n\t\t}\n\n\t\tconst to = style.transformOrigin;\n\t\tconst x = rect.x - dx - (1 - sx) * parseFloat(to);\n\t\tconst y =\n\t\t\trect.y - dy - (1 - sy) * parseFloat(to.slice(to.indexOf(\" \") + 1));\n\t\tconst w = sx ? rect.width / sx : el.offsetWidth;\n\t\tconst h = sy ? rect.height / sy : el.offsetHeight;\n\t\treturn {\n\t\t\tx: x,\n\t\t\ty: y,\n\t\t\twidth: w,\n\t\t\theight: h,\n\t\t\ttop: y,\n\t\t\tright: x + w,\n\t\t\tbottom: y + h,\n\t\t\tleft: x,\n\t\t} as DOMRect;\n\t} else {\n\t\treturn rect;\n\t}\n}\n\nexport function pixelRound(val: number) {\n\treturn Math.round(val * devicePixelRatio) / devicePixelRatio;\n}\n\nexport function pixelCeil(val: number) {\n\treturn Math.ceil(val * devicePixelRatio) / devicePixelRatio;\n}\n\nexport function toStyleSizeValue(\n\tsize: number | string | null | undefined,\n\tunit = \"px\",\n): string | undefined {\n\tif (size == null || size === \"\") {\n\t\treturn undefined;\n\t}\n\tconst value = Number(size);\n\tif (typeof size === \"string\" && isNaN(value)) {\n\t\treturn size;\n\t} else if (!isFinite(value)) {\n\t\treturn undefined;\n\t}\n\n\treturn `${value}${unit}`;\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuyeon",
-  "version": "0.3.4-beta.12",
+  "version": "0.3.4-beta.13",
   "keywords": [
     "UI Library",
     "Vue"

package/types/src/abstract/items.d.ts

@@ -0,0 +1,49 @@
+import { PropType } from 'vue';
+
+export declare const pressItemsPropsOptions: <Defaults extends {
+    items?: unknown;
+    itemKey?: unknown;
+    itemText?: unknown;
+    itemChildren?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    items: unknown extends Defaults["items"] ? {
+        type: PropType<any[]>;
+        default: () => never[];
+    } : Omit<{
+        type: PropType<any[]>;
+        default: () => never[];
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["items"] ? any[] : any[] | Defaults["items"]>;
+        default: unknown extends Defaults["items"] ? any[] : any[] | Defaults["items"];
+    };
+    itemKey: unknown extends Defaults["itemKey"] ? {
+        type: PropType<string>;
+        default: string;
+    } : Omit<{
+        type: PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["itemKey"] ? string : string | Defaults["itemKey"]>;
+        default: unknown extends Defaults["itemKey"] ? string : string | Defaults["itemKey"];
+    };
+    itemText: unknown extends Defaults["itemText"] ? {
+        type: PropType<string>;
+        default: string;
+    } : Omit<{
+        type: PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["itemText"] ? string : string | Defaults["itemText"]>;
+        default: unknown extends Defaults["itemText"] ? string : string | Defaults["itemText"];
+    };
+    itemChildren: unknown extends Defaults["itemChildren"] ? {
+        type: PropType<boolean | string>;
+        default: string;
+    } : Omit<{
+        type: PropType<boolean | string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["itemChildren"] ? string | boolean : Defaults["itemChildren"] | NonNullable<string | boolean>>;
+        default: unknown extends Defaults["itemChildren"] ? string | boolean : Defaults["itemChildren"] | NonNullable<string | boolean>;
+    };
+};

package/types/src/components/alert/YAlert.d.ts

@@ -0,0 +1,13 @@
+import { PropType } from 'vue';
+
+/**
+ * #  Component
+ */
+export declare const YAlert: import('vue').DefineComponent<{
+    semantic: PropType<"info" | "warning" | "success" | "error" | string>;
+    variation: PropType<"outlined" | "filled" | string>;
+    color: PropType<string>;
+    textColor: PropType<string>;
+    outlineColor: PropType<string>;
+}, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string>;
+export type YAlert = InstanceType<typeof YAlert>;

package/types/src/components/alert/index.d.ts

@@ -0,0 +1 @@
+export * from './YAlert';

package/types/src/components/app/YApp.d.ts

@@ -0,0 +1,8 @@
+
+/**
+ * # App Component
+ */
+export declare const YApp: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string>;
+export type YApp = InstanceType<typeof YApp>;

package/types/src/components/app/index.d.ts

@@ -0,0 +1 @@
+export * from './YApp';

package/types/src/components/badge/YBadge.d.ts

@@ -0,0 +1,126 @@
+import { PropType } from 'vue';
+import { IconValue } from '../../composables/icon';
+
+export declare const pressYBadgePropsOptions: <Defaults extends {
+    color?: unknown;
+    background?: unknown;
+    backgroundOpacity?: unknown;
+    tag?: unknown;
+    dot?: unknown;
+    bordered?: unknown;
+    floating?: unknown;
+    inline?: unknown;
+    icon?: unknown;
+    hide?: unknown;
+    label?: unknown;
+    content?: unknown;
+    max?: unknown;
+    transition?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    color: unknown extends Defaults["color"] ? StringConstructor : {
+        type: PropType<unknown extends Defaults["color"] ? string : string | Defaults["color"]>;
+        default: unknown extends Defaults["color"] ? string : string | Defaults["color"];
+    };
+    background: unknown extends Defaults["background"] ? StringConstructor : {
+        type: PropType<unknown extends Defaults["background"] ? string : string | Defaults["background"]>;
+        default: unknown extends Defaults["background"] ? string : string | Defaults["background"];
+    };
+    backgroundOpacity: unknown extends Defaults["backgroundOpacity"] ? {
+        type: NumberConstructor;
+    } : Omit<{
+        type: NumberConstructor;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["backgroundOpacity"] ? number : number | Defaults["backgroundOpacity"]>;
+        default: unknown extends Defaults["backgroundOpacity"] ? number : number | Defaults["backgroundOpacity"];
+    };
+    tag: unknown extends Defaults["tag"] ? {
+        type: PropType<string>;
+        default: string;
+    } : Omit<{
+        type: PropType<string>;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["tag"] ? string : string | Defaults["tag"]>;
+        default: unknown extends Defaults["tag"] ? string : string | Defaults["tag"];
+    };
+    dot: unknown extends Defaults["dot"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["dot"] ? boolean : boolean | Defaults["dot"]>;
+        default: unknown extends Defaults["dot"] ? boolean : boolean | Defaults["dot"];
+    };
+    bordered: unknown extends Defaults["bordered"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["bordered"] ? boolean : boolean | Defaults["bordered"]>;
+        default: unknown extends Defaults["bordered"] ? boolean : boolean | Defaults["bordered"];
+    };
+    floating: unknown extends Defaults["floating"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["floating"] ? boolean : boolean | Defaults["floating"]>;
+        default: unknown extends Defaults["floating"] ? boolean : boolean | Defaults["floating"];
+    };
+    inline: unknown extends Defaults["inline"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["inline"] ? boolean : boolean | Defaults["inline"]>;
+        default: unknown extends Defaults["inline"] ? boolean : boolean | Defaults["inline"];
+    };
+    icon: unknown extends Defaults["icon"] ? PropType<IconValue> : {
+        type: PropType<unknown extends Defaults["icon"] ? IconValue : NonNullable<IconValue> | Defaults["icon"]>;
+        default: unknown extends Defaults["icon"] ? IconValue : NonNullable<IconValue> | Defaults["icon"];
+    };
+    hide: unknown extends Defaults["hide"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["hide"] ? boolean : boolean | Defaults["hide"]>;
+        default: unknown extends Defaults["hide"] ? boolean : boolean | Defaults["hide"];
+    };
+    label: unknown extends Defaults["label"] ? {
+        type: StringConstructor;
+        default: string;
+    } : Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["label"] ? string : string | Defaults["label"]>;
+        default: unknown extends Defaults["label"] ? string : string | Defaults["label"];
+    };
+    content: unknown extends Defaults["content"] ? (NumberConstructor | StringConstructor)[] : {
+        type: PropType<unknown extends Defaults["content"] ? string | number : NonNullable<string | number> | Defaults["content"]>;
+        default: unknown extends Defaults["content"] ? string | number : NonNullable<string | number> | Defaults["content"];
+    };
+    max: unknown extends Defaults["max"] ? NumberConstructor : {
+        type: PropType<unknown extends Defaults["max"] ? number : number | Defaults["max"]>;
+        default: unknown extends Defaults["max"] ? number : number | Defaults["max"];
+    };
+    transition: unknown extends Defaults["transition"] ? {
+        type: StringConstructor;
+        default: string;
+    } : Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["transition"] ? string : string | Defaults["transition"]>;
+        default: unknown extends Defaults["transition"] ? string : string | Defaults["transition"];
+    };
+};
+export declare const YBadge: import('vue').DefineComponent<{
+    color: StringConstructor;
+    background: StringConstructor;
+    backgroundOpacity: {
+        type: NumberConstructor;
+    };
+    tag: {
+        type: PropType<string>;
+        default: string;
+    };
+    dot: BooleanConstructor;
+    bordered: BooleanConstructor;
+    floating: BooleanConstructor;
+    inline: BooleanConstructor;
+    icon: PropType<IconValue>;
+    hide: BooleanConstructor;
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    content: (NumberConstructor | StringConstructor)[];
+    max: NumberConstructor;
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+}, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string>;
+export type YBadge = InstanceType<typeof YBadge>;

package/types/src/components/badge/index.d.ts

@@ -0,0 +1 @@
+export * from './YBadge';

package/types/src/components/bench/YBench.d.ts

@@ -0,0 +1,4 @@
+/**
+ * # Base Component
+ */
+export declare const YBench: import('vue').DefineComponent<{}, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string>;

package/types/src/components/bench/index.d.ts

@@ -0,0 +1 @@
+export * from './YBench';

package/types/src/components/button/YButton.d.ts

@@ -0,0 +1,189 @@
+import { PropType } from 'vue';
+
+export declare const pressYButtonProps: <Defaults extends {
+    value?: unknown;
+    disabled?: unknown;
+    selectedClass?: unknown;
+    href?: unknown;
+    replace?: unknown;
+    to?: unknown;
+    exact?: unknown;
+    loading?: unknown;
+    active?: unknown;
+    injectSymbol?: unknown;
+    variation?: unknown;
+    small?: unknown;
+    icon?: unknown;
+    outlined?: unknown;
+    rounded?: unknown;
+    filled?: unknown;
+    color?: unknown;
+    noWave?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    value: unknown extends Defaults["value"] ? null : {
+        type: PropType<unknown extends Defaults["value"] ? any : any>;
+        default: unknown extends Defaults["value"] ? any : any;
+    };
+    disabled: unknown extends Defaults["disabled"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]>;
+        default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
+    };
+    selectedClass: unknown extends Defaults["selectedClass"] ? StringConstructor : {
+        type: PropType<unknown extends Defaults["selectedClass"] ? string : string | Defaults["selectedClass"]>;
+        default: unknown extends Defaults["selectedClass"] ? string : string | Defaults["selectedClass"];
+    };
+    href: unknown extends Defaults["href"] ? StringConstructor : {
+        type: PropType<unknown extends Defaults["href"] ? string : string | Defaults["href"]>;
+        default: unknown extends Defaults["href"] ? string : string | Defaults["href"];
+    };
+    replace: unknown extends Defaults["replace"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["replace"] ? boolean : boolean | Defaults["replace"]>;
+        default: unknown extends Defaults["replace"] ? boolean : boolean | Defaults["replace"];
+    };
+    to: unknown extends Defaults["to"] ? PropType<string | import('vue-router').RouteLocationAsRelativeGeneric | import('vue-router').RouteLocationAsPathGeneric> : {
+        type: PropType<unknown extends Defaults["to"] ? string | import('vue-router').RouteLocationAsRelativeGeneric | import('vue-router').RouteLocationAsPathGeneric : NonNullable<string | import('vue-router').RouteLocationAsRelativeGeneric | import('vue-router').RouteLocationAsPathGeneric> | Defaults["to"]>;
+        default: unknown extends Defaults["to"] ? string | import('vue-router').RouteLocationAsRelativeGeneric | import('vue-router').RouteLocationAsPathGeneric : NonNullable<string | import('vue-router').RouteLocationAsRelativeGeneric | import('vue-router').RouteLocationAsPathGeneric> | Defaults["to"];
+    };
+    exact: unknown extends Defaults["exact"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["exact"] ? boolean : boolean | Defaults["exact"]>;
+        default: unknown extends Defaults["exact"] ? boolean : boolean | Defaults["exact"];
+    };
+    loading: unknown extends Defaults["loading"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["loading"] ? boolean : boolean | Defaults["loading"]>;
+        default: unknown extends Defaults["loading"] ? boolean : boolean | Defaults["loading"];
+    };
+    active: unknown extends Defaults["active"] ? {
+        type: BooleanConstructor;
+        default: undefined;
+    } : Omit<{
+        type: BooleanConstructor;
+        default: undefined;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["active"] ? boolean : boolean | Defaults["active"]>;
+        default: unknown extends Defaults["active"] ? boolean : boolean | Defaults["active"];
+    };
+    injectSymbol: unknown extends Defaults["injectSymbol"] ? {
+        type: null;
+        default: import('vue').InjectionKey<import('../../composables/choice').ChoiceProvide>;
+    } : Omit<{
+        type: null;
+        default: import('vue').InjectionKey<import('../../composables/choice').ChoiceProvide>;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["injectSymbol"] ? any : any>;
+        default: unknown extends Defaults["injectSymbol"] ? any : any;
+    };
+    variation: unknown extends Defaults["variation"] ? {
+        type: PropType<string>;
+    } : Omit<{
+        type: PropType<string>;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["variation"] ? string : string | Defaults["variation"]>;
+        default: unknown extends Defaults["variation"] ? string : string | Defaults["variation"];
+    };
+    small: unknown extends Defaults["small"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["small"] ? boolean : boolean | Defaults["small"]>;
+        default: unknown extends Defaults["small"] ? boolean : boolean | Defaults["small"];
+    };
+    icon: unknown extends Defaults["icon"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["icon"] ? boolean : boolean | Defaults["icon"]>;
+        default: unknown extends Defaults["icon"] ? boolean : boolean | Defaults["icon"];
+    };
+    outlined: unknown extends Defaults["outlined"] ? {
+        type: BooleanConstructor;
+        default: boolean;
+    } : Omit<{
+        type: BooleanConstructor;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["outlined"] ? boolean : boolean | Defaults["outlined"]>;
+        default: unknown extends Defaults["outlined"] ? boolean : boolean | Defaults["outlined"];
+    };
+    rounded: unknown extends Defaults["rounded"] ? {
+        type: BooleanConstructor;
+        default: boolean;
+    } : Omit<{
+        type: BooleanConstructor;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["rounded"] ? boolean : boolean | Defaults["rounded"]>;
+        default: unknown extends Defaults["rounded"] ? boolean : boolean | Defaults["rounded"];
+    };
+    filled: unknown extends Defaults["filled"] ? {
+        type: BooleanConstructor;
+        default: boolean;
+    } : Omit<{
+        type: BooleanConstructor;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["filled"] ? boolean : boolean | Defaults["filled"]>;
+        default: unknown extends Defaults["filled"] ? boolean : boolean | Defaults["filled"];
+    };
+    color: unknown extends Defaults["color"] ? {
+        type: StringConstructor;
+    } : Omit<{
+        type: StringConstructor;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["color"] ? string : string | Defaults["color"]>;
+        default: unknown extends Defaults["color"] ? string : string | Defaults["color"];
+    };
+    noWave: unknown extends Defaults["noWave"] ? {
+        type: BooleanConstructor;
+        default: boolean;
+    } : Omit<{
+        type: BooleanConstructor;
+        default: boolean;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["noWave"] ? boolean : boolean | Defaults["noWave"]>;
+        default: unknown extends Defaults["noWave"] ? boolean : boolean | Defaults["noWave"];
+    };
+};
+export declare const YButton: import('vue').DefineComponent<{
+    value: null;
+    disabled: BooleanConstructor;
+    selectedClass: StringConstructor;
+    href: StringConstructor;
+    replace: BooleanConstructor;
+    to: PropType<import('vue-router').RouteLocationRaw>;
+    exact: BooleanConstructor;
+    loading: BooleanConstructor;
+    active: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    injectSymbol: {
+        type: null;
+        default: import('vue').InjectionKey<import('../../composables/choice').ChoiceProvide>;
+    };
+    variation: {
+        type: PropType<string>;
+    };
+    small: BooleanConstructor;
+    icon: BooleanConstructor;
+    outlined: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    filled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: StringConstructor;
+    };
+    noWave: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    link: import('../../composables/vue-router').UseLink;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => true;
+    'choice:selected': (choice: {
+        value: boolean;
+    }) => true;
+}, string>;
+export type YButton = InstanceType<typeof YButton>;

package/types/src/components/button/index.d.ts

@@ -0,0 +1 @@
+export * from './YButton';

package/types/src/components/card/YCard.d.ts

@@ -0,0 +1,9 @@
+import { PropType } from 'vue';
+
+export declare const YCard: import('vue').DefineComponent<{
+    theme: PropType<string>;
+    outline: {
+        type: PropType<boolean>;
+    };
+}, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string>;
+export type YCard = InstanceType<typeof YCard>;

package/types/src/components/card/YCardBody.d.ts

@@ -0,0 +1,2 @@
+export declare const YCardBody: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string>;
+export type YCardBody = InstanceType<typeof YCardBody>;

package/types/src/components/card/YCardFooter.d.ts

@@ -0,0 +1,2 @@
+export declare const YCardFooter: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string>;
+export type YCardFooter = InstanceType<typeof YCardFooter>;

package/types/src/components/card/YCardHeader.d.ts

@@ -0,0 +1,2 @@
+export declare const YCardHeader: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string>;
+export type YCardHeader = InstanceType<typeof YCardHeader>;

package/types/src/components/card/index.d.ts

@@ -0,0 +1,4 @@
+export * from './YCard';
+export * from './YCardBody';
+export * from './YCardFooter';
+export * from './YCardHeader';