yuyeon 0.3.1-rc.6 → 0.3.2-rc.1

package/lib/components/badge/YBadge.mjs

@@ -1,83 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { vShow, withDirectives } from 'vue';
-import { useRender } from "../../composables/component.mjs";
-import { useI18n } from "../../composables/i18n/index.mjs";
-import { IconValue } from "../../composables/icon.mjs";
-import { styleColorPropsOptions, useStyleColor } from "../../composables/style-color.mjs";
-import { PolyTransition } from "../../composables/transition.mjs";
-import { defineComponent, propsFactory } from "../../util/component/index.mjs";
-import { YIcon } from "../icon/YIcon.mjs";
-import "./YBadge.scss";
-export const pressYBadgePropsOptions = propsFactory({
-  tag: {
-    type: String,
-    default: 'div'
-  },
-  dot: Boolean,
-  bordered: Boolean,
-  floating: Boolean,
-  inline: Boolean,
-  icon: IconValue,
-  hide: Boolean,
-  label: {
-    type: String,
-    default: '$yuyeon.badge'
-  },
-  content: [Number, String],
-  max: Number,
-  transition: {
-    type: String,
-    default: 'fade'
-  },
-  ...styleColorPropsOptions
-}, 'YBadge');
-export const YBadge = defineComponent({
-  name: 'YBadge',
-  props: pressYBadgePropsOptions(),
-  slots: Object,
-  setup(props, _ref) {
-    let {
-      slots
-    } = _ref;
-    const {
-      t
-    } = useI18n();
-    const {
-      colorVars
-    } = useStyleColor(props, 'badge');
-    useRender(() => {
-      const ElTag = props.tag;
-      const value = Number(props.content);
-      const content = !props.max || isNaN(value) ? props.content : value <= +props.max ? value : `${props.max}+`;
-      return _createVNode(ElTag, {
-        "class": ['y-badge', {
-          'y-badge--bordered': props.bordered,
-          'y-badge--dot': props.dot,
-          'y-badge--floating': props.floating,
-          'y-badge--inline': props.inline
-        }],
-        "style": colorVars.value
-      }, {
-        default: () => [_createVNode("div", {
-          "class": "y-badge__base"
-        }, [slots.default?.(), _createVNode(PolyTransition, {
-          "is": props.transition,
-          "transitionProps": {
-            name: props.transition
-          }
-        }, {
-          default: () => [withDirectives(_createVNode("span", {
-            "class": ['y-badge__badge'],
-            "aria-atomic": "true",
-            "aria-label": t(props.label, value),
-            "aria-live": "polite",
-            "role": "status"
-          }, [props.dot ? undefined : slots.badge ? slots.badge?.() : props.icon ? _createVNode(YIcon, {
-            "icon": props.icon
-          }, null) : content]), [[vShow, !props.hide]])]
-        })])]
-      });
-    });
-  }
-});
-//# sourceMappingURL=YBadge.mjs.map

