@byyuurin/ui 0.0.0

package/dist/internal/extend-theme.mjs

@@ -0,0 +1,16 @@
+import { createDefu } from "defu";
+export const extendTheme = createDefu((obj, key, value) => {
+  if (key === "global") {
+    obj[key] = { ...obj[key], ...value };
+    return true;
+  }
+  if (typeof obj[key] === "string" && typeof value === "string") {
+    if (value.trim())
+      obj[key] += ` ${value}`;
+    return true;
+  }
+  if (Array.isArray(obj[key]) && typeof value === "string") {
+    obj[key].push(value);
+    return true;
+  }
+});

package/dist/internal/extend-theme.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/internal/extend-theme.test.mjs

@@ -0,0 +1,45 @@
+import { describe, expect, it } from "vitest";
+import { link } from "../theme/index.mjs";
+import { extendTheme } from "./extend-theme.mjs";
+describe("check defu result", () => {
+  it("should merge", () => {
+    const ui = {
+      base: "el-link",
+      variants: {
+        active: {
+          true: "el-link--active",
+          false: " "
+        }
+      }
+    };
+    const result = extendTheme(ui, link);
+    expect(result).toMatchInlineSnapshot(`
+      {
+        "base": "border-y border-t-transparent focus-visible:outline-ui-cb el-link",
+        "compoundVariants": undefined,
+        "slots": undefined,
+        "variants": {
+          "active": {
+            "false": [
+              "color-ui-cb hover:color-ui-cb/80 transition-colors",
+              "disabled:hover:color-ui-cb aria-disabled:hover:color-ui-cb",
+              " ",
+            ],
+            "true": [
+              "color-ui-fill",
+              "disabled:color-ui-fill aria-disabled:color-ui-fill",
+              "el-link--active",
+            ],
+          },
+          "disabled": {
+            "true": "cursor-not-allowed opacity-50",
+          },
+          "underline": {
+            "false": "border-transparent",
+            "true": "border-current",
+          },
+        },
+      }
+    `);
+  });
+});

package/dist/internal/index.d.ts

@@ -0,0 +1,4 @@
+export * from './constants';
+export * from './extend-theme';
+export * from './link';
+export * from './styler';

package/dist/internal/index.mjs

@@ -0,0 +1,4 @@
+export * from "./constants.mjs";
+export * from "./extend-theme.mjs";
+export * from "./link.mjs";
+export * from "./styler.mjs";

package/dist/internal/link.d.ts

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

package/dist/internal/link.mjs

@@ -0,0 +1,4 @@
+import { reactivePick } from "@vueuse/core";
+export function pickLinkProps(props) {
+  return reactivePick(props, "ui", "active", "ariaLabel", "as", "disabled", "href", "rel", "noRel", "type", "target", "title", "onClick");
+}

package/dist/internal/styler.d.ts

@@ -0,0 +1,5 @@
+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/internal/styler.mjs

