veloce-vue 0.15.0 → 0.17.0

package/components/Button.vue.d.ts

@@ -0,0 +1,88 @@
+import { Icons } from '../exports/icons';
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    variant: {
+        type: () => "outlined" | "link" | "ghost" | "solid" | "soft";
+        default: string;
+    };
+    icon: {
+        type: () => Icons;
+        default: string;
+    };
+    iconClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconPosition: {
+        type: () => "left" | "right";
+        default: string;
+    };
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: () => "sm" | "md" | "lg";
+        default: string;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    variant: {
+        type: () => "outlined" | "link" | "ghost" | "solid" | "soft";
+        default: string;
+    };
+    icon: {
+        type: () => Icons;
+        default: string;
+    };
+    iconClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconPosition: {
+        type: () => "left" | "right";
+        default: string;
+    };
+    rounded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: () => "sm" | "md" | "lg";
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    label: string;
+    loading: boolean;
+    icon: "check" | "close" | "loading" | "chevron-down" | "alert" | "hamburger";
+    size: "sm" | "md" | "lg";
+    disabled: boolean;
+    variant: "link" | "outlined" | "ghost" | "solid" | "soft";
+    iconClass: string;
+    iconPosition: "left" | "right";
+    rounded: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/icon/Icon.vue.d.ts

@@ -1,18 +1,23 @@
-import { type Icons as IconsType } from "./index.ts";
+import { Icons as IconsType } from './index.ts';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 type __VLS_Props = {
     icon: IconsType | (string & {});
     class?: string;
     size?: number | string;
 };
-declare var __VLS_7: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_7) => any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/components/icon/icons.d.ts

@@ -1,8 +1,9 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 export declare const iconsMap: {
-    readonly check: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    readonly close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    readonly loading: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    readonly "chevron-down": import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    readonly alert: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    readonly hamburger: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    readonly check: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
+    readonly close: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
+    readonly loading: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
+    readonly "chevron-down": DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
+    readonly alert: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
+    readonly hamburger: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, SVGSVGElement>;
 };

package/components/icon/index.d.ts

@@ -1,6 +1,6 @@
-import type { Component } from "vue";
-import { iconsMap } from "./icons";
+import { Component } from 'vue';
+import { iconsMap } from './icons';
 export type Icons = keyof typeof iconsMap;
 export declare const Icons: Record<Icons, Component>;
 export declare const iconsList: Icons[];
-export { default as Icon } from "./Icon.vue";
+export { default as Icon } from './Icon.vue';

package/config.js

@@ -0,0 +1,16 @@
+const n = (o) => ({
+  install() {
+    if (!o || !o.colors) {
+      console.warn("No config provided for the theme settings");
+      return;
+    }
+    r(o.colors);
+  }
+}), r = (o) => {
+  const e = document.documentElement;
+  for (const t in o)
+    o[t] && e.style.setProperty(`--ui-color-${t}`, o[t]);
+};
+export {
+  n as config
+};

package/exports/config.d.ts

@@ -1 +1 @@
-export { config } from "../utils/config";
+export { config } from '../utils/config';

package/exports/icons.d.ts

@@ -1 +1 @@
-export { Icon, iconsList, Icons } from "../components/icon";
+export { Icon, iconsList, Icons } from '../components/icon';

package/exports/ui.d.ts

@@ -1,2 +1 @@
-export { Accordion } from "../ui/accordion";
-export { Button } from "../ui/button";
+export { default as Button } from '../components/Button.vue';

package/icons.js

@@ -0,0 +1,6 @@
+import { _ as a, I as c, i } from "./index-DETZgETo.js";
+export {
+  a as Icon,
+  c as Icons,
+  i as iconsList
+};

package/index-DETZgETo.js