package/lib/components/badge/YBadge.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"YBadge.mjs","names":["vShow","withDirectives","useRender","useI18n","IconValue","styleColorPropsOptions","useStyleColor","PolyTransition","defineComponent","propsFactory","YIcon","pressYBadgePropsOptions","tag","type","String","default","dot","Boolean","bordered","floating","inline","icon","hide","label","content","Number","max","transition","YBadge","name","props","slots","Object","setup","_ref","t","colorVars","ElTag","value","isNaN","_createVNode","undefined","badge"],"sources":["../../../src/components/badge/YBadge.tsx"],"sourcesContent":["import {\n  type PropType,\n  type SlotsType,\n  computed,\n  vShow,\n  withDirectives,\n} from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { useI18n } from '@/composables/i18n';\nimport { IconValue } from '@/composables/icon';\nimport {\n  styleColorPropsOptions,\n  useStyleColor,\n} from '@/composables/style-color';\nimport { PolyTransition } from '@/composables/transition';\nimport { defineComponent, propsFactory } from '@/util/component';\n\nimport { YIcon } from '../icon/YIcon';\n\nimport './YBadge.scss';\n\nexport const pressYBadgePropsOptions = propsFactory(\n  {\n    tag: {\n      type: String as PropType<string>,\n      default: 'div',\n    },\n    dot: Boolean,\n    bordered: Boolean,\n    floating: Boolean,\n    inline: Boolean,\n    icon: IconValue,\n    hide: Boolean,\n    label: {\n      type: String,\n      default: '$yuyeon.badge',\n    },\n    content: [Number, String],\n    max: Number,\n    transition: {\n      type: String,\n      default: 'fade',\n    },\n    ...styleColorPropsOptions,\n  },\n  'YBadge',\n);\n\nexport const YBadge = defineComponent({\n  name: 'YBadge',\n  props: pressYBadgePropsOptions(),\n  slots: Object as SlotsType<{\n    default: any;\n    badge: any;\n  }>,\n  setup(props, { slots }) {\n    const { t } = useI18n();\n\n    const { colorVars } = useStyleColor(props, 'badge');\n\n    useRender(() => {\n      const ElTag = props.tag as keyof HTMLElementTagNameMap;\n      const value = Number(props.content);\n      const content =\n        !props.max || isNaN(value)\n          ? props.content\n          : value <= +props.max\n            ? value\n            : `${props.max}+`;\n      return (\n        <ElTag\n          class={[\n            'y-badge',\n            {\n              'y-badge--bordered': props.bordered,\n              'y-badge--dot': props.dot,\n              'y-badge--floating': props.floating,\n              'y-badge--inline': props.inline,\n            },\n          ]}\n          style={colorVars.value}\n        >\n          <div class=\"y-badge__base\">\n            {slots.default?.()}\n            <PolyTransition\n              is={props.transition}\n              transitionProps={{ name: props.transition }}\n            >\n              {withDirectives(\n                <span\n                  class={['y-badge__badge']}\n                  aria-atomic=\"true\"\n                  aria-label={t(props.label, value)}\n                  aria-live=\"polite\"\n                  role=\"status\"\n                >\n                  {props.dot ? undefined : slots.badge ? (\n                    slots.badge?.()\n                  ) : props.icon ? (\n                    <YIcon icon={props.icon} />\n                  ) : (\n                    content\n                  )}\n                </span>,\n                [[vShow, !props.hide]],\n              )}\n            </PolyTransition>\n          </div>\n        </ElTag>\n      );\n    });\n  },\n});\n\nexport type YBadge = InstanceType<typeof YBadge>;\n"],"mappings":"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"}

package/lib/components/badge/index.mjs

@@ -1,2 +0,0 @@
-export * from "./YBadge.mjs";
-//# sourceMappingURL=index.mjs.map

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

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

package/lib/components/bench/YBench.mjs

@@ -1,43 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { ref } from 'vue';
-import { useRender } from "../../composables/component.mjs";
-import { defineComponent } from "../../util/component/index.mjs";
-const NAME = 'YBench';
-const YBenchPropOptions = {
-  tag: {
-    type: String,
-    default: 'div'
-  },
-  position: {
-    type: String,
-    default: 'top'
-  },
-  floating: {
-    type: Boolean,
-    default: false
-  },
-  width: {
-    type: [String, Number],
-    default: 48
-  }
-};
-
-/**
- * # Base Component
- */
-export const YBench = defineComponent({
-  name: NAME,
-  setup(looseProps, _ref) {
-    let {
-      slots
-    } = _ref;
-    const props = defineProps(YBenchPropOptions);
-    const el$ = ref();
-    useRender(() => _createVNode(props.tag, {
-      "ref": el$
-    }, {
-      default: () => [slots.default?.()]
-    }));
-  }
-});
-//# sourceMappingURL=YBench.mjs.map

