yuyeon 0.3.3 → 0.3.4-beta.13

package/lib/components/plate/YPlate.js.map

@@ -1 +1 @@
-{"version":3,"file":"YPlate.js","names":["computed","useRender","defineComponent","YPlate","name","props","variation","Object","setup","classes","_createVNode","value"],"sources":["../../../src/components/plate/YPlate.tsx"],"sourcesContent":["import { type PropType, computed } from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { defineComponent } from '@/util/component';\r\n\r\nimport './YPlate.scss';\r\n\r\n/**\r\n * # Base Component\r\n */\r\nexport const YPlate = defineComponent({\r\n  name: 'YPlate',\r\n  props: {\r\n    variation: Object as PropType<Record<string, any>>,\r\n  },\r\n  setup() {\r\n    const classes = computed<Record<string, boolean>>(() => {\r\n      return {\r\n        'y-plate': true,\r\n      };\r\n    });\r\n\r\n    useRender(() => {\r\n      return <div class={classes.value}></div>;\r\n    });\r\n  },\r\n});\r\n\r\nexport type YPlate = InstanceType<typeof YPlate>;\r\n"],"mappings":";AAAA,SAAwBA,QAAQ,QAAQ,KAAK;AAAC,SAErCC,SAAS;AAAA,SACTC,eAAe;AAExB;;AAEA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,GAAGD,eAAe,CAAC;EACpCE,IAAI,EAAE,QAAQ;EACdC,KAAK,EAAE;IACLC,SAAS,EAAEC;EACb,CAAC;EACDC,KAAKA,CAAA,EAAG;IACN,MAAMC,OAAO,GAAGT,QAAQ,CAA0B,MAAM;MACtD,OAAO;QACL,SAAS,EAAE;MACb,CAAC;IACH,CAAC,CAAC;IAEFC,SAAS,CAAC,MAAM;MACd,OAAAS,YAAA;QAAA,SAAmBD,OAAO,CAACE;MAAK;IAClC,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}
+{"version":3,"file":"YPlate.js","names":["computed","createVNode","_createVNode","useRender","defineComponent","YPlate","name","props","variation","Object","setup","classes","value"],"sources":["../../../src/components/plate/YPlate.tsx"],"sourcesContent":["import { computed, type PropType } from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { defineComponent } from '@/util/component';\n\nimport './YPlate.scss';\n\n/**\n * # Base Component\n */\nexport const YPlate = defineComponent({\n  name: 'YPlate',\n  props: {\n    variation: Object as PropType<Record<string, any>>,\n  },\n  setup() {\n    const classes = computed<Record<string, boolean>>(() => {\n      return {\n        'y-plate': true,\n      };\n    });\n\n    useRender(() => {\n      return <div class={classes.value}></div>;\n    });\n  },\n});\n\nexport type YPlate = InstanceType<typeof YPlate>;\n"],"mappings":"AAAA,SAASA,QAAQ,EAAAC,WAAA,IAAAC,YAAA,QAAuB,KAAK;AAAC,SAErCC,SAAS;AAAA,SACTC,eAAe;AAExB;;AAEA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,GAAGD,eAAe,CAAC;EACpCE,IAAI,EAAE,QAAQ;EACdC,KAAK,EAAE;IACLC,SAAS,EAAEC;EACb,CAAC;EACDC,KAAKA,CAAA,EAAG;IACN,MAAMC,OAAO,GAAGX,QAAQ,CAA0B,MAAM;MACtD,OAAO;QACL,SAAS,EAAE;MACb,CAAC;IACH,CAAC,CAAC;IAEFG,SAAS,CAAC,MAAM;MACd,OAAAD,YAAA;QAAA,SAAmBS,OAAO,CAACC;MAAK;IAClC,CAAC,CAAC;EACJ;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/components/plate/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/plate/index.ts"],"sourcesContent":["export * from './YPlate';\n"],"mappings":""}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/plate/index.ts"],"sourcesContent":["export * from './YPlate';\n"],"mappings":"","ignoreList":[]}

package/lib/components/progress-bar/YProgressBar.js

@@ -1,5 +1,4 @@
-import { createTextVNode as _createTextVNode, createVNode as _createVNode } from "vue";
-import { computed } from 'vue';
+import { computed, createVNode as _createVNode, createTextVNode as _createTextVNode } from 'vue';
 import { useRender } from "../../composables/index.js";
 import { useProgress } from "../../composables/progress.js";
 import { isColorValue } from "../../util/color/index.js";

