yuyeon 0.2.1-rc.1 → 0.2.1-rc.10

package/lib/components/form/YForm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YForm.mjs","names":["defineComponent","ref","withKeys","useRender","createForm","pressFormPropsOptions","NAME","YForm","name","props","emits","val","submit","e","setup","_ref","emit","slots","expose","form","form$","formData","onSubmit","_e","validation","validate","then","bind","catch","finally","defaultPrevented","_ref2","valid","value","preventDefault","onKeydown","stopImmediatePropagation","_createVNode","default"],"sources":["../../../src/components/form/YForm.tsx"],"sourcesContent":["import { defineComponent, ref, withKeys } from 'vue';\n\nimport { useRender } from '../../composables';\nimport {\n  SubmitEventPromise,\n  createForm,\n  pressFormPropsOptions,\n} from '../../composables/form';\n\nconst NAME = 'y-form';\n\nexport const YForm = defineComponent({\n  name: 'YForm',\n  props: {\n    ...pressFormPropsOptions(),\n  },\n  emits: {\n    'update:modelValue': (val: boolean | null) => true,\n    submit: (e: SubmitEventPromise) => true,\n    'keydown.enter': (e: Event) => true,\n  },\n  setup(props, { emit, slots, expose }) {\n    const form = createForm(props);\n    const form$ = ref<HTMLFormElement>();\n    // TODO: naming formData from form composition\n    const formData = ref();\n\n    function onSubmit(_e: Event) {\n      const e = _e as SubmitEventPromise;\n\n      const validation = form.validate();\n      e.then = validation.then.bind(validation);\n      e.catch = validation.catch.bind(validation);\n      e.finally = validation.finally.bind(validation);\n\n      emit('submit', e);\n\n      if (!e.defaultPrevented) {\n        validation.then(({ valid }) => {\n          if (valid) {\n            form$.value?.submit();\n          }\n        });\n      }\n      e.preventDefault();\n    }\n\n    function onKeydown(e: Event) {\n      e.preventDefault();\n      e.stopImmediatePropagation();\n      emit('keydown.enter', e);\n    }\n\n    expose({\n      ...form,\n    });\n\n    useRender(() => {\n      return (\n        <form\n          ref={form$}\n          class={[NAME]}\n          novalidate\n          onSubmit={onSubmit}\n          onKeydown={withKeys(onKeydown, ['enter'])}\n        >\n          {slots.default?.()}\n        </form>\n      );\n    });\n  },\n});\n\nexport type YForm = InstanceType<typeof YForm>;\n"],"mappings":";AAAA,SAASA,eAAe,EAAEC,GAAG,EAAEC,QAAQ,QAAQ,KAAK;AAAC,SAE5CC,SAAS;AAAA,SAGhBC,UAAU,EACVC,qBAAqB;AAGvB,MAAMC,IAAI,GAAG,QAAQ;AAErB,OAAO,MAAMC,KAAK,GAAGP,eAAe,CAAC;EACnCQ,IAAI,EAAE,OAAO;EACbC,KAAK,EAAE;IACL,GAAGJ,qBAAqB,CAAC;EAC3B,CAAC;EACDK,KAAK,EAAE;IACL,mBAAmB,EAAGC,GAAmB,IAAK,IAAI;IAClDC,MAAM,EAAGC,CAAqB,IAAK,IAAI;IACvC,eAAe,EAAGA,CAAQ,IAAK;EACjC,CAAC;EACDC,KAAKA,CAACL,KAAK,EAAAM,IAAA,EAA2B;IAAA,IAAzB;MAAEC,IAAI;MAAEC,KAAK;MAAEC;IAAO,CAAC,GAAAH,IAAA;IAClC,MAAMI,IAAI,GAAGf,UAAU,CAACK,KAAK,CAAC;IAC9B,MAAMW,KAAK,GAAGnB,GAAG,CAAkB,CAAC;IACpC;IACA,MAAMoB,QAAQ,GAAGpB,GAAG,CAAC,CAAC;IAEtB,SAASqB,QAAQA,CAACC,EAAS,EAAE;MAC3B,MAAMV,CAAC,GAAGU,EAAwB;MAElC,MAAMC,UAAU,GAAGL,IAAI,CAACM,QAAQ,CAAC,CAAC;MAClCZ,CAAC,CAACa,IAAI,GAAGF,UAAU,CAACE,IAAI,CAACC,IAAI,CAACH,UAAU,CAAC;MACzCX,CAAC,CAACe,KAAK,GAAGJ,UAAU,CAACI,KAAK,CAACD,IAAI,CAACH,UAAU,CAAC;MAC3CX,CAAC,CAACgB,OAAO,GAAGL,UAAU,CAACK,OAAO,CAACF,IAAI,CAACH,UAAU,CAAC;MAE/CR,IAAI,CAAC,QAAQ,EAAEH,CAAC,CAAC;MAEjB,IAAI,CAACA,CAAC,CAACiB,gBAAgB,EAAE;QACvBN,UAAU,CAACE,IAAI,CAACK,KAAA,IAAe;UAAA,IAAd;YAAEC;UAAM,CAAC,GAAAD,KAAA;UACxB,IAAIC,KAAK,EAAE;YACTZ,KAAK,CAACa,KAAK,EAAErB,MAAM,CAAC,CAAC;UACvB;QACF,CAAC,CAAC;MACJ;MACAC,CAAC,CAACqB,cAAc,CAAC,CAAC;IACpB;IAEA,SAASC,SAASA,CAACtB,CAAQ,EAAE;MAC3BA,CAAC,CAACqB,cAAc,CAAC,CAAC;MAClBrB,CAAC,CAACuB,wBAAwB,CAAC,CAAC;MAC5BpB,IAAI,CAAC,eAAe,EAAEH,CAAC,CAAC;IAC1B;IAEAK,MAAM,CAAC;MACL,GAAGC;IACL,CAAC,CAAC;IAEFhB,SAAS,CAAC,MAAM;MACd,OAAAkC,YAAA;QAAA,OAESjB,KAAK;QAAA,SACH,CAACd,IAAI,CAAC;QAAA;QAAA,YAEHgB,QAAQ;QAAA,aACPpB,QAAQ,CAACiC,SAAS,EAAE,CAAC,OAAO,CAAC;MAAC,IAExClB,KAAK,CAACqB,OAAO,GAAG,CAAC;IAGxB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}
+{"version":3,"file":"YForm.mjs","names":["ref","withKeys","useRender","createForm","pressFormPropsOptions","defineComponent","NAME","YForm","name","props","emits","val","submit","e","setup","_ref","emit","slots","expose","form","form$","formData","onSubmit","_e","validation","validate","then","bind","catch","finally","defaultPrevented","_ref2","valid","value","preventDefault","onKeydown","stopImmediatePropagation","_createVNode","default"],"sources":["../../../src/components/form/YForm.tsx"],"sourcesContent":["import { ref, withKeys } from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport {\n  SubmitEventPromise,\n  createForm,\n  pressFormPropsOptions,\n} from '@/composables/form';\nimport { defineComponent } from '@/util/component';\n\nconst NAME = 'y-form';\n\nexport const YForm = defineComponent({\n  name: 'YForm',\n  props: {\n    ...pressFormPropsOptions(),\n  },\n  emits: {\n    'update:modelValue': (val: boolean | null) => true,\n    submit: (e: SubmitEventPromise) => true,\n    'keydown.enter': (e: Event) => true,\n  },\n  setup(props, { emit, slots, expose }) {\n    const form = createForm(props);\n    const form$ = ref<HTMLFormElement>();\n    // TODO: naming formData from form composition\n    const formData = ref();\n\n    function onSubmit(_e: Event) {\n      const e = _e as SubmitEventPromise;\n\n      const validation = form.validate();\n      e.then = validation.then.bind(validation);\n      e.catch = validation.catch.bind(validation);\n      e.finally = validation.finally.bind(validation);\n\n      emit('submit', e);\n\n      if (!e.defaultPrevented) {\n        validation.then(({ valid }) => {\n          if (valid) {\n            form$.value?.submit();\n          }\n        });\n      }\n      e.preventDefault();\n    }\n\n    function onKeydown(e: Event) {\n      e.preventDefault();\n      e.stopImmediatePropagation();\n      emit('keydown.enter', e);\n    }\n\n    expose({\n      ...form,\n    });\n\n    useRender(() => {\n      return (\n        <form\n          ref={form$}\n          class={[NAME]}\n          novalidate\n          onSubmit={onSubmit}\n          onKeydown={withKeys(onKeydown, ['enter'])}\n        >\n          {slots.default?.()}\n        </form>\n      );\n    });\n  },\n});\n\nexport type YForm = InstanceType<typeof YForm>;\n"],"mappings":";AAAA,SAASA,GAAG,EAAEC,QAAQ,QAAQ,KAAK;AAAC,SAE3BC,SAAS;AAAA,SAGhBC,UAAU,EACVC,qBAAqB;AAAA,SAEdC,eAAe;AAExB,MAAMC,IAAI,GAAG,QAAQ;AAErB,OAAO,MAAMC,KAAK,GAAGF,eAAe,CAAC;EACnCG,IAAI,EAAE,OAAO;EACbC,KAAK,EAAE;IACL,GAAGL,qBAAqB,CAAC;EAC3B,CAAC;EACDM,KAAK,EAAE;IACL,mBAAmB,EAAGC,GAAmB,IAAK,IAAI;IAClDC,MAAM,EAAGC,CAAqB,IAAK,IAAI;IACvC,eAAe,EAAGA,CAAQ,IAAK;EACjC,CAAC;EACDC,KAAKA,CAACL,KAAK,EAAAM,IAAA,EAA2B;IAAA,IAAzB;MAAEC,IAAI;MAAEC,KAAK;MAAEC;IAAO,CAAC,GAAAH,IAAA;IAClC,MAAMI,IAAI,GAAGhB,UAAU,CAACM,KAAK,CAAC;IAC9B,MAAMW,KAAK,GAAGpB,GAAG,CAAkB,CAAC;IACpC;IACA,MAAMqB,QAAQ,GAAGrB,GAAG,CAAC,CAAC;IAEtB,SAASsB,QAAQA,CAACC,EAAS,EAAE;MAC3B,MAAMV,CAAC,GAAGU,EAAwB;MAElC,MAAMC,UAAU,GAAGL,IAAI,CAACM,QAAQ,CAAC,CAAC;MAClCZ,CAAC,CAACa,IAAI,GAAGF,UAAU,CAACE,IAAI,CAACC,IAAI,CAACH,UAAU,CAAC;MACzCX,CAAC,CAACe,KAAK,GAAGJ,UAAU,CAACI,KAAK,CAACD,IAAI,CAACH,UAAU,CAAC;MAC3CX,CAAC,CAACgB,OAAO,GAAGL,UAAU,CAACK,OAAO,CAACF,IAAI,CAACH,UAAU,CAAC;MAE/CR,IAAI,CAAC,QAAQ,EAAEH,CAAC,CAAC;MAEjB,IAAI,CAACA,CAAC,CAACiB,gBAAgB,EAAE;QACvBN,UAAU,CAACE,IAAI,CAACK,KAAA,IAAe;UAAA,IAAd;YAAEC;UAAM,CAAC,GAAAD,KAAA;UACxB,IAAIC,KAAK,EAAE;YACTZ,KAAK,CAACa,KAAK,EAAErB,MAAM,CAAC,CAAC;UACvB;QACF,CAAC,CAAC;MACJ;MACAC,CAAC,CAACqB,cAAc,CAAC,CAAC;IACpB;IAEA,SAASC,SAASA,CAACtB,CAAQ,EAAE;MAC3BA,CAAC,CAACqB,cAAc,CAAC,CAAC;MAClBrB,CAAC,CAACuB,wBAAwB,CAAC,CAAC;MAC5BpB,IAAI,CAAC,eAAe,EAAEH,CAAC,CAAC;IAC1B;IAEAK,MAAM,CAAC;MACL,GAAGC;IACL,CAAC,CAAC;IAEFjB,SAAS,CAAC,MAAM;MACd,OAAAmC,YAAA;QAAA,OAESjB,KAAK;QAAA,SACH,CAACd,IAAI,CAAC;QAAA;QAAA,YAEHgB,QAAQ;QAAA,aACPrB,QAAQ,CAACkC,SAAS,EAAE,CAAC,OAAO,CAAC;MAAC,IAExClB,KAAK,CAACqB,OAAO,GAAG,CAAC;IAGxB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

package/lib/components/hover/YHover.mjs

@@ -1,9 +1,9 @@
 import { createVNode as _createVNode, Fragment as _Fragment } from "vue";
-import { defineComponent, ref, watch } from 'vue';
+import { ref, watch } from 'vue';
 import { useModelDuplex } from 'yuyeon/composables';
 import { useRender } from "../../composables/component.mjs";
 import { useDelay } from "../../composables/timing.mjs";
-import { propsFactory } from "../../util/index.mjs";
+import { defineComponent, propsFactory } from "../../util/component/index.mjs";
 export const pressYHoverPropsOptions = propsFactory({
   disabled: Boolean,
   modelValue: {

package/lib/components/hover/YHover.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YHover.mjs","names":["defineComponent","ref","watch","useModelDuplex","useRender","useDelay","propsFactory","pressYHoverPropsOptions","disabled","Boolean","modelValue","type","default","undefined","openDelay","Number","closeDelay","YHover","name","props","emits","setup","_ref","slots","emit","isHovering","startOpenDelay","startCloseDelay","value","defaultSlot","neo","onMouseenter","onMouseleave","_createVNode","_Fragment"],"sources":["../../../src/components/hover/YHover.tsx"],"sourcesContent":["import { defineComponent, ref, watch } from 'vue';\nimport { useModelDuplex } from 'yuyeon/composables';\n\nimport { useRender } from '../../composables/component';\nimport { useDelay } from '../../composables/timing';\nimport { propsFactory } from '../../util';\n\nexport const pressYHoverPropsOptions = propsFactory(\n  {\n    disabled: Boolean,\n    modelValue: {\n      type: Boolean,\n      default: undefined,\n    },\n    openDelay: {\n      type: Number,\n      default: 100,\n    },\n    closeDelay: {\n      type: Number,\n      default: 100,\n    },\n  },\n  'YHover',\n);\n\nexport const YHover = defineComponent({\n  name: 'YHover',\n  props: pressYHoverPropsOptions(),\n  emits: ['update:modelValue', 'hover'],\n  setup(props, { slots, emit }) {\n    const isHovering = useModelDuplex(props, 'modelValue');\n    const { startOpenDelay, startCloseDelay } = useDelay(\n      props,\n      (value: any) => {\n        !props.disabled && (isHovering.value = value);\n      },\n    );\n\n    const defaultSlot = ref<any>();\n\n    watch(isHovering, (neo) => {\n      emit('hover', neo, defaultSlot);\n    });\n\n    useRender(() => {\n      defaultSlot.value = slots.default?.({\n        isHovering: isHovering.value,\n        props: {\n          onMouseenter: () => startOpenDelay(),\n          onMouseleave: () => startCloseDelay(),\n        },\n      });\n      return <>{defaultSlot.value}</>;\n    });\n  },\n});\n\nexport type YHover = InstanceType<typeof YHover>;\n"],"mappings":";AAAA,SAASA,eAAe,EAAEC,GAAG,EAAEC,KAAK,QAAQ,KAAK;AACjD,SAASC,cAAc,QAAQ,oBAAoB;AAAC,SAE3CC,SAAS;AAAA,SACTC,QAAQ;AAAA,SACRC,YAAY;AAErB,OAAO,MAAMC,uBAAuB,GAAGD,YAAY,CACjD;EACEE,QAAQ,EAAEC,OAAO;EACjBC,UAAU,EAAE;IACVC,IAAI,EAAEF,OAAO;IACbG,OAAO,EAAEC;EACX,CAAC;EACDC,SAAS,EAAE;IACTH,IAAI,EAAEI,MAAM;IACZH,OAAO,EAAE;EACX,CAAC;EACDI,UAAU,EAAE;IACVL,IAAI,EAAEI,MAAM;IACZH,OAAO,EAAE;EACX;AACF,CAAC,EACD,QACF,CAAC;AAED,OAAO,MAAMK,MAAM,GAAGjB,eAAe,CAAC;EACpCkB,IAAI,EAAE,QAAQ;EACdC,KAAK,EAAEZ,uBAAuB,CAAC,CAAC;EAChCa,KAAK,EAAE,CAAC,mBAAmB,EAAE,OAAO,CAAC;EACrCC,KAAKA,CAACF,KAAK,EAAAG,IAAA,EAAmB;IAAA,IAAjB;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAAF,IAAA;IAC1B,MAAMG,UAAU,GAAGtB,cAAc,CAACgB,KAAK,EAAE,YAAY,CAAC;IACtD,MAAM;MAAEO,cAAc;MAAEC;IAAgB,CAAC,GAAGtB,QAAQ,CAClDc,KAAK,EACJS,KAAU,IAAK;MACd,CAACT,KAAK,CAACX,QAAQ,KAAKiB,UAAU,CAACG,KAAK,GAAGA,KAAK,CAAC;IAC/C,CACF,CAAC;IAED,MAAMC,WAAW,GAAG5B,GAAG,CAAM,CAAC;IAE9BC,KAAK,CAACuB,UAAU,EAAGK,GAAG,IAAK;MACzBN,IAAI,CAAC,OAAO,EAAEM,GAAG,EAAED,WAAW,CAAC;IACjC,CAAC,CAAC;IAEFzB,SAAS,CAAC,MAAM;MACdyB,WAAW,CAACD,KAAK,GAAGL,KAAK,CAACX,OAAO,GAAG;QAClCa,UAAU,EAAEA,UAAU,CAACG,KAAK;QAC5BT,KAAK,EAAE;UACLY,YAAY,EAAEA,CAAA,KAAML,cAAc,CAAC,CAAC;UACpCM,YAAY,EAAEA,CAAA,KAAML,eAAe,CAAC;QACtC;MACF,CAAC,CAAC;MACF,OAAAM,YAAA,CAAAC,SAAA,SAAUL,WAAW,CAACD,KAAK;IAC7B,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}
+{"version":3,"file":"YHover.mjs","names":["ref","watch","useModelDuplex","useRender","useDelay","defineComponent","propsFactory","pressYHoverPropsOptions","disabled","Boolean","modelValue","type","default","undefined","openDelay","Number","closeDelay","YHover","name","props","emits","setup","_ref","slots","emit","isHovering","startOpenDelay","startCloseDelay","value","defaultSlot","neo","onMouseenter","onMouseleave","_createVNode","_Fragment"],"sources":["../../../src/components/hover/YHover.tsx"],"sourcesContent":["import { ref, watch } from 'vue';\nimport { useModelDuplex } from 'yuyeon/composables';\n\nimport { useRender } from '@/composables/component';\nimport { useDelay } from '@/composables/timing';\nimport { defineComponent, propsFactory } from '@/util/component';\n\nexport const pressYHoverPropsOptions = propsFactory(\n  {\n    disabled: Boolean,\n    modelValue: {\n      type: Boolean,\n      default: undefined,\n    },\n    openDelay: {\n      type: Number,\n      default: 100,\n    },\n    closeDelay: {\n      type: Number,\n      default: 100,\n    },\n  },\n  'YHover',\n);\n\nexport const YHover = defineComponent({\n  name: 'YHover',\n  props: pressYHoverPropsOptions(),\n  emits: ['update:modelValue', 'hover'],\n  setup(props, { slots, emit }) {\n    const isHovering = useModelDuplex(props, 'modelValue');\n    const { startOpenDelay, startCloseDelay } = useDelay(\n      props,\n      (value: any) => {\n        !props.disabled && (isHovering.value = value);\n      },\n    );\n\n    const defaultSlot = ref<any>();\n\n    watch(isHovering, (neo) => {\n      emit('hover', neo, defaultSlot);\n    });\n\n    useRender(() => {\n      defaultSlot.value = slots.default?.({\n        isHovering: isHovering.value,\n        props: {\n          onMouseenter: () => startOpenDelay(),\n          onMouseleave: () => startCloseDelay(),\n        },\n      });\n      return <>{defaultSlot.value}</>;\n    });\n  },\n});\n\nexport type YHover = InstanceType<typeof YHover>;\n"],"mappings":";AAAA,SAASA,GAAG,EAAEC,KAAK,QAAQ,KAAK;AAChC,SAASC,cAAc,QAAQ,oBAAoB;AAAC,SAE3CC,SAAS;AAAA,SACTC,QAAQ;AAAA,SACRC,eAAe,EAAEC,YAAY;AAEtC,OAAO,MAAMC,uBAAuB,GAAGD,YAAY,CACjD;EACEE,QAAQ,EAAEC,OAAO;EACjBC,UAAU,EAAE;IACVC,IAAI,EAAEF,OAAO;IACbG,OAAO,EAAEC;EACX,CAAC;EACDC,SAAS,EAAE;IACTH,IAAI,EAAEI,MAAM;IACZH,OAAO,EAAE;EACX,CAAC;EACDI,UAAU,EAAE;IACVL,IAAI,EAAEI,MAAM;IACZH,OAAO,EAAE;EACX;AACF,CAAC,EACD,QACF,CAAC;AAED,OAAO,MAAMK,MAAM,GAAGZ,eAAe,CAAC;EACpCa,IAAI,EAAE,QAAQ;EACdC,KAAK,EAAEZ,uBAAuB,CAAC,CAAC;EAChCa,KAAK,EAAE,CAAC,mBAAmB,EAAE,OAAO,CAAC;EACrCC,KAAKA,CAACF,KAAK,EAAAG,IAAA,EAAmB;IAAA,IAAjB;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAAF,IAAA;IAC1B,MAAMG,UAAU,GAAGvB,cAAc,CAACiB,KAAK,EAAE,YAAY,CAAC;IACtD,MAAM;MAAEO,cAAc;MAAEC;IAAgB,CAAC,GAAGvB,QAAQ,CAClDe,KAAK,EACJS,KAAU,IAAK;MACd,CAACT,KAAK,CAACX,QAAQ,KAAKiB,UAAU,CAACG,KAAK,GAAGA,KAAK,CAAC;IAC/C,CACF,CAAC;IAED,MAAMC,WAAW,GAAG7B,GAAG,CAAM,CAAC;IAE9BC,KAAK,CAACwB,UAAU,EAAGK,GAAG,IAAK;MACzBN,IAAI,CAAC,OAAO,EAAEM,GAAG,EAAED,WAAW,CAAC;IACjC,CAAC,CAAC;IAEF1B,SAAS,CAAC,MAAM;MACd0B,WAAW,CAACD,KAAK,GAAGL,KAAK,CAACX,OAAO,GAAG;QAClCa,UAAU,EAAEA,UAAU,CAACG,KAAK;QAC5BT,KAAK,EAAE;UACLY,YAAY,EAAEA,CAAA,KAAML,cAAc,CAAC,CAAC;UACpCM,YAAY,EAAEA,CAAA,KAAML,eAAe,CAAC;QACtC;MACF,CAAC,CAAC;MACF,OAAAM,YAAA,CAAAC,SAAA,SAAUL,WAAW,CAACD,KAAK;IAC7B,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

package/lib/components/hover/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/hover/index.ts"],"sourcesContent":["export * from './YHover';\r\n"],"mappings":""}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/hover/index.ts"],"sourcesContent":["export * from './YHover';\n"],"mappings":""}

package/lib/components/icon/YIcon.mjs

@@ -1,10 +1,11 @@
 import { createVNode as _createVNode } from "vue";
-import { computed, defineComponent, ref } from 'vue';
+import { computed, ref } from 'vue';
 import { useRender } from "../../composables/component.mjs";
 import { IconValue, useIcon } from "../../composables/icon.mjs";
 import { pressThemePropsOptions, useLocalTheme } from "../../composables/theme/index.mjs";
-import { toStyleSizeValue } from "../../util/index.mjs";
+import { defineComponent } from "../../util/component/index.mjs";
 import { propsFactory } from "../../util/component/index.mjs";
+import { toStyleSizeValue } from "../../util/ui.mjs";
 import "./YIcon.scss";
 export const pressYIconPropsOptions = propsFactory({
   color: String,

package/lib/components/icon/YIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YIcon.mjs","names":["computed","defineComponent","ref","useRender","IconValue","useIcon","pressThemePropsOptions","useLocalTheme","toStyleSizeValue","propsFactory","pressYIconPropsOptions","color","String","gap","icon","tag","type","default","size","Number","class","Array","YIcon","name","props","setup","_ref","attrs","slots","iconCode","themeClasses","iconData","value","defaultSlot","filter","node","Text","children","_createVNode","component","onClick","fontSize","width","height","undefined"],"sources":["../../../src/components/icon/YIcon.tsx"],"sourcesContent":["import { PropType, computed, defineComponent, ref } from 'vue';\r\n\r\nimport { useRender } from '../../composables/component';\r\nimport { IconValue, useIcon } from '../../composables/icon';\r\nimport { pressThemePropsOptions, useLocalTheme } from '../../composables/theme';\r\nimport { toStyleSizeValue } from '../../util';\r\nimport { propsFactory } from '../../util/component';\r\n\r\nimport './YIcon.scss';\r\n\r\nexport const pressYIconPropsOptions = propsFactory(\r\n  {\r\n    color: String,\r\n    gap: String,\r\n    icon: IconValue,\r\n    tag: {\r\n      type: String,\r\n      default: 'i',\r\n    },\r\n    size: {\r\n      type: [String, Number],\r\n    },\r\n    class: [String, Array] as PropType<any>,\r\n    ...pressThemePropsOptions(),\r\n  },\r\n  'YIcon',\r\n);\r\n\r\nexport const YIcon = defineComponent({\r\n  name: 'YIcon',\r\n  props: pressYIconPropsOptions(),\r\n  setup(props, { attrs, slots }) {\r\n    const iconCode = ref<string>();\r\n\r\n    const { themeClasses } = useLocalTheme(props);\r\n    const { iconData } = useIcon(computed(() => iconCode.value || props.icon));\r\n\r\n    useRender(() => {\r\n      const defaultSlot = slots.default?.();\r\n      if (defaultSlot) {\r\n        iconCode.value = defaultSlot.filter(\r\n          (node) =>\r\n            node.type === Text &&\r\n            node.children &&\r\n            typeof node.children === 'string',\r\n        )[0]?.children as string;\r\n      }\r\n\r\n      return (\r\n        <iconData.value.component\r\n          tag={props.tag}\r\n          icon={iconData.value.icon}\r\n          class={[\r\n            'y-icon',\r\n            'notranslate',\r\n            themeClasses.value,\r\n            {\r\n              'y-icon--clickable': !!attrs.onClick,\r\n            },\r\n            props.class,\r\n          ]}\r\n          style={{\r\n            fontSize: toStyleSizeValue(props.size),\r\n            width: toStyleSizeValue(props.size),\r\n            height: toStyleSizeValue(props.size),\r\n          }}\r\n          role={attrs.onClick ? 'button' : undefined}\r\n          aria-hidden={!attrs.onClick}\r\n        >\r\n          {defaultSlot}\r\n        </iconData.value.component>\r\n      );\r\n    });\r\n  },\r\n});\r\n\r\nexport type YIconIconProp = IconValue & Omit<PropType<YIcon['$props']>, 'icon'>;\r\n\r\nexport type YIcon = InstanceType<typeof YIcon>;\r\n"],"mappings":";AAAA,SAAmBA,QAAQ,EAAEC,eAAe,EAAEC,GAAG,QAAQ,KAAK;AAAC,SAEtDC,SAAS;AAAA,SACTC,SAAS,EAAEC,OAAO;AAAA,SAClBC,sBAAsB,EAAEC,aAAa;AAAA,SACrCC,gBAAgB;AAAA,SAChBC,YAAY;AAErB;AAEA,OAAO,MAAMC,sBAAsB,GAAGD,YAAY,CAChD;EACEE,KAAK,EAAEC,MAAM;EACbC,GAAG,EAAED,MAAM;EACXE,IAAI,EAAEV,SAAS;EACfW,GAAG,EAAE;IACHC,IAAI,EAAEJ,MAAM;IACZK,OAAO,EAAE;EACX,CAAC;EACDC,IAAI,EAAE;IACJF,IAAI,EAAE,CAACJ,MAAM,EAAEO,MAAM;EACvB,CAAC;EACDC,KAAK,EAAE,CAACR,MAAM,EAAES,KAAK,CAAkB;EACvC,GAAGf,sBAAsB,CAAC;AAC5B,CAAC,EACD,OACF,CAAC;AAED,OAAO,MAAMgB,KAAK,GAAGrB,eAAe,CAAC;EACnCsB,IAAI,EAAE,OAAO;EACbC,KAAK,EAAEd,sBAAsB,CAAC,CAAC;EAC/Be,KAAKA,CAACD,KAAK,EAAAE,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC3B,MAAMG,QAAQ,GAAG3B,GAAG,CAAS,CAAC;IAE9B,MAAM;MAAE4B;IAAa,CAAC,GAAGvB,aAAa,CAACiB,KAAK,CAAC;IAC7C,MAAM;MAAEO;IAAS,CAAC,GAAG1B,OAAO,CAACL,QAAQ,CAAC,MAAM6B,QAAQ,CAACG,KAAK,IAAIR,KAAK,CAACV,IAAI,CAAC,CAAC;IAE1EX,SAAS,CAAC,MAAM;MACd,MAAM8B,WAAW,GAAGL,KAAK,CAACX,OAAO,GAAG,CAAC;MACrC,IAAIgB,WAAW,EAAE;QACfJ,QAAQ,CAACG,KAAK,GAAGC,WAAW,CAACC,MAAM,CAChCC,IAAI,IACHA,IAAI,CAACnB,IAAI,KAAKoB,IAAI,IAClBD,IAAI,CAACE,QAAQ,IACb,OAAOF,IAAI,CAACE,QAAQ,KAAK,QAC7B,CAAC,CAAC,CAAC,CAAC,EAAEA,QAAkB;MAC1B;MAEA,OAAAC,YAAA,CAAAP,QAAA,CAAAC,KAAA,CAAAO,SAAA;QAAA,OAESf,KAAK,CAACT,GAAG;QAAA,QACRgB,QAAQ,CAACC,KAAK,CAAClB,IAAI;QAAA,SAClB,CACL,QAAQ,EACR,aAAa,EACbgB,YAAY,CAACE,KAAK,EAClB;UACE,mBAAmB,EAAE,CAAC,CAACL,KAAK,CAACa;QAC/B,CAAC,EACDhB,KAAK,CAACJ,KAAK,CACZ;QAAA,SACM;UACLqB,QAAQ,EAAEjC,gBAAgB,CAACgB,KAAK,CAACN,IAAI,CAAC;UACtCwB,KAAK,EAAElC,gBAAgB,CAACgB,KAAK,CAACN,IAAI,CAAC;UACnCyB,MAAM,EAAEnC,gBAAgB,CAACgB,KAAK,CAACN,IAAI;QACrC,CAAC;QAAA,QACKS,KAAK,CAACa,OAAO,GAAG,QAAQ,GAAGI,SAAS;QAAA,eAC7B,CAACjB,KAAK,CAACa;MAAO;QAAAvB,OAAA,EAAAA,CAAA,MAE1BgB,WAAW;MAAA;IAGlB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}
+{"version":3,"file":"YIcon.mjs","names":["computed","ref","useRender","IconValue","useIcon","pressThemePropsOptions","useLocalTheme","defineComponent","propsFactory","toStyleSizeValue","pressYIconPropsOptions","color","String","gap","icon","tag","type","default","size","Number","class","Array","YIcon","name","props","setup","_ref","attrs","slots","iconCode","themeClasses","iconData","value","defaultSlot","filter","node","Text","children","_createVNode","component","onClick","fontSize","width","height","undefined"],"sources":["../../../src/components/icon/YIcon.tsx"],"sourcesContent":["import { type PropType, computed, ref } from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { IconValue, useIcon } from '@/composables/icon';\nimport { pressThemePropsOptions, useLocalTheme } from '@/composables/theme';\nimport { defineComponent } from '@/util/component';\nimport { propsFactory } from '@/util/component';\nimport { toStyleSizeValue } from '@/util/ui';\n\nimport './YIcon.scss';\n\nexport const pressYIconPropsOptions = propsFactory(\n  {\n    color: String,\n    gap: String,\n    icon: IconValue,\n    tag: {\n      type: String,\n      default: 'i',\n    },\n    size: {\n      type: [String, Number],\n    },\n    class: [String, Array] as PropType<any>,\n    ...pressThemePropsOptions(),\n  },\n  'YIcon',\n);\n\nexport const YIcon = defineComponent({\n  name: 'YIcon',\n  props: pressYIconPropsOptions(),\n  setup(props, { attrs, slots }) {\n    const iconCode = ref<string>();\n\n    const { themeClasses } = useLocalTheme(props);\n    const { iconData } = useIcon(computed(() => iconCode.value || props.icon));\n\n    useRender(() => {\n      const defaultSlot = slots.default?.();\n      if (defaultSlot) {\n        iconCode.value = defaultSlot.filter(\n          (node) =>\n            node.type === Text &&\n            node.children &&\n            typeof node.children === 'string',\n        )[0]?.children as string;\n      }\n\n      return (\n        <iconData.value.component\n          tag={props.tag}\n          icon={iconData.value.icon}\n          class={[\n            'y-icon',\n            'notranslate',\n            themeClasses.value,\n            {\n              'y-icon--clickable': !!attrs.onClick,\n            },\n            props.class,\n          ]}\n          style={{\n            fontSize: toStyleSizeValue(props.size),\n            width: toStyleSizeValue(props.size),\n            height: toStyleSizeValue(props.size),\n          }}\n          role={attrs.onClick ? 'button' : undefined}\n          aria-hidden={!attrs.onClick}\n        >\n          {defaultSlot}\n        </iconData.value.component>\n      );\n    });\n  },\n});\n\nexport type YIconIconProp = IconValue & Omit<PropType<YIcon['$props']>, 'icon'>;\n\nexport type YIcon = InstanceType<typeof YIcon>;\n"],"mappings":";AAAA,SAAwBA,QAAQ,EAAEC,GAAG,QAAQ,KAAK;AAAC,SAE1CC,SAAS;AAAA,SACTC,SAAS,EAAEC,OAAO;AAAA,SAClBC,sBAAsB,EAAEC,aAAa;AAAA,SACrCC,eAAe;AAAA,SACfC,YAAY;AAAA,SACZC,gBAAgB;AAEzB;AAEA,OAAO,MAAMC,sBAAsB,GAAGF,YAAY,CAChD;EACEG,KAAK,EAAEC,MAAM;EACbC,GAAG,EAAED,MAAM;EACXE,IAAI,EAAEX,SAAS;EACfY,GAAG,EAAE;IACHC,IAAI,EAAEJ,MAAM;IACZK,OAAO,EAAE;EACX,CAAC;EACDC,IAAI,EAAE;IACJF,IAAI,EAAE,CAACJ,MAAM,EAAEO,MAAM;EACvB,CAAC;EACDC,KAAK,EAAE,CAACR,MAAM,EAAES,KAAK,CAAkB;EACvC,GAAGhB,sBAAsB,CAAC;AAC5B,CAAC,EACD,OACF,CAAC;AAED,OAAO,MAAMiB,KAAK,GAAGf,eAAe,CAAC;EACnCgB,IAAI,EAAE,OAAO;EACbC,KAAK,EAAEd,sBAAsB,CAAC,CAAC;EAC/Be,KAAKA,CAACD,KAAK,EAAAE,IAAA,EAAoB;IAAA,IAAlB;MAAEC,KAAK;MAAEC;IAAM,CAAC,GAAAF,IAAA;IAC3B,MAAMG,QAAQ,GAAG5B,GAAG,CAAS,CAAC;IAE9B,MAAM;MAAE6B;IAAa,CAAC,GAAGxB,aAAa,CAACkB,KAAK,CAAC;IAC7C,MAAM;MAAEO;IAAS,CAAC,GAAG3B,OAAO,CAACJ,QAAQ,CAAC,MAAM6B,QAAQ,CAACG,KAAK,IAAIR,KAAK,CAACV,IAAI,CAAC,CAAC;IAE1EZ,SAAS,CAAC,MAAM;MACd,MAAM+B,WAAW,GAAGL,KAAK,CAACX,OAAO,GAAG,CAAC;MACrC,IAAIgB,WAAW,EAAE;QACfJ,QAAQ,CAACG,KAAK,GAAGC,WAAW,CAACC,MAAM,CAChCC,IAAI,IACHA,IAAI,CAACnB,IAAI,KAAKoB,IAAI,IAClBD,IAAI,CAACE,QAAQ,IACb,OAAOF,IAAI,CAACE,QAAQ,KAAK,QAC7B,CAAC,CAAC,CAAC,CAAC,EAAEA,QAAkB;MAC1B;MAEA,OAAAC,YAAA,CAAAP,QAAA,CAAAC,KAAA,CAAAO,SAAA;QAAA,OAESf,KAAK,CAACT,GAAG;QAAA,QACRgB,QAAQ,CAACC,KAAK,CAAClB,IAAI;QAAA,SAClB,CACL,QAAQ,EACR,aAAa,EACbgB,YAAY,CAACE,KAAK,EAClB;UACE,mBAAmB,EAAE,CAAC,CAACL,KAAK,CAACa;QAC/B,CAAC,EACDhB,KAAK,CAACJ,KAAK,CACZ;QAAA,SACM;UACLqB,QAAQ,EAAEhC,gBAAgB,CAACe,KAAK,CAACN,IAAI,CAAC;UACtCwB,KAAK,EAAEjC,gBAAgB,CAACe,KAAK,CAACN,IAAI,CAAC;UACnCyB,MAAM,EAAElC,gBAAgB,CAACe,KAAK,CAACN,IAAI;QACrC,CAAC;QAAA,QACKS,KAAK,CAACa,OAAO,GAAG,QAAQ,GAAGI,SAAS;QAAA,eAC7B,CAACjB,KAAK,CAACa;MAAO;QAAAvB,OAAA,EAAAA,CAAA,MAE1BgB,WAAW;MAAA;IAGlB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

package/lib/components/icon/YIcon.scss

@@ -1,18 +1,18 @@
-.y-icon {
-  position: relative;
-  font-feature-settings: "liga";
-  text-indent: 0;
-  text-align: center;
-  letter-spacing: normal;
-  min-width: 1em;
-  line-height: 1;
-  user-select: none;
-  vertical-align: middle;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-
-  > * {
-    display: inline-block;
-  }
-}
+.y-icon {
+  position: relative;
+  font-feature-settings: 'liga';
+  text-indent: 0;
+  text-align: center;
+  letter-spacing: normal;
+  min-width: 1em;
+  line-height: 1;
+  user-select: none;
+  vertical-align: middle;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+
+  > * {
+    display: inline-block;
+  }
+}

package/lib/components/icon/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/icon/index.ts"],"sourcesContent":["export * from './YIcon';\r\n"],"mappings":""}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/icon/index.ts"],"sourcesContent":["export * from './YIcon';\n"],"mappings":""}

package/lib/components/icons/YIconCheckbox.mjs

@@ -1,5 +1,5 @@
 import { createVNode as _createVNode } from "vue";
-import { defineComponent } from 'vue';
+import { defineComponent } from "../../util/component/index.mjs";
 import "./YIconCheckbox.scss";
 export const YIconCheckbox = defineComponent({
   name: 'YIconCheckbox',

package/lib/components/icons/YIconCheckbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YIconCheckbox.mjs","names":["defineComponent","YIconCheckbox","name","props","checked","Boolean","indeterminate","disabled","render","_createVNode"],"sources":["../../../src/components/icons/YIconCheckbox.tsx"],"sourcesContent":["import { defineComponent } from 'vue';\n\nimport './YIconCheckbox.scss';\n\nexport const YIconCheckbox = defineComponent({\n  name: 'YIconCheckbox',\n  props: {\n    checked: Boolean,\n    indeterminate: Boolean,\n    disabled: Boolean,\n  },\n  render() {\n    return (\n      <svg\n        class={[\n          'y-icon-checkbox',\n          {\n            'y-icon-checkbox--checked': this.checked,\n            'y-icon-checkbox--indeterminate': this.indeterminate,\n            'y-icon-checkbox--disabled': this.disabled,\n          },\n        ]}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n      >\n        <path\n          class=\"y-icon-checkbox__border-path\"\n          d=\"M 15.525 21.825 H 8.325 C 4.851 21.825 2.025 18.999 2.025 15.525 V 8.325 C 2.025 4.851 4.851 2.025 8.325 2.025 H 15.525 C 18.999 2.025 21.825 4.851 21.825 8.325 V 15.525 C 21.825 18.999 18.999 21.825 15.525 21.825 Z\"\n        />\n        <path\n          class=\"y-icon-checkbox__checkmark-path\"\n          fill=\"none\"\n          d={\n            this.indeterminate\n              ? 'M5.73,11.91 11.1,11.91 17.79,11.91'\n              : 'M5.73,11.91 11.1,16.28 17.79,7.59'\n          }\n        ></path>\n      </svg>\n    );\n  },\n});\n"],"mappings":";AAAA,SAASA,eAAe,QAAQ,KAAK;AAErC;AAEA,OAAO,MAAMC,aAAa,GAAGD,eAAe,CAAC;EAC3CE,IAAI,EAAE,eAAe;EACrBC,KAAK,EAAE;IACLC,OAAO,EAAEC,OAAO;IAChBC,aAAa,EAAED,OAAO;IACtBE,QAAQ,EAAEF;EACZ,CAAC;EACDG,MAAMA,CAAA,EAAG;IACP,OAAAC,YAAA;MAAA,SAEW,CACL,iBAAiB,EACjB;QACE,0BAA0B,EAAE,IAAI,CAACL,OAAO;QACxC,gCAAgC,EAAE,IAAI,CAACE,aAAa;QACpD,2BAA2B,EAAE,IAAI,CAACC;MACpC,CAAC,CACF;MAAA;MAAA;MAAA;MAAA;IAAA,IAAAE,YAAA;MAAA;MAAA;IAAA,UAAAA,YAAA;MAAA;MAAA;MAAA,KAcG,IAAI,CAACH,aAAa,GACd,oCAAoC,GACpC;IAAmC;EAKjD;AACF,CAAC,CAAC"}
+{"version":3,"file":"YIconCheckbox.mjs","names":["defineComponent","YIconCheckbox","name","props","checked","Boolean","indeterminate","disabled","render","_createVNode"],"sources":["../../../src/components/icons/YIconCheckbox.tsx"],"sourcesContent":["import { defineComponent } from '@/util/component';\n\nimport './YIconCheckbox.scss';\n\nexport const YIconCheckbox = defineComponent({\n  name: 'YIconCheckbox',\n  props: {\n    checked: Boolean,\n    indeterminate: Boolean,\n    disabled: Boolean,\n  },\n  render() {\n    return (\n      <svg\n        class={[\n          'y-icon-checkbox',\n          {\n            'y-icon-checkbox--checked': this.checked,\n            'y-icon-checkbox--indeterminate': this.indeterminate,\n            'y-icon-checkbox--disabled': this.disabled,\n          },\n        ]}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n      >\n        <path\n          class=\"y-icon-checkbox__border-path\"\n          d=\"M 15.525 21.825 H 8.325 C 4.851 21.825 2.025 18.999 2.025 15.525 V 8.325 C 2.025 4.851 4.851 2.025 8.325 2.025 H 15.525 C 18.999 2.025 21.825 4.851 21.825 8.325 V 15.525 C 21.825 18.999 18.999 21.825 15.525 21.825 Z\"\n        />\n        <path\n          class=\"y-icon-checkbox__checkmark-path\"\n          fill=\"none\"\n          d={\n            this.indeterminate\n              ? 'M5.73,11.91 11.1,11.91 17.79,11.91'\n              : 'M5.73,11.91 11.1,16.28 17.79,7.59'\n          }\n        ></path>\n      </svg>\n    );\n  },\n});\n"],"mappings":";SAASA,eAAe;AAExB;AAEA,OAAO,MAAMC,aAAa,GAAGD,eAAe,CAAC;EAC3CE,IAAI,EAAE,eAAe;EACrBC,KAAK,EAAE;IACLC,OAAO,EAAEC,OAAO;IAChBC,aAAa,EAAED,OAAO;IACtBE,QAAQ,EAAEF;EACZ,CAAC;EACDG,MAAMA,CAAA,EAAG;IACP,OAAAC,YAAA;MAAA,SAEW,CACL,iBAAiB,EACjB;QACE,0BAA0B,EAAE,IAAI,CAACL,OAAO;QACxC,gCAAgC,EAAE,IAAI,CAACE,aAAa;QACpD,2BAA2B,EAAE,IAAI,CAACC;MACpC,CAAC,CACF;MAAA;MAAA;MAAA;MAAA;IAAA,IAAAE,YAAA;MAAA;MAAA;IAAA,UAAAA,YAAA;MAAA;MAAA;MAAA,KAcG,IAAI,CAACH,aAAa,GACd,oCAAoC,GACpC;IAAmC;EAKjD;AACF,CAAC,CAAC"}

package/lib/components/icons/YIconCheckbox.scss

@@ -1,60 +1,60 @@
-.y-icon-checkbox {
-  --y-icon-checkbox__color: var(--y-theme-primary-rgb);
-  --y-icon-checkbox__border-color: 180, 180, 180;
-  position: relative;
-
-  &__checkmark-path {
-    fill: none;
-    stroke: #ffffff;
-    stroke-width: 2px;
-    stroke-dashoffset: 29.7833385;
-    stroke-dasharray: 29.7833385;
-    transition: stroke-dashoffset 120ms cubic-bezier(0.4, 0, 0.6, 1);
-  }
-
-  &__border-path {
-    fill: rgba(var(--y-icon-checkbox__color), 0);
-    stroke: rgba(var(--y-icon-checkbox__border-color), 0.8);
-    stroke-width: 2;
-    transition: fill 200ms 180ms ease-in;
-  }
-
-  &--checked & {
-    &__checkmark-path {
-      d: path('M5.73,11.91 11.1,16.28 17.79,7.59');
-      stroke-dashoffset: 0;
-      transition: stroke-dashoffset 120ms 140ms cubic-bezier(0.4, 0, 0.6, 1);
-    }
-
-    &__border-path {
-      fill: rgb(var(--y-icon-checkbox__color));
-      stroke: rgba(var(--y-icon-checkbox__color), 0.8);
-      transition: fill 200ms ease-in;
-    }
-  }
-
-  &--indeterminate & {
-    &__checkmark-path {
-      d: path('M5.73,11.91 11.1,11.91 17.79,11.91');
-      stroke: #ffffff;
-      stroke-width: 2;
-      stroke-dashoffset: 0;
-      transition: 0.2s cubic-bezier(0.56, 0.14, 0.49, 0.88);
-    }
-
-    &__border-path {
-      fill: rgb(var(--y-icon-checkbox__color));
-      stroke: rgba(var(--y-icon-checkbox__color), 0.8);
-      transition: fill 200ms ease-in;
-    }
-  }
-
-  &--disabled {
-    opacity: 0.4;
-    filter: grayscale(0.4);
-  }
-
-  &--disabled &__checkmark-path {
-    fill: rgba(var(--y-icon-checkbox__color), 0.1);
-  }
-}
+.y-icon-checkbox {
+  --y-icon-checkbox__color: var(--y-theme-primary-rgb);
+  --y-icon-checkbox__border-color: 180, 180, 180;
+  position: relative;
+
+  &__checkmark-path {
+    fill: none;
+    stroke: #ffffff;
+    stroke-width: 2px;
+    stroke-dashoffset: 29.7833385;
+    stroke-dasharray: 29.7833385;
+    transition: stroke-dashoffset 120ms cubic-bezier(0.4, 0, 0.6, 1);
+  }
+
+  &__border-path {
+    fill: rgba(var(--y-icon-checkbox__color), 0);
+    stroke: rgba(var(--y-icon-checkbox__border-color), 0.8);
+    stroke-width: 2;
+    transition: fill 200ms 180ms ease-in;
+  }
+
+  &--checked & {
+    &__checkmark-path {
+      d: path('M5.73,11.91 11.1,16.28 17.79,7.59');
+      stroke-dashoffset: 0;
+      transition: stroke-dashoffset 120ms 140ms cubic-bezier(0.4, 0, 0.6, 1);
+    }
+
+    &__border-path {
+      fill: rgb(var(--y-icon-checkbox__color));
+      stroke: rgba(var(--y-icon-checkbox__color), 0.8);
+      transition: fill 200ms ease-in;
+    }
+  }
+
+  &--indeterminate & {
+    &__checkmark-path {
+      d: path('M5.73,11.91 11.1,11.91 17.79,11.91');
+      stroke: #ffffff;
+      stroke-width: 2;
+      stroke-dashoffset: 0;
+      transition: 0.2s cubic-bezier(0.56, 0.14, 0.49, 0.88);
+    }
+
+    &__border-path {
+      fill: rgb(var(--y-icon-checkbox__color));
+      stroke: rgba(var(--y-icon-checkbox__color), 0.8);
+      transition: fill 200ms ease-in;
+    }
+  }
+
+  &--disabled {
+    opacity: 0.4;
+    filter: grayscale(0.4);
+  }
+
+  &--disabled &__checkmark-path {
+    fill: rgba(var(--y-icon-checkbox__color), 0.1);
+  }
+}

package/lib/components/icons/YIconClear.mjs

@@ -1,5 +1,5 @@
 import { createVNode as _createVNode } from "vue";
-import { defineComponent } from 'vue';
+import { defineComponent } from "../../util/component/index.mjs";
 export const YIconClear = defineComponent({
   name: 'YIconClear',
   setup() {

package/lib/components/icons/YIconClear.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YIconClear.mjs","names":["defineComponent","YIconClear","name","setup","_createVNode"],"sources":["../../../src/components/icons/YIconClear.tsx"],"sourcesContent":["import { defineComponent } from 'vue';\r\n\r\nexport const YIconClear = defineComponent({\r\n  name: 'YIconClear',\r\n  setup() {\r\n    return () => <svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m8 1.5c-3.5839 0-6.5 2.9161-6.5 6.5 0 3.5839 2.9161 6.5 6.5 6.5 3.5839 0 6.5-2.9161 6.5-6.5 0-3.5839-2.9161-6.5-6.5-6.5zm-2 4a.5.5 0 01.35352.14648l1.6465 1.6465 1.6465-1.6465a.5.5 0 01.35352-.14648.5.5 0 01.35352.14648.5.5 0 010 .70703l-1.6465 1.6465 1.6465 1.6465a.5.5 0 010 .70703.5.5 0 01-.70703 0l-1.6465-1.6465-1.6465 1.6465a.5.5 0 01-.70703 0 .5.5 0 010-.70703l1.6465-1.6465-1.6465-1.6465a.5.5 0 010-.70703.5.5 0 01.35352-.14648z\" fill=\"currentColor\" stroke-miterlimit=\"10\" /></svg>\r\n  }\r\n});\r\n"],"mappings":";AAAA,SAASA,eAAe,QAAQ,KAAK;AAErC,OAAO,MAAMC,UAAU,GAAGD,eAAe,CAAC;EACxCE,IAAI,EAAE,YAAY;EAClBC,KAAKA,CAAA,EAAG;IACN,OAAO,MAAAC,YAAA;MAAA;MAAA;IAAA,IAAAA,YAAA;MAAA;MAAA;MAAA;IAAA,UAAojB;EAC7jB;AACF,CAAC,CAAC"}
+{"version":3,"file":"YIconClear.mjs","names":["defineComponent","YIconClear","name","setup","_createVNode"],"sources":["../../../src/components/icons/YIconClear.tsx"],"sourcesContent":["import { defineComponent } from '@/util/component';\n\nexport const YIconClear = defineComponent({\n  name: 'YIconClear',\n  setup() {\n    return () => (\n      <svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"m8 1.5c-3.5839 0-6.5 2.9161-6.5 6.5 0 3.5839 2.9161 6.5 6.5 6.5 3.5839 0 6.5-2.9161 6.5-6.5 0-3.5839-2.9161-6.5-6.5-6.5zm-2 4a.5.5 0 01.35352.14648l1.6465 1.6465 1.6465-1.6465a.5.5 0 01.35352-.14648.5.5 0 01.35352.14648.5.5 0 010 .70703l-1.6465 1.6465 1.6465 1.6465a.5.5 0 010 .70703.5.5 0 01-.70703 0l-1.6465-1.6465-1.6465 1.6465a.5.5 0 01-.70703 0 .5.5 0 010-.70703l1.6465-1.6465-1.6465-1.6465a.5.5 0 010-.70703.5.5 0 01.35352-.14648z\"\n          fill=\"currentColor\"\n          stroke-miterlimit=\"10\"\n        />\n      </svg>\n    );\n  },\n});\n"],"mappings":";SAASA,eAAe;AAExB,OAAO,MAAMC,UAAU,GAAGD,eAAe,CAAC;EACxCE,IAAI,EAAE,YAAY;EAClBC,KAAKA,CAAA,EAAG;IACN,OAAO,MAAAC,YAAA;MAAA;MAAA;IAAA,IAAAA,YAAA;MAAA;MAAA;MAAA;IAAA,UAQN;EACH;AACF,CAAC,CAAC"}

package/lib/components/icons/YIconDropdown.mjs

@@ -1,5 +1,5 @@
 import { createVNode as _createVNode } from "vue";
-import { defineComponent } from 'vue';
+import { defineComponent } from "../../util/component/index.mjs";
 export const YIconDropdown = defineComponent({
   name: 'YIconDropdown',
   setup() {

package/lib/components/icons/YIconDropdown.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YIconDropdown.mjs","names":["defineComponent","YIconDropdown","name","setup","_createVNode"],"sources":["../../../src/components/icons/YIconDropdown.tsx"],"sourcesContent":["import { defineComponent } from 'vue';\n\nexport const YIconDropdown = defineComponent({\n  name: 'YIconDropdown',\n  setup() {\n    return () => (\n      <svg version=\"1.1\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M7,10L12,15L17,10H7Z\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    );\n  },\n});\n"],"mappings":";AAAA,SAASA,eAAe,QAAQ,KAAK;AAErC,OAAO,MAAMC,aAAa,GAAGD,eAAe,CAAC;EAC3CE,IAAI,EAAE,eAAe;EACrBC,KAAKA,CAAA,EAAG;IACN,OAAO,MAAAC,YAAA;MAAA;MAAA;MAAA;IAAA,IAAAA,YAAA;MAAA;MAAA;IAAA,UAON;EACH;AACF,CAAC,CAAC"}
+{"version":3,"file":"YIconDropdown.mjs","names":["defineComponent","YIconDropdown","name","setup","_createVNode"],"sources":["../../../src/components/icons/YIconDropdown.tsx"],"sourcesContent":["import { defineComponent } from '@/util/component';\n\nexport const YIconDropdown = defineComponent({\n  name: 'YIconDropdown',\n  setup() {\n    return () => (\n      <svg version=\"1.1\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M7,10L12,15L17,10H7Z\" fill=\"currentColor\" />\n      </svg>\n    );\n  },\n});\n"],"mappings":";SAASA,eAAe;AAExB,OAAO,MAAMC,aAAa,GAAGD,eAAe,CAAC;EAC3CE,IAAI,EAAE,eAAe;EACrBC,KAAKA,CAAA,EAAG;IACN,OAAO,MAAAC,YAAA;MAAA;MAAA;MAAA;IAAA,IAAAA,YAAA;MAAA;MAAA;IAAA,UAIN;EACH;AACF,CAAC,CAAC"}

package/lib/components/icons/YIconExpand.mjs

@@ -1,5 +1,5 @@
 import { createVNode as _createVNode } from "vue";
-import { defineComponent } from 'vue';
+import { defineComponent } from "../../util/component/index.mjs";
 export const YIconExpand = defineComponent({
   name: 'YIconExpand',
   setup() {

package/lib/components/icons/YIconExpand.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YIconExpand.mjs","names":["defineComponent","YIconExpand","name","setup","_createVNode"],"sources":["../../../src/components/icons/YIconExpand.tsx"],"sourcesContent":["import { defineComponent } from 'vue';\r\n\r\nexport const YIconExpand = defineComponent({\r\n  name: 'YIconExpand',\r\n  setup() {\r\n    return () => (\r\n      <svg version=\"1.1\" viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\">\r\n        <path\r\n          d=\"m9.6086 5.7953 13.557 10.269-13.557 10.141\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n          stroke-width=\"4.1024\"\r\n        />\r\n      </svg>\r\n    );\r\n  },\r\n});\r\n"],"mappings":";AAAA,SAASA,eAAe,QAAQ,KAAK;AAErC,OAAO,MAAMC,WAAW,GAAGD,eAAe,CAAC;EACzCE,IAAI,EAAE,aAAa;EACnBC,KAAKA,CAAA,EAAG;IACN,OAAO,MAAAC,YAAA;MAAA;MAAA;MAAA;IAAA,IAAAA,YAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA,UAWN;EACH;AACF,CAAC,CAAC"}
+{"version":3,"file":"YIconExpand.mjs","names":["defineComponent","YIconExpand","name","setup","_createVNode"],"sources":["../../../src/components/icons/YIconExpand.tsx"],"sourcesContent":["import { defineComponent } from '@/util/component';\n\nexport const YIconExpand = defineComponent({\n  name: 'YIconExpand',\n  setup() {\n    return () => (\n      <svg version=\"1.1\" viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"m9.6086 5.7953 13.557 10.269-13.557 10.141\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"4.1024\"\n        />\n      </svg>\n    );\n  },\n});\n"],"mappings":";SAASA,eAAe;AAExB,OAAO,MAAMC,WAAW,GAAGD,eAAe,CAAC;EACzCE,IAAI,EAAE,aAAa;EACnBC,KAAKA,CAAA,EAAG;IACN,OAAO,MAAAC,YAAA;MAAA;MAAA;MAAA;IAAA,IAAAA,YAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA,UAWN;EACH;AACF,CAAC,CAAC"}

package/lib/components/icons/YIconPageControl.mjs

@@ -1,5 +1,5 @@
 import { createVNode as _createVNode } from "vue";
-import { defineComponent } from 'vue';
+import { defineComponent } from "../../util/component/index.mjs";
 export const PageControlPaths = {
   next: 'm12.18 23.585 7.6399-7.5489-7.4693-7.622',
   prev: 'm19.82 23.585-7.6399-7.5489 7.4693-7.622',

package/lib/components/icons/YIconPageControl.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YIconPageControl.mjs","names":["defineComponent","PageControlPaths","next","prev","last","first","YIconPageControl","name","props","type","String","default","render","_createVNode","$props"],"sources":["../../../src/components/icons/YIconPageControl.tsx"],"sourcesContent":["import { PropType, defineComponent } from 'vue';\n\nexport const PageControlPaths = {\n  next: 'm12.18 23.585 7.6399-7.5489-7.4693-7.622',\n  prev: 'm19.82 23.585-7.6399-7.5489 7.4693-7.622',\n  last: 'm10.488 23.812 7.4981-7.7457-7.3307-7.8207m0 0zm10.856-0.075007v15.659',\n  first: 'm21.512 23.812-7.4981-7.7457 7.3307-7.8207m0 0zm-10.856-0.075007v15.659',\n};\n\nexport const YIconPageControl = defineComponent({\n  name: 'YIconPageControl',\n  props: {\n    type: {\n      type: String as PropType<'next' | 'prev' | 'first' | 'last'>,\n      default: 'next',\n    },\n  },\n  render() {\n    return (\n      <svg version=\"1.1\" viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d={\n            this.$props.type in PageControlPaths\n              ? PageControlPaths[this.$props.type]\n              : PageControlPaths.next\n          }\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"3\"\n        />\n      </svg>\n    );\n  },\n});\n"],"mappings":";AAAA,SAAmBA,eAAe,QAAQ,KAAK;AAE/C,OAAO,MAAMC,gBAAgB,GAAG;EAC9BC,IAAI,EAAE,0CAA0C;EAChDC,IAAI,EAAE,0CAA0C;EAChDC,IAAI,EAAE,wEAAwE;EAC9EC,KAAK,EAAE;AACT,CAAC;AAED,OAAO,MAAMC,gBAAgB,GAAGN,eAAe,CAAC;EAC9CO,IAAI,EAAE,kBAAkB;EACxBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJA,IAAI,EAAEC,MAAsD;MAC5DC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,MAAMA,CAAA,EAAG;IACP,OAAAC,YAAA;MAAA;MAAA;MAAA;IAAA,IAAAA,YAAA;MAAA,KAIQ,IAAI,CAACC,MAAM,CAACL,IAAI,IAAIR,gBAAgB,GAChCA,gBAAgB,CAAC,IAAI,CAACa,MAAM,CAACL,IAAI,CAAC,GAClCR,gBAAgB,CAACC,IAAI;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA;EAUnC;AACF,CAAC,CAAC"}
+{"version":3,"file":"YIconPageControl.mjs","names":["defineComponent","PageControlPaths","next","prev","last","first","YIconPageControl","name","props","type","String","default","render","_createVNode","$props"],"sources":["../../../src/components/icons/YIconPageControl.tsx"],"sourcesContent":["import { type PropType } from 'vue';\n\nimport { defineComponent } from '@/util/component';\n\nexport const PageControlPaths = {\n  next: 'm12.18 23.585 7.6399-7.5489-7.4693-7.622',\n  prev: 'm19.82 23.585-7.6399-7.5489 7.4693-7.622',\n  last: 'm10.488 23.812 7.4981-7.7457-7.3307-7.8207m0 0zm10.856-0.075007v15.659',\n  first:\n    'm21.512 23.812-7.4981-7.7457 7.3307-7.8207m0 0zm-10.856-0.075007v15.659',\n};\n\nexport const YIconPageControl = defineComponent({\n  name: 'YIconPageControl',\n  props: {\n    type: {\n      type: String as PropType<'next' | 'prev' | 'first' | 'last'>,\n      default: 'next',\n    },\n  },\n  render() {\n    return (\n      <svg version=\"1.1\" viewBox=\"0 0 32 32\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d={\n            this.$props.type in PageControlPaths\n              ? PageControlPaths[this.$props.type]\n              : PageControlPaths.next\n          }\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"3\"\n        />\n      </svg>\n    );\n  },\n});\n"],"mappings":";SAESA,eAAe;AAExB,OAAO,MAAMC,gBAAgB,GAAG;EAC9BC,IAAI,EAAE,0CAA0C;EAChDC,IAAI,EAAE,0CAA0C;EAChDC,IAAI,EAAE,wEAAwE;EAC9EC,KAAK,EACH;AACJ,CAAC;AAED,OAAO,MAAMC,gBAAgB,GAAGN,eAAe,CAAC;EAC9CO,IAAI,EAAE,kBAAkB;EACxBC,KAAK,EAAE;IACLC,IAAI,EAAE;MACJA,IAAI,EAAEC,MAAsD;MAC5DC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,MAAMA,CAAA,EAAG;IACP,OAAAC,YAAA;MAAA;MAAA;MAAA;IAAA,IAAAA,YAAA;MAAA,KAIQ,IAAI,CAACC,MAAM,CAACL,IAAI,IAAIR,gBAAgB,GAChCA,gBAAgB,CAAC,IAAI,CAACa,MAAM,CAACL,IAAI,CAAC,GAClCR,gBAAgB,CAACC,IAAI;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA;EAUnC;AACF,CAAC,CAAC"}

package/lib/components/icons/YIconSort.mjs

@@ -1,5 +1,5 @@
 import { createVNode as _createVNode } from "vue";
-import { defineComponent } from 'vue';
+import { defineComponent } from "../../util/component/index.mjs";
 import "./YIconSort.scss";
 export const YIconSort = defineComponent({
   name: 'YIconSort',

package/lib/components/icons/YIconSort.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YIconSort.mjs","names":["defineComponent","YIconSort","name","props","direction","type","String","disabled","Boolean","render","_createVNode"],"sources":["../../../src/components/icons/YIconSort.tsx"],"sourcesContent":["import { PropType, defineComponent } from 'vue';\n\nimport './YIconSort.scss';\n\nexport const YIconSort = defineComponent({\n  name: 'YIconSort',\n  props: {\n    direction: {\n      type: String as PropType<'asc' | 'desc'>,\n    },\n    disabled: {\n      type: Boolean,\n    },\n  },\n  render() {\n    return (\n      <svg\n        version=\"1.1\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 32 32\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        class={[\n          'y-icon-sort',\n          {\n            'y-icon-sort--disabled': this.disabled,\n            'y-icon-sort--asc': this.direction === 'asc',\n            'y-icon-sort--desc': this.direction === 'desc',\n          },\n        ]}\n      >\n        <path\n          d=\"m8.4146 12.52 7.5489-7.6399 7.622 7.4693\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"3\"\n          class=\"y-icon-sort__asc\"\n        />\n        <path\n          d=\"m8.4146 19.48 7.5489 7.6399 7.622-7.4693\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"3\"\n          class=\"y-icon-sort__desc\"\n        />\n      </svg>\n    );\n  },\n});\n"],"mappings":";AAAA,SAAmBA,eAAe,QAAQ,KAAK;AAE/C;AAEA,OAAO,MAAMC,SAAS,GAAGD,eAAe,CAAC;EACvCE,IAAI,EAAE,WAAW;EACjBC,KAAK,EAAE;IACLC,SAAS,EAAE;MACTC,IAAI,EAAEC;IACR,CAAC;IACDC,QAAQ,EAAE;MACRF,IAAI,EAAEG;IACR;EACF,CAAC;EACDC,MAAMA,CAAA,EAAG;IACP,OAAAC,YAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA,SAOW,CACL,aAAa,EACb;QACE,uBAAuB,EAAE,IAAI,CAACH,QAAQ;QACtC,kBAAkB,EAAE,IAAI,CAACH,SAAS,KAAK,KAAK;QAC5C,mBAAmB,EAAE,IAAI,CAACA,SAAS,KAAK;MAC1C,CAAC;IACF,IAAAM,YAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA,UAAAA,YAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA;EAsBP;AACF,CAAC,CAAC"}
+{"version":3,"file":"YIconSort.mjs","names":["defineComponent","YIconSort","name","props","direction","type","String","disabled","Boolean","render","_createVNode"],"sources":["../../../src/components/icons/YIconSort.tsx"],"sourcesContent":["import { type PropType } from 'vue';\n\nimport { defineComponent } from '@/util/component';\n\nimport './YIconSort.scss';\n\nexport const YIconSort = defineComponent({\n  name: 'YIconSort',\n  props: {\n    direction: {\n      type: String as PropType<'asc' | 'desc'>,\n    },\n    disabled: {\n      type: Boolean,\n    },\n  },\n  render() {\n    return (\n      <svg\n        version=\"1.1\"\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 32 32\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        class={[\n          'y-icon-sort',\n          {\n            'y-icon-sort--disabled': this.disabled,\n            'y-icon-sort--asc': this.direction === 'asc',\n            'y-icon-sort--desc': this.direction === 'desc',\n          },\n        ]}\n      >\n        <path\n          d=\"m8.4146 12.52 7.5489-7.6399 7.622 7.4693\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"3\"\n          class=\"y-icon-sort__asc\"\n        />\n        <path\n          d=\"m8.4146 19.48 7.5489 7.6399 7.622-7.4693\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"3\"\n          class=\"y-icon-sort__desc\"\n        />\n      </svg>\n    );\n  },\n});\n"],"mappings":";SAESA,eAAe;AAExB;AAEA,OAAO,MAAMC,SAAS,GAAGD,eAAe,CAAC;EACvCE,IAAI,EAAE,WAAW;EACjBC,KAAK,EAAE;IACLC,SAAS,EAAE;MACTC,IAAI,EAAEC;IACR,CAAC;IACDC,QAAQ,EAAE;MACRF,IAAI,EAAEG;IACR;EACF,CAAC;EACDC,MAAMA,CAAA,EAAG;IACP,OAAAC,YAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA,SAOW,CACL,aAAa,EACb;QACE,uBAAuB,EAAE,IAAI,CAACH,QAAQ;QACtC,kBAAkB,EAAE,IAAI,CAACH,SAAS,KAAK,KAAK;QAC5C,mBAAmB,EAAE,IAAI,CAACA,SAAS,KAAK;MAC1C,CAAC;IACF,IAAAM,YAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA,UAAAA,YAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA;EAsBP;AACF,CAAC,CAAC"}

package/lib/components/icons/YIconSort.scss

@@ -1,23 +1,24 @@
-.y-icon-sort {
-  &__asc, &__desc {
-    opacity: 0.24;
-  }
-
-  &--asc & {
-    &__desc {
-      opacity: 0.1;
-    }
-    &__asc {
-      opacity: 0.8;
-    }
-  }
-
-  &--desc & {
-    &__asc {
-      opacity: 0.1;
-    }
-    &__desc {
-      opacity: 0.8;
-    }
-  }
-}
+.y-icon-sort {
+  &__asc,
+  &__desc {
+    opacity: 0.24;
+  }
+
+  &--asc & {
+    &__desc {
+      opacity: 0.1;
+    }
+    &__asc {
+      opacity: 0.8;
+    }
+  }
+
+  &--desc & {
+    &__asc {
+      opacity: 0.1;
+    }
+    &__desc {
+      opacity: 0.8;
+    }
+  }
+}

package/lib/components/icons/index.mjs

@@ -1,9 +1,9 @@
 import { YIconCheckbox } from "./YIconCheckbox.mjs";
 import { YIconClear } from "./YIconClear.mjs";
+import { YIconDropdown } from "./YIconDropdown.mjs";
 import { YIconExpand } from "./YIconExpand.mjs";
 import { YIconPageControl } from "./YIconPageControl.mjs";
 import { YIconSort } from "./YIconSort.mjs";
-import { YIconDropdown } from "./YIconDropdown.mjs";
 export * from "./YIconExpand.mjs";
 export * from "./YIconClear.mjs";
 export * from "./YIconCheckbox.mjs";

package/lib/components/icons/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["YIconCheckbox","YIconClear","YIconExpand","YIconPageControl","YIconSort","YIconDropdown","builtSet","expand","dropdown","clear","checkbox","pageControl","next","component","props","type","prev","sort"],"sources":["../../../src/components/icons/index.ts"],"sourcesContent":["import { YIconCheckbox } from './YIconCheckbox';\nimport { YIconClear } from './YIconClear';\nimport { YIconExpand } from './YIconExpand';\nimport { YIconPageControl } from './YIconPageControl';\nimport { YIconSort } from './YIconSort';\nimport {YIconDropdown} from \"./YIconDropdown\";\n\nexport * from './YIconExpand';\nexport * from './YIconClear';\nexport * from './YIconCheckbox';\nexport * from './YIconPageControl';\nexport * from './YIconSort';\n\nexport const builtSet = {\n  expand: YIconExpand,\n  dropdown: YIconDropdown,\n  clear: YIconClear,\n  checkbox: YIconCheckbox,\n  pageControl: YIconPageControl,\n  next: {\n    component: YIconPageControl,\n    props: {\n      type: 'next'\n    }\n  },\n  prev: {\n    component: YIconPageControl,\n    props: {\n      type: 'prev'\n    }\n  },\n  sort: YIconSort,\n};\n"],"mappings":"SAASA,aAAa;AAAA,SACbC,UAAU;AAAA,SACVC,WAAW;AAAA,SACXC,gBAAgB;AAAA,SAChBC,SAAS;AAAA,SACVC,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAQrB,OAAO,MAAMC,QAAQ,GAAG;EACtBC,MAAM,EAAEL,WAAW;EACnBM,QAAQ,EAAEH,aAAa;EACvBI,KAAK,EAAER,UAAU;EACjBS,QAAQ,EAAEV,aAAa;EACvBW,WAAW,EAAER,gBAAgB;EAC7BS,IAAI,EAAE;IACJC,SAAS,EAAEV,gBAAgB;IAC3BW,KAAK,EAAE;MACLC,IAAI,EAAE;IACR;EACF,CAAC;EACDC,IAAI,EAAE;IACJH,SAAS,EAAEV,gBAAgB;IAC3BW,KAAK,EAAE;MACLC,IAAI,EAAE;IACR;EACF,CAAC;EACDE,IAAI,EAAEb;AACR,CAAC"}
+{"version":3,"file":"index.mjs","names":["YIconCheckbox","YIconClear","YIconDropdown","YIconExpand","YIconPageControl","YIconSort","builtSet","expand","dropdown","clear","checkbox","pageControl","next","component","props","type","prev","sort"],"sources":["../../../src/components/icons/index.ts"],"sourcesContent":["import { YIconCheckbox } from './YIconCheckbox';\nimport { YIconClear } from './YIconClear';\nimport { YIconDropdown } from './YIconDropdown';\nimport { YIconExpand } from './YIconExpand';\nimport { YIconPageControl } from './YIconPageControl';\nimport { YIconSort } from './YIconSort';\n\nexport * from './YIconExpand';\nexport * from './YIconClear';\nexport * from './YIconCheckbox';\nexport * from './YIconPageControl';\nexport * from './YIconSort';\n\nexport const builtSet = {\n  expand: YIconExpand,\n  dropdown: YIconDropdown,\n  clear: YIconClear,\n  checkbox: YIconCheckbox,\n  pageControl: YIconPageControl,\n  next: {\n    component: YIconPageControl,\n    props: {\n      type: 'next',\n    },\n  },\n  prev: {\n    component: YIconPageControl,\n    props: {\n      type: 'prev',\n    },\n  },\n  sort: YIconSort,\n};\n"],"mappings":"SAASA,aAAa;AAAA,SACbC,UAAU;AAAA,SACVC,aAAa;AAAA,SACbC,WAAW;AAAA,SACXC,gBAAgB;AAAA,SAChBC,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAQlB,OAAO,MAAMC,QAAQ,GAAG;EACtBC,MAAM,EAAEJ,WAAW;EACnBK,QAAQ,EAAEN,aAAa;EACvBO,KAAK,EAAER,UAAU;EACjBS,QAAQ,EAAEV,aAAa;EACvBW,WAAW,EAAEP,gBAAgB;EAC7BQ,IAAI,EAAE;IACJC,SAAS,EAAET,gBAAgB;IAC3BU,KAAK,EAAE;MACLC,IAAI,EAAE;IACR;EACF,CAAC;EACDC,IAAI,EAAE;IACJH,SAAS,EAAET,gBAAgB;IAC3BU,KAAK,EAAE;MACLC,IAAI,EAAE;IACR;EACF,CAAC;EACDE,IAAI,EAAEZ;AACR,CAAC"}

package/lib/components/img/YImg.mjs

@@ -1,11 +1,10 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-import { shallowRef } from '@vue/runtime-core';
-import { computed, defineComponent, getCurrentInstance, nextTick, onBeforeMount, onBeforeUnmount, ref, vShow, watch, withDirectives } from 'vue';
+import { computed, getCurrentInstance, nextTick, onBeforeMount, onBeforeUnmount, ref, shallowRef, vShow, watch, withDirectives } from 'vue';
 import { useRender } from "../../composables/component.mjs";
 import { pressDimensionPropsOptions } from "../../composables/dimension.mjs";
 import { PolyTransition, pressPolyTransitionPropsOptions, usePolyTransition } from "../../composables/transition.mjs";
+import { propsFactory, defineComponent } from "../../util/component/index.mjs";
 import Environments from "../../util/environments.mjs";
-import { propsFactory } from "../../util/component/index.mjs";
 import "./YImg.scss";
 export const pressYImgPropsOptions = propsFactory({
   src: String,
@@ -119,10 +118,10 @@ export const YImg = defineComponent({
     };
     let requestTimer = -1;
 
-    /**
-     *
-     * @param imgEl
-     * @param timeout null: once
+    /**
+     *
+     * @param imgEl
+     * @param timeout null: once
      */
     function requestInspectImage(imgEl) {
       let timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;

package/lib/components/img/YImg.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YImg.mjs","names":["shallowRef","computed","defineComponent","getCurrentInstance","nextTick","onBeforeMount","onBeforeUnmount","ref","vShow","watch","withDirectives","useRender","pressDimensionPropsOptions","PolyTransition","pressPolyTransitionPropsOptions","usePolyTransition","Environments","propsFactory","pressYImgPropsOptions","src","String","crossorigin","referrerpolicy","transition","objectFit","type","default","eager","Boolean","YImg","name","props","slots","Object","emits","setup","_ref","attrs","emit","vm","image$","status","imgSrc","naturalWidth","naturalHeight","polyTransitionBindProps","srcMeta","imgClasses","getImgSrc","imgEl","value","currentSrc","inspectImage","complete","endsWith","startsWith","initIntersect","_Placeholder","placeholder","_createVNode","_mergeProps","onLoad","isUnmounted","onError","event","_Image","Img","draggable","alt","requestTimer","requestInspectImage","timeout","arguments","length","undefined","_request","clearTimeout","window","setTimeout","isIntersection","canUseIntersectionObserver"],"sources":["../../../src/components/img/YImg.tsx"],"sourcesContent":["import { shallowRef } from '@vue/runtime-core';\r\nimport {\r\n  computed,\r\n  defineComponent,\r\n  getCurrentInstance,\r\n  nextTick,\r\n  onBeforeMount,\r\n  onBeforeUnmount,\r\n  ref,\r\n  vShow,\r\n  watch,\r\n  withDirectives,\r\n} from 'vue';\r\nimport type {\r\n  CSSProperties,\r\n  ImgHTMLAttributes,\r\n  PropType,\r\n  SlotsType,\r\n} from 'vue';\r\n\r\nimport { useRender } from '../../composables/component';\r\nimport { pressDimensionPropsOptions } from '../../composables/dimension';\r\nimport {\r\n  PolyTransition,\r\n  pressPolyTransitionPropsOptions,\r\n  usePolyTransition,\r\n} from '../../composables/transition';\r\nimport Environments from '../../util/environments';\r\nimport { propsFactory } from '../../util/component';\r\n\r\nimport './YImg.scss';\r\n\r\nexport const pressYImgPropsOptions = propsFactory(\r\n  {\r\n    src: String as PropType<string>,\r\n    crossorigin: String as PropType<ImgHTMLAttributes['crossorigin']>,\r\n    referrerpolicy: String as PropType<ImgHTMLAttributes['referrerpolicy']>,\r\n    ...pressPolyTransitionPropsOptions({\r\n      transition: 'fade',\r\n    }),\r\n    objectFit: {\r\n      type: String as PropType<\r\n        Extract<\r\n          CSSProperties['objectFit'],\r\n          'contain' | 'cover' | 'fill' | 'scale-down'\r\n        >\r\n      >,\r\n      default: 'contain',\r\n    },\r\n    eager: Boolean,\r\n    ...pressDimensionPropsOptions(),\r\n  },\r\n  'YImg',\r\n);\r\n\r\nexport type YImgStatus = 'idle' | 'loading' | 'loaded' | 'error';\r\n\r\nexport const YImg = defineComponent({\r\n  name: 'YImg',\r\n  props: {\r\n    ...pressYImgPropsOptions(),\r\n  },\r\n  slots: Object as SlotsType<{\r\n    placeholder: any;\r\n  }>,\r\n  emits: ['load', 'loaded', 'error'],\r\n  setup(props, { slots, attrs, emit }) {\r\n    const vm = getCurrentInstance()!;\r\n    const image$ = ref<HTMLImageElement>();\r\n    const status = shallowRef<YImgStatus>(props.eager ? 'loading' : 'idle');\r\n    const imgSrc = shallowRef('');\r\n    const naturalWidth = shallowRef<number>();\r\n    const naturalHeight = shallowRef<number>();\r\n    const { polyTransitionBindProps } = usePolyTransition(props);\r\n\r\n    const srcMeta = computed(() => {\r\n      const src = props.src;\r\n\r\n      return {\r\n        src,\r\n      };\r\n    });\r\n\r\n    const imgClasses = computed(() => {\r\n      return {\r\n        'y-img--cover': props.objectFit === 'cover',\r\n        'y-img--contain': props.objectFit === 'contain',\r\n        'y-img--fill': props.objectFit === 'fill',\r\n        'y-img--scale-down': props.objectFit === 'scale-down',\r\n      };\r\n    });\r\n\r\n    function getImgSrc() {\r\n      const imgEl = image$.value;\r\n      if (imgEl) {\r\n        imgSrc.value = imgEl.currentSrc || imgEl.src;\r\n      }\r\n    }\r\n\r\n    function inspectImage(imgEl: HTMLImageElement) {\r\n      if (imgEl.naturalWidth || imgEl.naturalHeight) {\r\n        naturalWidth.value = imgEl.naturalWidth;\r\n        naturalHeight.value = imgEl.naturalHeight;\r\n      } else if (!imgEl.complete && status.value === 'loading') {\r\n        return false;\r\n      } else if (\r\n        imgEl.currentSrc.endsWith('.svg') ||\r\n        imgEl.currentSrc.startsWith('data:image/svg+xml')\r\n      ) {\r\n        naturalWidth.value = 1;\r\n        naturalHeight.value = 1;\r\n      }\r\n\r\n      return true;\r\n    }\r\n\r\n    watch(\r\n      () => props.src,\r\n      () => {\r\n        initIntersect();\r\n      },\r\n    );\r\n\r\n    const _Placeholder = () => {\r\n      if (!slots.placeholder) return null;\r\n      return (\r\n        <PolyTransition {...polyTransitionBindProps.value} appear>\r\n          {(status.value === 'idle' || status.value === 'error') && (\r\n            <div class=\"y-img__placeholder\">\r\n              {slots.placeholder?.({ status: status.value })}\r\n            </div>\r\n          )}\r\n        </PolyTransition>\r\n      );\r\n    };\r\n\r\n    function onLoad() {\r\n      if (vm.isUnmounted) return;\r\n      status.value = 'loaded';\r\n    }\r\n\r\n    function onError(event?: Event) {\r\n      if (vm.isUnmounted) return;\r\n      status.value = 'error';\r\n      emit('error', event);\r\n    }\r\n\r\n    const _Image = () => {\r\n      const Img = (\r\n        <img\r\n          ref={image$}\r\n          src={srcMeta.value.src}\r\n          crossorigin={props.crossorigin}\r\n          referrerpolicy={props.referrerpolicy}\r\n          draggable={(attrs as ImgHTMLAttributes).draggable}\r\n          alt={(attrs as ImgHTMLAttributes).alt}\r\n          class={['y-img__img', imgClasses.value]}\r\n          onLoad={onLoad}\r\n          onError={onError}\r\n        />\r\n      );\r\n\r\n      return (\r\n        <PolyTransition {...polyTransitionBindProps.value} appear>\r\n          {withDirectives(Img, [[vShow, status.value === 'loaded']])}\r\n        </PolyTransition>\r\n      );\r\n    };\r\n\r\n    let requestTimer = -1;\r\n\r\n    /**\r\n     *\r\n     * @param imgEl\r\n     * @param timeout null: once\r\n     */\r\n    function requestInspectImage(\r\n      imgEl: HTMLImageElement,\r\n      timeout: number | null = 100,\r\n    ) {\r\n      const _request = () => {\r\n        clearTimeout(requestTimer);\r\n        if (vm.isUnmounted) return;\r\n        if (!inspectImage(imgEl) && timeout != null) {\r\n          requestTimer = window.setTimeout(_request, timeout);\r\n        }\r\n      };\r\n\r\n      _request();\r\n    }\r\n\r\n    function initIntersect(isIntersection?: boolean) {\r\n      if (props.eager && isIntersection) return;\r\n      if (\r\n        Environments.canUseIntersectionObserver &&\r\n        !isIntersection &&\r\n        !props.eager\r\n      )\r\n        return;\r\n\r\n      status.value = 'loading';\r\n\r\n      if (!srcMeta.value.src) return;\r\n      nextTick(() => {\r\n        emit('load', image$.value?.currentSrc || srcMeta.value.src);\r\n        setTimeout(() => {\r\n          if (vm.isUnmounted) return;\r\n          if (image$.value?.complete) {\r\n            if (!image$.value?.naturalWidth) {\r\n              onError();\r\n            }\r\n            if (status.value === 'error') return;\r\n            requestInspectImage(image$.value, null);\r\n            if (status.value === 'loading') onLoad();\r\n          } else if (image$.value) {\r\n            requestInspectImage(image$.value);\r\n            getImgSrc();\r\n          }\r\n        });\r\n      });\r\n    }\r\n\r\n    onBeforeMount(() => {\r\n      initIntersect();\r\n    });\r\n\r\n    onBeforeUnmount(() => {\r\n      clearTimeout(requestTimer);\r\n    });\r\n\r\n    useRender(() => {\r\n      return (\r\n        <div class={['y-img']}>\r\n          <_Placeholder />\r\n          <_Image />\r\n        </div>\r\n      );\r\n    });\r\n  },\r\n});\r\n"],"mappings":"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"}
+{"version":3,"file":"YImg.mjs","names":["computed","getCurrentInstance","nextTick","onBeforeMount","onBeforeUnmount","ref","shallowRef","vShow","watch","withDirectives","useRender","pressDimensionPropsOptions","PolyTransition","pressPolyTransitionPropsOptions","usePolyTransition","propsFactory","defineComponent","Environments","pressYImgPropsOptions","src","String","crossorigin","referrerpolicy","transition","objectFit","type","default","eager","Boolean","YImg","name","props","slots","Object","emits","setup","_ref","attrs","emit","vm","image$","status","imgSrc","naturalWidth","naturalHeight","polyTransitionBindProps","srcMeta","imgClasses","getImgSrc","imgEl","value","currentSrc","inspectImage","complete","endsWith","startsWith","initIntersect","_Placeholder","placeholder","_createVNode","_mergeProps","onLoad","isUnmounted","onError","event","_Image","Img","draggable","alt","requestTimer","requestInspectImage","timeout","arguments","length","undefined","_request","clearTimeout","window","setTimeout","isIntersection","canUseIntersectionObserver"],"sources":["../../../src/components/img/YImg.tsx"],"sourcesContent":["import {\n  type CSSProperties,\n  type ImgHTMLAttributes,\n  type PropType,\n  type SlotsType,\n  computed,\n  getCurrentInstance,\n  nextTick,\n  onBeforeMount,\n  onBeforeUnmount,\n  ref,\n  shallowRef,\n  vShow,\n  watch,\n  withDirectives,\n} from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { pressDimensionPropsOptions } from '@/composables/dimension';\nimport {\n  PolyTransition,\n  pressPolyTransitionPropsOptions,\n  usePolyTransition,\n} from '@/composables/transition';\nimport { propsFactory, defineComponent } from '@/util/component';\nimport Environments from '@/util/environments';\n\nimport './YImg.scss';\n\nexport const pressYImgPropsOptions = propsFactory(\n  {\n    src: String as PropType<string>,\n    crossorigin: String as PropType<ImgHTMLAttributes['crossorigin']>,\n    referrerpolicy: String as PropType<ImgHTMLAttributes['referrerpolicy']>,\n    ...pressPolyTransitionPropsOptions({\n      transition: 'fade',\n    }),\n    objectFit: {\n      type: String as PropType<\n        Extract<\n          CSSProperties['objectFit'],\n          'contain' | 'cover' | 'fill' | 'scale-down'\n        >\n      >,\n      default: 'contain',\n    },\n    eager: Boolean,\n    ...pressDimensionPropsOptions(),\n  },\n  'YImg',\n);\n\nexport type YImgStatus = 'idle' | 'loading' | 'loaded' | 'error';\n\nexport const YImg = defineComponent({\n  name: 'YImg',\n  props: {\n    ...pressYImgPropsOptions(),\n  },\n  slots: Object as SlotsType<{\n    placeholder: any;\n  }>,\n  emits: ['load', 'loaded', 'error'],\n  setup(props, { slots, attrs, emit }) {\n    const vm = getCurrentInstance()!;\n    const image$ = ref<HTMLImageElement>();\n    const status = shallowRef<YImgStatus>(props.eager ? 'loading' : 'idle');\n    const imgSrc = shallowRef('');\n    const naturalWidth = shallowRef<number>();\n    const naturalHeight = shallowRef<number>();\n    const { polyTransitionBindProps } = usePolyTransition(props);\n\n    const srcMeta = computed(() => {\n      const src = props.src;\n\n      return {\n        src,\n      };\n    });\n\n    const imgClasses = computed(() => {\n      return {\n        'y-img--cover': props.objectFit === 'cover',\n        'y-img--contain': props.objectFit === 'contain',\n        'y-img--fill': props.objectFit === 'fill',\n        'y-img--scale-down': props.objectFit === 'scale-down',\n      };\n    });\n\n    function getImgSrc() {\n      const imgEl = image$.value;\n      if (imgEl) {\n        imgSrc.value = imgEl.currentSrc || imgEl.src;\n      }\n    }\n\n    function inspectImage(imgEl: HTMLImageElement) {\n      if (imgEl.naturalWidth || imgEl.naturalHeight) {\n        naturalWidth.value = imgEl.naturalWidth;\n        naturalHeight.value = imgEl.naturalHeight;\n      } else if (!imgEl.complete && status.value === 'loading') {\n        return false;\n      } else if (\n        imgEl.currentSrc.endsWith('.svg') ||\n        imgEl.currentSrc.startsWith('data:image/svg+xml')\n      ) {\n        naturalWidth.value = 1;\n        naturalHeight.value = 1;\n      }\n\n      return true;\n    }\n\n    watch(\n      () => props.src,\n      () => {\n        initIntersect();\n      },\n    );\n\n    const _Placeholder = () => {\n      if (!slots.placeholder) return null;\n      return (\n        <PolyTransition {...polyTransitionBindProps.value} appear>\n          {(status.value === 'idle' || status.value === 'error') && (\n            <div class=\"y-img__placeholder\">\n              {slots.placeholder?.({ status: status.value })}\n            </div>\n          )}\n        </PolyTransition>\n      );\n    };\n\n    function onLoad() {\n      if (vm.isUnmounted) return;\n      status.value = 'loaded';\n    }\n\n    function onError(event?: Event) {\n      if (vm.isUnmounted) return;\n      status.value = 'error';\n      emit('error', event);\n    }\n\n    const _Image = () => {\n      const Img = (\n        <img\n          ref={image$}\n          src={srcMeta.value.src}\n          crossorigin={props.crossorigin}\n          referrerpolicy={props.referrerpolicy}\n          draggable={(attrs as ImgHTMLAttributes).draggable}\n          alt={(attrs as ImgHTMLAttributes).alt}\n          class={['y-img__img', imgClasses.value]}\n          onLoad={onLoad}\n          onError={onError}\n        />\n      );\n\n      return (\n        <PolyTransition {...polyTransitionBindProps.value} appear>\n          {withDirectives(Img, [[vShow, status.value === 'loaded']])}\n        </PolyTransition>\n      );\n    };\n\n    let requestTimer = -1;\n\n    /**\n     *\n     * @param imgEl\n     * @param timeout null: once\n     */\n    function requestInspectImage(\n      imgEl: HTMLImageElement,\n      timeout: number | null = 100,\n    ) {\n      const _request = () => {\n        clearTimeout(requestTimer);\n        if (vm.isUnmounted) return;\n        if (!inspectImage(imgEl) && timeout != null) {\n          requestTimer = window.setTimeout(_request, timeout);\n        }\n      };\n\n      _request();\n    }\n\n    function initIntersect(isIntersection?: boolean) {\n      if (props.eager && isIntersection) return;\n      if (\n        Environments.canUseIntersectionObserver &&\n        !isIntersection &&\n        !props.eager\n      )\n        return;\n\n      status.value = 'loading';\n\n      if (!srcMeta.value.src) return;\n      nextTick(() => {\n        emit('load', image$.value?.currentSrc || srcMeta.value.src);\n        setTimeout(() => {\n          if (vm.isUnmounted) return;\n          if (image$.value?.complete) {\n            if (!image$.value?.naturalWidth) {\n              onError();\n            }\n            if (status.value === 'error') return;\n            requestInspectImage(image$.value, null);\n            if (status.value === 'loading') onLoad();\n          } else if (image$.value) {\n            requestInspectImage(image$.value);\n            getImgSrc();\n          }\n        });\n      });\n    }\n\n    onBeforeMount(() => {\n      initIntersect();\n    });\n\n    onBeforeUnmount(() => {\n      clearTimeout(requestTimer);\n    });\n\n    useRender(() => {\n      return (\n        <div class={['y-img']}>\n          <_Placeholder />\n          <_Image />\n        </div>\n      );\n    });\n  },\n});\n"],"mappings":"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"}

package/lib/components/input/YInput.mjs

@@ -1,14 +1,13 @@
 import { createVNode as _createVNode, createTextVNode as _createTextVNode, Fragment as _Fragment } from "vue";
-import { computed, defineComponent, ref, shallowRef, watch } from 'vue';
+import { computed, ref, shallowRef, watch } from 'vue';
 import { useRender } from "../../composables/component.mjs";
 import { pressFocusPropsOptions, useFocus } from "../../composables/focus.mjs";
 import { pressThemePropsOptions, useLocalTheme } from "../../composables/theme/index.mjs";
 import { pressValidationPropsOptions, useValidation } from "../../composables/validation.mjs";
-import { getUid, toStyleSizeValue } from "../../util/index.mjs";
-import { propsFactory } from "../../util/component/index.mjs";
+import { defineComponent, getUid, propsFactory } from "../../util/component/index.mjs";
+import { toStyleSizeValue } from "../../util/ui.mjs";
 import "./YInput.scss";
 const NAME = 'y-input';
-let uidCounter = 0;
 export const pressYInputPropsOptions = propsFactory({
   name: String,
   width: {