package/lib/components/bench/YBench.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"YBench.mjs","names":["ref","useRender","defineComponent","NAME","YBenchPropOptions","tag","type","String","default","position","floating","Boolean","width","Number","YBench","name","setup","looseProps","_ref","slots","props","defineProps","el$","_createVNode"],"sources":["../../../src/components/bench/YBench.tsx"],"sourcesContent":["import { type PropType, ref } from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { defineComponent } from '@/util/component';\r\n\r\nconst NAME = 'YBench';\r\n\r\nconst YBenchPropOptions = {\r\n  tag: {\r\n    type: String as PropType<string>,\r\n    default: 'div',\r\n  },\r\n  position: {\r\n    type: String as PropType<'top' | 'left' | 'right' | 'bottom'>,\r\n    default: 'top',\r\n  },\r\n  floating: {\r\n    type: Boolean as PropType<boolean>,\r\n    default: false,\r\n  },\r\n  width: {\r\n    type: [String, Number] as PropType<string | number>,\r\n    default: 48,\r\n  },\r\n};\r\n\r\n/**\r\n * # Base Component\r\n */\r\nexport const YBench = defineComponent({\r\n  name: NAME,\r\n  setup(looseProps, { slots }) {\r\n    const props = defineProps(YBenchPropOptions);\r\n    const el$ = ref<HTMLElement>();\r\n\r\n    useRender(() => <props.tag ref={el$}>{slots.default?.()}</props.tag>);\r\n  },\r\n});\r\n"],"mappings":";AAAA,SAAwBA,GAAG,QAAQ,KAAK;AAAC,SAEhCC,SAAS;AAAA,SACTC,eAAe;AAExB,MAAMC,IAAI,GAAG,QAAQ;AAErB,MAAMC,iBAAiB,GAAG;EACxBC,GAAG,EAAE;IACHC,IAAI,EAAEC,MAA0B;IAChCC,OAAO,EAAE;EACX,CAAC;EACDC,QAAQ,EAAE;IACRH,IAAI,EAAEC,MAAuD;IAC7DC,OAAO,EAAE;EACX,CAAC;EACDE,QAAQ,EAAE;IACRJ,IAAI,EAAEK,OAA4B;IAClCH,OAAO,EAAE;EACX,CAAC;EACDI,KAAK,EAAE;IACLN,IAAI,EAAE,CAACC,MAAM,EAAEM,MAAM,CAA8B;IACnDL,OAAO,EAAE;EACX;AACF,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMM,MAAM,GAAGZ,eAAe,CAAC;EACpCa,IAAI,EAAEZ,IAAI;EACVa,KAAKA,CAACC,UAAU,EAAAC,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACzB,MAAME,KAAK,GAAGC,WAAW,CAACjB,iBAAiB,CAAC;IAC5C,MAAMkB,GAAG,GAAGtB,GAAG,CAAc,CAAC;IAE9BC,SAAS,CAAC,MAAAsB,YAAA,CAAAH,KAAA,CAAAf,GAAA;MAAA,OAAsBiB;IAAG;MAAAd,OAAA,EAAAA,CAAA,MAAGW,KAAK,CAACX,OAAO,GAAG,CAAC;IAAA,EAAa,CAAC;EACvE;AACF,CAAC,CAAC"}

package/lib/components/bench/index.mjs

@@ -1,2 +0,0 @@
-export * from "./YBench.mjs";
-//# sourceMappingURL=index.mjs.map

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

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

package/lib/components/button/YButton.mjs