package/lib/components/progress-bar/YProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"YProgressBar.js","names":["computed","useRender","useProgress","isColorValue","defineComponent","YProgressBar","name","props","modelValue","type","Number","rounded","Boolean","height","noRewindTransition","outlined","innerText","color","String","default","textColor","outlineColor","indeterminate","reverse","setup","_ref","slots","numValue","delta","classes","noTransition","value","leadColor","styles","minWidth","width","_createVNode","undefined","_createTextVNode"],"sources":["../../../src/components/progress-bar/YProgressBar.tsx"],"sourcesContent":["import { type PropType, computed, shallowRef } from 'vue';\r\n\r\nimport { useRender } from '@/composables';\r\nimport { useProgress } from '@/composables/progress';\r\nimport { isColorValue } from '@/util/color';\r\nimport { defineComponent } from '@/util/component';\r\n\r\nimport './YProgressBar.scss';\r\n\r\nexport const YProgressBar = defineComponent({\r\n  name: 'YProgressBar',\r\n  props: {\r\n    modelValue: {\r\n      type: Number as PropType<number>,\r\n    },\r\n    rounded: {\r\n      type: Boolean as PropType<boolean>,\r\n    },\r\n    height: {\r\n      type: Number as PropType<number>,\r\n    },\r\n    noRewindTransition: {\r\n      type: Boolean as PropType<boolean>,\r\n    },\r\n    outlined: {\r\n      type: Boolean as PropType<boolean>,\r\n    },\r\n    innerText: {\r\n      type: Boolean as PropType<boolean>,\r\n    },\r\n    color: {\r\n      type: String as PropType<string>,\r\n      default: 'primary',\r\n    },\r\n    textColor: {\r\n      type: String as PropType<string>,\r\n    },\r\n    outlineColor: {\r\n      type: String as PropType<string>,\r\n    },\r\n    indeterminate: Boolean,\r\n    reverse: Boolean,\r\n  },\r\n  setup(props, { slots }) {\r\n    const { numValue, delta } = useProgress(props);\r\n\r\n    const classes = computed(() => {\r\n      let noTransition = false;\r\n      if (props.noRewindTransition && delta.value < 0) {\r\n        noTransition = true;\r\n      }\r\n\r\n      return {\r\n        'y-progress--no-trans': noTransition,\r\n        'y-progress--outlined': props.outlined,\r\n        'y-progress--indeterminate': props.indeterminate,\r\n        'y-progress-bar--rounded': props.rounded,\r\n        'y-progress-bar--reverse': props.reverse,\r\n      };\r\n    });\r\n\r\n    const leadColor = computed(() => {\r\n      let color = props.color ?? '';\r\n      if (!isColorValue(color)) {\r\n        color = `var(--y-theme-${color})`;\r\n      }\r\n      return color;\r\n    });\r\n\r\n    const styles = computed(() => {\r\n      let minWidth;\r\n      if (props.innerText && numValue.value < 5 && numValue.value > 0) {\r\n        minWidth = '2rem';\r\n      }\r\n      return {\r\n        width: `${numValue.value}%`,\r\n        minWidth,\r\n      };\r\n    });\r\n\r\n    useRender(() => (\r\n      <div\r\n        class={{ 'y-progress y-progress-bar': true, ...classes.value }}\r\n        role=\"progressbar\"\r\n        aria-valuemin=\"0\"\r\n        aria-valuemax=\"100\"\r\n        aria-valuenow={numValue.value}\r\n        style={{\r\n          '--y-progress-bar__height':\r\n            props.height !== undefined ? `${props.height}px` : undefined,\r\n          '--y-progress-bar__outline-color':\r\n            props.outlineColor !== undefined ? props.outlineColor : undefined,\r\n          '--y-progress-bar__color': leadColor.value,\r\n          '--y-progress-bar__value': numValue.value,\r\n        }}\r\n      >\r\n        <div class=\"y-progress__track\"></div>\r\n        <div class=\"y-progress__tube\">\r\n          <div class=\"y-progress__lead\" style={styles.value}>\r\n            {slots['lead-inner']\r\n              ? slots['lead-inner']()\r\n              : props.innerText && (\r\n                  <div\r\n                    class={{\r\n                      'y-progress__lead-inner': true,\r\n                      'y-progress__lead-inner--fixed': numValue.value < 3,\r\n                    }}\r\n                    style={{ color: props.textColor }}\r\n                  >\r\n                    <span>{numValue} %</span>\r\n                  </div>\r\n                )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    ));\r\n\r\n    return {\r\n      numValue,\r\n      delta,\r\n    };\r\n  },\r\n});\r\n\r\nexport type YProgressBar = InstanceType<typeof YProgressBar>;\r\n"],"mappings":"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"}
+{"version":3,"file":"YProgressBar.js","names":["computed","createVNode","_createVNode","createTextVNode","_createTextVNode","useRender","useProgress","isColorValue","defineComponent","YProgressBar","name","props","modelValue","type","Number","rounded","Boolean","height","noRewindTransition","outlined","innerText","color","String","default","textColor","outlineColor","indeterminate","reverse","setup","_ref","slots","numValue","delta","classes","noTransition","value","leadColor","styles","minWidth","width","undefined"],"sources":["../../../src/components/progress-bar/YProgressBar.tsx"],"sourcesContent":["import { type PropType, computed, shallowRef } from 'vue';\n\nimport { useRender } from '@/composables';\nimport { useProgress } from '@/composables/progress';\nimport { isColorValue } from '@/util/color';\nimport { defineComponent } from '@/util/component';\n\nimport './YProgressBar.scss';\n\nexport const YProgressBar = defineComponent({\n  name: 'YProgressBar',\n  props: {\n    modelValue: {\n      type: Number as PropType<number>,\n    },\n    rounded: {\n      type: Boolean as PropType<boolean>,\n    },\n    height: {\n      type: Number as PropType<number>,\n    },\n    noRewindTransition: {\n      type: Boolean as PropType<boolean>,\n    },\n    outlined: {\n      type: Boolean as PropType<boolean>,\n    },\n    innerText: {\n      type: Boolean as PropType<boolean>,\n    },\n    color: {\n      type: String as PropType<string>,\n      default: 'primary',\n    },\n    textColor: {\n      type: String as PropType<string>,\n    },\n    outlineColor: {\n      type: String as PropType<string>,\n    },\n    indeterminate: Boolean,\n    reverse: Boolean,\n  },\n  setup(props, { slots }) {\n    const { numValue, delta } = useProgress(props);\n\n    const classes = computed(() => {\n      let noTransition = false;\n      if (props.noRewindTransition && delta.value < 0) {\n        noTransition = true;\n      }\n\n      return {\n        'y-progress--no-trans': noTransition,\n        'y-progress--outlined': props.outlined,\n        'y-progress--indeterminate': props.indeterminate,\n        'y-progress-bar--rounded': props.rounded,\n        'y-progress-bar--reverse': props.reverse,\n      };\n    });\n\n    const leadColor = computed(() => {\n      let color = props.color ?? '';\n      if (!isColorValue(color)) {\n        color = `var(--y-theme-${color})`;\n      }\n      return color;\n    });\n\n    const styles = computed(() => {\n      let minWidth;\n      if (props.innerText && numValue.value < 5 && numValue.value > 0) {\n        minWidth = '2rem';\n      }\n      return {\n        width: `${numValue.value}%`,\n        minWidth,\n      };\n    });\n\n    useRender(() => (\n      <div\n        class={{ 'y-progress y-progress-bar': true, ...classes.value }}\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow={numValue.value}\n        style={{\n          '--y-progress-bar__height':\n            props.height !== undefined ? `${props.height}px` : undefined,\n          '--y-progress-bar__outline-color':\n            props.outlineColor !== undefined ? props.outlineColor : undefined,\n          '--y-progress-bar__color': leadColor.value,\n          '--y-progress-bar__value': numValue.value,\n        }}\n      >\n        <div class=\"y-progress__track\"></div>\n        <div class=\"y-progress__tube\">\n          <div class=\"y-progress__lead\" style={styles.value}>\n            {slots['lead-inner']\n              ? slots['lead-inner']()\n              : props.innerText && (\n                  <div\n                    class={{\n                      'y-progress__lead-inner': true,\n                      'y-progress__lead-inner--fixed': numValue.value < 3,\n                    }}\n                    style={{ color: props.textColor }}\n                  >\n                    <span>{numValue} %</span>\n                  </div>\n                )}\n          </div>\n        </div>\n      </div>\n    ));\n\n    return {\n      numValue,\n      delta,\n    };\n  },\n});\n\nexport type YProgressBar = InstanceType<typeof YProgressBar>;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/progress-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/progress-bar/index.ts"],"sourcesContent":["export * from './YProgressBar';\n"],"mappings":""}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/progress-bar/index.ts"],"sourcesContent":["export * from './YProgressBar';\n"],"mappings":"","ignoreList":[]}

package/lib/components/progress-ring/YProgressRing.js

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode } from "vue";
-import { computed } from 'vue';
+import { computed, createVNode as _createVNode } from 'vue';
 import { useRender } from "../../composables/component.js";
 import { useProgress } from "../../composables/progress.js";
 import { clamp } from "../../util/index.js";
