@byyuurin/ui 0.0.2 → 0.0.4

package/dist/runtime/theme/textarea.d.ts

@@ -0,0 +1,90 @@
+declare const _default: {
+    base: undefined;
+    slots: {
+        root: string;
+        base: string[];
+    };
+    variants: {
+        size: {
+            xs: {
+                root: string;
+            };
+            sm: {
+                root: string;
+            };
+            md: {
+                root: string;
+            };
+            lg: {
+                root: string;
+            };
+            xl: {
+                root: string;
+            };
+        };
+        variant: {
+            outline: {
+                root: string[];
+            };
+            soft: {
+                root: string[];
+            };
+            ghost: {
+                root: string[];
+            };
+            none: {
+                root: string;
+            };
+        };
+        underline: {
+            true: "";
+        };
+        highlight: {
+            true: {
+                base: string;
+            };
+        };
+    };
+    compoundVariants: ({
+        variant: ("soft" | "ghost" | "none")[];
+        highlight: false;
+        underline: true;
+        class: {
+            root: string;
+        };
+        size?: undefined;
+    } | {
+        size: ("xs" | "sm" | "md")[];
+        class: {
+            root: string;
+        };
+        variant?: undefined;
+        highlight?: undefined;
+        underline?: undefined;
+    } | {
+        size: ("lg" | "xl")[];
+        class: {
+            root: string;
+        };
+        variant?: undefined;
+        highlight?: undefined;
+        underline?: undefined;
+    } | {
+        variant: ("soft" | "ghost" | "none")[];
+        highlight: true;
+        class: {
+            root: string;
+        };
+        underline?: undefined;
+        size?: undefined;
+    } | {
+        variant: "outline"[];
+        highlight: true;
+        class: {
+            root: string;
+        };
+        underline?: undefined;
+        size?: undefined;
+    })[];
+};
+export default _default;

package/dist/runtime/theme/textarea.mjs