@@ -1,169 +0,0 @@
-import { withDirectives as _withDirectives, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
-import { computed, mergeProps } from 'vue';
-import { pressChoiceItemPropsOptions, useChoiceItem } from "../../composables/choice.mjs";
-import { useChoiceByLink } from "../../composables/choice-link.mjs";
-import { useRender } from "../../composables/component.mjs";
-import { pressVueRouterPropsOptions, useLink } from "../../composables/vue-router.mjs";
-import { PlateWave } from "../../directives/plate-wave/index.mjs";
-import { isColorValue } from "../../util/color/index.mjs";
-import { defineComponent, propsFactory } from "../../util/component/index.mjs";
-import { YSpinnerRing } from "../loading/YSpinnerRing.mjs";
-import { Y_TOGGLE_BUTTON_KEY } from "../toggle-button/index.mjs";
-/**
- * Style
- */
-import "./YButton.scss";
-const NAME = 'y-button';
-export const pressYButtonProps = propsFactory({
-  loading: Boolean,
-  active: {
-    type: Boolean,
-    default: undefined
-  },
-  injectSymbol: {
-    type: null,
-    default: Y_TOGGLE_BUTTON_KEY
-  },
-  //
-  variation: {
-    type: String
-  },
-  small: Boolean,
-  icon: Boolean,
-  outlined: {
-    type: Boolean,
-    default: false
-  },
-  rounded: {
-    type: Boolean,
-    default: false
-  },
-  filled: {
-    type: Boolean,
-    default: false
-  },
-  //
-  color: {
-    type: String
-  },
-  noWave: {
-    type: Boolean,
-    default: false
-  },
-  ...pressVueRouterPropsOptions(),
-  ...pressChoiceItemPropsOptions()
-}, 'YButton');
-export const YButton = defineComponent({
-  name: 'YButton',
-  directives: {
-    PlateWave
-  },
-  props: pressYButtonProps(),
-  emits: {
-    click: event => true,
-    'choice:selected': choice => true
-  },
-  setup(props, _ref) {
-    let {
-      attrs,
-      slots,
-      emit
-    } = _ref;
-    const choice = useChoiceItem(props, props.injectSymbol, false);
-    const link = useLink(props, attrs);
-    useChoiceByLink(link, choice?.select);
-    const isActive = computed(() => {
-      if (props.active !== undefined) {
-        return props.active;
-      }
-      if (link.isLink.value) {
-        return link.isActive?.value;
-      }
-      return choice?.isSelected.value;
-    });
-    const variations = computed(() => {
-      const {
-        variation
-      } = props;
-      if (typeof variation === 'string') {
-        return variation.split(',').map(value => {
-          return value.trim();
-        });
-      }
-      return [];
-    });
-    const classes = computed(() => {
-      const {
-        outlined,
-        rounded,
-        filled,
-        small,
-        icon
-      } = props;
-      return {
-        [`${NAME}--outlined`]: variations.value.includes('outlined') || outlined,
-        [`${NAME}--rounded`]: variations.value.includes('rounded') || rounded,
-        [`${NAME}--filled`]: variations.value.includes('filled') || filled,
-        [`${NAME}--text`]: variations.value.includes('text'),
-        [`${NAME}--small`]: variations.value.includes('small') || small,
-        [`${NAME}--x-small`]: variations.value.includes('x-small') || small,
-        [`${NAME}--icon`]: variations.value.includes('icon') || icon,
-        [`${NAME}--color`]: props.color,
-        [`${NAME}--loading`]: props.loading,
-        [`${NAME}--disabled`]: props.disabled,
-        [`${NAME}--active`]: isActive.value
-      };
-    });
-    const styles = computed(() => {
-      let {
-        color
-      } = props;
-      let textColor;
-      if (color && !isColorValue(color)) {
-        color = `var(--y-theme-${color})`;
-        textColor = `var(--y-theme-on-${props.color})`;
-      }
-      return {
-        [`--y-button__color`]: color,
-        [`--y-button__text-color`]: textColor
-      };
-    });
-    const isDisabled = computed(() => {
-      return choice?.disabled.value || props.disabled;
-    });
-
-    /// Events
-    function onClick(e) {
-      if (isDisabled.value || props.loading || link.isLink.value && (e.metaKey || e.altKey || e.ctrlKey || e.shiftKey || e.button !== 0 || attrs.target === '_blank')) {
-        return;
-      }
-      emit('click', e);
-      link.navigate?.(e);
-      choice?.toggle();
-    }
-    useRender(() => {
-      const Tag = link.isLink.value ? 'a' : 'button';
-      return _withDirectives(_createVNode(Tag, {
-        "type": Tag === 'a' ? undefined : 'button',
-        "class": [`${NAME}`, choice?.selectedClass.value, {
-          ...classes.value
-        }],
-        "href": props.disabled ? undefined : link.href.value,
-        "style": styles.value,
-        "onClick": onClick,
-        "disabled": props.disabled ? true : undefined
-      }, {
-        default: () => [_createVNode("span", {
-          "class": ['y-button__content']
-        }, [props.loading && (slots.loading ? slots.loading?.() : _createVNode(YSpinnerRing, mergeProps({
-          width: '24',
-          height: '24'
-        }), null)), slots.default?.()]), slots.append?.()]
-      }), [[_resolveDirective("plate-wave"), !props.noWave && !props.loading]]);
-    });
-    return {
-      link
-    };
-  }
-});
-//# sourceMappingURL=YButton.mjs.map

package/lib/components/button/YButton.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"YButton.mjs","names":["computed","mergeProps","pressChoiceItemPropsOptions","useChoiceItem","useChoiceByLink","useRender","pressVueRouterPropsOptions","useLink","PlateWave","isColorValue","defineComponent","propsFactory","YSpinnerRing","Y_TOGGLE_BUTTON_KEY","NAME","pressYButtonProps","loading","Boolean","active","type","default","undefined","injectSymbol","variation","String","small","icon","outlined","rounded","filled","color","noWave","YButton","name","directives","props","emits","click","event","choice","setup","_ref","attrs","slots","emit","link","select","isActive","isLink","value","isSelected","variations","split","map","trim","classes","includes","disabled","styles","textColor","isDisabled","onClick","e","metaKey","altKey","ctrlKey","shiftKey","button","target","navigate","toggle","Tag","_withDirectives","_createVNode","selectedClass","href","width","height","append","_resolveDirective"],"sources":["../../../src/components/button/YButton.tsx"],"sourcesContent":["import type { PropType } from 'vue';\nimport { computed, mergeProps } from 'vue';\n\nimport {\n  pressChoiceItemPropsOptions,\n  useChoiceItem,\n} from '@/composables/choice';\nimport { useChoiceByLink } from '@/composables/choice-link';\nimport { useRender } from '@/composables/component';\nimport { pressVueRouterPropsOptions, useLink } from '@/composables/vue-router';\nimport { PlateWave } from '@/directives/plate-wave';\nimport { isColorValue } from '@/util/color';\nimport { defineComponent, propsFactory } from '@/util/component';\n\nimport { YSpinnerRing } from '../loading/YSpinnerRing';\nimport { Y_TOGGLE_BUTTON_KEY } from '../toggle-button';\n\n/**\n * Style\n */\nimport './YButton.scss';\n\nconst NAME = 'y-button';\n\nexport const pressYButtonProps = propsFactory(\n  {\n    loading: Boolean,\n    active: { type: Boolean, default: undefined },\n    injectSymbol: { type: null, default: Y_TOGGLE_BUTTON_KEY },\n    //\n    variation: {\n      type: String as PropType<string>,\n    },\n    small: Boolean,\n    icon: Boolean,\n    outlined: {\n      type: Boolean,\n      default: false,\n    },\n    rounded: {\n      type: Boolean,\n      default: false,\n    },\n    filled: {\n      type: Boolean,\n      default: false,\n    },\n    //\n    color: {\n      type: String,\n    },\n    noWave: {\n      type: Boolean,\n      default: false,\n    },\n    ...pressVueRouterPropsOptions(),\n    ...pressChoiceItemPropsOptions(),\n  },\n  'YButton',\n);\n\nexport const YButton = defineComponent({\n  name: 'YButton',\n  directives: {\n    PlateWave,\n  },\n  props: pressYButtonProps(),\n  emits: {\n    click: (event: MouseEvent) => true,\n    'choice:selected': (choice: { value: boolean }) => true,\n  },\n  setup(props, { attrs, slots, emit }) {\n    const choice = useChoiceItem(props, props.injectSymbol, false);\n    const link = useLink(props, attrs);\n    useChoiceByLink(link, choice?.select);\n\n    const isActive = computed(() => {\n      if (props.active !== undefined) {\n        return props.active;\n      }\n      if (link.isLink.value) {\n        return link.isActive?.value;\n      }\n      return choice?.isSelected.value;\n    });\n\n    const variations = computed(() => {\n      const { variation } = props;\n      if (typeof variation === 'string') {\n        return variation.split(',').map((value) => {\n          return value.trim();\n        });\n      }\n      return [];\n    });\n\n    const classes = computed(() => {\n      const { outlined, rounded, filled, small, icon } = props;\n      return {\n        [`${NAME}--outlined`]:\n          variations.value.includes('outlined') || outlined,\n        [`${NAME}--rounded`]: variations.value.includes('rounded') || rounded,\n        [`${NAME}--filled`]: variations.value.includes('filled') || filled,\n        [`${NAME}--text`]: variations.value.includes('text'),\n        [`${NAME}--small`]: variations.value.includes('small') || small,\n        [`${NAME}--x-small`]: variations.value.includes('x-small') || small,\n        [`${NAME}--icon`]: variations.value.includes('icon') || icon,\n        [`${NAME}--color`]: props.color,\n        [`${NAME}--loading`]: props.loading,\n        [`${NAME}--disabled`]: props.disabled,\n        [`${NAME}--active`]: isActive.value,\n      };\n    });\n\n    const styles = computed(() => {\n      let { color } = props;\n      let textColor: string | undefined;\n      if (color && !isColorValue(color)) {\n        color = `var(--y-theme-${color})`;\n        textColor = `var(--y-theme-on-${props.color})`;\n      }\n      return {\n        [`--y-button__color`]: color,\n        [`--y-button__text-color`]: textColor,\n      };\n    });\n\n    const isDisabled = computed(() => {\n      return choice?.disabled.value || props.disabled;\n    });\n\n    /// Events\n    function onClick(e: MouseEvent) {\n      if (\n        isDisabled.value ||\n        props.loading ||\n        (link.isLink.value &&\n          (e.metaKey ||\n            e.altKey ||\n            e.ctrlKey ||\n            e.shiftKey ||\n            e.button !== 0 ||\n            attrs.target === '_blank'))\n      ) {\n        return;\n      }\n      emit('click', e);\n      link.navigate?.(e);\n      choice?.toggle();\n    }\n\n    useRender(() => {\n      const Tag = link.isLink.value ? 'a' : 'button';\n      return (\n        <Tag\n          type={Tag === 'a' ? undefined : 'button'}\n          class={[\n            `${NAME}`,\n            choice?.selectedClass.value,\n            {\n              ...classes.value,\n            },\n          ]}\n          href={props.disabled ? undefined : link.href.value}\n          style={styles.value}\n          onClick={onClick}\n          disabled={props.disabled ? true : undefined}\n          v-plate-wave={!props.noWave && !props.loading}\n        >\n          <span class={['y-button__content']}>\n            {props.loading &&\n              (slots.loading ? (\n                slots.loading?.()\n              ) : (\n                <YSpinnerRing\n                  {...mergeProps({ width: '24', height: '24' })}\n                ></YSpinnerRing>\n              ))}\n            {slots.default?.()}\n          </span>\n          {slots.append?.()}\n        </Tag>\n      );\n    });\n\n    return {\n      link,\n    };\n  },\n});\n\nexport type YButton = InstanceType<typeof YButton>;\n"],"mappings":"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"}

