@byyuurin/ui 0.0.3 → 0.0.5

package/dist/runtime/theme/toaster.mjs

@@ -1,89 +1,92 @@
 import { ct } from "@byyuurin/ui-kit";
-export default ct({
-  slots: {
-    viewport: [
-      "fixed flex flex-col w-[calc(100%-2rem)] sm:w-96 z-[100] focus:outline-none",
-      "data-[expanded=true]:h-[var(--height)]"
-    ],
-    base: [
-      "pointer-events-auto absolute inset-x-0 z-[var(--index)] [transform:var(--transform)] transition-all duration-200 ease-out",
-      "[&[data-expanded=false][data-front=false]]:h-[var(--front-height)]",
-      "[&[data-expanded=false][data-front=false]>*]:invisible",
-      "data-[state=closed]:animate-[toast-closed_200ms_ease-in-out]",
-      "[&[data-state=closed][data-expanded=false][data-front=false]]:animate-[toast-collapsed-closed_200ms_ease-in-out]",
-      "data-[swipe=move]:transition-none"
-    ]
-  },
-  variants: {
-    position: {
-      "top-left": {
-        viewport: "left-4"
-      },
-      "top-center": {
-        viewport: "left-1/2 -translate-x-1/2"
-      },
-      "top-right": {
-        viewport: "right-4"
-      },
-      "bottom-left": {
-        viewport: "left-4"
-      },
-      "bottom-center": {
-        viewport: "left-1/2 -translate-x-1/2"
+export default ct(
+  /* @unocss-include */
+  {
+    slots: {
+      viewport: [
+        "fixed flex flex-col w-[calc(100%-2rem)] sm:w-96 z-[100] focus:outline-none",
+        "data-[expanded=true]:h-[var(--height)]"
+      ],
+      base: [
+        "pointer-events-auto absolute inset-x-0 z-[var(--index)] [transform:var(--transform)] transition-all duration-200 ease-out",
+        "[&[data-expanded=false][data-front=false]]:h-[var(--front-height)]",
+        "[&[data-expanded=false][data-front=false]>*]:invisible",
+        "data-[state=closed]:animate-[toast-closed_200ms_ease-in-out]",
+        "[&[data-state=closed][data-expanded=false][data-front=false]]:animate-[toast-collapsed-closed_200ms_ease-in-out]",
+        "data-[swipe=move]:transition-none"
+      ]
+    },
+    variants: {
+      position: {
+        "top-left": {
+          viewport: "left-4"
+        },
+        "top-center": {
+          viewport: "left-1/2 -translate-x-1/2"
+        },
+        "top-right": {
+          viewport: "right-4"
+        },
+        "bottom-left": {
+          viewport: "left-4"
+        },
+        "bottom-center": {
+          viewport: "left-1/2 -translate-x-1/2"
+        },
+        "bottom-right": {
+          viewport: "right-4"
+        }
       },
-      "bottom-right": {
-        viewport: "right-4"
+      swipeDirection: {
+        up: {
+          base: "data-[swipe=end]:animate-[toast-slide-up_200ms_ease-out]"
+        },
+        right: {
+          base: "data-[swipe=end]:animate-[toast-slide-right_200ms_ease-out]"
+        },
+        down: {
+          base: "data-[swipe=end]:animate-[toast-slide-down_200ms_ease-out]"
+        },
+        left: {
+          base: "data-[swipe=end]:animate-[toast-slide-left_200ms_ease-out]"
+        }
       }
     },
-    swipeDirection: {
-      up: {
-        base: "data-[swipe=end]:animate-[toast-slide-up_200ms_ease-out]"
+    compoundVariants: [
+      {
+        position: ["top-left", "top-center", "top-right"],
+        class: {
+          viewport: "top-4",
+          base: "top-0 data-[state=open]:animate-[slide-in-from-top_200ms_ease-in-out]"
+        }
       },
-      right: {
-        base: "data-[swipe=end]:animate-[toast-slide-right_200ms_ease-out]"
+      {
+        position: ["bottom-left", "bottom-center", "bottom-right"],
+        class: {
+          viewport: "bottom-4",
+          base: "bottom-0 data-[state=open]:animate-[slide-in-from-bottom_200ms_ease-in-out]"
+        }
       },
-      down: {
-        base: "data-[swipe=end]:animate-[toast-slide-down_200ms_ease-out]"
+      {
+        swipeDirection: ["left", "right"],
+        class: {
+          base: [
+            "data-[swipe=move]:translate-x-[var(--reka-toast-swipe-move-x)]",
+            "data-[swipe=end]:translate-x-[var(--reka-toast-swipe-end-x)]",
+            "data-[swipe=cancel]:translate-x-0"
+          ]
+        }
       },
-      left: {
-        base: "data-[swipe=end]:animate-[toast-slide-left_200ms_ease-out]"
-      }
-    }
-  },
-  compoundVariants: [
-    {
-      position: ["top-left", "top-center", "top-right"],
-      class: {
-        viewport: "top-4",
-        base: "top-0 data-[state=open]:animate-[slide-in-from-top_200ms_ease-in-out]"
+      {
+        swipeDirection: ["up", "down"],
+        class: {
+          base: [
+            "data-[swipe=move]:translate-y-[var(--reka-toast-swipe-move-y)]",
+            "data-[swipe=end]:translate-y-[var(--reka-toast-swipe-end-y)]",
+            "data-[swipe=cancel]:translate-y-0"
+          ]
+        }
       }
-    },
-    {
-      position: ["bottom-left", "bottom-center", "bottom-right"],
-      class: {
-        viewport: "bottom-4",
-        base: "bottom-0 data-[state=open]:animate-[slide-in-from-bottom_200ms_ease-in-out]"
-      }
-    },
-    {
-      swipeDirection: ["left", "right"],
-      class: {
-        base: [
-          "data-[swipe=move]:translate-x-[var(--reka-toast-swipe-move-x)]",
-          "data-[swipe=end]:translate-x-[var(--reka-toast-swipe-end-x)]",
-          "data-[swipe=cancel]:translate-x-0"
-        ]
-      }
-    },
-    {
-      swipeDirection: ["up", "down"],
-      class: {
-        base: [
-          "data-[swipe=move]:translate-y-[var(--reka-toast-swipe-move-y)]",
-          "data-[swipe=end]:translate-y-[var(--reka-toast-swipe-end-y)]",
-          "data-[swipe=cancel]:translate-y-0"
-        ]
-      }
-    }
-  ]
-});
+    ]
+  }
+);

package/dist/runtime/theme/tooltip.mjs

@@ -1,8 +1,11 @@
 import { ct } from "@byyuurin/ui-kit";
-export default ct({
-  slots: {
-    content: "flex items-center gap-1 bg-ui-c1 color-ui-base shadow-sm rounded-ui-base ring ring-ui-base/10 h-6 px-2 py-1 text-xs select-none data-[state=delayed-open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
-    arrow: "fill-ui-c1 stroke-ui-cb/10",
-    text: "truncate"
+export default ct(
+  /* @unocss-include */
+  {
+    slots: {
+      content: "flex items-center gap-1 bg-ui-c1 color-ui-base shadow-sm rounded-ui-base ring ring-ui-base/10 h-6 px-2 py-1 text-xs select-none data-[state=delayed-open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
+      arrow: "fill-ui-c1 stroke-ui-cb/10",
+      text: "truncate"
+    }
   }
-});
+);

package/dist/runtime/types/components.d.ts

@@ -1,18 +1,25 @@
 export type * from '../components/Accordion.vue';
+export type * from '../components/Alert.vue';
 export type * from '../components/App.vue';
 export type * from '../components/App.vue';
+export type * from '../components/Badge.vue';
 export type * from '../components/Button.vue';
 export type * from '../components/Card.vue';
 export type * from '../components/Checkbox.vue';
+export type * from '../components/Chip.vue';
 export type * from '../components/Drawer.vue';
 export type * from '../components/Input.vue';
 export type * from '../components/Link.vue';
 export type * from '../components/Modal.vue';
+export type * from '../components/PinInput.vue';
 export type * from '../components/Popover.vue';
 export type * from '../components/RadioGroup.vue';
+export type * from '../components/ScrollArea.vue';
 export type * from '../components/Select.vue';
+export type * from '../components/Slider.vue';
 export type * from '../components/Switch.vue';
 export type * from '../components/Tabs.vue';
+export type * from '../components/Textarea.vue';
 export type * from '../components/Toast.vue';
 export type * from '../components/Toaster.vue';
 export type * from '../components/Tooltip.vue';

package/dist/runtime/types/index.d.ts

@@ -1,7 +1,5 @@
-import type * as _components from '../components';
 import type * as theme from '../theme';
-import type { PartialTheme } from '.';
+import type { PartialTheme } from './utils';
 export * from './components';
 export * from './utils';
 export type ThemeExtension = PartialTheme<typeof theme>;
-export type ComponentName = keyof typeof _components;

package/dist/runtime/utils/extend-theme.mjs

@@ -1,6 +1,6 @@
 import { createDefu } from "defu";
 export const extendTheme = createDefu((obj, key, value) => {
-  if (key === "global") {
+  if (key === "app") {
     obj[key] = { ...obj[key], ...value };
     return true;
   }

package/dist/runtime/utils/index.d.ts

@@ -1,17 +1,6 @@
-import type { InjectionKey } from 'vue';
 export * from './extend-theme';
 export * from './link';
 export * from './styler';
-export declare function createInjection<T>(name: string): {
-    injectionKey: InjectionKey<T>;
-    provide: (value: T) => void;
-    inject: () => T | undefined;
-};
-export declare function createInjection<T>(name: string, defaultValue: T): {
-    injectionKey: InjectionKey<T>;
-    provide: (value: T) => void;
-    inject: () => T;
-};
 export declare function pick<Data extends object, Keys extends keyof Data>(data: Data, keys: Keys[]): Pick<Data, Keys>;
 export declare function omit<Data extends object, Keys extends keyof Data>(data: Data, keys: Keys[]): Omit<Data, Keys>;
 export declare function get(object: Record<string, any> | undefined, path: (string | number)[] | string, defaultValue?: any): any;

package/dist/runtime/utils/index.mjs

@@ -1,18 +1,7 @@
 import { isEqual } from "ohash";
-import { inject as vueInject, provide as vueProvide } from "vue";
 export * from "./extend-theme.mjs";
 export * from "./link.mjs";
 export * from "./styler.mjs";
-export function createInjection(name, defaultValue) {
-  const injectionKey = Symbol(name);
-  const provide = (value) => vueProvide(injectionKey, value);
-  const inject = () => vueInject(injectionKey, defaultValue);
-  return {
-    injectionKey,
-    provide,
-    inject
-  };
-}
 export function pick(data, keys) {
   const result = {};
   for (const key of keys)

package/dist/runtime/utils/link.d.ts

@@ -1,8 +1,8 @@
 import type { LinkProps } from '../types';
 export declare function pickLinkProps(props: LinkProps & Partial<Pick<HTMLAnchorElement, 'ariaLabel' | 'title'>>): {
     disabled: any;
-    active: any;
     title: any;
+    active: any;
     type: any;
     ariaLabel: any;
     rel: any;

package/dist/shared/ui.CzDyI29e.mjs

@@ -0,0 +1,8 @@
+import { fileURLToPath } from 'node:url';
+import { normalize } from 'pathe';
+
+const packageName = "@byyuurin/ui";
+const runtimeDir = normalize(fileURLToPath(new URL("../runtime", import.meta.url)));
+
+export { packageName as p, runtimeDir as r };
+//# sourceMappingURL=ui.CzDyI29e.mjs.map

package/dist/shared/ui.CzDyI29e.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.CzDyI29e.mjs","sources":["../../src/internal/shared.ts"],"sourcesContent":["import { fileURLToPath } from 'node:url'\r\nimport { normalize } from 'pathe'\r\n\r\nexport const packageName = '@byyuurin/ui'\r\n\r\nexport const runtimeDir = normalize(fileURLToPath(new URL('../runtime', import.meta.url)))\r\n"],"names":[],"mappings":";;;AAGO,MAAM,WAAc,GAAA;AAEd,MAAA,UAAA,GAAa,UAAU,aAAc,CAAA,IAAI,IAAI,YAAc,EAAA,MAAA,CAAA,IAAA,CAAY,GAAG,CAAC,CAAC;;;;"}

package/dist/unocss-preset.d.mts

@@ -1,6 +1,6 @@
+import * as unocss from 'unocss';
 import { CRRule } from '@byyuurin/ui-kit';
-import * as _unocss_core from '@unocss/core';
-import * as _unocss_preset_mini from '@unocss/preset-mini';
+import { UserConfig, Rule } from '@unocss/core';
 import { Theme } from '@unocss/preset-mini';
 
 declare const cssVarsPrefix = "ui";
@@ -8,15 +8,19 @@ declare const cssVarsBase: string[];
 declare const cssVarsDynamic: string[];
 declare const cssVarsAll: string[];
 
-declare function createMergeRules(): CRRule[];
-
 interface PresetOptions {
     /** @default "0rem" */
     radius?: string;
     /** @default "[radius]" */
+    radiusBox?: string;
+    /** @default "[radius]" */
     radiusButton?: string;
     /** @default "[radius]" */
-    radiusBox?: string;
+    radiusCheckbox?: string;
+    /** @default "[radius]" */
+    radiusRadio?: string;
+    /** @default "[radius]" */
+    radiusSwitch?: string;
     /** @default "[radius]" */
     radiusTabs?: string;
     /**
@@ -40,10 +44,14 @@ interface PresetOptions {
      */
     c3?: string;
 }
-declare const preset: _unocss_core.PresetFactory<_unocss_preset_mini.Theme, PresetOptions>;
+declare const preset: unocss.PresetFactory<object, PresetOptions>;
+
+declare function transformUnoRules(userConfig?: UserConfig): CRRule[];
+
+declare const rules: Rule[];
 
 declare const theme: Theme;
 declare function cssVar(name: string, ...defaultValue: string[]): string;
 declare function cssColor(...rgb: (string | number)[]): string;
 
-export { type PresetOptions, createMergeRules, cssColor, cssVar, cssVarsAll, cssVarsBase, cssVarsDynamic, cssVarsPrefix, preset as default, preset, theme };
+export { type PresetOptions, cssColor, cssVar, cssVarsAll, cssVarsBase, cssVarsDynamic, cssVarsPrefix, preset as default, preset, rules, theme, transformUnoRules };

package/dist/unocss-preset.d.ts

@@ -1,6 +1,6 @@
+import * as unocss from 'unocss';
 import { CRRule } from '@byyuurin/ui-kit';
-import * as _unocss_core from '@unocss/core';
-import * as _unocss_preset_mini from '@unocss/preset-mini';
+import { UserConfig, Rule } from '@unocss/core';
 import { Theme } from '@unocss/preset-mini';
 
 declare const cssVarsPrefix = "ui";
@@ -8,15 +8,19 @@ declare const cssVarsBase: string[];
 declare const cssVarsDynamic: string[];
 declare const cssVarsAll: string[];
 
-declare function createMergeRules(): CRRule[];
-
 interface PresetOptions {
     /** @default "0rem" */
     radius?: string;
     /** @default "[radius]" */
+    radiusBox?: string;
+    /** @default "[radius]" */
     radiusButton?: string;
     /** @default "[radius]" */
-    radiusBox?: string;
+    radiusCheckbox?: string;
+    /** @default "[radius]" */
+    radiusRadio?: string;
+    /** @default "[radius]" */
+    radiusSwitch?: string;
     /** @default "[radius]" */
     radiusTabs?: string;
     /**
@@ -40,10 +44,14 @@ interface PresetOptions {
      */
     c3?: string;
 }
-declare const preset: _unocss_core.PresetFactory<_unocss_preset_mini.Theme, PresetOptions>;
+declare const preset: unocss.PresetFactory<object, PresetOptions>;
+
+declare function transformUnoRules(userConfig?: UserConfig): CRRule[];
+
+declare const rules: Rule[];
 
 declare const theme: Theme;
 declare function cssVar(name: string, ...defaultValue: string[]): string;
 declare function cssColor(...rgb: (string | number)[]): string;
 
-export { type PresetOptions, createMergeRules, cssColor, cssVar, cssVarsAll, cssVarsBase, cssVarsDynamic, cssVarsPrefix, preset as default, preset, theme };
+export { type PresetOptions, cssColor, cssVar, cssVarsAll, cssVarsBase, cssVarsDynamic, cssVarsPrefix, preset as default, preset, rules, theme, transformUnoRules };