@@ -0,0 +1,100 @@
+import { ct } from "@byyuurin/ui-kit";
+export default ct({
+  slots: {
+    root: "rounded-ui-base transition-colors aria-disabled:opacity-50",
+    base: [
+      "w-full color-inherit bg-transparent border-0 resize-none placeholder:color-ui-cb/50",
+      "focus:outline-none",
+      "disabled:cursor-not-allowed"
+    ]
+  },
+  variants: {
+    size: {
+      xs: {
+        root: "text-xs"
+      },
+      sm: {
+        root: "text-sm"
+      },
+      md: {
+        root: "text-base"
+      },
+      lg: {
+        root: "text-lg"
+      },
+      xl: {
+        root: "text-xl"
+      }
+    },
+    variant: {
+      outline: {
+        root: [
+          "color-ui-cb/80 bg-ui-c1 ring ring-inset ring-ui-cb/50",
+          "focus-within:ring-2 focus-within:ring-ui-cb/50",
+          "aria-disabled:ring-ui-cb/80 hover:aria-disabled:ring-ui-cb/80"
+        ]
+      },
+      soft: {
+        root: [
+          "color-ui-cb/80 bg-ui-cb/4",
+          "hover:bg-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-ui-cb/8 focus-within:color-ui-cb/85",
+          "aria-disabled:color-ui-content/80 aria-disabled:bg-ui-fill/5 hover:aria-disabled:color-ui-content/80 hover:aria-disabled:bg-ui-fill/5"
+        ]
+      },
+      ghost: {
+        root: [
+          "color-ui-cb/80 bg-transparent",
+          "hover:bg-ui-cb/6 hover:color-ui-cb/80 focus-within:bg-ui-cb/8 focus-within:color-ui-cb/85",
+          "aria-disabled:color-ui-fill/80 aria-disabled:bg-transparent hover:aria-disabled:color-ui-fill/80 hover:aria-disabled:bg-transparent"
+        ]
+      },
+      none: {
+        root: "color-ui-cb bg-transparent"
+      }
+    },
+    underline: {
+      true: ""
+    },
+    highlight: {
+      true: {
+        base: ""
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      variant: ["soft", "ghost", "none"],
+      highlight: false,
+      underline: true,
+      class: {
+        root: "relative after:content-empty after:absolute after:inset-x-0 after:bottom-0 after:h-1px after:bg-ui-cb/40"
+      }
+    },
+    {
+      size: ["xs", "sm", "md"],
+      class: {
+        root: "p-1.5 px-2.5"
+      }
+    },
+    {
+      size: ["lg", "xl"],
+      class: {
+        root: "p-2.5 px-3.5"
+      }
+    },
+    {
+      variant: ["soft", "ghost", "none"],
+      highlight: true,
+      class: {
+        root: "ring ring-inset ring-ui-fill/80"
+      }
+    },
+    {
+      variant: ["outline"],
+      highlight: true,
+      class: {
+        root: "ring-2 ring-ui-fill/80 focus-within:ring-ui-fill/80"
+      }
+    }
+  ]
+});

package/dist/{theme → runtime/theme}/toast.mjs

@@ -9,7 +9,7 @@ export default ct({
     avatar: "shrink-0",
     avatarSize: "2xl",
     actions: "flex flex-wrap gap-1.5 shrink-0",
-    progress: "absolute inset-x-0 bottom-0 h-1 z-[-1] color-ui-base/80 bg-current",
+    progress: "absolute inset-x-[var(--ui-radius-box)] bottom-0 h-1 z-[-1] color-ui-base/80 bg-current rounded-ui-base",
     close: "p-0.5"
   },
   variants: {

package/dist/{types → runtime/types}/components.d.ts

@@ -10,9 +10,11 @@ export type * from '../components/Link.vue';
 export type * from '../components/Modal.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/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/{types → runtime/types}/index.d.ts

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

package/dist/{utils → runtime/utils}/index.d.ts

@@ -1,15 +1,6 @@
-import type { InjectionKey } from 'vue';
-export * from './unocss';
-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 * from './extend-theme';
+export * from './link';
+export * from './styler';
 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/{utils → runtime/utils}/index.mjs

@@ -1,16 +1,7 @@
 import { isEqual } from "ohash";
-import { inject as vueInject, provide as vueProvide } from "vue";
-export * from "./unocss.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 * from "./extend-theme.mjs";
+export * from "./link.mjs";
+export * from "./styler.mjs";
 export function pick(data, keys) {
   const result = {};
   for (const key of keys)

package/dist/{internal → runtime/utils}/styler.d.ts

@@ -1,5 +1,4 @@
 import type { ClassValue, CRRule, CVCompoundVariants, CVMeta, CVSlots, CVVariants } from '@byyuurin/ui-kit';
-export declare function createMergeRules(): CRRule[];
 export declare function prepareStyler(rules?: CRRule[]): {
     createStyler: <V extends CVVariants<S, B>, CV extends CVCompoundVariants<V, S, B>, B extends ClassValue = undefined, S extends CVSlots = undefined>(theme: CVMeta<V, CV, never, B, S>) => [keyof V] extends string[] ? (props: Required<import("@byyuurin/ui-kit/index").VariantProps<import("@byyuurin/ui-kit/index").CVReturnType<V, S, B>>> & import("../types").StylerBaseProps) => S extends undefined ? string : { [K in keyof S | (B extends undefined ? never : "base")]: import("@byyuurin/ui-kit/index").CVHandler<V, S, string>; } : (props?: import("../types").StylerBaseProps) => S extends undefined ? string : { [K in keyof S | (B extends undefined ? never : "base")]: import("@byyuurin/ui-kit/index").CVHandler<V, S, string>; };
 };

package/dist/runtime/utils/styler.mjs

@@ -0,0 +1,10 @@
+import { cv } from "@byyuurin/ui-kit";
+export function prepareStyler(rules = []) {
+  const createVariants = cv(rules);
+  function createStyler(theme) {
+    const ui = createVariants(theme);
+    const styler = (props) => ui(props);
+    return styler;
+  }
+  return { createStyler };
+}

package/dist/{internal/constants.mjs → shared/ui.Cmq14xN9.mjs}

@@ -1,5 +1,5 @@
-export const packageName = "@byyuurin/ui";
-export const componentNames = [
+const packageName = "@byyuurin/ui";
+const componentNames = [
   "Accordion",
   "App",
   "Button",
@@ -12,10 +12,14 @@ export const componentNames = [
   "ModalProvider",
   "Popover",
   "RadioGroup",
+  "ScrollArea",
   "Select",
   "Switch",
   "Tabs",
+  "Textarea",
   "Toast",
   "Toaster",
   "Tooltip"
 ];
+
+export { componentNames as c, packageName as p };

package/dist/unocss-preset.d.mts

@@ -0,0 +1,57 @@
+import * as unocss from 'unocss';
+import { CRRule } from '@byyuurin/ui-kit';
+import { UserConfig, Rule } from '@unocss/core';
+import { Theme } from '@unocss/preset-mini';
+
+declare const cssVarsPrefix = "ui";
+declare const cssVarsBase: string[];
+declare const cssVarsDynamic: string[];
+declare const cssVarsAll: string[];
+
+interface PresetOptions {
+    /** @default "0rem" */
+    radius?: string;
+    /** @default "[radius]" */
+    radiusBox?: string;
+    /** @default "[radius]" */
+    radiusButton?: string;
+    /** @default "[radius]" */
+    radiusCheckbox?: string;
+    /** @default "[radius]" */
+    radiusRadio?: string;
+    /** @default "[radius]" */
+    radiusSwitch?: string;
+    /** @default "[radius]" */
+    radiusTabs?: string;
+    /**
+     * Base content color
+     * @default "#1f2937"
+     */
+    cb?: string;
+    /**
+     * Base color 1
+     * @default "#ffffff"
+     */
+    c1?: string;
+    /**
+     * Base color 2
+     * @default "#f2f2f2"
+     */
+    c2?: string;
+    /**
+     * Base color 3
+     * @default "#e5e6e6"
+     */
+    c3?: string;
+}
+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, cssColor, cssVar, cssVarsAll, cssVarsBase, cssVarsDynamic, cssVarsPrefix, preset as default, preset, rules, theme, transformUnoRules };

package/dist/unocss-preset.d.ts

@@ -1,11 +1,26 @@
-import type { Theme } from '@unocss/preset-mini';
-export interface PresetOptions {
+import * as unocss from 'unocss';
+import { CRRule } from '@byyuurin/ui-kit';
+import { UserConfig, Rule } from '@unocss/core';
+import { Theme } from '@unocss/preset-mini';
+
+declare const cssVarsPrefix = "ui";
+declare const cssVarsBase: string[];
+declare const cssVarsDynamic: string[];
+declare const cssVarsAll: string[];
+
+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;
     /**
@@ -29,9 +44,14 @@ export interface PresetOptions {
      */
     c3?: string;
 }
-export declare const cssVarsPrefix = "ui";
-export declare const cssVarsBase: string[];
-export declare const cssVarsDynamic: string[];
-export declare const cssVarsAll: string[];
-declare const _default: import("@unocss/core").PresetFactory<Theme, PresetOptions>;
-export default _default;
+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, cssColor, cssVar, cssVarsAll, cssVarsBase, cssVarsDynamic, cssVarsPrefix, preset as default, preset, rules, theme, transformUnoRules };