package/lib/components/button/index.mjs

@@ -1,2 +0,0 @@
-export * from "./YButton.mjs";
-//# sourceMappingURL=index.mjs.map

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

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

package/lib/components/card/YCard.mjs

@@ -1,28 +0,0 @@
-import { h } from 'vue';
-import { useRender } from "../../composables/component.mjs";
-import { pressThemePropsOptions, useLocalTheme } from "../../composables/theme/index.mjs";
-import { defineComponent } from "../../util/component/index.mjs";
-import "./YCard.scss";
-export const YCard = defineComponent({
-  name: 'YCard',
-  props: {
-    outline: {
-      type: Boolean
-    },
-    ...pressThemePropsOptions()
-  },
-  setup(props, _ref) {
-    let {
-      slots
-    } = _ref;
-    const {
-      themeClasses
-    } = useLocalTheme(props);
-    useRender(() => h('div', {
-      class: ['y-card', {
-        'y-card--outlined': props.outline
-      }, themeClasses.value]
-    }, slots.default?.()));
-  }
-});
-//# sourceMappingURL=YCard.mjs.map

package/lib/components/card/YCard.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"YCard.mjs","names":["h","useRender","pressThemePropsOptions","useLocalTheme","defineComponent","YCard","name","props","outline","type","Boolean","setup","_ref","slots","themeClasses","class","value","default"],"sources":["../../../src/components/card/YCard.ts"],"sourcesContent":["import { type PropType, h } from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { pressThemePropsOptions, useLocalTheme } from '@/composables/theme';\r\nimport { defineComponent } from '@/util/component';\r\n\r\nimport './YCard.scss';\r\n\r\nexport const YCard = defineComponent({\r\n  name: 'YCard',\r\n  props: {\r\n    outline: {\r\n      type: Boolean as PropType<boolean>,\r\n    },\r\n    ...pressThemePropsOptions(),\r\n  },\r\n  setup(props, { slots }) {\r\n    const { themeClasses } = useLocalTheme(props);\r\n\r\n    useRender(() =>\r\n      h(\r\n        'div',\r\n        {\r\n          class: [\r\n            'y-card',\r\n            { 'y-card--outlined': props.outline },\r\n            themeClasses.value,\r\n          ],\r\n        },\r\n        slots.default?.(),\r\n      ),\r\n    );\r\n  },\r\n});\r\n\r\nexport type YCard = InstanceType<typeof YCard>;\r\n"],"mappings":"AAAA,SAAwBA,CAAC,QAAQ,KAAK;AAAC,SAE9BC,SAAS;AAAA,SACTC,sBAAsB,EAAEC,aAAa;AAAA,SACrCC,eAAe;AAExB;AAEA,OAAO,MAAMC,KAAK,GAAGD,eAAe,CAAC;EACnCE,IAAI,EAAE,OAAO;EACbC,KAAK,EAAE;IACLC,OAAO,EAAE;MACPC,IAAI,EAAEC;IACR,CAAC;IACD,GAAGR,sBAAsB,CAAC;EAC5B,CAAC;EACDS,KAAKA,CAACJ,KAAK,EAAAK,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACpB,MAAM;MAAEE;IAAa,CAAC,GAAGX,aAAa,CAACI,KAAK,CAAC;IAE7CN,SAAS,CAAC,MACRD,CAAC,CACC,KAAK,EACL;MACEe,KAAK,EAAE,CACL,QAAQ,EACR;QAAE,kBAAkB,EAAER,KAAK,CAACC;MAAQ,CAAC,EACrCM,YAAY,CAACE,KAAK;IAEtB,CAAC,EACDH,KAAK,CAACI,OAAO,GAAG,CAClB,CACF,CAAC;EACH;AACF,CAAC,CAAC"}

