yuyeon 0.0.25 → 0.0.27

package/lib/composables/vue-router.mjs

@@ -0,0 +1,32 @@
+import { computed, resolveDynamicComponent, toRef } from 'vue';
+import { hasEventProp, propsFactory } from "../util/index.mjs";
+export const pressVueRouterPropsOptions = propsFactory({
+  href: String,
+  replace: Boolean,
+  to: [String, Object],
+  exact: Boolean
+}, 'VueRouter');
+export function useLink(props, attrs) {
+  const RouterLink = resolveDynamicComponent('RouterLink');
+  const isLink = computed(() => !!(props.href || props.to));
+  const isClickable = computed(() => {
+    return isLink?.value || hasEventProp(attrs, 'click') || hasEventProp(props, 'click');
+  });
+  if (typeof RouterLink === 'string') {
+    return {
+      isLink,
+      isClickable,
+      href: toRef(props, 'href')
+    };
+  }
+  const link = props.to ? RouterLink.useLink(props) : undefined;
+  return {
+    isLink,
+    isClickable,
+    route: link?.route,
+    navigate: link?.navigate,
+    isActive: link && computed(() => props.exact ? link.isExactActive?.value : link.isActive?.value),
+    href: computed(() => props.to ? link?.route.value.href : props.href)
+  };
+}
+//# sourceMappingURL=vue-router.mjs.map

package/lib/composables/vue-router.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-router.mjs","names":["computed","resolveDynamicComponent","toRef","hasEventProp","propsFactory","pressVueRouterPropsOptions","href","String","replace","Boolean","to","Object","exact","useLink","props","attrs","RouterLink","isLink","isClickable","value","link","undefined","route","navigate","isActive","isExactActive"],"sources":["../../src/composables/vue-router.ts"],"sourcesContent":["import type { ComputedRef, PropType, Ref, SetupContext } from 'vue';\nimport { computed, resolveDynamicComponent, toRef } from 'vue';\nimport type {\n  RouteLocationRaw,\n  UseLinkOptions,\n  RouterLink as VueRouterLink,\n} from 'vue-router';\nimport { useLink as _useLink } from 'vue-router';\n\nimport { EventProp, hasEventProp, propsFactory } from '../util';\n\nexport interface LinkProps {\n  href: string | undefined;\n  replace: boolean | undefined;\n  to: RouteLocationRaw | undefined;\n  exact: boolean | undefined;\n}\n\nexport interface LinkListeners {\n  onClick?: EventProp | undefined;\n  onClickOnce?: EventProp | undefined;\n}\n\nexport const pressVueRouterPropsOptions = propsFactory(\n  {\n    href: String,\n    replace: Boolean,\n    to: [String, Object] as PropType<RouteLocationRaw>,\n    exact: Boolean,\n  },\n  'VueRouter',\n);\n\nexport interface UseLink\n  extends Omit<Partial<ReturnType<typeof _useLink>>, 'href'> {\n  isLink: ComputedRef<boolean>;\n  isClickable: ComputedRef<boolean>;\n  href: Ref<string | undefined>;\n}\n\nexport function useLink(\n  props: LinkProps & LinkListeners,\n  attrs: SetupContext['attrs'],\n): UseLink {\n  const RouterLink = resolveDynamicComponent('RouterLink') as\n    | typeof VueRouterLink\n    | string;\n\n  const isLink = computed(() => !!(props.href || props.to));\n  const isClickable = computed(() => {\n    return (\n      isLink?.value ||\n      hasEventProp(attrs, 'click') ||\n      hasEventProp(props, 'click')\n    );\n  });\n  if (typeof RouterLink === 'string') {\n    return {\n      isLink,\n      isClickable,\n      href: toRef(props, 'href'),\n    };\n  }\n  const link = props.to\n    ? RouterLink.useLink(props as UseLinkOptions)\n    : undefined;\n  return {\n    isLink,\n    isClickable,\n    route: link?.route,\n    navigate: link?.navigate,\n    isActive:\n      link &&\n      computed(() =>\n        props.exact ? link.isExactActive?.value : link.isActive?.value,\n      ),\n    href: computed(() => (props.to ? link?.route.value.href : props.href)),\n  };\n}\n"],"mappings":"AACA,SAASA,QAAQ,EAAEC,uBAAuB,EAAEC,KAAK,QAAQ,KAAK;AAAC,SAQ3CC,YAAY,EAAEC,YAAY;AAc9C,OAAO,MAAMC,0BAA0B,GAAGD,YAAY,CACpD;EACEE,IAAI,EAAEC,MAAM;EACZC,OAAO,EAAEC,OAAO;EAChBC,EAAE,EAAE,CAACH,MAAM,EAAEI,MAAM,CAA+B;EAClDC,KAAK,EAAEH;AACT,CAAC,EACD,WACF,CAAC;AASD,OAAO,SAASI,OAAOA,CACrBC,KAAgC,EAChCC,KAA4B,EACnB;EACT,MAAMC,UAAU,GAAGf,uBAAuB,CAAC,YAAY,CAE7C;EAEV,MAAMgB,MAAM,GAAGjB,QAAQ,CAAC,MAAM,CAAC,EAAEc,KAAK,CAACR,IAAI,IAAIQ,KAAK,CAACJ,EAAE,CAAC,CAAC;EACzD,MAAMQ,WAAW,GAAGlB,QAAQ,CAAC,MAAM;IACjC,OACEiB,MAAM,EAAEE,KAAK,IACbhB,YAAY,CAACY,KAAK,EAAE,OAAO,CAAC,IAC5BZ,YAAY,CAACW,KAAK,EAAE,OAAO,CAAC;EAEhC,CAAC,CAAC;EACF,IAAI,OAAOE,UAAU,KAAK,QAAQ,EAAE;IAClC,OAAO;MACLC,MAAM;MACNC,WAAW;MACXZ,IAAI,EAAEJ,KAAK,CAACY,KAAK,EAAE,MAAM;IAC3B,CAAC;EACH;EACA,MAAMM,IAAI,GAAGN,KAAK,CAACJ,EAAE,GACjBM,UAAU,CAACH,OAAO,CAACC,KAAuB,CAAC,GAC3CO,SAAS;EACb,OAAO;IACLJ,MAAM;IACNC,WAAW;IACXI,KAAK,EAAEF,IAAI,EAAEE,KAAK;IAClBC,QAAQ,EAAEH,IAAI,EAAEG,QAAQ;IACxBC,QAAQ,EACNJ,IAAI,IACJpB,QAAQ,CAAC,MACPc,KAAK,CAACF,KAAK,GAAGQ,IAAI,CAACK,aAAa,EAAEN,KAAK,GAAGC,IAAI,CAACI,QAAQ,EAAEL,KAC3D,CAAC;IACHb,IAAI,EAAEN,QAAQ,CAAC,MAAOc,KAAK,CAACJ,EAAE,GAAGU,IAAI,EAAEE,KAAK,CAACH,KAAK,CAACb,IAAI,GAAGQ,KAAK,CAACR,IAAK;EACvE,CAAC;AACH"}

