@3df-spa/ui 1.1.0 → 1.3.0

package/dist/{UiPopoverTrigger.vue_vue_type_script_setup_true_lang-DKJgwMAw.js → UiPopoverTrigger.vue_vue_type_script_setup_true_lang-Ci8kd-fi.js}

@@ -1,4 +1,4 @@
-import { defineComponent as y, ref as h, watch as b, onBeforeUnmount as _, provide as L, openBlock as P, createElementBlock as x, renderSlot as O, nextTick as g, inject as C, useAttrs as B, computed as T, createBlock as S, Teleport as A, mergeProps as F, unref as m, createCommentVNode as U, watchEffect as z, withKeys as $, withModifiers as k } from "vue";
+import { defineComponent as y, ref as h, watch as b, onBeforeUnmount as _, provide as L, openBlock as P, createElementBlock as x, renderSlot as O, nextTick as g, inject as C, useAttrs as T, computed as B, createBlock as S, Teleport as A, mergeProps as F, unref as m, createCommentVNode as U, watchEffect as z, withKeys as $, withModifiers as k } from "vue";
 import { c as H } from "./utils-C9QoOYNG.js";
 const E = /* @__PURE__ */ Symbol("popover");
 let I = 0;
@@ -40,7 +40,9 @@ const Z = /* @__PURE__ */ y({
       n.value && !n.value.contains(d) && l.value && !l.value.contains(d) && a();
     }
     return b(i, (u) => {
-      u ? document.addEventListener("click", f, !0) : document.removeEventListener("click", f, !0);
+      u ? setTimeout(() => {
+        document.addEventListener("click", f, !0);
+      }, 0) : document.removeEventListener("click", f, !0);
     }), _(() => {
       document.removeEventListener("click", f, !0);
     }), L(E, {
@@ -163,7 +165,7 @@ const G = ["aria-labelledby"], ee = /* @__PURE__ */ y({
     viewportPadding: { default: 8 }
   },
   setup(e) {
-    const t = e, o = C(E), s = B(), i = T(() => {
+    const t = e, o = C(E), s = T(), i = B(() => {
       const { class: v, ...f } = s;
       return f;
     }), n = h(!1), l = h(!1);
@@ -209,7 +211,7 @@ const G = ["aria-labelledby"], ee = /* @__PURE__ */ y({
         class: m(H)(
           "z-50 w-72 max-w-[calc(100vw-1rem)]",
           "bg-popover text-popover-foreground",
-          "border-ui border-border rounded-md p-4 shadow-lg",
+          "border border-border rounded-md p-4 shadow-lg",
           "transition-all duration-150",
           l.value ? "opacity-100 scale-100 ease-out" : "opacity-0 scale-[0.97] ease-in",
           m(s).class

package/dist/calendar.js

@@ -1,7 +1,7 @@
 import { defineComponent as j, useAttrs as E, computed as w, ref as A, watch as H, openBlock as f, createElementBlock as h, mergeProps as B, unref as p, createElementVNode as a, normalizeClass as U, Fragment as P, renderList as R, createCommentVNode as $, toDisplayString as S, createBlock as _, withCtx as y, createVNode as k } from "vue";
 import { startOfWeek as T, format as x, addDays as W, addMonths as F, startOfMonth as J, eachDayOfInterval as I, endOfMonth as K, endOfWeek as Q, isToday as X, isSameMonth as Y, isSameDay as V, subMonths as Z } from "date-fns";
 import { c as C } from "./utils-C9QoOYNG.js";
-import { _ as N, a as z, b as L } from "./UiPopoverTrigger.vue_vue_type_script_setup_true_lang-DKJgwMAw.js";
+import { _ as N, a as z, b as L } from "./UiPopoverTrigger.vue_vue_type_script_setup_true_lang-Ci8kd-fi.js";
 function ee(t, n, e) {
   if (n) {
     if (t === "single" && n instanceof Date) return n;

package/dist/index.d.ts

@@ -116,8 +116,10 @@ viewportPadding: number;
 
 declare const __VLS_component_124: DefineComponent<UiCommandProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 select: (value: string) => any;
+"update:selected": (value: string) => any;
 }, string, PublicProps, Readonly<UiCommandProps> & Readonly<{
 onSelect?: ((value: string) => any) | undefined;
+"onUpdate:selected"?: ((value: string) => any) | undefined;
 }>, {
 filter: (value: string, search: string) => boolean;
 label: string;
@@ -125,13 +127,16 @@ label: string;
 
 declare const __VLS_component_125: DefineComponent<UiCommandDialogProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 select: (value: string) => any;
+"update:selected": (value: string) => any;
 "update:open": (value: boolean) => any;
 }, string, PublicProps, Readonly<UiCommandDialogProps> & Readonly<{
 onSelect?: ((value: string) => any) | undefined;
+"onUpdate:selected"?: ((value: string) => any) | undefined;
 "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
 open: boolean;
 defaultOpen: boolean;
+showClose: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const __VLS_component_126: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
@@ -271,6 +276,31 @@ align: "center" | "start" | "between" | null;
 dismissible: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
+declare const __VLS_component_147: DefineComponent<Props_11, {
+config: Ref<    {
+version: number;
+radiusStep: number;
+borderOpacity: number;
+letterSpacing: number;
+colorPreset: string;
+fontId: string;
+}, Ui3dfConfig | {
+version: number;
+radiusStep: number;
+borderOpacity: number;
+letterSpacing: number;
+colorPreset: string;
+fontId: string;
+}>;
+reset: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (config: Ui3dfConfig) => any;
+}, string, PublicProps, Readonly<Props_11> & Readonly<{
+"onUpdate:modelValue"?: ((config: Ui3dfConfig) => any) | undefined;
+}>, {
+title: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
 declare const __VLS_component_15: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 declare const __VLS_component_16: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
@@ -1335,6 +1365,15 @@ declare function __VLS_template_146(): {
     rootEl: any;
 };
 
+declare function __VLS_template_147(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
 declare function __VLS_template_15(): {
     attrs: Partial<{}>;
     slots: {
@@ -2323,6 +2362,8 @@ declare type __VLS_TemplateResult_145 = ReturnType<typeof __VLS_template_145>;
 
 declare type __VLS_TemplateResult_146 = ReturnType<typeof __VLS_template_146>;
 
+declare type __VLS_TemplateResult_147 = ReturnType<typeof __VLS_template_147>;
+
 declare type __VLS_TemplateResult_15 = ReturnType<typeof __VLS_template_15>;
 
 declare type __VLS_TemplateResult_16 = ReturnType<typeof __VLS_template_16>;
@@ -2899,6 +2940,12 @@ declare type __VLS_WithTemplateSlots_157<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_158<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_16<T, S> = T & {
     new (): {
         $slots: S;
@@ -3555,6 +3602,10 @@ export declare const alertVariants: (props?: ({
     variant?: "default" | "destructive" | "success" | "warning" | "info" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare function applyColorVars(presetId: string, isDark: boolean): void;
+
+export declare function applyFontVar(fontId: string): void;
+
 export declare const Avatar: __VLS_WithTemplateSlots_31<typeof __VLS_component_31, __VLS_TemplateResult_31["slots"]>;
 
 export declare const AVATAR_KEY: InjectionKey<AvatarContext>;
@@ -3653,6 +3704,17 @@ export declare interface CollapsibleContext {
 
 export declare const CollapsibleTrigger: __VLS_WithTemplateSlots_144<typeof __VLS_component_134, __VLS_TemplateResult_134["slots"]>;
 
+export declare const COLOR_PRESETS: ColorPreset[];
+
+export declare interface ColorPreset {
+    id: string;
+    label: string;
+    preview: [string, string, string];
+    previewDark: [string, string, string];
+    varsLight: Record<string, string>;
+    varsDark: Record<string, string>;
+}
+
 export declare const Combobox: DefineComponent<UiComboboxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: string) => any;
 }, string, PublicProps, Readonly<UiComboboxProps> & Readonly<{
@@ -3711,6 +3773,22 @@ export declare const CommandSeparator: DefineComponent<    {}, {}, {}, {}, {}, C
 
 export declare const CommandShortcut: __VLS_WithTemplateSlots_139<typeof __VLS_component_130, __VLS_TemplateResult_130["slots"]>;
 
+export declare const config3df: Ref<    {
+version: number;
+radiusStep: number;
+borderOpacity: number;
+letterSpacing: number;
+colorPreset: string;
+fontId: string;
+}, Ui3dfConfig | {
+version: number;
+radiusStep: number;
+borderOpacity: number;
+letterSpacing: number;
+colorPreset: string;
+fontId: string;
+}>;
+
 export declare const CONTEXT_MENU_ITEM_KEY: InjectionKey<ContextMenuItemRegistration>;
 
 export declare const CONTEXT_MENU_KEY: InjectionKey<ContextMenuContext>;
@@ -3799,6 +3877,8 @@ export { ContextMenuSubTrigger }
 
 export declare const ContextMenuTrigger: __VLS_WithTemplateSlots_126<typeof __VLS_component_118, __VLS_TemplateResult_118["slots"]>;
 
+export declare const DEFAULT_CONFIG: Ui3dfConfig;
+
 export declare const Dialog: __VLS_WithTemplateSlots_93<DefineComponent<    {
 open?: boolean;
 defaultOpen?: boolean;
@@ -3940,6 +4020,14 @@ declare type FloatingAlign = 'start' | 'center' | 'end';
 
 declare type FloatingSide = 'top' | 'bottom' | 'left' | 'right';
 
+export declare const FONT_OPTIONS: FontOption[];
+
+export declare interface FontOption {
+    id: string;
+    label: string;
+    stack: string;
+}
+
 export declare interface HeroAction {
     label: string;
     href?: string;
@@ -4246,6 +4334,11 @@ declare interface Props_10 {
     dismissible?: boolean;
 }
 
+declare interface Props_11 {
+    title?: string;
+    modelValue?: Partial<Ui3dfConfig>;
+}
+
 declare interface Props_2 {
     logos: LogoItem[];
     direction?: MarqueeDirection;
@@ -4340,6 +4433,32 @@ export declare const Radio: DefineComponent<UiRadioProps, {}, {}, {}, {}, Compon
 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
+export declare const RADIUS_STEPS: readonly [{
+    readonly label: "None";
+    readonly value: "0px";
+}, {
+    readonly label: "XS";
+    readonly value: "0.25rem";
+}, {
+    readonly label: "SM";
+    readonly value: "0.5rem";
+}, {
+    readonly label: "MD";
+    readonly value: "0.75rem";
+}, {
+    readonly label: "LG";
+    readonly value: "1rem";
+}, {
+    readonly label: "XL";
+    readonly value: "1.5rem";
+}, {
+    readonly label: "2XL";
+    readonly value: "2rem";
+}, {
+    readonly label: "3XL";
+    readonly value: "3rem";
+}];
+
 export declare const ScrollArea: __VLS_WithTemplateSlots_25<typeof __VLS_component_25, __VLS_TemplateResult_25["slots"]>;
 
 export declare const Select: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
@@ -4671,6 +4790,27 @@ export declare interface TooltipContext {
 
 export declare const TooltipTrigger: __VLS_WithTemplateSlots_88<typeof __VLS_component_85, __VLS_TemplateResult_85["slots"]>;
 
+export declare const Ui3df: __VLS_WithTemplateSlots_158<typeof __VLS_component_147, __VLS_TemplateResult_147["slots"]>;
+
+export declare const Ui3dfBorderOpacity: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const Ui3dfColorPreset: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare interface Ui3dfConfig {
+    version: number;
+    radiusStep: number;
+    borderOpacity: number;
+    letterSpacing: number;
+    colorPreset: string;
+    fontId: string;
+}
+
+export declare const Ui3dfFont: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const Ui3dfLetterSpacing: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const Ui3dfRadius: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
 declare interface UiBadgeProps {
     variant?: BadgeVariants['variant'];
     size?: BadgeVariants['size'];
@@ -4715,6 +4855,7 @@ declare interface UiComboboxProps {
 declare interface UiCommandDialogProps {
     open?: boolean;
     defaultOpen?: boolean;
+    showClose?: boolean;
 }
 
 declare interface UiCommandGroupProps {
@@ -4908,6 +5049,51 @@ declare interface UiTooltipContentProps {
     viewportPadding?: number;
 }
 
+export declare function use3dfConfig(): {
+    config: Ref<    {
+    version: number;
+    radiusStep: number;
+    borderOpacity: number;
+    letterSpacing: number;
+    colorPreset: string;
+    fontId: string;
+    }, Ui3dfConfig | {
+    version: number;
+    radiusStep: number;
+    borderOpacity: number;
+    letterSpacing: number;
+    colorPreset: string;
+    fontId: string;
+    }>;
+    reset: () => void;
+    RADIUS_STEPS: readonly [{
+        readonly label: "None";
+        readonly value: "0px";
+    }, {
+        readonly label: "XS";
+        readonly value: "0.25rem";
+    }, {
+        readonly label: "SM";
+        readonly value: "0.5rem";
+    }, {
+        readonly label: "MD";
+        readonly value: "0.75rem";
+    }, {
+        readonly label: "LG";
+        readonly value: "1rem";
+    }, {
+        readonly label: "XL";
+        readonly value: "1.5rem";
+    }, {
+        readonly label: "2XL";
+        readonly value: "2rem";
+    }, {
+        readonly label: "3XL";
+        readonly value: "3rem";
+    }];
+    DEFAULT_CONFIG: Ui3dfConfig;
+};
+
 export declare function useSidebar(): SidebarContext;
 
 export { }