package/lib/components/card/YCardBody.mjs

@@ -1,11 +0,0 @@
-import { h } from 'vue';
-import { defineComponent } from "../../util/component/index.mjs";
-export const YCardBody = defineComponent({
-  name: 'YCardBody',
-  render() {
-    return h('div', {
-      class: 'y-card__body'
-    }, this.$slots.default?.());
-  }
-});
-//# sourceMappingURL=YCardBody.mjs.map

package/lib/components/card/YCardBody.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"YCardBody.mjs","names":["h","defineComponent","YCardBody","name","render","class","$slots","default"],"sources":["../../../src/components/card/YCardBody.ts"],"sourcesContent":["import { h } from 'vue';\r\n\r\nimport { defineComponent } from '@/util/component';\r\n\r\nexport const YCardBody = defineComponent({\r\n  name: 'YCardBody',\r\n  render() {\r\n    return h('div', { class: 'y-card__body' }, this.$slots.default?.());\r\n  },\r\n});\r\n\r\nexport type YCardBody = InstanceType<typeof YCardBody>;\r\n"],"mappings":"AAAA,SAASA,CAAC,QAAQ,KAAK;AAAC,SAEfC,eAAe;AAExB,OAAO,MAAMC,SAAS,GAAGD,eAAe,CAAC;EACvCE,IAAI,EAAE,WAAW;EACjBC,MAAMA,CAAA,EAAG;IACP,OAAOJ,CAAC,CAAC,KAAK,EAAE;MAAEK,KAAK,EAAE;IAAe,CAAC,EAAE,IAAI,CAACC,MAAM,CAACC,OAAO,GAAG,CAAC,CAAC;EACrE;AACF,CAAC,CAAC"}