package/lib/styles/_palette.scss

@@ -1,90 +1 @@
-// red
-$basic-red-900: #a60000;
-$basic-red-800: #cc1f1f;
-$basic-red-700: #ff4040;
-$basic-red-600: #ff5959;
-$basic-red-500: #ff7272;
-$basic-red-400: #ff8d8d;
-$basic-red-300: #ffa2a2;
-$basic-red-200: #ffbfbf;
-$basic-red-100: #ffd9d9;
-$basic-red-50: #fff6f6;
-
-// orange
-$basic-orange-900: #f16a24;
-$basic-orange-800: #f17738;
-$basic-orange-700: #ff9639;
-$basic-orange-600: #ffa75a;
-$basic-orange-500: #f3ae71;
-$basic-orange-400: #f3bd71;
-$basic-orange-300: #ffd00f;
-$basic-orange-200: #ffe8ba;
-$basic-orange-100: #fff1c7;
-$basic-orange-50: #fffaec;
-
-// green
-$basic-green-900: #056653;
-$basic-green-800: #0d8069;
-$basic-green-700: #1f927c;
-$basic-green-600: #4ba694;
-$basic-green-500: #5bb2a1;
-$basic-green-400: #68ccb9;
-$basic-green-300: #77d9c6;
-$basic-green-200: #8ae6d4;
-$basic-green-100: #ace6da;
-$basic-green-50: #f2fffd;
-
-// blue
-$basic-blue-900: #003a9f;
-$basic-blue-800: #0c5db9;
-$basic-blue-700: #236dc1;
-$basic-blue-600: #407fc6;
-$basic-blue-500: #4091c6;
-$basic-blue-400: #79c2f2;
-$basic-blue-300: #a6dcff;
-$basic-blue-200: #ccebff;
-$basic-blue-100: #f2faff;
-$basic-blue-50: #f6fcff;
-
-// violet
-$basic-violet-900: #460d80;
-$basic-violet-800: #581799;
-$basic-violet-700: #6b24b3;
-$basic-violet-600: #7436b3;
-$basic-violet-500: #7d47b3;
-$basic-violet-400: #9857d9;
-$basic-violet-300: #c89df2;
-$basic-violet-250: #e9dfff;
-$basic-violet-200: #f2e6ff;
-$basic-violet-100: #f9f2ff;
-$basic-violet-50: #faf8ff;
-
-// gray
-$basic-gray-900: #323232;
-$basic-gray-800: #505050;
-$basic-gray-700: #707070;
-$basic-gray-600: #939194;
-$basic-gray-500: #b4b4b4;
-$basic-gray-400: #c8c8c8;
-$basic-gray-300: #dcdcdc;
-$basic-gray-200: #f0f0f0;
-$basic-gray-100: #f5f5f5;
-$basic-gray-50: #fafafa;
-
-//
-$basic-disable: #c8bab4;
-$basic-black: #141414;
-$content-gray: #666666;
-$background-color: #f5f5ff;
-
-// Text
-$text-black: $basic-black;
-$text-white: #ffffff;
-
-// Alert
-$alert-positive: #47b267;
-$alert-negative: #ff4d4d;
-$alert-warning: #ffc70e;
-$alert-link: #4781cc;
-
-$primary: #4f97dc !default;
+$basic-black: #000;

package/lib/styles/_variables.scss

@@ -1 +1,3 @@
+@forward './settings/variables';
+
 $border-radius-root: 10px !default;

package/lib/styles/base.scss

@@ -2,7 +2,6 @@
 @use 'settings/provided';
 @use 'settings/variables';
 @use 'palette';