@@ -0,0 +1,236 @@
+import { cv } from "@byyuurin/ui-kit";
+import { mergeConfigs, toArray } from "@unocss/core";
+import { h, isCSSMathFn, parseColor, splitShorthand } from "@unocss/preset-mini/utils";
+import { presetUno } from "@unocss/preset-uno";
+import presetUI, { cssVarsAll, cssVarsPrefix } from "../unocss-preset.mjs";
+const theme = mergeConfigs([
+  presetUno(),
+  presetUI()
+]).theme;
+export function createMergeRules() {
+  const GlobalKeywordsRE = /^inherit|initial|revert|revert-layer|unset$/;
+  return [
+    // _rules/align
+    [/^(?:vertical|align|v)-([-\w]+%?)$/, ([type]) => {
+      const valid = [
+        GlobalKeywordsRE,
+        /^(mid(?:dle)?|base(?:line)?|btm|bottom|top|start|bottom|end|text-(?:top|bottom)|sub|super)$/
+      ].some((r) => r.test(type));
+      return valid ? "vertical-align" : null;
+    }],
+    [/^text-?(?:align-?)?(.+)$/, ([type]) => {
+      const valid = [
+        GlobalKeywordsRE,
+        /^center|left|right|justify|start|end$/
+      ].some((r) => r.test(type));
+      return valid ? "text-align" : null;
+    }],
+    // _rules/behaviors
+    // _rules/border
+    [/^(?:border-|b-)(.+)$/, ([type]) => {
+      let result = "border";
+      [
+        /^([xyrltbse]|block|inline|[bi][se])(?:-(.+))?$/
+      ].some((r) => {
+        const matched = type.match(r);
+        if (matched) {
+          const [_, type2, color = ""] = matched;
+          const parsed2 = parseColor(color, theme);
+          result = parsed2?.color ? `border-${type2}-color` : `border-${type2}`;
+          return true;
+        }
+        return false;
+      });
+      const parsed = parseColor(type, theme);
+      return parsed?.color ? "border-color" : result;
+    }],
+    [/^(?:border-|b-)?(?:rounded|rd)(.+)$/, ([type]) => {
+      let result = "border-radius";
+      [
+        /^([xyrltbse]|block|inline|[bi][se])(?:-(.+))?$/
+      ].some((r) => {
+        const matched = type.match(r);
+        if (matched) {
+          result = `border-radius-${matched[1]}`;
+          return true;
+        }
+        return false;
+      });
+      return result;
+    }],
+    // _rules/color
+    [/^op(?:acity)?-?(.+)$/, () => `opacity`],
+    [/^bg-(.+)$/, ([type]) => {
+      if (/^\[url\(.+\)\]$/.test(type))
+        return "image";
+      if (/^\[image:.+\]$/.test(type))
+        return "image";
+      if (/^\[(?:linear|conic|radial)-gradient\(.+\)\]$/.test(type))
+        return "image";
+      if (/^\[(?:length|size):.+\]$/.test(type))
+        return "size";
+      if (/^\[position:.+\]$/.test(type))
+        return "position";
+      if (/^op(?:acity)?-?(.+)$/.test(type))
+        return "opacity";
+      const parsed = parseColor(type, theme);
+      return parsed?.color ? "color" : null;
+    }, { scope: "bg" }],
+    // _rules/container
+    [/^@container(?:\/(\w+))?(?:-(normal))?$/, () => "container"],
+    // _rules/decoration
+    // _rules/default
+    // _rules/flex
+    // [/^$/, () => ''],
+    // _rules/gap
+    [
+      /^(?:flex-|grid-)?(?:gap-?()|gap-([xy]-?|col-?|row-?))(.+)$/,
+      ([direction]) => {
+        if (direction === "y" || direction === "row")
+          return "gap-row";
+        if (direction === "x" || direction === "col")
+          return "gap-column";
+        return "gap";
+      }
+    ],
+    // _rules/grid
+    // _rules/layout
+    // _rules/position
+    [/^(?:position-|pos-)?(relative|absolute|fixed|sticky)$/, () => "position"],
+    [/^(?:position-|pos-)([-\w]+)$/, ([type]) => GlobalKeywordsRE.test(type) ? "position" : null],
+    [/^(?:position-|pos-)?(static)$/, () => "position"],
+    // _rules/question-mark
+    // _rules/ring
+    // _rules/shadow
+    // _rules/size
+    // _rules/spacing
+    [/^p-?([xy])(?:-?(.+))?$/, ([type]) => `padding-${type}`],
+    [/^p-?([rltbse])(?:-?(.+))?$/, ([type]) => `padding-${type}`],
+    [/^p-(block|inline)(?:-(.+))?$/, ([type]) => `padding-${type}`],
+    [/^p-?([bi][se])(?:-?(.+))?$/, ([type]) => `padding-${type}`],
+    // [/^pa?()-?(.+)$/, () => 'padding'],
+    // [/^p-?xy()()$/, () => 'padding'],
+    [/^m-?([xy])(?:-?(.+))?$/, ([type]) => `margin-${type}`],
+    [/^m-?([rltbse])(?:-?(.+))?$/, ([type]) => `margin-${type}`],
+    [/^m-(block|inline)(?:-(.+))?$/, ([type]) => `margin-${type}`],
+    [/^m-?([bi][se])(?:-?(.+))?$/, ([type]) => `margin-${type}`],
+    // [/^ma?()-?(.+)$/, () => 'margin'],
+    // [/^m-?xy()()$/, () => 'margin'],
+    // _rules/static
+    [
+      /^(?:display-(.+)|inline|block|inline-block|contents|flow-root|list-item|hidden)$/,
+      ([type]) => {
+        if (!type || GlobalKeywordsRE.test(type))
+          return "display";
+        return null;
+      }
+    ],
+    [
+      /^(?:visible|invisible|backface-(.+))$/,
+      ([type]) => {
+        if (!type || GlobalKeywordsRE.test(type) || /^(?:visible|hidden)$/.test(type))
+          return "visibility";
+        return null;
+      }
+    ],
+    [/^content-(.+)$/, () => "content"],
+    // _rules/svg
+    // _rules/transform
+    [
+      /^(?:transform-)?(origin|perspect(?:ive)?(?:-origin)?|(?:translate|rotate|skew|scale)(?:-[xyz])?)-(.+)$/,
+      ([type]) => type
+    ],
+    [
+      /^(?:transform-)?preserve-(?:3d|flat)$/,
+      () => "preserve"
+    ],
+    [
+      /^(?:transform)(?:-(.+))?$/,
+      ([type]) => {
+        if (!type || type === "none" || GlobalKeywordsRE.test(type))
+          return "transform";
+        return null;
+      }
+    ],
+    // _rules/transition
+    [/^(?:transition-)?(?:(duration|delay|ease|property)-)(.+)$/, ([type]) => type],
+    [/^transition(?:-(.+))$/, ([type]) => {
+      if (!type || type === "none" || GlobalKeywordsRE.test(type))
+        return "transition";
+      if (/^discrete|normal$/.test(type))
+        return "transition-behavior";
+      return null;
+    }],
+    // _rules/typography
+    [
+      /^text-(.+)$/,
+      ([s = "base"]) => {
+        const returnValue = "font-size";
+        const split = splitShorthand(s, "length");
+        if (!split)
+          return null;
+        const [size] = split;
+        const sizePairs = toArray(theme.fontSize?.[size]);
+        if (sizePairs?.[0])
+          return returnValue;
+        const fontSize = h.bracketOfLength.rem(size);
+        if (fontSize)
+          return returnValue;
+        return h.bracketOfLength.rem(s) ? returnValue : null;
+      }
+    ],
+    [
+      /^(?:text|font)-size-(.+)$/,
+      ([s]) => {
+        const themed = toArray(theme.fontSize?.[s]);
+        const size = themed?.[0] ?? h.bracket.cssvar.global.rem(s);
+        return size == null ? null : "font-size";
+      }
+    ],
+    [
+      /^text-(?:color-)?(.+)$/,
+      ([colorOrSize]) => {
+        if (isCSSMathFn(h.bracket(colorOrSize)))
+          return "font-size";
+        const parsed = parseColor(colorOrSize, theme);
+        return parsed?.color ? "color" : null;
+      }
+    ],
+    [
+      /^(?:color|c)-(.+)$/,
+      ([color]) => {
+        const parsed = parseColor(color, theme);
+        return parsed?.color ? "color" : null;
+      }
+    ],
+    // _rules/variables
+    [
+      /^\[(.*)\]$/,
+      ([body]) => {
+        if (!body.includes(":"))
+          return null;
+        const [prop] = body.split(":");
+        return prop;
+      },
+      { scope: "variables" }
+    ],
+    // others
+    [
+      new RegExp(`^${cssVarsPrefix}-((?:${cssVarsAll.join("|")})-)?(.+)$`),
+      ([type = "base", color]) => {
+        const parsed = parseColor(color, theme);
+        return parsed?.color ? type : null;
+      },
+      { scope: cssVarsPrefix }
+    ]
+  ];
+}
+export function prepareStyler(rules = []) {
+  const createVariants = cv(rules);
+  function createStyler(theme2) {
+    const ui = createVariants(theme2);
+    const styler = (props) => ui(props);
+    return styler;
+  }
+  return { createStyler };
+}

