yuyeon 0.1.2-rc.1 → 0.2.0

package/lib/components/button/YButton.scss

@@ -1,129 +1,128 @@
-@use '../../styles/variables';
-
-
-$button-border-radius: variables.$border-radius-root !default;
-$button-before-opacity: 0.06 !default;
-$button-disabled-background: #d3d3d3 !default;
-
-.y-button {
-  --y-button__color: var(--y-theme-primary);
-  --y-button__text-color: var(--y-theme-on-primary);
-  --y-button__disabled-background: #{$button-disabled-background};
-
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  border-radius: $button-border-radius;
-  font-weight: 500;
-  transition: all 240ms cubic-bezier(0.42, 0.5, 0.51, 1.02);
-  text-decoration: none;
-
-  &:before {
-    background-color: currentColor;
-    border-radius: inherit;
-    bottom: 0;
-    color: inherit;
-    content: '';
-    left: 0;
-    opacity: 0;
-    pointer-events: none;
-    position: absolute;
-    right: 0;
-    top: 0;
-    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.6, 1);
-  }
-
-  &:hover:before {
-    opacity: 0.06;
-  }
-
-  & {
-    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.14);
-
-    &:active {
-      box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.24);
-    }
-  }
-
-  &--filled {
-    background-color: var(--y-button__color);
-    color: var(--y-button__text-color);
-  }
-
-  &--text {
-    box-shadow: none;
-  }
-
-  &:disabled,
-  &--disabled {
-    background-color: var(--y-button__disabled-background);
-    opacity: 0.4;
-    cursor: default;
-    box-shadow: none;
-  }
-
-  &--rounded {
-    border-radius: 10vh;
-  }
-
-  &--outlined {
-    //color: rgba(var(--y-button__color), 1);
-    border-width: 1px;
-    border-style: solid;
-    border-color: currentColor;
-    box-shadow: none;
-  }
-
-  &--color:not(&--filled) {
-    color: var(--y-button__color);
-  }
-
-  &--loading {
-    cursor: wait;
-    box-shadow: none;
-
-    .y-spinner-ring {
-      margin-right: 0.4em;
-      width: 1em;
-      height: 1em;
-    }
-  }
-
-  &:active:not(&--loading) {
-    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.14);
-  }
-
-  &--small {
-    height: 24px;
-    font-size: 0.4rem;
-  }
-
-  &--small & {
-    &__content {
-      padding: 4px 6px;
-    }
-  }
-
-  &--icon {
-    width: 48px;
-    height: 48px;
-    border-radius: 50%;
-
-    @at-root &.y-button--small {
-      width: 24px;
-      height: 24px;
-
-      .y-button__content {
-        padding: 4px;
-      }
-    }
-  }
-
-  &__content {
-    display: flex;
-    align-items: center;
-    padding: 4px 8px;
-  }
-}
+@use '../../styles/variables';
+
+$button-border-radius: variables.$border-radius-root !default;
+$button-before-opacity: 0.06 !default;
+$button-disabled-background: #d3d3d3 !default;
+
+.y-button {
+  --y-button__color: var(--y-theme-primary);
+  --y-button__text-color: var(--y-theme-on-primary);
+  --y-button__disabled-background: #{$button-disabled-background};
+
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  border-radius: $button-border-radius;
+  font-weight: 500;
+  transition: all 240ms cubic-bezier(0.42, 0.5, 0.51, 1.02);
+  text-decoration: none;
+
+  &:before {
+    background-color: currentColor;
+    border-radius: inherit;
+    bottom: 0;
+    color: inherit;
+    content: '';
+    left: 0;
+    opacity: 0;
+    pointer-events: none;
+    position: absolute;
+    right: 0;
+    top: 0;
+    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.6, 1);
+  }
+
+  &:hover:before {
+    opacity: 0.06;
+  }
+
+  & {
+    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.14);
+
+    &:active {
+      box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.24);
+    }
+  }
+
+  &--filled {
+    background-color: var(--y-button__color);
+    color: var(--y-button__text-color);
+  }
+
+  &--text {
+    box-shadow: none;
+  }
+
+  &:disabled,
+  &--disabled {
+    background-color: var(--y-button__disabled-background);
+    opacity: 0.4;
+    cursor: default;
+    box-shadow: none;
+  }
+
+  &--rounded {
+    border-radius: 10vh;
+  }
+
+  &--outlined {
+    //color: rgba(var(--y-button__color), 1);
+    border-width: 1px;
+    border-style: solid;
+    border-color: currentColor;
+    box-shadow: none;
+  }
+
+  &--color:not(&--filled) {
+    color: var(--y-button__color);
+  }
+
+  &--loading {
+    cursor: wait;
+    box-shadow: none;
+
+    .y-spinner-ring {
+      margin-right: 0.4em;
+      width: 1em;
+      height: 1em;
+    }
+  }
+
+  &:active:not(&--loading) {
+    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.14);
+  }
+
+  &--small {
+    height: 24px;
+    font-size: 0.4rem;
+  }
+
+  &--small & {
+    &__content {
+      padding: 4px 6px;
+    }
+  }
+
+  &--icon {
+    width: 48px;
+    height: 48px;
+    border-radius: 50%;
+
+    @at-root &.y-button--small {
+      width: 24px;
+      height: 24px;
+
+      .y-button__content {
+        padding: 4px;
+      }
+    }
+  }
+
+  &__content {
+    display: flex;
+    align-items: center;
+    padding: 4px 8px;
+  }
+}

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/button/index.ts"],"sourcesContent":["export * from './YButton';\r\n"],"mappings":""}
+{"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,6 +1,7 @@
-import { defineComponent, h } from 'vue';
-import { useRender } from "../../composables/index.mjs";
+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',

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

@@ -1 +1 @@
-{"version":3,"file":"YCard.mjs","names":["defineComponent","h","useRender","pressThemePropsOptions","useLocalTheme","YCard","name","props","outline","type","Boolean","setup","_ref","slots","themeClasses","class","value","default"],"sources":["../../../src/components/card/YCard.ts"],"sourcesContent":["import type { Directive, PropType, VNode } from 'vue';\nimport { defineComponent, h, withDirectives } from 'vue';\n\nimport { useRender } from '../../composables';\nimport { pressThemePropsOptions, useLocalTheme } from '../../composables/theme';\n\nimport './YCard.scss';\n\nexport const YCard = defineComponent({\n  name: 'YCard',\n  props: {\n    outline: {\n      type: Boolean as PropType<boolean>,\n    },\n    ...pressThemePropsOptions(),\n  },\n  setup(props, { slots }) {\n    const { themeClasses } = useLocalTheme(props);\n\n    useRender(() =>\n      h(\n        'div',\n        {\n          class: ['y-card', { 'y-card--outlined': props.outline }, themeClasses.value],\n        },\n        slots.default?.(),\n      ),\n    );\n  },\n});\n\nexport type YCard = InstanceType<typeof YCard>;\n"],"mappings":"AACA,SAASA,eAAe,EAAEC,CAAC,QAAwB,KAAK;AAAC,SAEhDC,SAAS;AAAA,SACTC,sBAAsB,EAAEC,aAAa;AAE9C;AAEA,OAAO,MAAMC,KAAK,GAAGL,eAAe,CAAC;EACnCM,IAAI,EAAE,OAAO;EACbC,KAAK,EAAE;IACLC,OAAO,EAAE;MACPC,IAAI,EAAEC;IACR,CAAC;IACD,GAAGP,sBAAsB,CAAC;EAC5B,CAAC;EACDQ,KAAKA,CAACJ,KAAK,EAAAK,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACpB,MAAM;MAAEE;IAAa,CAAC,GAAGV,aAAa,CAACG,KAAK,CAAC;IAE7CL,SAAS,CAAC,MACRD,CAAC,CACC,KAAK,EACL;MACEc,KAAK,EAAE,CAAC,QAAQ,EAAE;QAAE,kBAAkB,EAAER,KAAK,CAACC;MAAQ,CAAC,EAAEM,YAAY,CAACE,KAAK;IAC7E,CAAC,EACDH,KAAK,CAACI,OAAO,GAAG,CAClB,CACF,CAAC;EACH;AACF,CAAC,CAAC"}
+{"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';\n\nimport { useRender } from '@/composables/component';\nimport { pressThemePropsOptions, useLocalTheme } from '@/composables/theme';\nimport { defineComponent } from '@/util/component';\n\nimport './YCard.scss';\n\nexport const YCard = defineComponent({\n  name: 'YCard',\n  props: {\n    outline: {\n      type: Boolean as PropType<boolean>,\n    },\n    ...pressThemePropsOptions(),\n  },\n  setup(props, { slots }) {\n    const { themeClasses } = useLocalTheme(props);\n\n    useRender(() =>\n      h(\n        'div',\n        {\n          class: [\n            'y-card',\n            { 'y-card--outlined': props.outline },\n            themeClasses.value,\n          ],\n        },\n        slots.default?.(),\n      ),\n    );\n  },\n});\n\nexport type YCard = InstanceType<typeof YCard>;\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/YCard.scss

@@ -1,43 +1,45 @@
-
-@use '../../styles/variables';
-
-$card__border-radius: variables.$border-radius-root !default;
-$card__padding: 24px;
-
-.y-card {
-  --y-card__border-radius: #{$card__border-radius};
-  --y-card__default-background: #ffffff;
-  --y-card__background: var(--y-theme-surface, var(--y-card__default-background));
-  --y-card__outline-color: var(--y-theme-outline);
-
-  background-color: var(--y-card__background);
-  border-radius: var(--y-card__border-radius, $card__border-radius);
-
-  &__header {
-    padding: $card__padding $card__padding 0;
-    display: flex;
-  }
-
-  &__body {
-    padding: 0 $card__padding;
-    display: flex;
-    flex-direction: column;
-  }
-
-  &__footer {
-    padding: 12px 24px;
-    display: flex;
-    justify-content: space-between;
-  }
-
-  &-title {
-    font-weight: bolder;
-    font-size: 1.12em;
-  }
-
-  &--outlined {
-    border-width: 1px;
-    border-style: solid;
-    border-color: var(--y-card__outline-color);
-  }
-}
+@use '../../styles/variables';
+
+$card__border-radius: variables.$border-radius-root !default;
+$card__padding: 24px;
+
+.y-card {
+  --y-card__border-radius: #{$card__border-radius};
+  --y-card__default-background: #ffffff;
+  --y-card__background: var(
+    --y-theme-surface,
+    var(--y-card__default-background)
+  );
+  --y-card__outline-color: var(--y-theme-outline);
+
+  background-color: var(--y-card__background);
+  border-radius: var(--y-card__border-radius, $card__border-radius);
+
+  &__header {
+    padding: $card__padding $card__padding 0;
+    display: flex;
+  }
+
+  &__body {
+    padding: 0 $card__padding;
+    display: flex;
+    flex-direction: column;
+  }
+
+  &__footer {
+    padding: 12px 24px;
+    display: flex;
+    justify-content: space-between;
+  }
+
+  &-title {
+    font-weight: bolder;
+    font-size: 1.12em;
+  }
+
+  &--outlined {
+    border-width: 1px;
+    border-style: solid;
+    border-color: var(--y-card__outline-color);
+  }
+}

package/lib/components/card/YCardBody.mjs

@@ -1,4 +1,5 @@
-import { defineComponent, h } from 'vue';
+import { h } from 'vue';
+import { defineComponent } from "../../util/component/index.mjs";
 export const YCardBody = defineComponent({
   name: 'YCardBody',
   render() {

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

@@ -1 +1 @@
-{"version":3,"file":"YCardBody.mjs","names":["defineComponent","h","YCardBody","name","render","class","$slots","default"],"sources":["../../../src/components/card/YCardBody.ts"],"sourcesContent":["import { defineComponent, h } from 'vue';\n\nexport const YCardBody =  defineComponent({\n  name: 'YCardBody',\n  render() {\n    return h('div', { class: 'y-card__body' }, this.$slots.default?.());\n  },\n});\n\nexport type YCardBody = InstanceType<typeof YCardBody>;\n"],"mappings":"AAAA,SAASA,eAAe,EAAEC,CAAC,QAAQ,KAAK;AAExC,OAAO,MAAMC,SAAS,GAAIF,eAAe,CAAC;EACxCG,IAAI,EAAE,WAAW;EACjBC,MAAMA,CAAA,EAAG;IACP,OAAOH,CAAC,CAAC,KAAK,EAAE;MAAEI,KAAK,EAAE;IAAe,CAAC,EAAE,IAAI,CAACC,MAAM,CAACC,OAAO,GAAG,CAAC,CAAC;EACrE;AACF,CAAC,CAAC"}
+{"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';\n\nimport { defineComponent } from '@/util/component';\n\nexport const YCardBody = defineComponent({\n  name: 'YCardBody',\n  render() {\n    return h('div', { class: 'y-card__body' }, this.$slots.default?.());\n  },\n});\n\nexport type YCardBody = InstanceType<typeof YCardBody>;\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,4 +1,5 @@
-import { defineComponent, h } from 'vue';
+import { h } from 'vue';
+import { defineComponent } from "../../util/component/index.mjs";
 export const YCardFooter = defineComponent({
   name: 'YCardFooter',
   render() {

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

@@ -1 +1 @@
-{"version":3,"file":"YCardFooter.mjs","names":["defineComponent","h","YCardFooter","name","render","class","$slots","default"],"sources":["../../../src/components/card/YCardFooter.ts"],"sourcesContent":["import { defineComponent, h } from 'vue';\n\nexport const YCardFooter = defineComponent({\n  name: 'YCardFooter',\n  render() {\n    return h('div', { class: 'y-card__footer' }, this.$slots.default?.());\n  },\n});\n\nexport type YCardFooter = InstanceType<typeof YCardFooter>;\n"],"mappings":"AAAA,SAASA,eAAe,EAAEC,CAAC,QAAQ,KAAK;AAExC,OAAO,MAAMC,WAAW,GAAGF,eAAe,CAAC;EACzCG,IAAI,EAAE,aAAa;EACnBC,MAAMA,CAAA,EAAG;IACP,OAAOH,CAAC,CAAC,KAAK,EAAE;MAAEI,KAAK,EAAE;IAAiB,CAAC,EAAE,IAAI,CAACC,MAAM,CAACC,OAAO,GAAG,CAAC,CAAC;EACvE;AACF,CAAC,CAAC"}
+{"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';\n\nimport { defineComponent } from '@/util/component';\n\nexport const YCardFooter = defineComponent({\n  name: 'YCardFooter',\n  render() {\n    return h('div', { class: 'y-card__footer' }, this.$slots.default?.());\n  },\n});\n\nexport type YCardFooter = InstanceType<typeof YCardFooter>;\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,4 +1,5 @@
-import { defineComponent, h } from 'vue';
+import { h } from 'vue';
+import { defineComponent } from "../../util/component/index.mjs";
 export const YCardHeader = defineComponent({
   name: 'YCardHeader',
   render() {

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

@@ -1 +1 @@
-{"version":3,"file":"YCardHeader.mjs","names":["defineComponent","h","YCardHeader","name","render","class","$slots","default"],"sources":["../../../src/components/card/YCardHeader.ts"],"sourcesContent":["import { defineComponent, h } from 'vue';\n\nexport const YCardHeader = defineComponent({\n  name: 'YCardHeader',\n  render() {\n    return h('div', { class: 'y-card__header' }, this.$slots.default?.());\n  },\n});\n\nexport type YCardHeader = InstanceType<typeof YCardHeader>;\n"],"mappings":"AAAA,SAASA,eAAe,EAAEC,CAAC,QAAQ,KAAK;AAExC,OAAO,MAAMC,WAAW,GAAGF,eAAe,CAAC;EACzCG,IAAI,EAAE,aAAa;EACnBC,MAAMA,CAAA,EAAG;IACP,OAAOH,CAAC,CAAC,KAAK,EAAE;MAAEI,KAAK,EAAE;IAAiB,CAAC,EAAE,IAAI,CAACC,MAAM,CAACC,OAAO,GAAG,CAAC,CAAC;EACvE;AACF,CAAC,CAAC"}
+{"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';\n\nimport { defineComponent } from '@/util/component';\n\nexport const YCardHeader = defineComponent({\n  name: 'YCardHeader',\n  render() {\n    return h('div', { class: 'y-card__header' }, this.$slots.default?.());\n  },\n});\n\nexport type YCardHeader = InstanceType<typeof YCardHeader>;\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/checkbox/YCheckbox.mjs

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
-import { computed, defineComponent, ref, watch, withModifiers } from 'vue';
+import { computed, ref, watch, withModifiers } from 'vue';
 import { useRender } from "../../composables/component.mjs";
-import { getUid } from "../../util/vue-component.mjs";
+import { defineComponent, getUid } from "../../util/component/index.mjs";
 import YInputCheckbox from "./YInputCheckbox.mjs";
 import "./YCheckbox.scss";
 export const YCheckbox = defineComponent({

package/lib/components/checkbox/YCheckbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YCheckbox.mjs","names":["computed","defineComponent","ref","watch","withModifiers","useRender","getUid","YInputCheckbox","YCheckbox","name","components","emits","props","modelValue","Boolean","Array","value","String","Number","Object","label","reverse","icon","type","color","default","disabled","readonly","setup","_ref","emit","slots","focused","checked","counterId","toString","inputId","onFocus","e","onBlur","onClick","check","inputByProp","isArray","found","find","inp","undefined","classes","computedIcon","isMultipleInput","getMultipleInputIndex","findIndex","v","neo","index","push","splice","immediate","deep","_createVNode","leading","stopPropagation","_len","arguments","length","args","_key","_len2","_key2","trailing"],"sources":["../../../src/components/checkbox/YCheckbox.tsx"],"sourcesContent":["import {\r\n  PropType,\r\n  computed,\r\n  defineComponent,\r\n  ref,\r\n  watch,\r\n  withModifiers,\r\n} from 'vue';\r\n\r\nimport { useRender } from '../../composables/component';\r\nimport { getUid } from '../../util/vue-component';\r\nimport YInputCheckbox from './YInputCheckbox';\r\n\r\nimport './YCheckbox.scss';\r\n\r\nexport const YCheckbox = defineComponent({\r\n  name: 'YCheckbox',\r\n  components: { YInputCheckbox },\r\n  emits: ['focus', 'blur', 'click', 'update:modelValue', 'change'],\r\n  props: {\r\n    modelValue: [Boolean, Array] as PropType<boolean | any[]>,\r\n    value: [String, Number, Object] as PropType<any>,\r\n    label: String as PropType<string>,\r\n    reverse: Boolean as PropType<boolean>,\r\n    icon: {\r\n      type: [Object, String] as PropType<\r\n        { checked?: string; unchecked?: string } | string\r\n      >,\r\n    },\r\n    color: {\r\n      type: String as PropType<string>,\r\n      default: () => 'primary',\r\n    },\r\n    disabled: Boolean as PropType<boolean>,\r\n    readonly: Boolean as PropType<boolean>,\r\n  },\r\n  setup(props, { emit, slots }) {\r\n    const focused = ref(false);\r\n    const checked = ref(false);\r\n    const counterId = (getUid() ?? '').toString();\r\n    const inputId = `input-${counterId}`;\r\n\r\n    function onFocus(e: FocusEvent) {\r\n      focused.value = true;\r\n      emit('focus', e);\r\n    }\r\n\r\n    function onBlur(e: FocusEvent) {\r\n      focused.value = false;\r\n      emit('blur', e);\r\n    }\r\n\r\n    function onClick(e: Event, ...args: any[]) {\r\n      emit('click', e);\r\n      if (props.disabled || props.readonly) return;\r\n      const check = !checked.value;\r\n      checked.value = check;\r\n      emit('change', check);\r\n    }\r\n\r\n    function inputByProp() {\r\n      if (Array.isArray(props.modelValue)) {\r\n        const found = props.modelValue?.find((inp: any) => inp === props.value);\r\n        if (found !== undefined) {\r\n          checked.value = true;\r\n        } else {\r\n          checked.value = false;\r\n        }\r\n      } else if (typeof props.modelValue === 'boolean') {\r\n        checked.value = props.modelValue;\r\n      }\r\n    }\r\n\r\n    const classes = computed<Record<string, boolean>>(() => {\r\n      const { reverse, disabled, readonly } = props;\r\n      return {\r\n        'y-checkbox': true,\r\n        'y-checkbox--reverse': !!reverse,\r\n        'y-checkbox--focused': focused.value,\r\n        'y-checkbox--disabled': !!disabled,\r\n        'y-checkbox--readonly': !!readonly,\r\n      };\r\n    });\r\n\r\n    const computedIcon = computed<string | undefined>(() => {\r\n      if (typeof props.icon === 'string') {\r\n        return props.icon;\r\n      }\r\n      return undefined;\r\n    });\r\n\r\n    const isMultipleInput = computed<boolean>(() => {\r\n      return Array.isArray(props.modelValue);\r\n    });\r\n\r\n    function getMultipleInputIndex() {\r\n      if (!isMultipleInput.value) {\r\n        return -1;\r\n      }\r\n      return (props.modelValue as any[]).findIndex(\r\n        (v: any) => v === props.value,\r\n      );\r\n    }\r\n\r\n    watch(checked, (neo) => {\r\n      if (Array.isArray(props.modelValue)) {\r\n        const value = props.modelValue;\r\n        const index = getMultipleInputIndex();\r\n        if (neo && index === -1) {\r\n          value.push(props.value);\r\n        } else if (!neo && index !== -1) {\r\n          value.splice(index, 1);\r\n        }\r\n        emit('update:modelValue', value);\r\n      } else {\r\n        emit('update:modelValue', neo);\r\n      }\r\n    });\r\n\r\n    watch(\r\n      () => props.modelValue,\r\n      (neo) => {\r\n        if (Array.isArray(neo)) {\r\n          inputByProp();\r\n        } else {\r\n          checked.value = !!neo;\r\n        }\r\n      },\r\n      { immediate: true, deep: true },\r\n    );\r\n\r\n    useRender(() => {\r\n      return (\r\n        <div class={[{ ...classes.value }]}>\r\n          {slots.leading?.()}\r\n          <div class=\"y-checkbox__slot\">\r\n            <YInputCheckbox\r\n              onClick={(e: Event, ...args: any[]) => {\r\n                e.stopPropagation();\r\n                onClick(e, ...args);\r\n              }}\r\n              onFocus={onFocus}\r\n              onBlur={onBlur}\r\n              id={counterId}\r\n              value={checked.value}\r\n              icon={computedIcon.value}\r\n              color={props.color}\r\n              disabled={props.disabled}\r\n              readonly={props.readonly}\r\n            >\r\n              {slots.icon && {\r\n                icon: (...args: any[]) => slots.icon?.(...args),\r\n              }}\r\n            </YInputCheckbox>\r\n            <label\r\n              onClick={withModifiers(() => {}, ['stop'])}\r\n              class=\"y-checkbox__label\"\r\n              for={inputId}\r\n            >\r\n              {slots.label ? slots.label?.() : props.label}\r\n            </label>\r\n          </div>\r\n          {slots.trailing?.()}\r\n        </div>\r\n      );\r\n    });\r\n\r\n    return {\r\n      checked,\r\n    };\r\n  },\r\n});\r\n\r\nexport type YCheckbox = InstanceType<typeof YCheckbox>;\r\n"],"mappings":"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"}
+{"version":3,"file":"YCheckbox.mjs","names":["computed","ref","watch","withModifiers","useRender","defineComponent","getUid","YInputCheckbox","YCheckbox","name","components","emits","props","modelValue","Boolean","Array","value","String","Number","Object","label","reverse","icon","type","color","default","disabled","readonly","setup","_ref","emit","slots","focused","checked","counterId","toString","inputId","onFocus","e","onBlur","onClick","check","inputByProp","isArray","found","find","inp","undefined","classes","computedIcon","isMultipleInput","getMultipleInputIndex","findIndex","v","neo","index","push","splice","immediate","deep","_createVNode","leading","stopPropagation","_len","arguments","length","args","_key","_len2","_key2","trailing"],"sources":["../../../src/components/checkbox/YCheckbox.tsx"],"sourcesContent":["import { type PropType, computed, ref, watch, withModifiers } from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { defineComponent, getUid } from '@/util/component';\n\nimport YInputCheckbox from './YInputCheckbox';\n\nimport './YCheckbox.scss';\n\nexport const YCheckbox = defineComponent({\n  name: 'YCheckbox',\n  components: { YInputCheckbox },\n  emits: ['focus', 'blur', 'click', 'update:modelValue', 'change'],\n  props: {\n    modelValue: [Boolean, Array] as PropType<boolean | any[]>,\n    value: [String, Number, Object] as PropType<any>,\n    label: String as PropType<string>,\n    reverse: Boolean as PropType<boolean>,\n    icon: {\n      type: [Object, String] as PropType<\n        { checked?: string; unchecked?: string } | string\n      >,\n    },\n    color: {\n      type: String as PropType<string>,\n      default: () => 'primary',\n    },\n    disabled: Boolean as PropType<boolean>,\n    readonly: Boolean as PropType<boolean>,\n  },\n  setup(props, { emit, slots }) {\n    const focused = ref(false);\n    const checked = ref(false);\n    const counterId = (getUid() ?? '').toString();\n    const inputId = `input-${counterId}`;\n\n    function onFocus(e: FocusEvent) {\n      focused.value = true;\n      emit('focus', e);\n    }\n\n    function onBlur(e: FocusEvent) {\n      focused.value = false;\n      emit('blur', e);\n    }\n\n    function onClick(e: Event, ...args: any[]) {\n      emit('click', e);\n      if (props.disabled || props.readonly) return;\n      const check = !checked.value;\n      checked.value = check;\n      emit('change', check);\n    }\n\n    function inputByProp() {\n      if (Array.isArray(props.modelValue)) {\n        const found = props.modelValue?.find((inp: any) => inp === props.value);\n        if (found !== undefined) {\n          checked.value = true;\n        } else {\n          checked.value = false;\n        }\n      } else if (typeof props.modelValue === 'boolean') {\n        checked.value = props.modelValue;\n      }\n    }\n\n    const classes = computed<Record<string, boolean>>(() => {\n      const { reverse, disabled, readonly } = props;\n      return {\n        'y-checkbox': true,\n        'y-checkbox--reverse': !!reverse,\n        'y-checkbox--focused': focused.value,\n        'y-checkbox--disabled': !!disabled,\n        'y-checkbox--readonly': !!readonly,\n      };\n    });\n\n    const computedIcon = computed<string | undefined>(() => {\n      if (typeof props.icon === 'string') {\n        return props.icon;\n      }\n      return undefined;\n    });\n\n    const isMultipleInput = computed<boolean>(() => {\n      return Array.isArray(props.modelValue);\n    });\n\n    function getMultipleInputIndex() {\n      if (!isMultipleInput.value) {\n        return -1;\n      }\n      return (props.modelValue as any[]).findIndex(\n        (v: any) => v === props.value,\n      );\n    }\n\n    watch(checked, (neo) => {\n      if (Array.isArray(props.modelValue)) {\n        const value = props.modelValue;\n        const index = getMultipleInputIndex();\n        if (neo && index === -1) {\n          value.push(props.value);\n        } else if (!neo && index !== -1) {\n          value.splice(index, 1);\n        }\n        emit('update:modelValue', value);\n      } else {\n        emit('update:modelValue', neo);\n      }\n    });\n\n    watch(\n      () => props.modelValue,\n      (neo) => {\n        if (Array.isArray(neo)) {\n          inputByProp();\n        } else {\n          checked.value = !!neo;\n        }\n      },\n      { immediate: true, deep: true },\n    );\n\n    useRender(() => {\n      return (\n        <div class={[{ ...classes.value }]}>\n          {slots.leading?.()}\n          <div class=\"y-checkbox__slot\">\n            <YInputCheckbox\n              onClick={(e: Event, ...args: any[]) => {\n                e.stopPropagation();\n                onClick(e, ...args);\n              }}\n              onFocus={onFocus}\n              onBlur={onBlur}\n              id={counterId}\n              value={checked.value}\n              icon={computedIcon.value}\n              color={props.color}\n              disabled={props.disabled}\n              readonly={props.readonly}\n            >\n              {slots.icon && {\n                icon: (...args: any[]) => slots.icon?.(...args),\n              }}\n            </YInputCheckbox>\n            <label\n              onClick={withModifiers(() => {}, ['stop'])}\n              class=\"y-checkbox__label\"\n              for={inputId}\n            >\n              {slots.label ? slots.label?.() : props.label}\n            </label>\n          </div>\n          {slots.trailing?.()}\n        </div>\n      );\n    });\n\n    return {\n      checked,\n    };\n  },\n});\n\nexport type YCheckbox = InstanceType<typeof YCheckbox>;\n"],"mappings":"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"}

package/lib/components/checkbox/YCheckbox.scss

@@ -1,48 +1,48 @@
-.y-checkbox {
-  display: flex;
-  align-items: center;
-
-  &__slot {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-  }
-
-  .y-checkbox__label {
-    cursor: pointer;
-    font-weight: 400;
-    color: var(--y-theme-on-surface-variant);
-    font-size: 14px;
-  }
-
-  &--reverse .y-checkbox__slot {
-    flex-direction: row-reverse;
-  }
-
-  &:not(&--reverse) .y-input--checkbox {
-    margin-right: 8px;
-  }
-
-  .y-input--checkbox {
-    cursor: pointer;
-  }
-
-  &--reverse .y-input--checkbox {
-    margin-left: 8px;
-  }
-
-  &--readonly,
-  &--disabled {
-    .y-checkbox__label,
-    .y-input--checkbox {
-      cursor: default;
-    }
-  }
-
-  &--disabled {
-    .y-checkbox__slot {
-      filter: grayscale(1);
-      opacity: 0.4;
-    }
-  }
-}
+.y-checkbox {
+  display: flex;
+  align-items: center;
+
+  &__slot {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  }
+
+  .y-checkbox__label {
+    cursor: pointer;
+    font-weight: 400;
+    color: var(--y-theme-on-surface-variant);
+    font-size: 14px;
+  }
+
+  &--reverse .y-checkbox__slot {
+    flex-direction: row-reverse;
+  }
+
+  &:not(&--reverse) .y-input--checkbox {
+    margin-right: 8px;
+  }
+
+  .y-input--checkbox {
+    cursor: pointer;
+  }
+
+  &--reverse .y-input--checkbox {
+    margin-left: 8px;
+  }
+
+  &--readonly,
+  &--disabled {
+    .y-checkbox__label,
+    .y-input--checkbox {
+      cursor: default;
+    }
+  }
+
+  &--disabled {
+    .y-checkbox__slot {
+      filter: grayscale(1);
+      opacity: 0.4;
+    }
+  }
+}

package/lib/components/checkbox/YInputCheckbox.mjs

@@ -1,5 +1,6 @@
 import { createVNode as _createVNode, Fragment as _Fragment } from "vue";
-import { defineComponent, h } from 'vue';
+import { h } from 'vue';
+import { defineComponent } from "../../util/component/index.mjs";
 import { YIconCheckbox } from "../icons/YIconCheckbox.mjs";
 import "./YInputCheckbox.scss";
 export default defineComponent({

package/lib/components/checkbox/YInputCheckbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YInputCheckbox.mjs","names":["defineComponent","h","YIconCheckbox","name","components","props","id","String","value","Boolean","icon","color","type","default","disabled","readonly","emits","data","counterId","$","uid","toString","checked","focused","computed","coloredClass","startsWith","undefined","classes","ret","inputId","iconComponent","methods","onFocus","e","$emit","onBlur","onClick","event","watch","neo","created","render","_createVNode","_Fragment","$slots"],"sources":["../../../src/components/checkbox/YInputCheckbox.tsx"],"sourcesContent":["import { PropType, defineComponent, h } from 'vue';\n\nimport { YIconCheckbox } from '../icons/YIconCheckbox';\n\nimport './YInputCheckbox.scss';\n\nexport default defineComponent({\n  name: 'YInputCheckbox',\n  components: { YIconCheckbox },\n  props: {\n    id: String as PropType<string>,\n    value: Boolean as PropType<boolean>,\n    icon: String as PropType<string>,\n    color: {\n      type: String as PropType<string>,\n      default: () => 'primary',\n    },\n    disabled: Boolean as PropType<boolean>,\n    readonly: Boolean as PropType<boolean>,\n  },\n  emits: ['focus', 'blur', 'click'],\n  data() {\n    return {\n      counterId: this.$.uid.toString(),\n      checked: false,\n      focused: false,\n    };\n  },\n  computed: {\n    coloredClass() {\n      if (this.color.startsWith('#')) {\n        return undefined;\n      }\n      return `color--${this.color}`;\n    },\n    classes() {\n      const ret: Record<string, boolean> = {\n        'y-input': true,\n        'y-input--checkbox': true,\n        'y-input--active': this.checked,\n        'y-input--focused': this.focused,\n      };\n      if (this.coloredClass) {\n        ret[this.coloredClass] = true;\n      }\n      return ret;\n    },\n    inputId() {\n      let id = this.counterId;\n      if (this.id) {\n        id = this.id;\n      }\n      return `input-${id}`;\n    },\n    iconComponent() {\n      if (!this.icon) {\n        return YIconCheckbox;\n      }\n      return null;\n    },\n  },\n  methods: {\n    onFocus(e: FocusEvent) {\n      this.focused = true;\n      this.$emit('focus', e);\n    },\n    onBlur(e: FocusEvent) {\n      this.focused = false;\n      this.$emit('blur', e);\n    },\n    onClick(event: MouseEvent) {\n      this.$emit('click', event);\n    },\n  },\n  watch: {\n    value(neo: boolean) {\n      this.checked = neo;\n    },\n  },\n  created() {\n    this.checked = !!this.value;\n  },\n  render() {\n    const {\n      onClick,\n      classes,\n      inputId,\n      checked,\n      onFocus,\n      onBlur,\n      disabled,\n      readonly,\n      iconComponent,\n    } = this;\n    return (\n      <>\n        <div onClick={onClick} class={classes}>\n          <input\n            id={inputId}\n            aria-checked={checked}\n            role=\"checkbox\"\n            type=\"checkbox\"\n            checked={checked}\n            onFocus={onFocus}\n            onBlur={onBlur}\n            disabled={disabled}\n            readonly={readonly}\n          />\n          {this.$slots.icon ? (\n            this.$slots.icon({ checked })\n          ) : iconComponent ? h(iconComponent) :\n            <YIconCheckbox></YIconCheckbox>}\n        </div>\n      </>\n    );\n  },\n});\n"],"mappings":"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"}
+{"version":3,"file":"YInputCheckbox.mjs","names":["h","defineComponent","YIconCheckbox","name","components","props","id","String","value","Boolean","icon","color","type","default","disabled","readonly","emits","data","counterId","$","uid","toString","checked","focused","computed","coloredClass","startsWith","undefined","classes","ret","inputId","iconComponent","methods","onFocus","e","$emit","onBlur","onClick","event","watch","neo","created","render","_createVNode","_Fragment","$slots"],"sources":["../../../src/components/checkbox/YInputCheckbox.tsx"],"sourcesContent":["import { type PropType, h } from 'vue';\n\nimport { defineComponent } from '@/util/component';\n\nimport { YIconCheckbox } from '../icons/YIconCheckbox';\n\nimport './YInputCheckbox.scss';\n\nexport default defineComponent({\n  name: 'YInputCheckbox',\n  components: { YIconCheckbox },\n  props: {\n    id: String as PropType<string>,\n    value: Boolean as PropType<boolean>,\n    icon: String as PropType<string>,\n    color: {\n      type: String as PropType<string>,\n      default: () => 'primary',\n    },\n    disabled: Boolean as PropType<boolean>,\n    readonly: Boolean as PropType<boolean>,\n  },\n  emits: ['focus', 'blur', 'click'],\n  data() {\n    return {\n      counterId: this.$.uid.toString(),\n      checked: false,\n      focused: false,\n    };\n  },\n  computed: {\n    coloredClass() {\n      if (this.color.startsWith('#')) {\n        return undefined;\n      }\n      return `color--${this.color}`;\n    },\n    classes() {\n      const ret: Record<string, boolean> = {\n        'y-input': true,\n        'y-input--checkbox': true,\n        'y-input--active': this.checked,\n        'y-input--focused': this.focused,\n      };\n      if (this.coloredClass) {\n        ret[this.coloredClass] = true;\n      }\n      return ret;\n    },\n    inputId() {\n      let id = this.counterId;\n      if (this.id) {\n        id = this.id;\n      }\n      return `input-${id}`;\n    },\n    iconComponent() {\n      if (!this.icon) {\n        return YIconCheckbox;\n      }\n      return null;\n    },\n  },\n  methods: {\n    onFocus(e: FocusEvent) {\n      this.focused = true;\n      this.$emit('focus', e);\n    },\n    onBlur(e: FocusEvent) {\n      this.focused = false;\n      this.$emit('blur', e);\n    },\n    onClick(event: MouseEvent) {\n      this.$emit('click', event);\n    },\n  },\n  watch: {\n    value(neo: boolean) {\n      this.checked = neo;\n    },\n  },\n  created() {\n    this.checked = !!this.value;\n  },\n  render() {\n    const {\n      onClick,\n      classes,\n      inputId,\n      checked,\n      onFocus,\n      onBlur,\n      disabled,\n      readonly,\n      iconComponent,\n    } = this;\n    return (\n      <>\n        <div onClick={onClick} class={classes}>\n          <input\n            id={inputId}\n            aria-checked={checked}\n            role=\"checkbox\"\n            type=\"checkbox\"\n            checked={checked}\n            onFocus={onFocus}\n            onBlur={onBlur}\n            disabled={disabled}\n            readonly={readonly}\n          />\n          {this.$slots.icon ? (\n            this.$slots.icon({ checked })\n          ) : iconComponent ? (\n            h(iconComponent)\n          ) : (\n            <YIconCheckbox></YIconCheckbox>\n          )}\n        </div>\n      </>\n    );\n  },\n});\n"],"mappings":"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"}