package/lib/components/card/YCardFooter.mjs

@@ -1,11 +0,0 @@
-import { h } from 'vue';
-import { defineComponent } from "../../util/component/index.mjs";
-export const YCardFooter = defineComponent({
-  name: 'YCardFooter',
-  render() {
-    return h('div', {
-      class: 'y-card__footer'
-    }, this.$slots.default?.());
-  }
-});
-//# sourceMappingURL=YCardFooter.mjs.map

package/lib/components/card/YCardFooter.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"YCardFooter.mjs","names":["h","defineComponent","YCardFooter","name","render","class","$slots","default"],"sources":["../../../src/components/card/YCardFooter.ts"],"sourcesContent":["import { h } from 'vue';\r\n\r\nimport { defineComponent } from '@/util/component';\r\n\r\nexport const YCardFooter = defineComponent({\r\n  name: 'YCardFooter',\r\n  render() {\r\n    return h('div', { class: 'y-card__footer' }, this.$slots.default?.());\r\n  },\r\n});\r\n\r\nexport type YCardFooter = InstanceType<typeof YCardFooter>;\r\n"],"mappings":"AAAA,SAASA,CAAC,QAAQ,KAAK;AAAC,SAEfC,eAAe;AAExB,OAAO,MAAMC,WAAW,GAAGD,eAAe,CAAC;EACzCE,IAAI,EAAE,aAAa;EACnBC,MAAMA,CAAA,EAAG;IACP,OAAOJ,CAAC,CAAC,KAAK,EAAE;MAAEK,KAAK,EAAE;IAAiB,CAAC,EAAE,IAAI,CAACC,MAAM,CAACC,OAAO,GAAG,CAAC,CAAC;EACvE;AACF,CAAC,CAAC"}

package/lib/components/card/YCardHeader.mjs

@@ -1,11 +0,0 @@
-import { h } from 'vue';
-import { defineComponent } from "../../util/component/index.mjs";
-export const YCardHeader = defineComponent({
-  name: 'YCardHeader',
-  render() {
-    return h('div', {
-      class: 'y-card__header'
-    }, this.$slots.default?.());
-  }
-});
-//# sourceMappingURL=YCardHeader.mjs.map

package/lib/components/card/YCardHeader.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"YCardHeader.mjs","names":["h","defineComponent","YCardHeader","name","render","class","$slots","default"],"sources":["../../../src/components/card/YCardHeader.ts"],"sourcesContent":["import { h } from 'vue';\r\n\r\nimport { defineComponent } from '@/util/component';\r\n\r\nexport const YCardHeader = defineComponent({\r\n  name: 'YCardHeader',\r\n  render() {\r\n    return h('div', { class: 'y-card__header' }, this.$slots.default?.());\r\n  },\r\n});\r\n\r\nexport type YCardHeader = InstanceType<typeof YCardHeader>;\r\n"],"mappings":"AAAA,SAASA,CAAC,QAAQ,KAAK;AAAC,SAEfC,eAAe;AAExB,OAAO,MAAMC,WAAW,GAAGD,eAAe,CAAC;EACzCE,IAAI,EAAE,aAAa;EACnBC,MAAMA,CAAA,EAAG;IACP,OAAOJ,CAAC,CAAC,KAAK,EAAE;MAAEK,KAAK,EAAE;IAAiB,CAAC,EAAE,IAAI,CAACC,MAAM,CAACC,OAAO,GAAG,CAAC,CAAC;EACvE;AACF,CAAC,CAAC"}

package/lib/components/card/index.mjs

@@ -1,5 +0,0 @@
-export * from "./YCard.mjs";
-export * from "./YCardBody.mjs";
-export * from "./YCardFooter.mjs";
-export * from "./YCardHeader.mjs";
-//# sourceMappingURL=index.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/card/index.ts"],"sourcesContent":["export * from './YCard';\nexport * from './YCardBody';\nexport * from './YCardFooter';\nexport * from './YCardHeader';\n"],"mappings":""}