package/dist/internal/styler.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/internal/styler.test.mjs

@@ -0,0 +1,10 @@
+import { cr } from "@byyuurin/ui-kit";
+import { describe, expect, it } from "vitest";
+import { mergeRules } from "../composables/useTheme.mjs";
+describe("check style merge", () => {
+  const merge = cr(mergeRules, { debug: true });
+  it("should...", () => {
+    const result = merge("grid gap-10 grid-cols-10 scale-1 translate-y-full");
+    expect(result).toMatchInlineSnapshot(`"grid gap grid-cols-10 scale translate-y"`);
+  });
+});

package/dist/nuxt.d.ts

@@ -0,0 +1,10 @@
+export interface ModuleOptions {
+    /**
+     * prefix for components used in templates
+     *
+     * @default ""
+     */
+    prefix?: string;
+}
+declare const _default: import("@nuxt/schema").NuxtModule<ModuleOptions, ModuleOptions, false>;
+export default _default;

package/dist/nuxt.mjs

@@ -0,0 +1,28 @@
+import { addComponent, defineNuxtModule, useLogger } from "@nuxt/kit";
+import { componentNames, packageName } from "./internal/index.mjs";
+export default defineNuxtModule({
+  meta: {
+    name: packageName,
+    configKey: "ui",
+    compatibility: {
+      nuxt: ">=3.13.1"
+    }
+  },
+  defaults: {
+    prefix: ""
+  },
+  setup(options, nuxt) {
+    const logger = useLogger(packageName);
+    if (!nuxt.options.modules.includes("@unocss/nuxt")) {
+      logger.error(`\`${packageName}\` requires the \`@unocss/nuxt\` module to be installed.`);
+      return;
+    }
+    for (const component of componentNames) {
+      addComponent({
+        name: `${options.prefix}${component}`,
+        export: component,
+        filePath: packageName
+      });
+    }
+  }
+});