@@ -0,0 +1,147 @@
+import { createElementBlock as r, openBlock as o, createElementVNode as e, defineComponent as d, computed as a, createBlock as u, renderSlot as _, resolveDynamicComponent as w, normalizeClass as m } from "vue";
+const s = (n, t) => {
+  const i = n.__vccOpts || n;
+  for (const [l, c] of t)
+    i[l] = c;
+  return i;
+}, f = {}, p = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24"
+};
+function g(n, t) {
+  return o(), r("svg", p, [...t[0] || (t[0] = [
+    e("path", {
+      fill: "currentColor",
+      d: "m9.55 15.15l8.475-8.475q.3-.3.7-.3t.7.3t.3.713t-.3.712l-9.175 9.2q-.3.3-.7.3t-.7-.3L4.55 13q-.3-.3-.288-.712t.313-.713t.713-.3t.712.3z"
+    }, null, -1)
+  ])]);
+}
+const v = /* @__PURE__ */ s(f, [["render", g]]), x = {}, k = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24"
+};
+function $(n, t) {
+  return o(), r("svg", k, [...t[0] || (t[0] = [
+    e("path", {
+      fill: "currentColor",
+      d: "m12 13.4l-4.9 4.9q-.275.275-.7.275t-.7-.275t-.275-.7t.275-.7l4.9-4.9l-4.9-4.9q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l4.9 4.9l4.9-4.9q.275-.275.7-.275t.7.275t.275.7t-.275.7L13.4 12l4.9 4.9q.275.275.275.7t-.275.7t-.7.275t-.7-.275z"
+    }, null, -1)
+  ])]);
+}
+const C = /* @__PURE__ */ s(x, [["render", $]]), L = {}, B = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24"
+};
+function y(n, t) {
+  return o(), r("svg", B, [...t[0] || (t[0] = [
+    e("path", {
+      fill: "currentColor",
+      d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z",
+      opacity: "0.25"
+    }, null, -1),
+    e("path", {
+      fill: "currentColor",
+      d: "M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"
+    }, [
+      e("animateTransform", {
+        type: "rotate",
+        attributeName: "transform",
+        dur: "0.75s",
+        repeatCount: "indefinite",
+        values: "0 12 12;360 12 12"
+      })
+    ], -1)
+  ])]);
+}
+const q = /* @__PURE__ */ s(L, [["render", y]]), z = {}, A = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "-5 -8 24 24"
+};
+function M(n, t) {
+  return o(), r("svg", A, [...t[0] || (t[0] = [
+    e("path", {
+      fill: "currentColor",
+      d: "m7.071 5.314l4.95-4.95a1 1 0 1 1 1.414 1.414L7.778 7.435a1 1 0 0 1-1.414 0L.707 1.778A1 1 0 1 1 2.121.364z"
+    }, null, -1)
+  ])]);
+}
+const b = /* @__PURE__ */ s(z, [["render", M]]), I = {}, j = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24"
+};
+function Z(n, t) {
+  return o(), r("svg", j, [...t[0] || (t[0] = [
+    e("g", { fill: "none" }, [
+      e("path", {
+        fill: "currentColor",
+        "fill-opacity": "0.16",
+        d: "M10.575 5.217L3.517 17a1.667 1.667 0 0 0 1.425 2.5h14.116a1.666 1.666 0 0 0 1.425-2.5L13.426 5.217a1.666 1.666 0 0 0-2.85 0"
+      }),
+      e("path", {
+        stroke: "currentColor",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "stroke-miterlimit": "10",
+        "stroke-width": "1.5",
+        d: "M12 16h.008M12 10v3m-1.425-7.783L3.517 17a1.667 1.667 0 0 0 1.425 2.5h14.116a1.666 1.666 0 0 0 1.425-2.5L13.426 5.217a1.666 1.666 0 0 0-2.85 0"
+      })
+    ], -1)
+  ])]);
+}
+const D = /* @__PURE__ */ s(I, [["render", Z]]), E = {}, N = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16"
+};
+function O(n, t) {
+  return o(), r("svg", N, [...t[0] || (t[0] = [
+    e("path", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "1.5",
+      d: "m2.75 12.25h10.5m-10.5-4h10.5m-10.5-4h10.5"
+    }, null, -1)
+  ])]);
+}
+const H = /* @__PURE__ */ s(E, [["render", O]]), h = {
+  check: v,
+  close: C,
+  loading: q,
+  "chevron-down": b,
+  alert: D,
+  hamburger: H
+}, F = /* @__PURE__ */ d({
+  __name: "Icon",
+  props: {
+    icon: {},
+    class: {},
+    size: {}
+  },
+  setup(n) {
+    const t = n, i = a(() => t.size ?? 24), l = a(() => t.icon ? S[t.icon] : "");
+    return (c, T) => l.value ? (o(), u(w(l.value), {
+      key: 0,
+      class: m(["shrink-0", t.class]),
+      width: i.value,
+      height: i.value
+    }, null, 8, ["class", "width", "height"])) : _(c.$slots, "default", { key: 1 });
+  }
+}), S = h, G = Object.keys(h);
+export {
+  S as I,
+  F as _,
+  G as i
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "veloce-vue",
-  "version": "0.15.0",
+  "version": "0.17.0",
   "private": false,
   "type": "module",
   "description": "A Vue 3 library built with Vite + TypeScript + Tailwind CSS.",
@@ -14,40 +14,28 @@
     "url": "https://github.com/SherazJutt/veloce-vue/issues"
   },
   "homepage": "https://github.com/SherazJutt/veloce-vue#readme",
