@umbra.ui/core 0.1.0

package/dist/components/controls/Dropdown/types.d.ts

@@ -0,0 +1,5 @@
+import { ControlItem } from "../SegmentedControl/types";
+export interface DropdownItem extends ControlItem {
+    id: string | number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/controls/Dropdown/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAGxD,MAAM,WAAW,YAAa,SAAQ,WAAW;IAC/C,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;CACrB"}

package/dist/components/controls/Dropdown/types.js

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

package/dist/components/controls/SegmentedControl/types.d.ts

@@ -0,0 +1,6 @@
+export interface ControlItem {
+    title: string;
+    subtitle?: string;
+    disabled?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/controls/SegmentedControl/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/SegmentedControl/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/components/controls/SegmentedControl/types.js

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

package/dist/components/dialogs/Alert/types.d.ts

@@ -0,0 +1,7 @@
+export type AlertActionType = "Default" | "Secondary" | "Destructive" | "Cancel";
+export interface AlertAction {
+    title: string;
+    action: () => void;
+    type: AlertActionType;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/dialogs/Alert/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/dialogs/Alert/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,WAAW,GACX,aAAa,GACb,QAAQ,CAAC;AAEb,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,IAAI,EAAE,eAAe,CAAC;CACvB"}

package/dist/components/dialogs/Alert/types.js

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

package/dist/components/dialogs/Toast/types.d.ts

@@ -0,0 +1,34 @@
+export type BarPosition = "Top" | "Bottom";
+export type ToastType = "success" | "error" | "warning" | "info";
+export interface ToastAction {
+    label: string;
+    action: () => void;
+    style?: "primary" | "secondary";
+}
+export interface ToastOptions {
+    title: string;
+    description?: string;
+    iconName?: string;
+    position?: BarPosition;
+    toastType?: ToastType | string;
+    duration?: number;
+    dismissible?: boolean;
+    actions?: ToastAction[];
+    onDismiss?: () => void;
+    className?: string;
+    role?: "alert" | "status";
+}
+export interface ToastInstance extends Required<Omit<ToastOptions, "actions" | "onDismiss" | "className" | "role">> {
+    id: string;
+    show: boolean;
+    actions?: ToastAction[];
+    onDismiss?: () => void;
+    className?: string;
+    role?: "alert" | "status";
+}
+export declare const ToastPresets: {
+    readonly quick: Partial<ToastOptions>;
+    readonly persistent: Partial<ToastOptions>;
+    readonly important: Partial<ToastOptions>;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/dialogs/Toast/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/dialogs/Toast/types.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,QAAQ,CAAC;AAC3C,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEjE,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CACjC;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC3B;AAED,MAAM,WAAW,aACf,SAAQ,QAAQ,CACd,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,MAAM,CAAC,CACnE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC3B;AAGD,eAAO,MAAM,YAAY;oBACM,OAAO,CAAC,YAAY,CAAC;yBACA,OAAO,CAAC,YAAY,CAAC;wBAKlE,OAAO,CAAC,YAAY,CAAC;CAClB,CAAC"}

package/dist/components/dialogs/Toast/types.js

@@ -0,0 +1,10 @@
+// Preset configurations for common scenarios
+export const ToastPresets = {
+    quick: { duration: 2000 },
+    persistent: { duration: 0, dismissible: true },
+    important: {
+        duration: 0,
+        dismissible: false,
+        role: "alert",
+    },
+};

package/dist/components/dialogs/Toast/useToast.d.ts

@@ -0,0 +1,36 @@
+import { App } from "vue";
+import type { ToastOptions } from "./types";
+export declare const ToastPlugin: {
+    install(app: App): void;
+};
+export declare const useToast: () => {
+    toasts: import("vue").ComputedRef<{
+        id: string;
+        show: boolean;
+        actions?: {
+            label: string;
+            action: () => void;
+            style?: "primary" | "secondary" | undefined;
+        }[] | undefined;
+        onDismiss?: (() => void) | undefined;
+        className?: string | undefined;
+        role?: "alert" | "status" | undefined;
+        description: string;
+        title: string;
+        iconName: string;
+        position: import("./types").BarPosition;
+        toastType: import("./types").ToastType | string;
+        duration: number;
+        dismissible: boolean;
+    }[]>;
+    toastStyle: import("vue").ComputedRef<"bar" | "full" | "notification">;
+    addToast: (options: ToastOptions) => Promise<string>;
+    removeToast: (id: string) => void;
+    removeAllToasts: () => void;
+    setToastStyle: (style: "bar" | "full" | "notification") => void;
+    showSuccess: (title: string, description?: string, options?: Partial<ToastOptions>) => Promise<string>;
+    showError: (title: string, description?: string, options?: Partial<ToastOptions>) => Promise<string>;
+    showWarning: (title: string, description?: string, options?: Partial<ToastOptions>) => Promise<string>;
+    showInfo: (title: string, description?: string, options?: Partial<ToastOptions>) => Promise<string>;
+};
+//# sourceMappingURL=useToast.d.ts.map

package/dist/components/dialogs/Toast/useToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../../src/components/dialogs/Toast/useToast.ts"],"names":[],"mappings":"AACA,OAAO,EAA2B,GAAG,EAAmB,MAAM,KAAK,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAiB,MAAM,SAAS,CAAC;AA2F3D,eAAO,MAAM,WAAW;iBACT,GAAG;CAMjB,CAAC;AAGF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;wBAjFK,YAAY,KAAG,OAAO,CAAC,MAAM,CAAC;sBA4BtC,MAAM;;2BAhCD,KAAK,GAAG,MAAM,GAAG,cAAc;yBA+C3C,MAAM,gBACC,MAAM,YACV,OAAO,CAAC,YAAY,CAAC;uBAIxB,MAAM,gBACC,MAAM,YACV,OAAO,CAAC,YAAY,CAAC;yBAIxB,MAAM,gBACC,MAAM,YACV,OAAO,CAAC,YAAY,CAAC;sBAIxB,MAAM,gBACC,MAAM,YACV,OAAO,CAAC,YAAY,CAAC;CAyClC,CAAC"}

package/dist/components/dialogs/Toast/useToast.js

@@ -0,0 +1,90 @@
+// useToast.ts
+import { ref, computed, nextTick, inject } from "vue";
+const TOAST_INJECTION_KEY = Symbol("toast");
+class ToastManager {
+    constructor() {
+        this.toasts = ref([]);
+        this.toastIdCounter = 0;
+        this.currentToastStyle = ref("bar");
+        // Expose reactive toasts
+        this.toastList = computed(() => this.toasts.value);
+        // Expose reactive toast style
+        this.toastStyle = computed(() => this.currentToastStyle.value);
+        // Convenience methods
+        this.showSuccess = (title, description, options) => this.addToast({ title, description, toastType: "success", ...options });
+        this.showError = (title, description, options) => this.addToast({ title, description, toastType: "error", ...options });
+        this.showWarning = (title, description, options) => this.addToast({ title, description, toastType: "warning", ...options });
+        this.showInfo = (title, description, options) => this.addToast({ title, description, toastType: "info", ...options });
+    }
+    // Method to set the global toast style
+    setToastStyle(style) {
+        this.currentToastStyle.value = style;
+    }
+    async addToast(options) {
+        const id = `toast-${++this.toastIdCounter}`;
+        const toast = {
+            id,
+            show: false,
+            duration: 5000,
+            dismissible: true,
+            position: "Top",
+            toastType: "info",
+            description: options.description || "",
+            iconName: options.iconName || "",
+            ...options,
+        };
+        this.toasts.value.push(toast);
+        // Trigger show animation on next tick
+        await nextTick();
+        const toastInstance = this.toasts.value.find((t) => t.id === id);
+        if (toastInstance) {
+            toastInstance.show = true;
+        }
+        // Auto-dismiss is now handled by the container
+        return id;
+    }
+    removeToast(id) {
+        const index = this.toasts.value.findIndex((t) => t.id === id);
+        if (index > -1) {
+            // Remove immediately - the container has already handled the animation
+            this.toasts.value.splice(index, 1);
+        }
+    }
+    removeAllToasts() {
+        // Clear all toasts immediately - container handles animations
+        this.toasts.value = [];
+    }
+}
+// Singleton instance
+let toastManager = null;
+// Plugin for Vue app installation
+export const ToastPlugin = {
+    install(app) {
+        if (!toastManager) {
+            toastManager = new ToastManager();
+        }
+        app.provide(TOAST_INJECTION_KEY, toastManager);
+    },
+};
+// Composable for components
+export const useToast = () => {
+    // Try to inject first (if using plugin)
+    const injected = inject(TOAST_INJECTION_KEY, null);
+    // Fall back to singleton if not using plugin
+    if (!toastManager && !injected) {
+        toastManager = new ToastManager();
+    }
+    const manager = injected || toastManager;
+    return {
+        toasts: manager.toastList,
+        toastStyle: manager.toastStyle,
+        addToast: manager.addToast.bind(manager),
+        removeToast: manager.removeToast.bind(manager),
+        removeAllToasts: manager.removeAllToasts.bind(manager),
+        setToastStyle: manager.setToastStyle.bind(manager),
+        showSuccess: manager.showSuccess.bind(manager),
+        showError: manager.showError.bind(manager),
+        showWarning: manager.showWarning.bind(manager),
+        showInfo: manager.showInfo.bind(manager),
+    };
+};

package/dist/components/indicators/Tooltip/tooltip.d.ts

@@ -0,0 +1,3 @@
+import { Directive } from "vue";
+export declare const vTooltip: Directive;
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/components/indicators/Tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/indicators/Tooltip/tooltip.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAoB,MAAM,KAAK,CAAC;AAQlD,eAAO,MAAM,QAAQ,EAAE,SAsCtB,CAAC"}

package/dist/components/indicators/Tooltip/tooltip.js

@@ -0,0 +1,33 @@
+import { useTooltip } from "./useTooltip";
+export const vTooltip = {
+    mounted(el, binding) {
+        const config = typeof binding.value === "string"
+            ? { content: binding.value }
+            : binding.value;
+        if (config && config.content) {
+            const { bindTooltip } = useTooltip(config);
+            el._tooltipCleanup = bindTooltip(el);
+        }
+    },
+    updated(el, binding) {
+        // Clean up old tooltip
+        if (el._tooltipCleanup) {
+            el._tooltipCleanup();
+            delete el._tooltipCleanup;
+        }
+        // Set up new tooltip if value exists
+        const config = typeof binding.value === "string"
+            ? { content: binding.value }
+            : binding.value;
+        if (config && config.content) {
+            const { bindTooltip } = useTooltip(config);
+            el._tooltipCleanup = bindTooltip(el);
+        }
+    },
+    unmounted(el) {
+        if (el._tooltipCleanup) {
+            el._tooltipCleanup();
+            delete el._tooltipCleanup;
+        }
+    },
+};

package/dist/components/indicators/Tooltip/types.d.ts

@@ -0,0 +1,14 @@
+export interface TooltipConfig {
+    content: string;
+    placement?: "top" | "bottom" | "left" | "right";
+    delay?: number;
+    offset?: number;
+}
+export interface TooltipState {
+    isVisible: boolean;
+    content: string;
+    targetElement: HTMLElement | null;
+    placement: TooltipConfig["placement"];
+    offset: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/indicators/Tooltip/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/indicators/Tooltip/types.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,SAAS,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACtC,MAAM,EAAE,MAAM,CAAC;CAChB"}

package/dist/components/indicators/Tooltip/types.js

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

package/dist/components/indicators/Tooltip/useTooltip.d.ts

@@ -0,0 +1,18 @@
+import { TooltipConfig } from "./types";
+export declare const useTooltipProvider: () => {
+    tooltipState: {
+        isVisible: boolean;
+        content: string;
+        targetElement: HTMLElement | null;
+        placement: TooltipConfig["placement"];
+        offset: number;
+    };
+    showTooltip: (element: HTMLElement, config: TooltipConfig) => Promise<void>;
+    hideTooltip: () => void;
+};
+export declare const useTooltip: (config: TooltipConfig) => {
+    bindTooltip: (element: HTMLElement | any) => () => void;
+    showTooltip: (element: HTMLElement) => Promise<void>;
+    hideTooltip: () => void;
+};
+//# sourceMappingURL=useTooltip.d.ts.map

package/dist/components/indicators/Tooltip/useTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/indicators/Tooltip/useTooltip.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAgB,MAAM,SAAS,CAAC;AAUtD,eAAO,MAAM,kBAAkB;;;;;;;;2BACO,WAAW,UAAU,aAAa;;CAoBvE,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,QAAQ,aAAa;2BAGhB,WAAW,GAAG,GAAG;2BA8BtB,WAAW;;CAGrC,CAAC"}

package/dist/components/indicators/Tooltip/useTooltip.js

@@ -0,0 +1,57 @@
+import { reactive } from "vue";
+const tooltipState = reactive({
+    isVisible: false,
+    content: "",
+    targetElement: null,
+    placement: "top",
+    offset: 2,
+});
+export const useTooltipProvider = () => {
+    const showTooltip = async (element, config) => {
+        tooltipState.content = config.content;
+        tooltipState.placement = config.placement || "top";
+        tooltipState.offset = config.offset || 2;
+        tooltipState.targetElement = element;
+        setTimeout(() => {
+            tooltipState.isVisible = true;
+        }, config.delay || 1000);
+    };
+    const hideTooltip = () => {
+        tooltipState.isVisible = false;
+    };
+    return {
+        tooltipState,
+        showTooltip,
+        hideTooltip,
+    };
+};
+export const useTooltip = (config) => {
+    const { showTooltip, hideTooltip } = useTooltipProvider();
+    const bindTooltip = (element) => {
+        // Handle Vue component instances
+        let actualElement = element;
+        // If it's a Vue component instance, try to get the root element
+        if (element && element.$el) {
+            actualElement = element.$el;
+        }
+        // Safety check to ensure element is an HTMLElement
+        if (!actualElement || !(actualElement instanceof HTMLElement)) {
+            console.error("bindTooltip: Invalid element provided", element);
+            return () => { }; // Return empty cleanup function
+        }
+        const handleMouseEnter = () => showTooltip(actualElement, config);
+        const handleMouseLeave = () => hideTooltip();
+        actualElement.addEventListener("mouseenter", handleMouseEnter);
+        actualElement.addEventListener("mouseleave", handleMouseLeave);
+        // Return cleanup function
+        return () => {
+            actualElement.removeEventListener("mouseenter", handleMouseEnter);
+            actualElement.removeEventListener("mouseleave", handleMouseLeave);
+        };
+    };
+    return {
+        bindTooltip,
+        showTooltip: (element) => showTooltip(element, config),
+        hideTooltip,
+    };
+};

package/dist/components/inputs/Tags/tag-bar-styles.d.ts

@@ -0,0 +1,14 @@
+import "./theme.css";
+interface TagBarStyle {
+    backgroundColor: string;
+    border: string;
+    borderRadius: string;
+    boxShadow: string;
+    padding: string;
+    buttonColor: string;
+    textColor: string;
+}
+declare const isCustomColor: (barStyle: string | undefined) => boolean;
+declare const getTagBarStyle: (type?: string, style?: string) => TagBarStyle;
+export { getTagBarStyle, isCustomColor, type TagBarStyle };
+//# sourceMappingURL=tag-bar-styles.d.ts.map

package/dist/components/inputs/Tags/tag-bar-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-bar-styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/Tags/tag-bar-styles.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAErB,UAAU,WAAW;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB;AAkPD,QAAA,MAAM,aAAa,GAAI,UAAU,MAAM,GAAG,SAAS,KAAG,OAIrD,CAAC;AA2CF,QAAA,MAAM,cAAc,GAClB,OAAM,MAAkB,EACxB,QAAO,MAAkB,KACxB,WAgDF,CAAC;AAGF,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,KAAK,WAAW,EAAE,CAAC"}