package/dist/resolver.d.ts

@@ -0,0 +1,10 @@
+import type { ComponentResolver } from 'unplugin-vue-components';
+export interface ResolverOptions {
+    /**
+     * prefix for components used in templates
+     *
+     * @default ""
+     */
+    prefix?: string;
+}
+export default function (options?: ResolverOptions): ComponentResolver;

package/dist/resolver.mjs

@@ -0,0 +1,18 @@
+import { componentNames, packageName } from "./internal/constants.mjs";
+export default function(options = {}) {
+  const { prefix = "" } = options;
+  return {
+    type: "component",
+    resolve(name) {
+      if (name.toLowerCase().startsWith(prefix.toLowerCase())) {
+        const componentName = name.slice(prefix.length);
+        if (componentNames.includes(componentName)) {
+          return {
+            name: componentName,
+            from: packageName
+          };
+        }
+      }
+    }
+  };
+}

package/dist/theme/accordion.d.ts

@@ -0,0 +1,39 @@
+declare const _default: {
+    base: undefined;
+    slots: {
+        root: string;
+        item: string;
+        header: string;
+        trigger: string;
+        content: string[];
+        body: string;
+        icon: string;
+        trailingIcon: string;
+        label: string;
+    };
+    variants: {
+        disabled: {
+            true: {
+                trigger: string;
+            };
+        };
+    };
+    compoundVariants: import("@byyuurin/ui-kit/index").CVCompoundVariants<{
+        disabled: {
+            true: {
+                trigger: string;
+            };
+        };
+    }, {
+        root: string;
+        item: string;
+        header: string;
+        trigger: string;
+        content: string[];
+        body: string;
+        icon: string;
+        trailingIcon: string;
+        label: string;
+    }, undefined>;
+};
+export default _default;

package/dist/theme/accordion.mjs

@@ -0,0 +1,25 @@
+import { ct } from "@byyuurin/ui-kit";
+export default ct({
+  slots: {
+    root: "w-full color-ui-cb",
+    item: "border-b last:border-b-0",
+    header: "flex",
+    trigger: "group flex-1 flex items-center gap-2 font-medium text-sm py-4 focus-visible:outline-ui-fill min-w-0",
+    content: [
+      "overflow-hidden focus:outline-none",
+      "data-[state=open]:animate-[accordion-down_200ms_ease-out]",
+      "data-[state=closed]:animate-[accordion-up_200ms_ease-out]"
+    ],
+    body: "text-sm pb-4 color-ui-cb/80",
+    icon: "shrink-0 size-5",
+    trailingIcon: "shrink-0 size-5 ms-auto group-data-[state=open]:rotate-180 transition-transform duration-200",
+    label: "text-start break-words"
+  },
+  variants: {
+    disabled: {
+      true: {
+        trigger: "cursor-not-allowed opacity-50"
+      }
+    }
+  }
+});

package/dist/theme/app.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    icons: {
+        close: string;
+        loading: string;
+        check: string;
+        indeterminate: string;
+        down: string;
+    };
+};
+export default _default;

package/dist/theme/app.mjs

@@ -0,0 +1,9 @@
+export default {
+  icons: {
+    close: "i-mdi-close-thick",
+    loading: "i-mdi-loading",
+    check: "i-mdi-check-bold",
+    indeterminate: "i-mdi-minus-thick",
+    down: "i-mdi-chevron-down"
+  }
+};