-  "main": "./index.cjs",
-  "module": "./index.js",
-  "types": "./exports.d.ts",
-  "style": "./veloce-vue.css",
   "exports": {
-    ".": {
-      "import": "./index.js",
-      "require": "./index.cjs",
-      "types": "./exports.d.ts",
-      "default": "./index.js"
+    "./ui": {
+      "types": "./exports/ui.d.ts",
+      "import": "./ui.js",
+      "default": "./ui.js"
     },
-    "./styles.css": "./veloce-vue.css"
+    "./icons": {
+      "types": "./exports/icons.d.ts",
+      "import": "./icons.js",
+      "default": "./icons.js"
+    },
+    "./config": {
+      "types": "./exports/config.d.ts",
+      "import": "./config.js",
+      "default": "./config.js"
+    },
+    "./styles.css": "./veloce.css"
   },
-  "files": [
-    "**/*"
-  ],
-  "sideEffects": [
-    "./veloce-vue.css"
-  ],
   "peerDependencies": {
     "vue": "^3.3.0"
   },
   "keywords": [
-    "vue3",
-    "tailwindcss",
-    "component library",
-    "vue",
-    "vuejs",
-    "vue.js",
-    "typescript",
-    "veloce-vue",
-    "ui",
-    "tailwind",
-    "framework",
-    "ui-framework"
+    "veloce-vue"
   ]
 }

package/ui.js

@@ -0,0 +1,61 @@
+import { defineComponent as u, computed as c, createElementBlock as n, openBlock as t, normalizeClass as r, createCommentVNode as a, createBlock as o, toDisplayString as p, unref as i } from "vue";
+import { _ as l } from "./index-DETZgETo.js";
+const b = ["disabled"], v = /* @__PURE__ */ u({
+  __name: "Button",
+  props: {
+    label: { type: String, default: "" },
+    loading: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    variant: { type: String, default: "solid" },
+    icon: { type: String, default: "" },
+    iconClass: { type: String, default: "" },
+    iconPosition: { type: String, default: "right" },
+    rounded: { type: Boolean, default: !1 },
+    size: { type: String, default: "sm" }
+  },
+  setup(s) {
+    const e = s, d = c(() => {
+      switch (e.variant) {
+        case "ghost":
+          return "bg-transparent dark:hover:bg-neutral-800 hover:bg-neutral-100 disabled:hover:bg-transparent";
+        case "outlined":
+          return "border-primary! text-primary hover:bg-primary hover:text-inverted disabled:hover:bg-transparent disabled:hover:text-primary disabled:hover:bg-primary disabled:hover:text-inverted";
+        case "link":
+          return "text-neutral-700 hover:underline dark:text-neutral-200";
+        case "soft":
+          return "bg-neutral-100 text-neutral-700 hover:bg-neutral-200 dark:bg-neutral-800 dark:text-neutral-200 dark:hover:bg-neutral-700";
+        default:
+          return "bg-primary text-inverted hover:bg-primary/70 disabled:hover:bg-primary dark:hover:bg-primary/80";
+      }
+    });
+    return (g, m) => (t(), n("button", {
+      type: "button",
+      disabled: e.disabled || e.loading,
+      class: r([
+        d.value,
+        { "rounded-full": e.rounded },
+        "flex cursor-pointer items-center justify-center font-medium gap-2 rounded border disabled:opacity-75 border-transparent transition-all duration-200 disabled:cursor-not-allowed focus:outline-none",
+        { "justify-center": !e.icon },
+        { "p-1 px-2 text-sm": e.size === "sm", "p-2 px-3 text-base": e.size === "md", "p-3 px-4 text-lg": e.size === "lg" }
+      ])
+    }, [
+      e.label ? (t(), n("span", {
+        key: 0,
+        class: r({ "order-2": e.iconPosition === "left" })
+      }, p(e.label), 3)) : a("", !0),
+      e.icon && !e.loading ? (t(), o(i(l), {
+        key: 1,
+        icon: e.icon,
+        class: r([e.iconClass, "duration-200 size-5 text-current"])
+      }, null, 8, ["icon", "class"])) : a("", !0),
+      e.loading ? (t(), o(i(l), {
+        key: 2,
+        icon: "loading",
+        class: "duration-200 size-5 text-current"
+      })) : a("", !0)
+    ], 10, b));
+  }
+});
+export {
+  v as Button
+};