@@ -30,8 +29,8 @@ export const YProgressRing = defineComponent({
     indeterminate: Boolean,
     // TODO: Like SpinnerRing
     reverse: Boolean,
-    /**
-     * Percent value 0~100
+    /**
+     * Percent value 0~100
      */
     width: {
       type: Number,

package/lib/components/progress-ring/YProgressRing.js.map

@@ -1 +1 @@
-{"version":3,"file":"YProgressRing.js","names":["computed","useRender","useProgress","clamp","isColorValue","defineComponent","toStyleSizeValue","YProgressRing","name","props","modelValue","type","Number","rounded","Boolean","size","default","noRewindTransition","color","String","indeterminate","reverse","width","setup","_ref","slots","circumference","Math","PI","numValue","delta","leadColor","holePath","widthPercent","boxSize","precision","radius","vertices","Array","map","_","i","a","x","cos","y","sin","join","dashOffset","value","classes","noTransition","_createVNode"],"sources":["../../../src/components/progress-ring/YProgressRing.tsx"],"sourcesContent":["import { type PropType, computed } from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { useProgress } from '@/composables/progress';\r\nimport { clamp } from '@/util';\r\nimport { isColorValue } from '@/util/color';\r\nimport { defineComponent } from '@/util/component';\r\nimport { toStyleSizeValue } from '@/util/ui';\r\n\r\nimport './YProgressRing.scss';\r\n\r\nexport const YProgressRing = defineComponent({\r\n  name: 'YProgressRing',\r\n  props: {\r\n    modelValue: {\r\n      type: Number as PropType<number>,\r\n    },\r\n    rounded: {\r\n      type: Boolean as PropType<boolean>,\r\n    },\r\n    size: {\r\n      type: Number as PropType<number>,\r\n      default: 32,\r\n    },\r\n    noRewindTransition: {\r\n      type: Boolean as PropType<boolean>,\r\n    },\r\n    color: {\r\n      type: String as PropType<string>,\r\n      default: 'primary',\r\n    },\r\n    indeterminate: Boolean, // TODO: Like SpinnerRing\r\n    reverse: Boolean,\r\n    /**\r\n     * Percent value 0~100\r\n     */\r\n    width: {\r\n      type: Number,\r\n      default: 20,\r\n    },\r\n  },\r\n  setup(props, { slots }) {\r\n    const circumference = 2 * Math.PI * 24;\r\n\r\n    const { numValue, delta } = useProgress(props);\r\n\r\n    const leadColor = computed(() => {\r\n      let color = props.color ?? '';\r\n      if (!isColorValue(color)) {\r\n        color = `var(--y-theme-${color})`;\r\n      }\r\n      return color;\r\n    });\r\n\r\n    const holePath = computed(() => {\r\n      const widthPercent = clamp(props.width, 1, 100);\r\n      if (widthPercent === 100) {\r\n        return '';\r\n      }\r\n      const boxSize = 48;\r\n      const precision = 64;\r\n      const radius = ((100 - widthPercent) / 100) * (boxSize / 2);\r\n      const vertices = [...Array(precision)].map((_, i) => {\r\n        const a = (-i / (precision - 1)) * Math.PI * 2;\r\n        const x = Math.cos(a) * radius + boxSize / 2;\r\n        const y = Math.sin(a) * radius + boxSize / 2;\r\n        return `${x}px ${y}px`;\r\n      });\r\n      return `polygon(100% 50%, 100% 100%, 0 100%, 0 0, 100% 0, 100% 50%, ${vertices.join(',')})`;\r\n    });\r\n\r\n    const dashOffset = computed(() => {\r\n      return circumference - (circumference * numValue.value) / 100;\r\n    });\r\n\r\n    const classes = computed(() => {\r\n      let noTransition = false;\r\n      if (props.noRewindTransition && delta.value < 0) {\r\n        noTransition = true;\r\n      }\r\n\r\n      return {\r\n        'y-progress--no-trans': noTransition,\r\n        'y-progress--indeterminate': props.indeterminate,\r\n        'y-progress-ring--hole': !!holePath.value,\r\n      };\r\n    });\r\n\r\n    useRender(() => (\r\n      <div\r\n        class={{ 'y-progress y-progress-ring': true, ...classes.value }}\r\n        role=\"progressbar\"\r\n        aria-valuemin=\"0\"\r\n        aria-valuemax=\"100\"\r\n        aria-valuenow={numValue.value}\r\n        style={{\r\n          '--y-progress-ring__size': toStyleSizeValue(props.size),\r\n          '--y-progress-ring__color': leadColor.value,\r\n          '--y-progress-ring__value': numValue.value,\r\n          '--y-progress-ring__hole-path': holePath.value,\r\n        }}\r\n      >\r\n        <svg\r\n          class=\"y-progress-ring__tube\"\r\n          width=\"48\"\r\n          height=\"48\"\r\n          viewBox=\"0 0 48 48\"\r\n          xmlns=\"http://www.w3.org/2000/svg\"\r\n        >\r\n          <circle class=\"y-progress-ring__track\" cx=\"24\" cy=\"24\" r=\"24\" />\r\n          <circle\r\n            class=\"y-progress-ring__lead\"\r\n            cx=\"24\"\r\n            cy=\"24\"\r\n            r=\"12\"\r\n            stroke-width=\"24\"\r\n            stroke-dasharray={circumference / 2}\r\n            stroke-dashoffset={dashOffset.value / 2}\r\n          />\r\n        </svg>\r\n      </div>\r\n    ));\r\n\r\n    return {\r\n      numValue,\r\n      delta,\r\n    };\r\n  },\r\n});\r\n\r\nexport type YProgressRing = InstanceType<typeof YProgressRing>;\r\n"],"mappings":"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"}
+{"version":3,"file":"YProgressRing.js","names":["computed","createVNode","_createVNode","useRender","useProgress","clamp","isColorValue","defineComponent","toStyleSizeValue","YProgressRing","name","props","modelValue","type","Number","rounded","Boolean","size","default","noRewindTransition","color","String","indeterminate","reverse","width","setup","_ref","slots","circumference","Math","PI","numValue","delta","leadColor","holePath","widthPercent","boxSize","precision","radius","vertices","Array","map","_","i","a","x","cos","y","sin","join","dashOffset","value","classes","noTransition"],"sources":["../../../src/components/progress-ring/YProgressRing.tsx"],"sourcesContent":["import { type PropType, computed } from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { useProgress } from '@/composables/progress';\nimport { clamp } from '@/util';\nimport { isColorValue } from '@/util/color';\nimport { defineComponent } from '@/util/component';\nimport { toStyleSizeValue } from '@/util/ui';\n\nimport './YProgressRing.scss';\n\nexport const YProgressRing = defineComponent({\n  name: 'YProgressRing',\n  props: {\n    modelValue: {\n      type: Number as PropType<number>,\n    },\n    rounded: {\n      type: Boolean as PropType<boolean>,\n    },\n    size: {\n      type: Number as PropType<number>,\n      default: 32,\n    },\n    noRewindTransition: {\n      type: Boolean as PropType<boolean>,\n    },\n    color: {\n      type: String as PropType<string>,\n      default: 'primary',\n    },\n    indeterminate: Boolean, // TODO: Like SpinnerRing\n    reverse: Boolean,\n    /**\n     * Percent value 0~100\n     */\n    width: {\n      type: Number,\n      default: 20,\n    },\n  },\n  setup(props, { slots }) {\n    const circumference = 2 * Math.PI * 24;\n\n    const { numValue, delta } = useProgress(props);\n\n    const leadColor = computed(() => {\n      let color = props.color ?? '';\n      if (!isColorValue(color)) {\n        color = `var(--y-theme-${color})`;\n      }\n      return color;\n    });\n\n    const holePath = computed(() => {\n      const widthPercent = clamp(props.width, 1, 100);\n      if (widthPercent === 100) {\n        return '';\n      }\n      const boxSize = 48;\n      const precision = 64;\n      const radius = ((100 - widthPercent) / 100) * (boxSize / 2);\n      const vertices = [...Array(precision)].map((_, i) => {\n        const a = (-i / (precision - 1)) * Math.PI * 2;\n        const x = Math.cos(a) * radius + boxSize / 2;\n        const y = Math.sin(a) * radius + boxSize / 2;\n        return `${x}px ${y}px`;\n      });\n      return `polygon(100% 50%, 100% 100%, 0 100%, 0 0, 100% 0, 100% 50%, ${vertices.join(',')})`;\n    });\n\n    const dashOffset = computed(() => {\n      return circumference - (circumference * numValue.value) / 100;\n    });\n\n    const classes = computed(() => {\n      let noTransition = false;\n      if (props.noRewindTransition && delta.value < 0) {\n        noTransition = true;\n      }\n\n      return {\n        'y-progress--no-trans': noTransition,\n        'y-progress--indeterminate': props.indeterminate,\n        'y-progress-ring--hole': !!holePath.value,\n      };\n    });\n\n    useRender(() => (\n      <div\n        class={{ 'y-progress y-progress-ring': true, ...classes.value }}\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow={numValue.value}\n        style={{\n          '--y-progress-ring__size': toStyleSizeValue(props.size),\n          '--y-progress-ring__color': leadColor.value,\n          '--y-progress-ring__value': numValue.value,\n          '--y-progress-ring__hole-path': holePath.value,\n        }}\n      >\n        <svg\n          class=\"y-progress-ring__tube\"\n          width=\"48\"\n          height=\"48\"\n          viewBox=\"0 0 48 48\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <circle class=\"y-progress-ring__track\" cx=\"24\" cy=\"24\" r=\"24\" />\n          <circle\n            class=\"y-progress-ring__lead\"\n            cx=\"24\"\n            cy=\"24\"\n            r=\"12\"\n            stroke-width=\"24\"\n            stroke-dasharray={circumference / 2}\n            stroke-dashoffset={dashOffset.value / 2}\n          />\n        </svg>\n      </div>\n    ));\n\n    return {\n      numValue,\n      delta,\n    };\n  },\n});\n\nexport type YProgressRing = InstanceType<typeof YProgressRing>;\n"],"mappings":"AAAA,SAAwBA,QAAQ,EAAAC,WAAA,IAAAC,YAAA,QAAQ,KAAK;AAAC,SAErCC,SAAS;AAAA,SACTC,WAAW;AAAA,SACXC,KAAK;AAAA,SACLC,YAAY;AAAA,SACZC,eAAe;AAAA,SACfC,gBAAgB;AAEzB;AAEA,OAAO,MAAMC,aAAa,GAAGF,eAAe,CAAC;EAC3CG,IAAI,EAAE,eAAe;EACrBC,KAAK,EAAE;IACLC,UAAU,EAAE;MACVC,IAAI,EAAEC;IACR,CAAC;IACDC,OAAO,EAAE;MACPF,IAAI,EAAEG;IACR,CAAC;IACDC,IAAI,EAAE;MACJJ,IAAI,EAAEC,MAA0B;MAChCI,OAAO,EAAE;IACX,CAAC;IACDC,kBAAkB,EAAE;MAClBN,IAAI,EAAEG;IACR,CAAC;IACDI,KAAK,EAAE;MACLP,IAAI,EAAEQ,MAA0B;MAChCH,OAAO,EAAE;IACX,CAAC;IACDI,aAAa,EAAEN,OAAO;IAAE;IACxBO,OAAO,EAAEP,OAAO;IAChB;AACJ;AACA;IACIQ,KAAK,EAAE;MACLX,IAAI,EAAEC,MAAM;MACZI,OAAO,EAAE;IACX;EACF,CAAC;EACDO,KAAKA,CAACd,KAAK,EAAAe,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACpB,MAAME,aAAa,GAAG,CAAC,GAAGC,IAAI,CAACC,EAAE,GAAG,EAAE;IAEtC,MAAM;MAAEC,QAAQ;MAAEC;IAAM,CAAC,GAAG5B,WAAW,CAACO,KAAK,CAAC;IAE9C,MAAMsB,SAAS,GAAGjC,QAAQ,CAAC,MAAM;MAC/B,IAAIoB,KAAK,GAAGT,KAAK,CAACS,KAAK,IAAI,EAAE;MAC7B,IAAI,CAACd,YAAY,CAACc,KAAK,CAAC,EAAE;QACxBA,KAAK,GAAG,iBAAiBA,KAAK,GAAG;MACnC;MACA,OAAOA,KAAK;IACd,CAAC,CAAC;IAEF,MAAMc,QAAQ,GAAGlC,QAAQ,CAAC,MAAM;MAC9B,MAAMmC,YAAY,GAAG9B,KAAK,CAACM,KAAK,CAACa,KAAK,EAAE,CAAC,EAAE,GAAG,CAAC;MAC/C,IAAIW,YAAY,KAAK,GAAG,EAAE;QACxB,OAAO,EAAE;MACX;MACA,MAAMC,OAAO,GAAG,EAAE;MAClB,MAAMC,SAAS,GAAG,EAAE;MACpB,MAAMC,MAAM,GAAI,CAAC,GAAG,GAAGH,YAAY,IAAI,GAAG,IAAKC,OAAO,GAAG,CAAC,CAAC;MAC3D,MAAMG,QAAQ,GAAG,CAAC,GAAGC,KAAK,CAACH,SAAS,CAAC,CAAC,CAACI,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK;QACnD,MAAMC,CAAC,GAAI,CAACD,CAAC,IAAIN,SAAS,GAAG,CAAC,CAAC,GAAIR,IAAI,CAACC,EAAE,GAAG,CAAC;QAC9C,MAAMe,CAAC,GAAGhB,IAAI,CAACiB,GAAG,CAACF,CAAC,CAAC,GAAGN,MAAM,GAAGF,OAAO,GAAG,CAAC;QAC5C,MAAMW,CAAC,GAAGlB,IAAI,CAACmB,GAAG,CAACJ,CAAC,CAAC,GAAGN,MAAM,GAAGF,OAAO,GAAG,CAAC;QAC5C,OAAO,GAAGS,CAAC,MAAME,CAAC,IAAI;MACxB,CAAC,CAAC;MACF,OAAO,+DAA+DR,QAAQ,CAACU,IAAI,CAAC,GAAG,CAAC,GAAG;IAC7F,CAAC,CAAC;IAEF,MAAMC,UAAU,GAAGlD,QAAQ,CAAC,MAAM;MAChC,OAAO4B,aAAa,GAAIA,aAAa,GAAGG,QAAQ,CAACoB,KAAK,GAAI,GAAG;IAC/D,CAAC,CAAC;IAEF,MAAMC,OAAO,GAAGpD,QAAQ,CAAC,MAAM;MAC7B,IAAIqD,YAAY,GAAG,KAAK;MACxB,IAAI1C,KAAK,CAACQ,kBAAkB,IAAIa,KAAK,CAACmB,KAAK,GAAG,CAAC,EAAE;QAC/CE,YAAY,GAAG,IAAI;MACrB;MAEA,OAAO;QACL,sBAAsB,EAAEA,YAAY;QACpC,2BAA2B,EAAE1C,KAAK,CAACW,aAAa;QAChD,uBAAuB,EAAE,CAAC,CAACY,QAAQ,CAACiB;MACtC,CAAC;IACH,CAAC,CAAC;IAEFhD,SAAS,CAAC,MAAAD,YAAA;MAAA,SAEC;QAAE,4BAA4B,EAAE,IAAI;QAAE,GAAGkD,OAAO,CAACD;MAAM,CAAC;MAAA;MAAA;MAAA;MAAA,iBAIhDpB,QAAQ,CAACoB,KAAK;MAAA,SACtB;QACL,yBAAyB,EAAE3C,gBAAgB,CAACG,KAAK,CAACM,IAAI,CAAC;QACvD,0BAA0B,EAAEgB,SAAS,CAACkB,KAAK;QAC3C,0BAA0B,EAAEpB,QAAQ,CAACoB,KAAK;QAC1C,8BAA8B,EAAEjB,QAAQ,CAACiB;MAC3C;IAAC,IAAAjD,YAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA,IAAAA,YAAA;MAAA;MAAA;MAAA;MAAA;IAAA,UAAAA,YAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA,oBAgBqB0B,aAAa,GAAG,CAAC;MAAA,qBAChBsB,UAAU,CAACC,KAAK,GAAG;IAAC,YAI9C,CAAC;IAEF,OAAO;MACLpB,QAAQ;MACRC;IACF,CAAC;EACH;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/components/progress-ring/index.js.map

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

package/lib/components/radio/YRadio.js

@@ -0,0 +1,58 @@
+import { createVNode as _createVNode } from "vue";
+import { useRender } from "../../composables/component.js";
+import { defineComponent, getUid, propsFactory } from "../../util/component/index.js";
+import { YRadioIcon } from "./YRadioIcon.js";
+import "./YRadio.scss";
+export const pressYRadioPropsOptions = propsFactory({
+  modelValue: Boolean,
+  disabled: Boolean,
+  value: String,
+  label: String
+}, 'YRadio');
+const YRadio = defineComponent({
+  name: 'YRadio',
+  props: {
+    ...pressYRadioPropsOptions()
+  },
+  slots: Object,
+  emits: ['update:modelValue', 'input'],
+  setup(props, _ref) {
+    let {
+      slots,
+      attrs,
+      emit
+    } = _ref;
+    const uid = getUid();
+    function onInput(e) {
+      emit('input', e);
+    }
+    useRender(() => {
+      const inputId = `input-${uid}`;
+      return _createVNode("div", {
+        "class": ['y-radio', {
+          'z-radio--disabled': props.disabled
+        }]
+      }, [slots.leading && slots.leading(), _createVNode("div", {
+        "class": "y-radio__input"
+      }, [slots.icon ? slots.icon() : _createVNode(YRadioIcon, {
+        "active": props.modelValue,
+        "disabled": props.disabled
+      }, null), _createVNode("input", {
+        "id": inputId,
+        "name": attrs.name,
+        "type": "radio",
+        "value": props.value,
+        "checked": props.modelValue,
+        "disabled": props.disabled,
+        "class": "y-radio__input-native",
+        "onInput": onInput
+      }, null)]), slots.label ? slots.label({
+        inputId
+      }) : _createVNode("label", {
+        "for": inputId,
+        "class": "y-radio__label"
+      }, [props.label])]);
+    });
+  }
+});
+//# sourceMappingURL=YRadio.js.map

package/lib/components/radio/YRadio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YRadio.js","names":["useRender","defineComponent","getUid","propsFactory","YRadioIcon","pressYRadioPropsOptions","modelValue","Boolean","disabled","value","String","label","YRadio","name","props","slots","Object","emits","setup","_ref","attrs","emit","uid","onInput","e","inputId","_createVNode","leading","icon"],"sources":["../../../src/components/radio/YRadio.tsx"],"sourcesContent":["import type { PropType, SlotsType } from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { defineComponent, getUid, propsFactory } from '@/util/component';\n\nimport { YRadioIcon } from './YRadioIcon';\n\nimport './YRadio.scss';\n\nexport const pressYRadioPropsOptions = propsFactory(\n  {\n    modelValue: Boolean as PropType<boolean>,\n    disabled: Boolean as PropType<boolean>,\n    value: String as PropType<string>,\n    label: String as PropType<string>,\n  },\n  'YRadio',\n);\n\nconst YRadio = defineComponent({\n  name: 'YRadio',\n  props: {\n    ...pressYRadioPropsOptions(),\n  },\n  slots: Object as SlotsType<{\n    leading: any;\n    icon: any;\n    label: any;\n    trailing: any;\n  }>,\n  emits: ['update:modelValue', 'input'],\n  setup(props, { slots, attrs, emit }) {\n    const uid = getUid();\n\n    function onInput(e: Event) {\n      emit('input', e);\n    }\n\n    useRender(() => {\n      const inputId = `input-${uid}`;\n      return (\n        <div class={['y-radio', { 'z-radio--disabled': props.disabled }]}>\n          {slots.leading && slots.leading()}\n          <div class=\"y-radio__input\">\n            {slots.icon ? (\n              slots.icon()\n            ) : (\n              <YRadioIcon active={props.modelValue} disabled={props.disabled} />\n            )}\n            <input\n              id={inputId}\n              name={attrs.name as string}\n              type=\"radio\"\n              value={props.value}\n              checked={props.modelValue}\n              disabled={props.disabled}\n              class=\"y-radio__input-native\"\n              onInput={onInput}\n            />\n          </div>\n          {slots.label ? (\n            slots.label({ inputId })\n          ) : (\n            <label for={inputId} class=\"y-radio__label\">\n              {props.label}\n            </label>\n          )}\n        </div>\n      );\n    });\n  },\n});\n"],"mappings":";SAESA,SAAS;AAAA,SACTC,eAAe,EAAEC,MAAM,EAAEC,YAAY;AAAA,SAErCC,UAAU;AAEnB;AAEA,OAAO,MAAMC,uBAAuB,GAAGF,YAAY,CACjD;EACEG,UAAU,EAAEC,OAA4B;EACxCC,QAAQ,EAAED,OAA4B;EACtCE,KAAK,EAAEC,MAA0B;EACjCC,KAAK,EAAED;AACT,CAAC,EACD,QACF,CAAC;AAED,MAAME,MAAM,GAAGX,eAAe,CAAC;EAC7BY,IAAI,EAAE,QAAQ;EACdC,KAAK,EAAE;IACL,GAAGT,uBAAuB,CAAC;EAC7B,CAAC;EACDU,KAAK,EAAEC,MAKL;EACFC,KAAK,EAAE,CAAC,mBAAmB,EAAE,OAAO,CAAC;EACrCC,KAAKA,CAACJ,KAAK,EAAAK,IAAA,EAA0B;IAAA,IAAxB;MAAEJ,KAAK;MAAEK,KAAK;MAAEC;IAAK,CAAC,GAAAF,IAAA;IACjC,MAAMG,GAAG,GAAGpB,MAAM,CAAC,CAAC;IAEpB,SAASqB,OAAOA,CAACC,CAAQ,EAAE;MACzBH,IAAI,CAAC,OAAO,EAAEG,CAAC,CAAC;IAClB;IAEAxB,SAAS,CAAC,MAAM;MACd,MAAMyB,OAAO,GAAG,SAASH,GAAG,EAAE;MAC9B,OAAAI,YAAA;QAAA,SACc,CAAC,SAAS,EAAE;UAAE,mBAAmB,EAAEZ,KAAK,CAACN;QAAS,CAAC;MAAC,IAC7DO,KAAK,CAACY,OAAO,IAAIZ,KAAK,CAACY,OAAO,CAAC,CAAC,EAAAD,YAAA;QAAA;MAAA,IAE9BX,KAAK,CAACa,IAAI,GACTb,KAAK,CAACa,IAAI,CAAC,CAAC,GAAAF,YAAA,CAAAtB,UAAA;QAAA,UAEQU,KAAK,CAACR,UAAU;QAAA,YAAYQ,KAAK,CAACN;MAAQ,QAC/D,EAAAkB,YAAA;QAAA,MAEKD,OAAO;QAAA,QACLL,KAAK,CAACP,IAAI;QAAA;QAAA,SAETC,KAAK,CAACL,KAAK;QAAA,WACTK,KAAK,CAACR,UAAU;QAAA,YACfQ,KAAK,CAACN,QAAQ;QAAA;QAAA,WAEfe;MAAO,YAGnBR,KAAK,CAACJ,KAAK,GACVI,KAAK,CAACJ,KAAK,CAAC;QAAEc;MAAQ,CAAC,CAAC,GAAAC,YAAA;QAAA,OAEZD,OAAO;QAAA;MAAA,IAChBX,KAAK,CAACH,KAAK,EAEf;IAGP,CAAC,CAAC;EACJ;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/components/radio/YRadio.scss

@@ -0,0 +1,38 @@
+.y-radio {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+
+  &__input {
+    position: relative;
+    display: flex;
+    align-items: center;
+
+    .y-radio-icon {
+      width: 24px;
+      height: 24px;
+    }
+
+    input {
+      cursor: pointer;
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 100%;
+      height: 100%;
+      opacity: 0;
+    }
+  }
+
+  &__label {
+    cursor: pointer;
+  }
+
+  &--disabled & {
+    &__input input,
+    &__label {
+      cursor: default;
+    }
+  }
+}

package/lib/components/radio/YRadioIcon.js

@@ -0,0 +1,33 @@
+import { createVNode as _createVNode } from "vue";
+import { useRender } from "../../composables/component.js";
+import { defineComponent } from "../../util/component/component.js";
+import "./YRadioIcon.scss";
+export const YRadioIcon = defineComponent({
+  name: 'YRadioIcon',
+  props: {
+    active: Boolean,
+    disabled: Boolean
+  },
+  setup(props) {
+    useRender(() => _createVNode("svg", {
+      "class": ['y-radio-icon', {
+        'y-radio-icon--active': props.active,
+        'y-radio-icon--disabled': props.disabled
+      }],
+      "viewBox": "0 0 24 24"
+    }, [_createVNode("circle", {
+      "class": "y-radio-icon__plate",
+      "r": "11",
+      "cx": "12",
+      "cy": "12",
+      "stroke-width": "2",
+      "stroke": "currentColor"
+    }, null), _createVNode("circle", {
+      "class": "y-radio-icon__bead",
+      "r": "6",
+      "cx": "12",
+      "cy": "12"
+    }, null)]));
+  }
+});
+//# sourceMappingURL=YRadioIcon.js.map

package/lib/components/radio/YRadioIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YRadioIcon.js","names":["useRender","defineComponent","YRadioIcon","name","props","active","Boolean","disabled","setup","_createVNode"],"sources":["../../../src/components/radio/YRadioIcon.tsx"],"sourcesContent":["import { useRender } from '@/composables/component';\nimport { defineComponent } from '@/util/component/component';\n\nimport './YRadioIcon.scss';\n\nexport const YRadioIcon = defineComponent({\n  name: 'YRadioIcon',\n  props: {\n    active: Boolean,\n    disabled: Boolean,\n  },\n  setup(props) {\n    useRender(() => (\n      <svg\n        class={[\n          'y-radio-icon',\n          {\n            'y-radio-icon--active': props.active,\n            'y-radio-icon--disabled': props.disabled,\n          },\n        ]}\n        viewBox=\"0 0 24 24\"\n      >\n        <circle\n          class=\"y-radio-icon__plate\"\n          r=\"11\"\n          cx=\"12\"\n          cy=\"12\"\n          stroke-width=\"2\"\n          stroke=\"currentColor\"\n        />\n        <circle class=\"y-radio-icon__bead\" r=\"6\" cx=\"12\" cy=\"12\" />\n      </svg>\n    ));\n  },\n});\n\nexport type YRadioIcon = InstanceType<typeof YRadioIcon>;\n"],"mappings":";SAASA,SAAS;AAAA,SACTC,eAAe;AAExB;AAEA,OAAO,MAAMC,UAAU,GAAGD,eAAe,CAAC;EACxCE,IAAI,EAAE,YAAY;EAClBC,KAAK,EAAE;IACLC,MAAM,EAAEC,OAAO;IACfC,QAAQ,EAAED;EACZ,CAAC;EACDE,KAAKA,CAACJ,KAAK,EAAE;IACXJ,SAAS,CAAC,MAAAS,YAAA;MAAA,SAEC,CACL,cAAc,EACd;QACE,sBAAsB,EAAEL,KAAK,CAACC,MAAM;QACpC,wBAAwB,EAAED,KAAK,CAACG;MAClC,CAAC,CACF;MAAA;IAAA,IAAAE,YAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA,UAAAA,YAAA;MAAA;MAAA;MAAA;MAAA;IAAA,UAaJ,CAAC;EACJ;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/components/radio/YRadioIcon.scss

@@ -0,0 +1,43 @@
+.y-radio-icon {
+  --y-radio-icon-outline: var(--y-theme-outline, #c8c8c8);
+  width: 24px;
+  height: 24px;
+
+  &__plate {
+    fill: none;
+    stroke: var(--y-radio-icon-outline);
+    stroke-width: 1;
+    color: inherit;
+  }
+
+  &__bead {
+    fill: none;
+    transform: scale(1.2);
+    transform-origin: center;
+    color: inherit;
+  }
+
+  &--active:not(&--disabled) {
+    color: var(--y-theme-primary);
+  }
+
+  &--disabled {
+    color: var(--y-theme-disabled);
+    cursor: default;
+  }
+
+  &--active &,
+  &--disabled & {
+    &__plate {
+      stroke: currentColor;
+    }
+  }
+
+  &--active &__bead {
+    fill: currentColor;
+    stroke: currentColor;
+    transform: scale(1);
+    transition: fill 200ms ease-in,
+    transform 120ms ease;
+  }
+}

package/lib/components/radio/index.js

@@ -0,0 +1,3 @@
+export * from "./YRadioIcon.js";
+export * from "./YRadio.js";
+//# sourceMappingURL=index.js.map

package/lib/components/radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/radio/index.ts"],"sourcesContent":["export * from './YRadioIcon';\nexport * from './YRadio';\n"],"mappings":"","ignoreList":[]}

package/lib/components/select/YSelect.js

@@ -1,5 +1,4 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode, Fragment as _Fragment } from "vue";
-import { computed, mergeProps, nextTick, onMounted, ref, shallowRef, vShow, watch, withDirectives } from 'vue';
+import { computed, mergeProps, nextTick, onMounted, ref, shallowRef, vShow, watch, withDirectives, Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { useModelDuplex } from "../../composables/communication.js";
 import { useRender } from "../../composables/component.js";
 import { pressCoordinateProps } from "../../composables/coordinate/index.js";
@@ -10,7 +9,7 @@ import { deepEqual, omit } from "../../util/common.js";
 import { chooseProps, defineComponent, getHtmlElement, propsFactory } from "../../util/component/index.js";
 import { getScrollParent } from "../../util/scroll.js";
 import { YCard } from "../card/index.js";
-import { YFieldInput, pressYFieldInputPropsOptions } from "../field-input/index.js";
+import { pressYFieldInputPropsOptions, YFieldInput } from "../field-input/index.js";
 import { YIcon } from "../icon/index.js";
 import { YList, YListItem } from "../list/index.js";
 import { YMenu } from "../menu/index.js";
@@ -28,7 +27,7 @@ export const pressSelectPropsOptions = propsFactory({
     type: Object
   },
   ...pressListItemsPropsOptions()
-}, 'Select');
+}, "Select");
 export const pressYSelectPropsOptions = propsFactory({
   maxHeight: {
     type: [Number, String],
@@ -36,7 +35,7 @@ export const pressYSelectPropsOptions = propsFactory({
   },
   dropdownIcon: {
     type: [String, Array, Object],
-    default: '$dropdown'
+    default: "$dropdown"
   },
   openDelay: {
     type: Number,
@@ -49,19 +48,19 @@ export const pressYSelectPropsOptions = propsFactory({
   ...pressSelectPropsOptions(),
   ...pressYFieldInputPropsOptions(),
   ...omit(pressCoordinateProps({
-    position: 'bottom'
-  }), ['coordinateStrategy'])
-}, 'YSelect');
+    position: "bottom"
+  }), ["coordinateStrategy"])
+}, "YSelect");
 export const YSelect = defineComponent({
-  name: 'YSelect',
+  name: "YSelect",
   inheritAttrs: false,
   props: {
     ...pressYSelectPropsOptions()
   },
   emits: {
-    'update:modelValue': value => true,
-    'update:opened': opened => true,
-    'click:item': (item, e) => true,
+    "update:modelValue": () => true,
+    "update:opened": opened => true,
+    "click:item": (item, e) => true,
     change: value => true
   },
   slots: Object,
@@ -76,7 +75,7 @@ export const YSelect = defineComponent({
     const menuRef = ref();
     const listRef = ref();
     const cardRef = ref();
-    const opened = useModelDuplex(props, 'opened');
+    const opened = useModelDuplex(props, "opened");
     const focused = shallowRef(false);
     const {
       items,
@@ -90,7 +89,7 @@ export const YSelect = defineComponent({
       const emitValue = toEmitItems(wrapInArray(v));
       return props.multiple ? emitValue : emitValue[0] ?? null;
     };
-    const model = useModelDuplex(props, 'modelValue', [], v => toRefineItems(v === null ? [null] : wrapInArray(v)), setOut);
+    const model = useModelDuplex(props, "modelValue", [], v => toRefineItems(v === null ? [null] : wrapInArray(v)), setOut);
     const selections = computed(() => {
       const ret = [];
       for (const v of model.value) {
@@ -119,18 +118,17 @@ export const YSelect = defineComponent({
     }
 
     // Field
-    function onMousedownDisplay(event) {
+    function onMousedownDisplay(_event) {
       if (props.disabled) return;
       opened.value = !opened.value;
     }
     function onKeydownDisplay(event) {
-      console.log(event);
       if (props.disabled) return;
-      if (event.key === 'Enter' || event.key === ' ') {
+      if (event.key === "Enter" || event.key === " ") {
         opened.value = !opened.value;
       }
     }
-    function onBlur(event) {
+    function onBlur(_event) {
       requestAnimationFrame(() => {
         const contentEl = menuRef.value?.layer$?.content$;
         if (contentEl?.contains(document.activeElement)) {
@@ -145,7 +143,7 @@ export const YSelect = defineComponent({
     // Menu Contents
     function onClickItem(item, e) {
       if (item.disabled) return;
-      select(item);
+      select(item, e);
       if (!props.multiple) {
         setTimeout(() => {
           opened.value = false;
@@ -162,7 +160,7 @@ export const YSelect = defineComponent({
         return event.target?.contains(menuRef.value?.layer$?.content$);
       }
     }
-    function select(item) {
+    function select(item, e) {
       let value;
       if (props.multiple) {
         const index = selections.value.findIndex(selectedItem => {
@@ -179,13 +177,13 @@ export const YSelect = defineComponent({
         value = [item];
       }
       model.value = value;
-      emit('change', setOut(value));
+      emit("change", setOut(value), e, fieldInputRef.value);
     }
     const displayText = computed(() => {
       if (props.multiple) {
-        return selections.value.map(item => item.text).join(', ');
+        return selections.value.map(item => item.text).join(", ");
       }
-      return selections.value?.[0]?.text ?? '';
+      return selections.value?.[0]?.text ?? "";
     });
     const baseEl = computed(() => {
       return menuRef.value?.baseEl;
@@ -203,14 +201,14 @@ export const YSelect = defineComponent({
       }
       const listEl = getHtmlElement(listRef.value);
       if (listEl) {
-        const activeEl = listEl?.querySelector('.y-list-item--active');
+        const activeEl = listEl?.querySelector(".y-list-item--active");
         const contentEl = menuRef.value?.layer$?.content$;
         if (activeEl && contentEl) {
           const scrollEl = getScrollParent(activeEl);
           if (scrollEl && (contentEl.contains(scrollEl) || contentEl.isSameNode(scrollEl))) {
             scrollEl.scrollTo({
               top: activeEl.offsetTop,
-              behavior: 'smooth'
+              behavior: "smooth"
             });
           }
         }
@@ -218,19 +216,19 @@ export const YSelect = defineComponent({
     }
     useRender(() => {
       const fieldInputProps = chooseProps(props, YFieldInput.props);
-      const dropdownIconProps = chooseProps(typeof props.dropdownIcon === 'object' ? props.dropdownIcon : {}, YIcon.props);
+      const dropdownIconProps = chooseProps(typeof props.dropdownIcon === "object" ? props.dropdownIcon : {}, YIcon.props);
       return _createVNode(YFieldInput, _mergeProps({
         "ref": fieldInputRef
       }, fieldInputProps, {
-        "modelValue": model.value.map(v => v.props.value).join(', '),
+        "modelValue": model.value.map(v => v.props.value).join(", "),
         "validationValue": model.rxValue,
         "onMousedown:display": onMousedownDisplay,
         "onKeydown:display": onKeydownDisplay,
         "onBlur": onBlur,
         "readonly": true,
-        "class": ['y-select', {
-          'y-select--opened': opened.value,
-          'y-select--selected': selected.value.length > 0
+        "class": ["y-select", {
+          "y-select--opened": opened.value,
+          "y-select--selected": selected.value.length > 0
         }]
       }, attrs, {
         "focused": focused.value
@@ -243,14 +241,14 @@ export const YSelect = defineComponent({
             internalItems: selections.value
           };
           return _createVNode(_Fragment, null, [_createVNode("div", {
-            "class": ['y-select__selection']
+            "class": ["y-select__selection"]
           }, [slots.selection ? slots.selection?.(selectionProps) : selected.value.length > 0 ? displayText.value : props.placeholder]), _createVNode(YMenu, _mergeProps({
             "ref": menuRef,
             "offset": props.offset,
             "position": props.position,
             "align": props.align,
             "origin": props.origin,
-            "content-classes": ['y-select__content'],
+            "content-classes": ["y-select__content"],
             "maxHeight": props.maxHeight,
             "open-on-click-base": false,
             "onAfterLeave": onAfterLeave,
@@ -265,32 +263,32 @@ export const YSelect = defineComponent({
             default: slots.menu ? () => slots.menu?.() : () => _createVNode(YCard, {
               "ref": cardRef
             }, {
-              default: () => [slots['menu-prepend']?.(), items.value.length > 0 ? _createVNode(YList, {
+              default: () => [slots["menu-prepend"]?.(), (items.value?.length ?? 0) > 0 ? _createVNode(YList, {
                 "ref": listRef
               }, {
                 default: () => [items.value.map(item => {
                   const itemProps = {
                     item,
                     selected: isSelected(item),
-                    select: () => {
-                      select(item);
+                    select: e => {
+                      select(item, e);
                     }
                   };
                   return withDirectives(_createVNode(YListItem, {
                     "onClick": e => onClickItem(item, e),
                     "class": [{
-                      'y-list-item--active': isSelected(item)
+                      "y-list-item--active": isSelected(item)
                     }],
                     "disabled": item.disabled
                   }, {
                     default: () => slots.item ? slots.item?.(itemProps) : item.text,
-                    leading: slots['item-leading'] && (() => slots['item-leading']?.(itemProps)),
-                    trailing: slots['item-trailing'] && (() => slots['item-trailing']?.(itemProps))
+                    leading: slots["item-leading"] && (() => slots["item-leading"]?.(itemProps)),
+                    trailing: slots["item-trailing"] && (() => slots["item-trailing"]?.(itemProps))
                   }), [[vShow, !item.hide]]);
                 })]
               }) : _createVNode("div", {
                 "class": "y-select__no-options"
-              }, [t('$yuyeon.noItems')]), slots['menu-append']?.()]
+              }, [t("$yuyeon.noItems")]), slots["menu-append"]?.()]
             })
           })]);
         },
@@ -301,9 +299,9 @@ export const YSelect = defineComponent({
           return slots.leading?.(...args);
         } : undefined,
         trailing: function () {
-          return slots['dropdown-icon'] ? slots['dropdown-icon']() : _createVNode(YIcon, _mergeProps(mergeProps(dropdownIconProps), {
+          return slots["dropdown-icon"] ? slots["dropdown-icon"]() : _createVNode(YIcon, _mergeProps(mergeProps(dropdownIconProps), {
             "icon": props.dropdownIcon,
-            "class": ['y-select__icon']
+            "class": ["y-select__icon"]
           }), null);
         },
         label: slots.label ? function () {
@@ -312,11 +310,11 @@ export const YSelect = defineComponent({
           }
           return slots.label?.(...args);
         } : undefined,
-        'helper-text': slots['helper-text'] ? function () {
+        "helper-text": slots["helper-text"] ? function () {
           for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
             args[_key3] = arguments[_key3];
           }
-          return slots['helper-text']?.(...args);
+          return slots["helper-text"]?.(...args);
         } : undefined
       });
     });