veloce-vue 0.14.0 → 0.16.0

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

@@ -0,0 +1,24 @@
+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 function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+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_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/icon/icons.d.ts

@@ -0,0 +1,9 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+export declare const iconsMap: {
+    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,9 +1,6 @@
-export declare const icons: {
-    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>;
-};
-export type IconNames = keyof typeof icons;
-export declare const IconsList: IconNames[];
+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';

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

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

package/exports/icons.d.ts

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

package/exports/lib.d.ts

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

package/exports/ui.d.ts

@@ -0,0 +1,2 @@
+export { Accordion } from '../ui/accordion';
+export { Button } from '../ui/button';

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/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "veloce-vue",
-  "version": "0.14.0",
+  "version": "0.16.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/accordion/Accordion.vue.d.ts

@@ -0,0 +1,13 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    defaultOpen?: boolean;
+    items: {
+        value: string;
+        title: string;
+        content: string;
+    }[];
+    allowMultiple?: boolean;
+    border?: boolean;
+};
+declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/ui/accordion/AccordionContent.vue.d.ts

@@ -0,0 +1,22 @@
+import { AccordionContentProps } from 'reka-ui';
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = AccordionContentProps & {
+    class?: HTMLAttributes["class"];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+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_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/ui/accordion/AccordionItem.vue.d.ts

@@ -0,0 +1,22 @@
+import { AccordionItemProps } from 'reka-ui';
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = AccordionItemProps & {
+    class?: HTMLAttributes["class"];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+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_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/ui/accordion/AccordionRoot.vue.d.ts

@@ -0,0 +1,24 @@
+import { AccordionRootProps } from 'reka-ui';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = AccordionRootProps;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: string | string[] | undefined) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/ui/accordion/AccordionTrigger.vue.d.ts

@@ -0,0 +1,23 @@
+import { AccordionTriggerProps } from 'reka-ui';
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = AccordionTriggerProps & {
+    class?: HTMLAttributes["class"];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        icon?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+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_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/ui/accordion/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Accordion } from './Accordion.vue';
+export { default as AccordionRoot } from './AccordionRoot.vue';
+export { default as AccordionContent } from './AccordionContent.vue';
+export { default as AccordionItem } from './AccordionItem.vue';
+export { default as AccordionTrigger } from './AccordionTrigger.vue';

package/ui/button/Button.vue.d.ts

@@ -0,0 +1,31 @@
+import { PrimitiveProps, AsTag } from 'reka-ui';
+import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, Component, ComponentProvideOptions } from 'vue';
+import { ButtonVariants } from '.';
+import { Icons } from '../../exports/icons';
+interface Props extends PrimitiveProps {
+    variant?: ButtonVariants["variant"];
+    size?: ButtonVariants["size"];
+    class?: HTMLAttributes["class"];
+    loading?: boolean;
+    icon?: Icons;
+    disabled?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
+    as: AsTag | Component;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/ui/button/index.d.ts

@@ -0,0 +1,8 @@
+import { VariantProps } from 'class-variance-authority';
+import { ClassProp } from 'class-variance-authority/types';
+export { default as Button } from './Button.vue';
+export declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "icon" | "default" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+export type ButtonVariants = VariantProps<typeof buttonVariants>;