package/veloce.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-slate-200:oklch(92.9% .013 255.508);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-medium:500;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--ui-color-border)}body{color:var(--ui-color-text)}}@layer components;@layer utilities{.order-2{order:2}.flex{display:flex}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.rounded{border-radius:var(--ui-border-radius)}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-primary\!{border-color:var(--ui-color-primary)!important}.border-transparent{border-color:#0000}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-primary{background-color:var(--ui-color-primary)}.bg-transparent{background-color:#0000}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-current{color:currentColor}.text-inverted{color:var(--ui-color-text-inverted)}.text-neutral-700{color:var(--color-neutral-700)}.text-primary{color:var(--ui-color-primary)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media(hover:hover){.hover\:bg-neutral-100:hover{background-color:var(--color-neutral-100)}.hover\:bg-neutral-200:hover{background-color:var(--color-neutral-200)}.hover\:bg-primary:hover,.hover\:bg-primary\/70:hover{background-color:var(--ui-color-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/70:hover{background-color:color-mix(in oklab,var(--ui-color-primary)70%,transparent)}}.hover\:text-inverted:hover{color:var(--ui-color-text-inverted)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-75:disabled{opacity:.75}@media(hover:hover){.disabled\:hover\:bg-primary:disabled:hover{background-color:var(--ui-color-primary)}.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}.disabled\:hover\:text-inverted:disabled:hover{color:var(--ui-color-text-inverted)}.disabled\:hover\:text-primary:disabled:hover{color:var(--ui-color-primary)}}.dark\:bg-neutral-800:where(.dark,.dark *){background-color:var(--color-neutral-800)}.dark\:text-neutral-200:where(.dark,.dark *){color:var(--color-neutral-200)}@media(hover:hover){.dark\:hover\:bg-neutral-700:where(.dark,.dark *):hover{background-color:var(--color-neutral-700)}.dark\:hover\:bg-neutral-800:where(.dark,.dark *):hover{background-color:var(--color-neutral-800)}.dark\:hover\:bg-primary\/80:where(.dark,.dark *):hover{background-color:var(--ui-color-primary)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-primary\/80:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--ui-color-primary)80%,transparent)}}}}:root{--ui-color-primary:#00c16a;--ui-color-primary-light:#d9fbe8;--ui-color-secondary:#2b7fff;--ui-color-secondary-light:#dbeafe;--ui-color-success:#00c16a;--ui-color-success-light:#d9fbe8;--ui-color-info:#2b7fff;--ui-color-info-light:#dbeafe;--ui-color-warning:#f0b100;--ui-color-warning-light:#fef9c2;--ui-color-error:#fb2c36;--ui-color-error-light:#ffe2e2;--ui-color-text:var(--color-neutral-700);--ui-color-text-muted:var(--color-neutral-500);--ui-color-text-inverted:var(--color-white);--ui-color-background:var(--color-white);--ui-color-border:var(--color-slate-200);--ui-border-radius:.25rem}:root:where(.dark){--ui-color-primary:#00dc82;--ui-color-primary-light:#d9fbe8;--ui-color-secondary:#51a2ff;--ui-color-secondary-light:#dbeafe;--ui-color-success:#00dc82;--ui-color-success-light:#d9fbe8;--ui-color-info:#51a2ff;--ui-color-info-light:#dbeafe;--ui-color-warning:#fdc700;--ui-color-warning-light:#fef9c2;--ui-color-error:#ff6467;--ui-color-error-light:#ffe2e2;--ui-color-text:var(--color-neutral-200);--ui-color-text-muted:var(--color-neutral-400);--ui-color-text-inverted:var(--color-neutral-900);--ui-color-background:var(--color-neutral-900);--ui-color-border:var(--color-neutral-800)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}

package/exports/lib.d.ts

@@ -1 +0,0 @@
-export { cn } from "../lib/utils";

package/icons/Alert.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/icons/Check.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/icons/ChevronDown.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/icons/Close.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/icons/Hamburger.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/icons/Loading.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;