@byyuurin/ui 0.0.4 → 0.0.5

package/dist/runtime/theme/textarea.mjs

@@ -1,100 +1,113 @@
 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"
+export default ct(
+  /* @unocss-include */
+  {
+    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"
+        }
       },
-      md: {
-        root: "text-base"
+      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"
+          ]
+        },
+        "soft-outline": {
+          root: [
+            "color-ui-cb/80 bg-ui-cb/4 ring ring-inset ring-ui-cb/10",
+            "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"
+        }
       },
-      lg: {
-        root: "text-lg"
+      underline: {
+        true: ""
       },
-      xl: {
-        root: "text-xl"
+      highlight: {
+        true: {
+          base: ""
+        }
       }
     },
-    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"
-        ]
+    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",
+            "focus-within:after:h-2px focus-within:after:bg-ui-fill/60"
+          ]
+        }
       },
-      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"
-        ]
+      {
+        size: ["xs", "sm", "md"],
+        class: {
+          root: "p-1.5 px-2.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"
-        ]
+      {
+        size: ["lg", "xl"],
+        class: {
+          root: "p-2.5 px-3.5"
+        }
       },
-      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"
+      {
+        variant: ["soft", "soft-outline", "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/runtime/theme/toast.mjs

@@ -1,27 +1,30 @@
 import { ct } from "@byyuurin/ui-kit";
-export default ct({
-  slots: {
-    root: "relative group overflow-hidden bg-ui-c1 shadow-lg rounded-ui-box ring ring-ui-c2 p-4 flex gap-2.5 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ui-c2",
-    wrapper: "w-0 flex-1 flex flex-col gap-1",
-    title: "text-base font-medium color-ui-cb",
-    description: "text-sm color-ui-cb/80",
-    icon: "shrink-0 size-6 color-ui-cb",
-    avatar: "shrink-0",
-    avatarSize: "2xl",
-    actions: "flex flex-wrap gap-1.5 shrink-0",
-    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: {
-    multiline: {
-      true: {
-        root: "items-start",
-        actions: "items-start mt-1"
-      },
-      false: {
-        root: "items-center",
-        actions: "items-center"
+export default ct(
+  /* @unocss-include */
+  {
+    slots: {
+      root: "relative group overflow-hidden bg-ui-c1 shadow-lg rounded-ui-box ring ring-ui-c2 p-4 flex gap-2.5 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ui-c2",
+      wrapper: "w-0 flex-1 flex flex-col gap-1",
+      title: "text-base font-medium color-ui-cb",
+      description: "text-sm color-ui-cb/80",
+      icon: "shrink-0 size-6 color-ui-cb",
+      avatar: "shrink-0",
+      avatarSize: "2xl",
+      actions: "flex flex-wrap gap-1.5 shrink-0",
+      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: {
+      multiline: {
+        true: {
+          root: "items-start",
+          actions: "items-start mt-1"
+        },
+        false: {
+          root: "items-center",
+          actions: "items-center"
+        }
       }
     }
   }
-});
+);

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

@@ -41,14 +41,14 @@ declare const _default: {
         };
     };
     compoundVariants: ({
-        position: ("top-left" | "top-center" | "top-right")[];
+        position: ("top-right" | "top-left" | "top-center")[];
         class: {
             viewport: string;
             base: string;
         };
         swipeDirection?: undefined;
     } | {
-        position: ("bottom-left" | "bottom-center" | "bottom-right")[];
+        position: ("bottom-right" | "bottom-left" | "bottom-center")[];
         class: {
             viewport: string;
             base: string;

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,17 +1,22 @@
 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';

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/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.mjs

@@ -1,5 +1,6 @@
 import { definePreset, mergeConfigs } from '@unocss/core';
 import { parseColor, parseCssColor } from '@unocss/preset-mini/utils';
+import { kebabCase } from 'scule';
 import { presetUno } from '@unocss/preset-uno';
 
 const cssVarsPrefix = "ui";
@@ -7,40 +8,6 @@ const cssVarsBase = ["cb", "c1", "c2", "c3"];
 const cssVarsDynamic = ["fill", "content"];
 const cssVarsAll = [...cssVarsBase, ...cssVarsDynamic];
 
-const rules = [
-  [
-    new RegExp(`^${cssVarsPrefix}-([^/]+)$`),
-    ([_, color], ctx) => {
-      const data = parseColor(color, ctx.theme);
-      const value = resolveRuleValue(data);
-      if (value)
-        return Object.fromEntries(cssVarsDynamic.map((prop) => [`--${cssVarsPrefix}-${prop}`, value]));
-    },
-    { autocomplete: `${cssVarsPrefix}-$colors` }
-  ],
-  [
-    new RegExp(`^${cssVarsPrefix}-(?:(${cssVarsAll.join("|")})-)([^/]+)$`),
-    ([_, prop, color], ctx) => {
-      const data = parseColor(color, ctx.theme);
-      const value = resolveRuleValue(data);
-      if (value)
-        return { [`--${cssVarsPrefix}-${prop}`]: value };
-    },
-    { autocomplete: `${cssVarsPrefix}-(${cssVarsAll.join("|")})-$colors` }
-  ],
-  // overrides
-  [/^rotate-(\d+)$/, ([_, d]) => ({ rotate: `${d}deg` })]
-];
-function resolveRuleValue(data) {
-  if (data?.color && data.cssColor?.components) {
-    let value = data.cssColor.components.join(" ");
-    if (!/var\s*\((.+)\)(.*)/.test(data.color))
-      value += ` /* ${data.color} */`;
-    return value;
-  }
-  return null;
-}
-
 const theme = {
   colors: {
     [cssVarsPrefix]: {
@@ -112,6 +79,48 @@ function cssColor(...rgb) {
   return `rgb(${rgb.join(" ")})`;
 }
 
+const rules = [
+  [
+    new RegExp(`^${cssVarsPrefix}-([^/]+)$`),
+    ([_, color], ctx) => {
+      if (color === "base")
+        return Object.fromEntries(cssVarsDynamic.map((prop) => [`--${cssVarsPrefix}-${prop}`, cssVar("cb")]));
+      if (color === "base-inverted")
+        return Object.fromEntries(cssVarsDynamic.map((prop) => [`--${cssVarsPrefix}-${prop}`, cssVar("c1")]));
+      const data = parseColor(color, ctx.theme);
+      const value = resolveRuleValue(data);
+      if (value)
+        return Object.fromEntries(cssVarsDynamic.map((prop) => [`--${cssVarsPrefix}-${prop}`, value]));
+    },
+    { autocomplete: `${cssVarsPrefix}-$colors` }
+  ],
+  [
+    new RegExp(`^${cssVarsPrefix}-(?:(${cssVarsAll.join("|")})-)([^/]+)$`),
+    ([_, prop, color], ctx) => {
+      if (color === "base")
+        return { [`--${cssVarsPrefix}-${prop}`]: cssVar("cb") };
+      if (color === "base-inverted")
+        return { [`--${cssVarsPrefix}-${prop}`]: cssVar("c1") };
+      const data = parseColor(color, ctx.theme);
+      const value = resolveRuleValue(data);
+      if (value)
+        return { [`--${cssVarsPrefix}-${prop}`]: value };
+    },
+    { autocomplete: `${cssVarsPrefix}-(${cssVarsAll.join("|")})-$colors` }
+  ],
+  // overrides
+  [/^rotate-(\d+)$/, ([_, d]) => ({ rotate: `${d}deg` })]
+];
+function resolveRuleValue(data) {
+  if (data?.color && data.cssColor?.components) {
+    let value = data.cssColor.components.join(" ");
+    if (!/var\s*\((.+)\)(.*)/.test(data.color))
+      value += ` /* ${data.color} */`;
+    return value;
+  }
+  return null;
+}
+
 const preset = definePreset((options = {}) => {
   return {
     name: "unocss-preset-ui",
@@ -143,7 +152,6 @@ function mergeOptions(options) {
   };
 }
 function createRootCSS(kv) {
-  const kebabCase = (input) => input.replace(/([A-Z][^A-Z]*)/g, "-$1").replace(/^-/, "").toLowerCase();
   const join = (input) => input.map((item) => item.endsWith(";") ? item : `${item};`).join("");
   const css = [
     // initial
@@ -216,3 +224,4 @@ function transformUnoRules(userConfig = {}) {
 }
 
 export { cssColor, cssVar, cssVarsAll, cssVarsBase, cssVarsDynamic, cssVarsPrefix, preset as default, preset, rules, theme, transformUnoRules };
+//# sourceMappingURL=unocss-preset.mjs.map