package/lib/components/checkbox/YCheckbox.mjs

@@ -1,160 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { computed, ref, watch, withModifiers } from 'vue';
-import { useRender } from "../../composables/component.mjs";
-import { defineComponent, getUid } from "../../util/component/index.mjs";
-import YInputCheckbox from "./YInputCheckbox.mjs";
-import "./YCheckbox.scss";
-export const YCheckbox = defineComponent({
-  name: 'YCheckbox',
-  components: {
-    YInputCheckbox
-  },
-  emits: ['focus', 'blur', 'click', 'update:modelValue', 'change'],
-  props: {
-    modelValue: [Boolean, Array],
-    value: [String, Number, Object],
-    label: String,
-    reverse: Boolean,
-    icon: {
-      type: [Object, String]
-    },
-    color: {
-      type: String,
-      default: () => 'primary'
-    },
-    disabled: Boolean,
-    readonly: Boolean
-  },
-  setup(props, _ref) {
-    let {
-      emit,
-      slots
-    } = _ref;
-    const focused = ref(false);
-    const checked = ref(false);
-    const counterId = (getUid() ?? '').toString();
-    const inputId = `input-${counterId}`;
-    function onFocus(e) {
-      focused.value = true;
-      emit('focus', e);
-    }
-    function onBlur(e) {
-      focused.value = false;
-      emit('blur', e);
-    }
-    function onClick(e) {
-      emit('click', e);
-      if (props.disabled || props.readonly) return;
-      const check = !checked.value;
-      checked.value = check;
-      emit('change', check);
-    }
-    function inputByProp() {
-      if (Array.isArray(props.modelValue)) {
-        const found = props.modelValue?.find(inp => inp === props.value);
-        if (found !== undefined) {
-          checked.value = true;
-        } else {
-          checked.value = false;
-        }
-      } else if (typeof props.modelValue === 'boolean') {
-        checked.value = props.modelValue;
-      }
-    }
-    const classes = computed(() => {
-      const {
-        reverse,
-        disabled,
-        readonly
-      } = props;
-      return {
-        'y-checkbox': true,
-        'y-checkbox--reverse': !!reverse,
-        'y-checkbox--focused': focused.value,
-        'y-checkbox--disabled': !!disabled,
-        'y-checkbox--readonly': !!readonly
-      };
-    });
-    const computedIcon = computed(() => {
-      if (typeof props.icon === 'string') {
-        return props.icon;
-      }
-      return undefined;
-    });
-    const isMultipleInput = computed(() => {
-      return Array.isArray(props.modelValue);
-    });
-    function getMultipleInputIndex() {
-      if (!isMultipleInput.value) {
-        return -1;
-      }
-      return props.modelValue.findIndex(v => v === props.value);
-    }
-    watch(checked, neo => {
-      if (Array.isArray(props.modelValue)) {
-        const value = props.modelValue;
-        const index = getMultipleInputIndex();
-        if (neo && index === -1) {
-          value.push(props.value);
-        } else if (!neo && index !== -1) {
-          value.splice(index, 1);
-        }
-        emit('update:modelValue', value);
-      } else {
-        emit('update:modelValue', neo);
-      }
-    });
-    watch(() => props.modelValue, neo => {
-      if (Array.isArray(neo)) {
-        inputByProp();
-      } else {
-        checked.value = !!neo;
-      }
-    }, {
-      immediate: true,
-      deep: true
-    });
-    useRender(() => {
-      return _createVNode("div", {
-        "class": [{
-          ...classes.value
-        }]
-      }, [slots.leading?.(), _createVNode("div", {
-        "class": "y-checkbox__slot"
-      }, [_createVNode(YInputCheckbox, {
-        "onClick": function (e) {
-          e.stopPropagation();
-          for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-            args[_key - 1] = arguments[_key];
-          }
-          onClick(e, ...args);
-        },
-        "onFocus": onFocus,
-        "onBlur": onBlur,
-        "id": counterId,
-        "value": checked.value,
-        "icon": computedIcon.value,
-        "color": props.color,
-        "disabled": props.disabled,
-        "readonly": props.readonly
-      }, {
-        default: () => [slots.icon && {
-          icon: function () {
-            for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-              args[_key2] = arguments[_key2];
-            }
-            return slots.icon?.(...args);
-          }
-        }]
-      }), _createVNode("label", {
-        "onClick": withModifiers(() => {}, ['stop']),
-        "class": "y-checkbox__label",
-        "for": inputId
-      }, [slots.label ? slots.label?.() : props.label])]), slots.trailing?.()]);
-    });
-    return {
-      checked
-    };
-  }
-});
-//# sourceMappingURL=YCheckbox.mjs.map