-
 @use 'elevation';
 
 :root {
@@ -117,3 +116,7 @@
 .text-color--error {
   color: var(--y-theme-error);
 }
+
+.flex-wrap {
+  flex-wrap: wrap;
+}

package/lib/styles/theme/dark.scss

@@ -1,21 +1,11 @@
-@use 'sass:map';
-@use '../../styles/palette';
-@use '../util/helper';
-
-// yui/app theme
-$theme--dark: () !default;
-$theme--dark: map.deep-merge(
-  (
-    'input': (
-      'fill': palette.$basic-gray-200,
-    ),
-    'fieldInput': (
-      'clear': palette.$basic-gray-400,
-    ),
-    'select': (
-      'selected': palette.$basic-black,
-      'selected-background': palette.$basic-gray-700,
-    ),
-  ),
-  $theme--dark
-);
+@use 'sass:map';
+
+@use '../util/helper';
+
+// yui/app theme
+$theme--dark: () !default;
+$theme--dark: map.deep-merge(
+  (
+  ),
+  $theme--dark
+);

package/lib/styles/theme/light.scss

@@ -1,21 +1,11 @@
-@use 'sass:map';
-@use '../../styles/palette';
-@use '../util/helper';
-
-// yui theme
-$theme--light: () !default;
-$theme--light: map.deep-merge(
-  (
-    'input': (
-      'fill': palette.$basic-gray-200,
-    ),
-    'fieldInput': (
-      'clear': palette.$basic-gray-400,
-    ),
-    'select': (
-      'selected': palette.$basic-black,
-      'selected-background': palette.$basic-gray-700,
-    )
-  ),
-  $theme--light
-);
+@use 'sass:map';
+
+@use '../util/helper';
+
+// yui theme
+$theme--light: () !default;
+$theme--light: map.deep-merge(
+  (
+  ),
+  $theme--light
+);

package/lib/util/index.mjs

@@ -0,0 +1,16 @@
+export * from "./common.mjs";
+export * from "./collection.mjs";
+export * from "./array.mjs";
+export * from "./string.mjs";
+export * from "./validation.mjs";
+export * from "./debounce.mjs";
+export * from "./dom.mjs";
+export * from "./ui.mjs";
+export * from "./rect.mjs";
+export * from "./anchor.mjs";
+export * from "./scroll.mjs";
+export * from "./frame-scheduler.mjs";
+export * from "./vue-component.mjs";
+export * from "./reactivity.mjs";
+export * from "./color/index.mjs";
+//# sourceMappingURL=index.mjs.map

package/lib/util/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/util/index.ts"],"sourcesContent":["export * from './common';\r\nexport * from './collection';\r\nexport * from './array';\r\nexport * from './string';\r\nexport * from './validation';\r\nexport * from './debounce';\r\nexport * from './dom';\r\nexport * from './ui';\r\nexport * from './rect';\r\nexport * from './anchor';\r\nexport * from './scroll';\r\nexport * from './frame-scheduler';\r\nexport * from './vue-component';\r\nexport * from './reactivity';\r\nexport * from './color';\r\n"],"mappings":""}

package/lib/util/reactivity.mjs

@@ -1,4 +1,9 @@
 import { computed, reactive, toRefs, watchEffect } from 'vue';
+
+/**
+ * For Destructuring assignment
+ * @param getter
+ */
 export function $computed(getter) {
   const refs = reactive({});
   const base = computed(getter);

package/lib/util/reactivity.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"reactivity.mjs","names":["computed","reactive","toRefs","watchEffect","$computed","getter","refs","base","key","value","flush"],"sources":["../../src/util/reactivity.ts"],"sourcesContent":["import type { ComputedGetter } from 'vue';\nimport { computed, reactive, toRefs, watchEffect } from 'vue';\n\nexport function $computed<T extends object>(getter: ComputedGetter<T>) {\n  const refs = reactive({}) as T;\n  const base = computed(getter);\n  watchEffect(\n    () => {\n      for (const key in base.value) {\n        refs[key] = base.value[key];\n      }\n    },\n    { flush: 'sync' },\n  );\n  return toRefs(refs);\n}\n"],"mappings":"AACA,SAASA,QAAQ,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,WAAW,QAAQ,KAAK;AAE7D,OAAO,SAASC,SAASA,CAAmBC,MAAyB,EAAE;EACrE,MAAMC,IAAI,GAAGL,QAAQ,CAAC,CAAC,CAAC,CAAM;EAC9B,MAAMM,IAAI,GAAGP,QAAQ,CAACK,MAAM,CAAC;EAC7BF,WAAW,CACT,MAAM;IACJ,KAAK,MAAMK,GAAG,IAAID,IAAI,CAACE,KAAK,EAAE;MAC5BH,IAAI,CAACE,GAAG,CAAC,GAAGD,IAAI,CAACE,KAAK,CAACD,GAAG,CAAC;IAC7B;EACF,CAAC,EACD;IAAEE,KAAK,EAAE;EAAO,CAClB,CAAC;EACD,OAAOR,MAAM,CAACI,IAAI,CAAC;AACrB"}
+{"version":3,"file":"reactivity.mjs","names":["computed","reactive","toRefs","watchEffect","$computed","getter","refs","base","key","value","flush"],"sources":["../../src/util/reactivity.ts"],"sourcesContent":["import type { ComputedGetter } from 'vue';\r\nimport { computed, reactive, toRefs, watchEffect } from 'vue';\r\n\r\n/**\r\n * For Destructuring assignment\r\n * @param getter\r\n */\r\nexport function $computed<T extends object>(getter: ComputedGetter<T>) {\r\n  const refs = reactive({}) as T;\r\n  const base = computed(getter);\r\n  watchEffect(\r\n    () => {\r\n      for (const key in base.value) {\r\n        refs[key] = base.value[key];\r\n      }\r\n    },\r\n    { flush: 'sync' },\r\n  );\r\n  return toRefs(refs);\r\n}\r\n"],"mappings":"AACA,SAASA,QAAQ,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,WAAW,QAAQ,KAAK;;AAE7D;AACA;AACA;AACA;AACA,OAAO,SAASC,SAASA,CAAmBC,MAAyB,EAAE;EACrE,MAAMC,IAAI,GAAGL,QAAQ,CAAC,CAAC,CAAC,CAAM;EAC9B,MAAMM,IAAI,GAAGP,QAAQ,CAACK,MAAM,CAAC;EAC7BF,WAAW,CACT,MAAM;IACJ,KAAK,MAAMK,GAAG,IAAID,IAAI,CAACE,KAAK,EAAE;MAC5BH,IAAI,CAACE,GAAG,CAAC,GAAGD,IAAI,CAACE,KAAK,CAACD,GAAG,CAAC;IAC7B;EACF,CAAC,EACD;IAAEE,KAAK,EAAE;EAAO,CAClB,CAAC;EACD,OAAOR,MAAM,CAACI,IAAI,CAAC;AACrB"}

package/lib/util/vue-component.mjs

@@ -1,3 +1,4 @@
+import { capitalize } from '@vue/runtime-core';
 import { getCurrentInstance } from 'vue';
 import { hasOwnProperty } from "./common.mjs";
 export function getSlot(vm) {
@@ -44,6 +45,23 @@ export function bindClasses(classes) {
 export function getHtmlElement(node) {
   return node && hasOwnProperty(node, '$el') ? node.$el : node;
 }
+export function findChildrenWithProvide(key, vnode) {
+  if (!vnode || typeof vnode !== 'object') {
+    return [];
+  }
+  if (Array.isArray(vnode)) {
+    return vnode.map(child => findChildrenWithProvide(key, child)).flat(1);
+  } else if (Array.isArray(vnode.children)) {
+    return vnode.children.map(child => findChildrenWithProvide(key, child)).flat(1);
+  } else if (vnode.component) {
+    if (Object.getOwnPropertySymbols(vnode.component.provides).includes(key)) {
+      return [vnode.component];
+    } else if (vnode.component.subTree) {
+      return findChildrenWithProvide(key, vnode.component.subTree).flat(1);
+    }
+  }
+  return [];
+}
 export function propsFactory(props, source) {
   return defaults => {
     return Object.keys(props).reduce((options, prop) => {
@@ -67,6 +85,12 @@ export function propsFactory(props, source) {
     }, {});
   };
 }
+export function hasEventProp(props, type) {
+  const onType = `on${capitalize(type)}`;
+  return !!(props[onType] || props[`${onType}Once`] || props[`${onType}Capture`] || props[`${onType}OnceCapture`] || props[`${onType}CaptureOnce`]);
+}
 
 // Copied from Vue
+
+export const EventPropOption = () => [Function, Array];
 //# sourceMappingURL=vue-component.mjs.map

package/lib/util/vue-component.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"vue-component.mjs","names":["getCurrentInstance","hasOwnProperty","getSlot","vm","name","arguments","length","undefined","data","optional","$slots","slot","Function","filter","node","el","nodeType","getUid","uid","chooseProps","props","target","Object","keys","reduce","acc","prop","bindClasses","classes","boundClasses","Array","isArray","clas","getHtmlElement","$el","propsFactory","source","defaults","options","option","isObjectOption","objectOption","type","default"],"sources":["../../src/util/vue-component.ts"],"sourcesContent":["import type { IfAny } from '@vue/shared';\r\nimport type {\r\n  ComponentObjectPropsOptions,\r\n  ComponentPublicInstance,\r\n  ExtractPropTypes,\r\n  Prop,\r\n  PropType,\r\n  VNode,\r\n} from 'vue';\r\nimport { getCurrentInstance } from 'vue';\r\n\r\nimport { hasOwnProperty } from './common';\r\n\r\nexport function getSlot(\r\n  vm: ComponentPublicInstance | any,\r\n  // eslint-disable-next-line default-param-last\r\n  name = 'default',\r\n  data?: any | (() => any),\r\n  optional = false,\r\n): VNode[] | undefined {\r\n  if (vm.$slots?.[name]) {\r\n    const slot = vm.$slots[name]!(data instanceof Function ? data() : data);\r\n    return slot.filter((node: VNode) => {\r\n      return node.el?.nodeType !== 8;\r\n    });\r\n  }\r\n  return undefined;\r\n}\r\n\r\nexport function getUid() {\r\n  const vm = getCurrentInstance();\r\n  return vm?.uid;\r\n}\r\n\r\nexport function chooseProps<PropsOptions extends ComponentObjectPropsOptions>(\r\n  props: any,\r\n  target: PropsOptions,\r\n): ExtractPropTypes<PropsOptions> {\r\n  return Object.keys(target).reduce((acc, prop) => {\r\n    if (props && prop in props) {\r\n      acc[prop as keyof ExtractPropTypes<PropsOptions>] = props[prop];\r\n    }\r\n    return acc;\r\n  }, {} as ExtractPropTypes<PropsOptions>);\r\n}\r\n\r\nexport function bindClasses(\r\n  classes: string | string[] | Record<string, any> | undefined,\r\n) {\r\n  const boundClasses = {} as Record<string, boolean>;\r\n  if (typeof classes === 'string') {\r\n    boundClasses[classes] = true;\r\n  } else if (Array.isArray(classes)) {\r\n    (classes as string[]).reduce((acc, clas) => {\r\n      acc[clas] = true;\r\n      return acc;\r\n    }, boundClasses);\r\n  } else if (typeof classes === 'object') {\r\n    Object.keys(classes).reduce((acc, clas) => {\r\n      acc[clas] = !!classes[clas];\r\n      return acc;\r\n    }, boundClasses);\r\n  }\r\n  return boundClasses;\r\n}\r\n\r\nexport function getHtmlElement<N extends object | undefined>(\r\n  node: N,\r\n): Exclude<N, ComponentPublicInstance> | HTMLElement {\r\n  return node && hasOwnProperty(node, '$el')\r\n    ? ((node as ComponentPublicInstance).$el as HTMLElement)\r\n    : (node as HTMLElement);\r\n}\r\n\r\nexport function propsFactory<PropsOptions extends ComponentObjectPropsOptions>(\r\n  props: PropsOptions,\r\n  source: string,\r\n) {\r\n  return <Defaults extends PartialKeys<PropsOptions> = {}>(\r\n    defaults?: Defaults,\r\n  ): OverwrittenPropOptions<PropsOptions, Defaults> => {\r\n    return Object.keys(props).reduce<any>((options, prop) => {\r\n      const option = props[prop];\r\n      const isObjectOption =\r\n        typeof option === 'object' && option != null && !Array.isArray(option);\r\n      const objectOption = isObjectOption ? option : { type: option };\r\n      if (defaults && prop in defaults) {\r\n        options[prop] = {\r\n          ...objectOption,\r\n          default: defaults[prop],\r\n        };\r\n      } else {\r\n        options[prop] = objectOption;\r\n      }\r\n\r\n      if (source && !options[prop].source) {\r\n        options[prop].source = source;\r\n      }\r\n      return options;\r\n    }, {} as PropsOptions);\r\n  };\r\n}\r\n\r\ntype OverwrittenPropOptions<\r\n  T extends ComponentObjectPropsOptions,\r\n  D extends PartialKeys<T>,\r\n> = {\r\n  [P in keyof T]-?: unknown extends D[P]\r\n    ? T[P]\r\n    : T[P] extends Record<string, unknown>\r\n    ? Omit<T[P], 'type' | 'default'> & {\r\n        type: FollowPropType<Pick<T[P], 'type'>, T[P], D[P]>;\r\n        default: MergeDefault<T[P], D[P]>;\r\n      }\r\n    : {\r\n        type: PropType<MergeDefault<P, D>>;\r\n        default: MergeDefault<T[P], D[P]>;\r\n      };\r\n};\r\n\r\ntype MergeDefault<T, D> = unknown extends D\r\n  ? InferPropType<T>\r\n  : NonNullable<InferPropType<T>> | D;\r\n\r\ntype FollowPropType<T, P, D> = [T] extends [PropType<unknown>]\r\n  ? T\r\n  : PropType<MergeDefault<P, D>>;\r\n\r\ntype PartialKeys<T> = { [P in keyof T]?: unknown };\r\n\r\n// Copied from Vue\r\ntype InferPropType<T> = [T] extends [null]\r\n  ? any // null & true would fail to infer\r\n  : [T] extends [{ type: null | true }]\r\n  ? // As TS issue https://github.com/Microsoft/TypeScript/issues/14829\r\n    // somehow `ObjectConstructor` when inferred from { (): T } becomes `any`\r\n    // `BooleanConstructor` when inferred from PropConstructor(with PropMethod) becomes `Boolean`\r\n    any\r\n  : [T] extends [ObjectConstructor | { type: ObjectConstructor }]\r\n  ? Record<string, any>\r\n  : [T] extends [BooleanConstructor | { type: BooleanConstructor }]\r\n  ? boolean\r\n  : [T] extends [DateConstructor | { type: DateConstructor }]\r\n  ? Date\r\n  : [T] extends [(infer U)[] | { type: (infer U)[] }]\r\n  ? U extends DateConstructor\r\n    ? Date | InferPropType<U>\r\n    : InferPropType<U>\r\n  : [T] extends [Prop<infer V, infer D>]\r\n  ? unknown extends V\r\n    ? IfAny<V, V, D>\r\n    : V\r\n  : T;\r\n"],"mappings":"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"}
+{"version":3,"file":"vue-component.mjs","names":["capitalize","getCurrentInstance","hasOwnProperty","getSlot","vm","name","arguments","length","undefined","data","optional","$slots","slot","Function","filter","node","el","nodeType","getUid","uid","chooseProps","props","target","Object","keys","reduce","acc","prop","bindClasses","classes","boundClasses","Array","isArray","clas","getHtmlElement","$el","findChildrenWithProvide","key","vnode","map","child","flat","children","component","getOwnPropertySymbols","provides","includes","subTree","propsFactory","source","defaults","options","option","isObjectOption","objectOption","type","default","hasEventProp","onType","EventPropOption"],"sources":["../../src/util/vue-component.ts"],"sourcesContent":["import { ComponentInternalInstance, capitalize } from '@vue/runtime-core';\nimport type { IfAny } from '@vue/shared';\nimport type {\n  ComponentObjectPropsOptions,\n  ComponentPublicInstance,\n  ExtractPropTypes,\n  InjectionKey,\n  Prop,\n  PropType,\n  VNode,\n  VNodeChild,\n} from 'vue';\nimport { getCurrentInstance } from 'vue';\n\nimport { hasOwnProperty } from './common';\n\nexport function getSlot(\n  vm: ComponentPublicInstance | any,\n  // eslint-disable-next-line default-param-last\n  name = 'default',\n  data?: any | (() => any),\n  optional = false,\n): VNode[] | undefined {\n  if (vm.$slots?.[name]) {\n    const slot = vm.$slots[name]!(data instanceof Function ? data() : data);\n    return slot.filter((node: VNode) => {\n      return node.el?.nodeType !== 8;\n    });\n  }\n  return undefined;\n}\n\nexport function getUid() {\n  const vm = getCurrentInstance();\n  return vm?.uid;\n}\n\nexport function chooseProps<PropsOptions extends ComponentObjectPropsOptions>(\n  props: any,\n  target: PropsOptions,\n): ExtractPropTypes<PropsOptions> {\n  return Object.keys(target).reduce((acc, prop) => {\n    if (props && prop in props) {\n      acc[prop as keyof ExtractPropTypes<PropsOptions>] = props[prop];\n    }\n    return acc;\n  }, {} as ExtractPropTypes<PropsOptions>);\n}\n\nexport function bindClasses(\n  classes: string | string[] | Record<string, any> | undefined,\n) {\n  const boundClasses = {} as Record<string, boolean>;\n  if (typeof classes === 'string') {\n    boundClasses[classes] = true;\n  } else if (Array.isArray(classes)) {\n    (classes as string[]).reduce((acc, clas) => {\n      acc[clas] = true;\n      return acc;\n    }, boundClasses);\n  } else if (typeof classes === 'object') {\n    Object.keys(classes).reduce((acc, clas) => {\n      acc[clas] = !!classes[clas];\n      return acc;\n    }, boundClasses);\n  }\n  return boundClasses;\n}\n\nexport function getHtmlElement<N extends object | undefined>(\n  node: N,\n): Exclude<N, ComponentPublicInstance> | HTMLElement {\n  return node && hasOwnProperty(node, '$el')\n    ? ((node as ComponentPublicInstance).$el as HTMLElement)\n    : (node as HTMLElement);\n}\n\nexport function findChildrenWithProvide(\n  key: InjectionKey<any> | symbol,\n  vnode?: VNodeChild,\n): ComponentInternalInstance[] {\n  if (!vnode || typeof vnode !== 'object') {\n    return [];\n  }\n\n  if (Array.isArray(vnode)) {\n    return vnode.map((child) => findChildrenWithProvide(key, child)).flat(1);\n  } else if (Array.isArray(vnode.children)) {\n    return vnode.children\n      .map((child) => findChildrenWithProvide(key, child))\n      .flat(1);\n  } else if (vnode.component) {\n    if (\n      Object.getOwnPropertySymbols((vnode.component as any).provides).includes(\n        key as symbol,\n      )\n    ) {\n      return [vnode.component];\n    } else if (vnode.component.subTree) {\n      return findChildrenWithProvide(key, vnode.component.subTree).flat(1);\n    }\n  }\n\n  return [];\n}\n\nexport function propsFactory<PropsOptions extends ComponentObjectPropsOptions>(\n  props: PropsOptions,\n  source: string,\n) {\n  return <Defaults extends PartialKeys<PropsOptions> = {}>(\n    defaults?: Defaults,\n  ): OverwrittenPropOptions<PropsOptions, Defaults> => {\n    return Object.keys(props).reduce<any>((options, prop) => {\n      const option = props[prop];\n      const isObjectOption =\n        typeof option === 'object' && option != null && !Array.isArray(option);\n      const objectOption = isObjectOption ? option : { type: option };\n      if (defaults && prop in defaults) {\n        options[prop] = {\n          ...objectOption,\n          default: defaults[prop],\n        };\n      } else {\n        options[prop] = objectOption;\n      }\n\n      if (source && !options[prop].source) {\n        options[prop].source = source;\n      }\n      return options;\n    }, {} as PropsOptions);\n  };\n}\n\nexport function hasEventProp(props: Record<string, any>, type: string) {\n  const onType = `on${capitalize(type)}`;\n  return !!(\n    props[onType] ||\n    props[`${onType}Once`] ||\n    props[`${onType}Capture`] ||\n    props[`${onType}OnceCapture`] ||\n    props[`${onType}CaptureOnce`]\n  );\n}\n\ntype OverwrittenPropOptions<\n  T extends ComponentObjectPropsOptions,\n  D extends PartialKeys<T>,\n> = {\n  [P in keyof T]-?: unknown extends D[P]\n    ? T[P]\n    : T[P] extends Record<string, unknown>\n    ? Omit<T[P], 'type' | 'default'> & {\n        type: PropType<MergeDefault<T[P], D[P]>>;\n        default: MergeDefault<T[P], D[P]>;\n      }\n    : {\n        type: PropType<MergeDefault<T[P], D[P]>>;\n        default: MergeDefault<T[P], D[P]>;\n      };\n};\n\ntype MergeDefault<T, D> = unknown extends D\n  ? InferPropType<T>\n  : NonNullable<InferPropType<T>> | D;\n\ntype FollowPropType<T, P, D> = [T] extends [PropType<unknown>]\n  ? T\n  : PropType<MergeDefault<P, D>>;\n\ntype PartialKeys<T> = { [P in keyof T]?: unknown };\n\n// Copied from Vue\ntype InferPropType<T> = [T] extends [null]\n  ? any // null & true would fail to infer\n  : [T] extends [{ type: null | true }]\n  ? // As TS issue https://github.com/Microsoft/TypeScript/issues/14829\n    // somehow `ObjectConstructor` when inferred from { (): T } becomes `any`\n    // `BooleanConstructor` when inferred from PropConstructor(with PropMethod) becomes `Boolean`\n    any\n  : [T] extends [ObjectConstructor | { type: ObjectConstructor }]\n  ? Record<string, any>\n  : [T] extends [BooleanConstructor | { type: BooleanConstructor }]\n  ? boolean\n  : [T] extends [DateConstructor | { type: DateConstructor }]\n  ? Date\n  : [T] extends [(infer U)[] | { type: (infer U)[] }]\n  ? U extends DateConstructor\n    ? Date | InferPropType<U>\n    : InferPropType<U>\n  : [T] extends [Prop<infer V, infer D>]\n  ? unknown extends V\n    ? IfAny<V, V, D>\n    : V\n  : T;\n\nexport type EventProp<T extends any[] = any[], F = (...args: T) => any> =\n  | F\n  | F[];\n\nexport const EventPropOption = <T extends any[] = any[]>() =>\n  [Function, Array] as PropType<EventProp<T>>;\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuyeon",
-  "version": "0.0.25",
+  "version": "0.0.27",
   "keywords": [
     "UI Library",
     "Vue"
@@ -31,6 +31,14 @@
       "types": "./types/components/index.d.ts",
       "module": "./lib/components/index.mjs"
     },
+    "./composibles": {
+      "types": "./types/composibles/index.d.ts",
+      "module": "./lib/composibles/index.mjs"
+    },
+    "./util": {
+      "types": "./types/util/index.d.ts",
+      "module": "./lib/util/index.mjs"
+    },
     "./components/*": "./lib/components/*/index.mjs",
     "./types/*": "./types/*",
     "./*": "./*"
@@ -94,9 +102,11 @@
     "vite": "^4.3.8",
     "vite-plugin-dts": "^2.2.0",
     "vue": "^3.3.4",
+    "vue-router": "^4.2.5",
     "vue-tsc": "^1.2.0"
   },
   "peerDependencies": {
+    "motion": "^10.15.5",
     "vue": "^3.3.0",
     "vue-i18n": "^9.0.0"
   },

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

@@ -0,0 +1,18 @@
+import { PropType } from 'vue';
+/**
+ * #  Component
+ */
+export declare const YAlert: import("vue").DefineComponent<{
+    semantic: PropType<string>;
+    variation: PropType<string>;
+    color: PropType<string>;
+    textColor: PropType<string>;
+    outlineColor: PropType<string>;
+}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    semantic: PropType<string>;
+    variation: PropType<string>;
+    color: PropType<string>;
+    textColor: PropType<string>;
+    outlineColor: PropType<string>;
+}>>, {}, {}>;
+export type YAlert = InstanceType<typeof YAlert>;

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

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

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

@@ -3,29 +3,76 @@ import type { PropType } from 'vue';
  * Style
  */
 export declare const pressYButtonProps: <Defaults extends {
-    loading?: unknown;
+    value?: unknown;
     disabled?: unknown;
+    selectedClass?: unknown;
+    href?: unknown;
+    replace?: unknown;
+    to?: unknown;
+    exact?: unknown;
+    loading?: unknown;
+    active?: unknown;
+    injectSymbol?: unknown;
     variation?: unknown;
     small?: unknown;
     icon?: unknown;
     outlined?: unknown;
     rounded?: unknown;
     filled?: unknown;
-    text?: unknown;
     color?: unknown;
     noWave?: unknown;
 } = {}>(defaults?: Defaults | undefined) => {
+    value: unknown extends Defaults["value"] ? null : {
+        type: PropType<unknown extends Defaults["value"] ? any : any>;
+        default: unknown extends Defaults["value"] ? any : any;
+    };
+    disabled: unknown extends Defaults["disabled"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]>;
+        default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
+    };
+    selectedClass: unknown extends Defaults["selectedClass"] ? StringConstructor : {
+        type: PropType<unknown extends Defaults["selectedClass"] ? string : string | Defaults["selectedClass"]>;
+        default: unknown extends Defaults["selectedClass"] ? string : string | Defaults["selectedClass"];
+    };
+    href: unknown extends Defaults["href"] ? StringConstructor : {
+        type: PropType<unknown extends Defaults["href"] ? string : string | Defaults["href"]>;
+        default: unknown extends Defaults["href"] ? string : string | Defaults["href"];
+    };
+    replace: unknown extends Defaults["replace"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["replace"] ? boolean : boolean | Defaults["replace"]>;
+        default: unknown extends Defaults["replace"] ? boolean : boolean | Defaults["replace"];
+    };
+    to: unknown extends Defaults["to"] ? PropType<import("vue-router").RouteLocationRaw> : {
+        type: PropType<unknown extends Defaults["to"] ? import("vue-router").RouteLocationRaw : NonNullable<import("vue-router").RouteLocationRaw> | Defaults["to"]>;
+        default: unknown extends Defaults["to"] ? import("vue-router").RouteLocationRaw : NonNullable<import("vue-router").RouteLocationRaw> | Defaults["to"];
+    };
+    exact: unknown extends Defaults["exact"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["exact"] ? boolean : boolean | Defaults["exact"]>;
+        default: unknown extends Defaults["exact"] ? boolean : boolean | Defaults["exact"];
+    };
     loading: unknown extends Defaults["loading"] ? BooleanConstructor : {
-        type: PropType<unknown extends Defaults ? "loading" : "loading" | Defaults>;
+        type: PropType<unknown extends Defaults["loading"] ? boolean : boolean | Defaults["loading"]>;
         default: unknown extends Defaults["loading"] ? boolean : boolean | Defaults["loading"];
     };
-    disabled: unknown extends Defaults["disabled"] ? {
+    active: unknown extends Defaults["active"] ? {
         type: BooleanConstructor;
+        default: undefined;
     } : Omit<{
         type: BooleanConstructor;
+        default: undefined;
     }, "default" | "type"> & {
-        type: PropType<unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"]>;
-        default: unknown extends Defaults["disabled"] ? boolean : boolean | Defaults["disabled"];
+        type: PropType<unknown extends Defaults["active"] ? boolean : boolean | Defaults["active"]>;
+        default: unknown extends Defaults["active"] ? boolean : boolean | Defaults["active"];
+    };
+    injectSymbol: unknown extends Defaults["injectSymbol"] ? {
+        type: null;
+        default: import("vue").InjectionKey<import("../../composables/choice").ChoiceProvide>;
+    } : Omit<{
+        type: null;
+        default: import("vue").InjectionKey<import("../../composables/choice").ChoiceProvide>;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["injectSymbol"] ? any : any>;
+        default: unknown extends Defaults["injectSymbol"] ? any : any;
     };
     variation: unknown extends Defaults["variation"] ? {
         type: PropType<string>;
@@ -36,11 +83,11 @@ export declare const pressYButtonProps: <Defaults extends {
         default: unknown extends Defaults["variation"] ? string : string | Defaults["variation"];
     };
     small: unknown extends Defaults["small"] ? BooleanConstructor : {
-        type: PropType<unknown extends Defaults ? "small" : "small" | Defaults>;
+        type: PropType<unknown extends Defaults["small"] ? boolean : boolean | Defaults["small"]>;
         default: unknown extends Defaults["small"] ? boolean : boolean | Defaults["small"];
     };
     icon: unknown extends Defaults["icon"] ? BooleanConstructor : {
-        type: PropType<unknown extends Defaults ? "icon" : "icon" | Defaults>;
+        type: PropType<unknown extends Defaults["icon"] ? boolean : boolean | Defaults["icon"]>;
         default: unknown extends Defaults["icon"] ? boolean : boolean | Defaults["icon"];
     };
     outlined: unknown extends Defaults["outlined"] ? {
@@ -73,14 +120,6 @@ export declare const pressYButtonProps: <Defaults extends {
         type: PropType<unknown extends Defaults["filled"] ? boolean : boolean | Defaults["filled"]>;
         default: unknown extends Defaults["filled"] ? boolean : boolean | Defaults["filled"];
     };
-    text: unknown extends Defaults["text"] ? {
-        type: BooleanConstructor;
-    } : Omit<{
-        type: BooleanConstructor;
-    }, "default" | "type"> & {
-        type: PropType<unknown extends Defaults["text"] ? boolean : boolean | Defaults["text"]>;
-        default: unknown extends Defaults["text"] ? boolean : boolean | Defaults["text"];
-    };
     color: unknown extends Defaults["color"] ? {
         type: StringConstructor;
     } : Omit<{
@@ -101,9 +140,21 @@ export declare const pressYButtonProps: <Defaults extends {
     };
 };
 export declare const YButton: import("vue").DefineComponent<{
+    value: null;
+    disabled: BooleanConstructor;
+    selectedClass: StringConstructor;
+    href: StringConstructor;
+    replace: BooleanConstructor;
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    exact: BooleanConstructor;
     loading: BooleanConstructor;
-    disabled: {
+    active: {
         type: BooleanConstructor;
+        default: undefined;
+    };
+    injectSymbol: {
+        type: null;
+        default: import("vue").InjectionKey<import("../../composables/choice").ChoiceProvide>;
     };
     variation: {
         type: PropType<string>;
@@ -122,9 +173,6 @@ export declare const YButton: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    text: {
-        type: BooleanConstructor;
-    };
     color: {
         type: StringConstructor;
     };
@@ -132,24 +180,26 @@ export declare const YButton: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, unknown, unknown, {
-    variations(): any[];
-    classes(): {
-        [x: string]: string | boolean | undefined;
-    };
-    styles(): Record<string, any>;
-}, {
-    createContent(): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>;
-    getClasses(): {
-        [x: string]: string | boolean | undefined;
-    };
-    onClick(e: MouseEvent): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'choice:selected': (choice: {
+        value: boolean;
+    }) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: null;
+    disabled: BooleanConstructor;
+    selectedClass: StringConstructor;
+    href: StringConstructor;
+    replace: BooleanConstructor;
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    exact: BooleanConstructor;
     loading: BooleanConstructor;
-    disabled: {
+    active: {
         type: BooleanConstructor;
+        default: undefined;
+    };
+    injectSymbol: {
+        type: null;
+        default: import("vue").InjectionKey<import("../../composables/choice").ChoiceProvide>;
     };
     variation: {
         type: PropType<string>;
@@ -168,9 +218,6 @@ export declare const YButton: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    text: {
-        type: BooleanConstructor;
-    };
     color: {
         type: StringConstructor;
     };
@@ -178,15 +225,22 @@ export declare const YButton: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & {
+    "onChoice:selected"?: ((choice: {
+        value: boolean;
+    }) => any) | undefined;
+}, {
+    replace: boolean;
     small: boolean;
     loading: boolean;
-    disabled: boolean;
+    active: boolean;
+    injectSymbol: any;
     icon: boolean;
     outlined: boolean;
     rounded: boolean;
     filled: boolean;
-    text: boolean;
     noWave: boolean;
+    exact: boolean;
+    disabled: boolean;
 }, {}>;
 export type YButton = InstanceType<typeof YButton>;

package/types/components/checkbox/YInputCheckbox.d.ts

@@ -45,8 +45,8 @@ declare const _default: import("vue").DefineComponent<{
     disabled: PropType<boolean>;
     readonly: PropType<boolean>;
 }>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
 }, {
     color: string;