@soave/ui 0.3.2 → 0.5.0

package/dist/composables/useTextarea.mjs

@@ -1,29 +0,0 @@
-import { computed, ref, readonly } from "vue";
-export const useTextarea = (props) => {
-  const is_focused = ref(false);
-  const state = computed(() => ({
-    size: props.value.size ?? "md",
-    disabled: props.value.disabled ?? false,
-    readonly: props.value.readonly ?? false,
-    has_error: !!props.value.error,
-    resize: props.value.resize ?? "vertical"
-  }));
-  const aria_attributes = computed(() => ({
-    "aria-invalid": state.value.has_error || void 0,
-    "aria-describedby": props.value.error_id,
-    "aria-readonly": state.value.readonly || void 0
-  }));
-  const handleFocus = () => {
-    is_focused.value = true;
-  };
-  const handleBlur = () => {
-    is_focused.value = false;
-  };
-  return {
-    state: readonly(state),
-    is_focused,
-    aria_attributes: readonly(aria_attributes),
-    handleFocus,
-    handleBlur
-  };
-};

package/dist/composables/useTheme.mjs

@@ -1,89 +0,0 @@
-import { ref, computed, watch, onMounted, onUnmounted } from "vue";
-const DEFAULT_OPTIONS = {
-  default_mode: "system",
-  storage_key: "soave-ui-theme",
-  attribute: "data-theme"
-};
-export function useTheme(options = {}) {
-  const merged_options = { ...DEFAULT_OPTIONS, ...options };
-  const mode = ref(merged_options.default_mode);
-  let media_query = null;
-  const getSystemTheme = () => {
-    if (typeof window === "undefined") return "light";
-    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-  };
-  const resolved_mode = computed(() => {
-    if (mode.value === "system") {
-      return getSystemTheme();
-    }
-    return mode.value;
-  });
-  const applyTheme = (theme) => {
-    if (typeof document === "undefined") return;
-    const root = document.documentElement;
-    root.setAttribute(merged_options.attribute, theme);
-    if (theme === "dark") {
-      root.classList.add("dark");
-    } else {
-      root.classList.remove("dark");
-    }
-  };
-  const setMode = (new_mode) => {
-    mode.value = new_mode;
-    if (typeof localStorage !== "undefined") {
-      localStorage.setItem(merged_options.storage_key, new_mode);
-    }
-    applyTheme(resolved_mode.value);
-  };
-  const toggleMode = () => {
-    const next_mode = resolved_mode.value === "light" ? "dark" : "light";
-    setMode(next_mode);
-  };
-  const handleSystemThemeChange = (event) => {
-    if (mode.value === "system") {
-      applyTheme(event.matches ? "dark" : "light");
-    }
-  };
-  onMounted(() => {
-    if (typeof localStorage !== "undefined") {
-      const stored = localStorage.getItem(merged_options.storage_key);
-      if (stored && ["light", "dark", "system"].includes(stored)) {
-        mode.value = stored;
-      }
-    }
-    if (typeof window !== "undefined") {
-      media_query = window.matchMedia("(prefers-color-scheme: dark)");
-      media_query.addEventListener("change", handleSystemThemeChange);
-    }
-    applyTheme(resolved_mode.value);
-  });
-  onUnmounted(() => {
-    if (media_query) {
-      media_query.removeEventListener("change", handleSystemThemeChange);
-    }
-  });
-  watch(mode, () => {
-    applyTheme(resolved_mode.value);
-  });
-  return {
-    mode,
-    resolved_mode,
-    setMode,
-    toggleMode
-  };
-}
-export function generateThemeCSS(light, dark) {
-  const formatColor = (key, value) => {
-    const css_key = key.replace(/_/g, "-");
-    return `  --${css_key}: ${value};`;
-  };
-  const lightCSS = Object.entries(light).map(([key, value]) => formatColor(key, value)).join("\n");
-  const darkCSS = Object.entries(dark).map(([key, value]) => formatColor(key, value)).join("\n");
-  return `:root {
-${lightCSS}
-}
-
-.dark {
-${darkCSS}
-}`;
-}

package/dist/composables/useToast.mjs

@@ -1,64 +0,0 @@
-import { ref } from "vue";
-const toasts = ref([]);
-let toast_counter = 0;
-const generateId = () => {
-  toast_counter++;
-  return `toast-${toast_counter}-${Date.now()}`;
-};
-export function useToast() {
-  const add = (props) => {
-    const id = props.id ?? generateId();
-    const toast2 = {
-      id,
-      title: props.title,
-      description: props.description,
-      variant: props.variant ?? "default",
-      duration: props.duration ?? 5e3,
-      dismissible: props.dismissible ?? true,
-      action: props.action,
-      created_at: Date.now()
-    };
-    toasts.value = [...toasts.value, toast2];
-    if (toast2.duration > 0) {
-      setTimeout(() => {
-        dismiss(id);
-      }, toast2.duration);
-    }
-    return id;
-  };
-  const dismiss = (id) => {
-    toasts.value = toasts.value.filter((t) => t.id !== id);
-  };
-  const dismissAll = () => {
-    toasts.value = [];
-  };
-  const update = (id, props) => {
-    toasts.value = toasts.value.map((toast2) => {
-      if (toast2.id === id) {
-        return {
-          ...toast2,
-          ...props,
-          id: toast2.id,
-          created_at: toast2.created_at
-        };
-      }
-      return toast2;
-    });
-  };
-  return {
-    toasts: [...toasts.value],
-    add,
-    dismiss,
-    dismissAll,
-    update
-  };
-}
-export const toast = {
-  default: (props) => useToast().add({ ...props, variant: "default" }),
-  success: (props) => useToast().add({ ...props, variant: "success" }),
-  error: (props) => useToast().add({ ...props, variant: "error" }),
-  warning: (props) => useToast().add({ ...props, variant: "warning" }),
-  info: (props) => useToast().add({ ...props, variant: "info" }),
-  dismiss: (id) => useToast().dismiss(id),
-  dismissAll: () => useToast().dismissAll()
-};

package/dist/composables/useTooltip.mjs

@@ -1,125 +0,0 @@
-import { ref, computed, onUnmounted } from "vue";
-let tooltip_counter = 0;
-export function useTooltip(props) {
-  const is_open = ref(false);
-  const trigger_ref = ref(null);
-  const content_ref = ref(null);
-  const tooltip_id = `tooltip-${++tooltip_counter}`;
-  let show_timeout = null;
-  let hide_timeout = null;
-  const clearTimeouts = () => {
-    if (show_timeout) {
-      clearTimeout(show_timeout);
-      show_timeout = null;
-    }
-    if (hide_timeout) {
-      clearTimeout(hide_timeout);
-      hide_timeout = null;
-    }
-  };
-  const show = () => {
-    if (props.value.disabled) return;
-    clearTimeouts();
-    is_open.value = true;
-  };
-  const hide = () => {
-    clearTimeouts();
-    is_open.value = false;
-  };
-  const handleMouseEnter = () => {
-    if (props.value.disabled) return;
-    clearTimeouts();
-    const delay = props.value.delay_duration ?? 200;
-    show_timeout = setTimeout(() => {
-      is_open.value = true;
-    }, delay);
-  };
-  const handleMouseLeave = () => {
-    clearTimeouts();
-    const skip_delay = props.value.skip_delay_duration ?? 100;
-    hide_timeout = setTimeout(() => {
-      is_open.value = false;
-    }, skip_delay);
-  };
-  const handleFocus = () => {
-    if (props.value.disabled) return;
-    show();
-  };
-  const handleBlur = () => {
-    hide();
-  };
-  const position_styles = computed(() => {
-    if (!trigger_ref.value || !is_open.value) {
-      return {};
-    }
-    const side = props.value.side ?? "top";
-    const align = props.value.align ?? "center";
-    const offset = 8;
-    const styles = {
-      position: "absolute",
-      zIndex: "50"
-    };
-    switch (side) {
-      case "top":
-        styles.bottom = "100%";
-        styles.marginBottom = `${offset}px`;
-        break;
-      case "bottom":
-        styles.top = "100%";
-        styles.marginTop = `${offset}px`;
-        break;
-      case "left":
-        styles.right = "100%";
-        styles.marginRight = `${offset}px`;
-        break;
-      case "right":
-        styles.left = "100%";
-        styles.marginLeft = `${offset}px`;
-        break;
-    }
-    if (side === "top" || side === "bottom") {
-      switch (align) {
-        case "start":
-          styles.left = "0";
-          break;
-        case "center":
-          styles.left = "50%";
-          styles.transform = "translateX(-50%)";
-          break;
-        case "end":
-          styles.right = "0";
-          break;
-      }
-    } else {
-      switch (align) {
-        case "start":
-          styles.top = "0";
-          break;
-        case "center":
-          styles.top = "50%";
-          styles.transform = "translateY(-50%)";
-          break;
-        case "end":
-          styles.bottom = "0";
-          break;
-      }
-    }
-    return styles;
-  });
-  onUnmounted(() => {
-    clearTimeouts();
-  });
-  return {
-    is_open,
-    trigger_ref,
-    content_ref,
-    tooltip_id,
-    position_styles,
-    show,
-    hide,
-    handleMouseEnter,
-    handleMouseLeave,
-    handleFocus,
-    handleBlur
-  };
-}

package/dist/composables/useUIConfig.mjs

@@ -1,53 +0,0 @@
-import { inject, provide, reactive, readonly } from "vue";
-import { DEFAULT_UI_CONFIG } from "../types/config.mjs";
-import { tailwindAdapter } from "../adapters/tailwind.mjs";
-import { deepMerge } from "../utils/deepMerge.mjs";
-import { COMPONENT_ERRORS } from "../constants/errors.mjs";
-import { CONFIG_LOGS } from "../constants/logs.mjs";
-export const UI_PROVIDER_KEY = Symbol("ui-provider");
-export const UI_CONFIG_KEY = Symbol("ui-config");
-export const useUIProvider = (config = {}, adapter = tailwindAdapter) => {
-  const merged_config = reactive(
-    deepMerge(DEFAULT_UI_CONFIG, config)
-  );
-  const context = {
-    config: merged_config,
-    adapter
-  };
-  provide(UI_PROVIDER_KEY, context);
-  provide(UI_CONFIG_KEY, merged_config);
-  if (import.meta.env.DEV) {
-    console.debug(CONFIG_LOGS.PROVIDER_INITIALIZED, context);
-  }
-  return context;
-};
-export function useUI(component) {
-  const context = inject(UI_PROVIDER_KEY, null);
-  if (!context) {
-    if (import.meta.env.DEV) {
-      console.warn(COMPONENT_ERRORS.PROVIDER_NOT_FOUND);
-    }
-    return readonly(DEFAULT_UI_CONFIG[component]);
-  }
-  return readonly(context.config[component]);
-}
-export const useUIConfig = () => {
-  const context = inject(UI_PROVIDER_KEY, null);
-  if (!context) {
-    if (import.meta.env.DEV) {
-      console.warn(COMPONENT_ERRORS.PROVIDER_NOT_FOUND);
-    }
-    return readonly(DEFAULT_UI_CONFIG);
-  }
-  return readonly(context.config);
-};
-export const useStyleAdapter = () => {
-  const context = inject(UI_PROVIDER_KEY, null);
-  if (!context) {
-    if (import.meta.env.DEV) {
-      console.warn(COMPONENT_ERRORS.PROVIDER_NOT_FOUND);
-    }
-    return tailwindAdapter;
-  }
-  return context.adapter;
-};

package/dist/constants/errors.mjs

@@ -1,18 +0,0 @@
-export const FORM_ERRORS = {
-  FIELD_NOT_FOUND: "\u6307\u5B9A\u3055\u308C\u305F\u30D5\u30A3\u30FC\u30EB\u30C9\u304C\u30B9\u30AD\u30FC\u30DE\u306B\u5B58\u5728\u3057\u307E\u305B\u3093",
-  VALIDATION_FAILED: "\u30D0\u30EA\u30C7\u30FC\u30B7\u30E7\u30F3\u306B\u5931\u6557\u3057\u307E\u3057\u305F",
-  SUBMIT_FAILED: "\u30D5\u30A9\u30FC\u30E0\u306E\u9001\u4FE1\u306B\u5931\u6557\u3057\u307E\u3057\u305F",
-  SCHEMA_INVALID: "\u7121\u52B9\u306A\u30B9\u30AD\u30FC\u30DE\u304C\u6307\u5B9A\u3055\u308C\u307E\u3057\u305F"
-};
-export const COMPONENT_ERRORS = {
-  INVALID_VARIANT: "\u7121\u52B9\u306Avariant\u304C\u6307\u5B9A\u3055\u308C\u307E\u3057\u305F",
-  INVALID_SIZE: "\u7121\u52B9\u306Asize\u304C\u6307\u5B9A\u3055\u308C\u307E\u3057\u305F",
-  PROVIDER_NOT_FOUND: "UIProvider\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093\u3002\u30A2\u30D7\u30EA\u30B1\u30FC\u30B7\u30E7\u30F3\u3092UIProvider\u3067\u30E9\u30C3\u30D7\u3057\u3066\u304F\u3060\u3055\u3044"
-};
-export const DIALOG_ERRORS = {
-  ALREADY_OPEN: "\u30C0\u30A4\u30A2\u30ED\u30B0\u306F\u65E2\u306B\u958B\u3044\u3066\u3044\u307E\u3059",
-  ALREADY_CLOSED: "\u30C0\u30A4\u30A2\u30ED\u30B0\u306F\u65E2\u306B\u9589\u3058\u3066\u3044\u307E\u3059"
-};
-export const INPUT_ERRORS = {
-  INVALID_TYPE: "\u7121\u52B9\u306Ainput\u30BF\u30A4\u30D7\u304C\u6307\u5B9A\u3055\u308C\u307E\u3057\u305F"
-};

package/dist/constants/index.mjs

@@ -1,2 +0,0 @@
-export * from "./errors.mjs";
-export * from "./logs.mjs";

package/dist/constants/logs.mjs

@@ -1,17 +0,0 @@
-export const FORM_LOGS = {
-  FIELD_VALIDATED: (field) => `\u30D5\u30A3\u30FC\u30EB\u30C9 "${field}" \u306E\u30D0\u30EA\u30C7\u30FC\u30B7\u30E7\u30F3\u304C\u5B8C\u4E86\u3057\u307E\u3057\u305F`,
-  FORM_SUBMITTED: "\u30D5\u30A9\u30FC\u30E0\u304C\u9001\u4FE1\u3055\u308C\u307E\u3057\u305F",
-  FORM_RESET: "\u30D5\u30A9\u30FC\u30E0\u304C\u30EA\u30BB\u30C3\u30C8\u3055\u308C\u307E\u3057\u305F",
-  VALIDATION_STARTED: "\u30D0\u30EA\u30C7\u30FC\u30B7\u30E7\u30F3\u3092\u958B\u59CB\u3057\u307E\u3059"
-};
-export const COMPONENT_LOGS = {
-  DIALOG_OPENED: "\u30C0\u30A4\u30A2\u30ED\u30B0\u304C\u958B\u304B\u308C\u307E\u3057\u305F",
-  DIALOG_CLOSED: "\u30C0\u30A4\u30A2\u30ED\u30B0\u304C\u9589\u3058\u3089\u308C\u307E\u3057\u305F",
-  BUTTON_CLICKED: "\u30DC\u30BF\u30F3\u304C\u30AF\u30EA\u30C3\u30AF\u3055\u308C\u307E\u3057\u305F",
-  INPUT_FOCUSED: "\u5165\u529B\u30D5\u30A3\u30FC\u30EB\u30C9\u306B\u30D5\u30A9\u30FC\u30AB\u30B9\u304C\u5F53\u305F\u308A\u307E\u3057\u305F",
-  INPUT_BLURRED: "\u5165\u529B\u30D5\u30A3\u30FC\u30EB\u30C9\u304B\u3089\u30D5\u30A9\u30FC\u30AB\u30B9\u304C\u5916\u308C\u307E\u3057\u305F"
-};
-export const CONFIG_LOGS = {
-  PROVIDER_INITIALIZED: "UIProvider\u304C\u521D\u671F\u5316\u3055\u308C\u307E\u3057\u305F",
-  CONFIG_UPDATED: "UI\u8A2D\u5B9A\u304C\u66F4\u65B0\u3055\u308C\u307E\u3057\u305F"
-};

package/dist/env.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="vite/client" />
-
-interface ImportMetaEnv {
-    readonly DEV: boolean
-    readonly PROD: boolean
-    readonly MODE: string
-}
-
-interface ImportMeta {
-    readonly env: ImportMetaEnv
-}

package/dist/styles/css-variables.css

@@ -1 +0,0 @@
-:root{--color-primary:#0080ff;--color-primary-foreground:#fff;--color-primary-hover:#0073e6;--color-primary-active:#06c;--color-secondary:#f5f5f5;--color-secondary-foreground:#000;--color-secondary-hover:#e6e6e6;--color-accent:#141414;--color-accent-foreground:#fff;--color-destructive:#ef4343;--color-destructive-foreground:#fff;--color-ghost-hover:#f1f5f9;--color-input:#f1f5f9;--color-input-border:#dbe6f0;--color-input-error:#ef4343;--color-card:#fff;--color-card-border:#dbe6f0;--color-card-foreground:#000;--color-background:#fff;--color-foreground:#000;--color-muted:#f1f5f9;--color-muted-foreground:#4573a1;--color-popover:#fff;--color-popover-foreground:#000;--color-alert-info:#e6f2ff;--color-alert-info-border:#9cf;--color-alert-info-foreground:#004d99;--color-alert-success:#e6ffe6;--color-alert-success-border:#9f9;--color-alert-success-foreground:green;--color-alert-warning:#fff7e6;--color-alert-warning-border:#fd9;--color-alert-warning-foreground:#805500;--size-xs:0.75rem;--size-sm:0.875rem;--size-md:1rem;--size-lg:1.125rem;--size-xl:1.25rem;--space-0-5:0.125rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.625rem;--radius-full:9999px;--border-width-1:1px;--border-width-2:2px;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"Courier New",monospace;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--transition-fast:150ms cubic-bezier(0.16,1,0.3,1);--transition-normal:250ms cubic-bezier(0.16,1,0.3,1);--transition-slow:350ms cubic-bezier(0.16,1,0.3,1);--shadow-xs:0 1px 2px rgba(0,0,0,.05);--shadow-sm:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--z-dropdown:50;--z-sticky:100;--z-fixed:200;--z-modal-backdrop:300;--z-modal:400;--z-popover:500;--z-tooltip:600}.button{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family-base);font-size:var(--size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;transition:all var(--transition-normal);white-space:nowrap}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button--primary{background-color:var(--color-primary);border:var(--border-width-1) solid var(--color-primary);color:var(--color-primary-foreground)}.button--primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.button--primary:active:not(:disabled){background-color:var(--color-primary-active)}.button--secondary{background-color:var(--color-secondary);border:var(--border-width-1) solid var(--color-input-border);color:var(--color-secondary-foreground)}.button--secondary:hover:not(:disabled){background-color:var(--color-secondary-hover)}.button--outline{background-color:transparent;border:var(--border-width-1) solid var(--color-input-border);color:var(--color-foreground)}.button--outline:hover:not(:disabled){background-color:var(--color-ghost-hover)}.button--ghost{background-color:transparent;border:none;color:var(--color-foreground)}.button--ghost:hover:not(:disabled){background-color:var(--color-ghost-hover)}.button--destructive{background-color:var(--color-destructive);border:var(--border-width-1) solid var(--color-destructive);color:var(--color-destructive-foreground)}.button--destructive:hover:not(:disabled){background-color:#ed2c2c}.button--sm{font-size:var(--size-sm);height:var(--space-8);padding:var(--space-2) var(--space-3)}.button--md{height:var(--space-10);padding:var(--space-2) var(--space-4)}.button--lg{font-size:var(--size-lg);height:var(--space-11);padding:var(--space-3) var(--space-8)}.button--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.button--loading{cursor:wait}.input{background-color:var(--color-background);border:var(--border-width-1) solid var(--color-input-border);border-radius:var(--radius-md);display:flex;font-family:var(--font-family-base);font-size:var(--size-sm);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.input::-moz-placeholder{color:var(--color-muted-foreground)}.input::placeholder{color:var(--color-muted-foreground)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,128,255,.1);outline:none}.input--sm{font-size:var(--size-sm);height:var(--space-8);padding:var(--space-1) var(--space-2)}.input--md{height:var(--space-10);padding:var(--space-2) var(--space-3)}.input--lg{font-size:var(--size-lg);height:var(--space-11);padding:var(--space-3) var(--space-4)}.input--error{border-color:var(--color-input-error)}.input--error:focus{box-shadow:0 0 0 3px rgba(239,67,67,.1)}.input--disabled{cursor:not-allowed;opacity:.7}.input--disabled,.input--readonly{background-color:var(--color-muted)}.textarea{background-color:var(--color-background);border:var(--border-width-1) solid var(--color-input-border);border-radius:var(--radius-md);display:flex;font-family:var(--font-family-base);font-size:var(--size-sm);padding:var(--space-2) var(--space-3);resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.textarea::-moz-placeholder{color:var(--color-muted-foreground)}.textarea::placeholder{color:var(--color-muted-foreground)}.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,128,255,.1);outline:none}.textarea--sm{font-size:var(--size-sm);min-height:80px}.textarea--md{min-height:100px}.textarea--lg{font-size:var(--size-lg);min-height:120px}.textarea--error{border-color:var(--color-input-error)}.textarea--disabled{cursor:not-allowed;opacity:.7}.textarea--disabled,.textarea--readonly{background-color:var(--color-muted)}.card{background-color:var(--color-card);border:var(--border-width-1) solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-card-foreground)}.card--padding-sm{padding:var(--space-4)}.card--padding-md{padding:var(--space-6)}.card--padding-lg{padding:var(--space-8)}.checkbox{align-items:center;background-color:var(--color-background);border:var(--border-width-1) solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;height:1rem;justify-content:center;transition:all var(--transition-fast);width:1rem}.checkbox:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.checkbox--checked,.checkbox--indeterminate{background-color:var(--color-primary);color:var(--color-primary-foreground)}.checkbox--disabled{cursor:not-allowed;opacity:.5}.radio{align-items:center;background-color:var(--color-background);border:var(--border-width-1) solid var(--color-primary);border-radius:var(--radius-full);cursor:pointer;display:inline-flex;height:1rem;justify-content:center;transition:all var(--transition-fast);width:1rem}.radio:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.radio--checked:after{background-color:var(--color-primary);border-radius:var(--radius-full);content:"";display:block;height:.5rem;width:.5rem}.radio--disabled{cursor:not-allowed;opacity:.5}.switch{align-items:center;background-color:var(--color-input-border);border-radius:var(--radius-full);cursor:pointer;display:inline-flex;height:1.5rem;padding:2px;transition:all var(--transition-fast);width:2.75rem}.switch:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.switch--checked{background-color:var(--color-primary)}.switch--disabled{cursor:not-allowed;opacity:.5}.select{align-items:center;background-color:var(--color-background);border:var(--border-width-1) solid var(--color-input-border);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--size-sm);justify-content:space-between;padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,128,255,.1);outline:none}.select--sm{font-size:var(--size-sm);height:var(--space-8)}.select--md{height:var(--space-10)}.select--lg{font-size:var(--size-lg);height:var(--space-11)}.select--disabled{cursor:not-allowed;opacity:.5}.select__content{background-color:var(--color-popover);border:var(--border-width-1) solid var(--color-card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:24rem;min-width:8rem;overflow:auto;position:absolute;z-index:var(--z-dropdown)}.select__item{align-items:center;cursor:pointer;display:flex;font-size:var(--size-sm);padding:var(--space-2) var(--space-3);transition:background-color var(--transition-fast);width:100%}.select__item:hover{background-color:var(--color-ghost-hover)}.dialog{background-color:var(--color-background);border:var(--border-width-1) solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);left:50%;max-width:32rem;padding:var(--space-6);position:fixed;top:50%;transform:translate(-50%,-50%);width:100%;z-index:var(--z-modal)}.dialog__overlay{background-color:rgba(0,0,0,.8);inset:0;position:fixed;z-index:var(--z-modal-backdrop)}.sheet{background-color:var(--color-background);box-shadow:var(--shadow-lg);padding:var(--space-6);position:fixed;transition:transform var(--transition-slow);z-index:var(--z-modal)}.sheet--top{border-bottom:var(--border-width-1) solid var(--color-card-border);inset:0 0 auto 0}.sheet--bottom{border-top:var(--border-width-1) solid var(--color-card-border);inset:auto 0 0 0}.sheet--left{border-right:var(--border-width-1) solid var(--color-card-border);inset:0 auto 0 0}.sheet--left,.sheet--right{height:100%;max-width:24rem;width:75%}.sheet--right{border-left:var(--border-width-1) solid var(--color-card-border);inset:0 0 0 auto}.sheet__overlay{background-color:rgba(0,0,0,.8);inset:0;position:fixed;z-index:var(--z-modal-backdrop)}.alert{border:var(--border-width-1) solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--space-4);position:relative;width:100%}.alert--default{background-color:var(--color-background);color:var(--color-foreground)}.alert--info{background-color:var(--color-alert-info);border-color:var(--color-alert-info-border);color:var(--color-alert-info-foreground)}.alert--success{background-color:var(--color-alert-success);border-color:var(--color-alert-success-border);color:var(--color-alert-success-foreground)}.alert--warning{background-color:var(--color-alert-warning);border-color:var(--color-alert-warning-border);color:var(--color-alert-warning-foreground)}.alert--destructive{background-color:rgba(239,67,67,.1);border-color:rgba(239,67,67,.5);color:var(--color-destructive)}.toast{align-items:center;border:var(--border-width-1) solid var(--color-card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;gap:var(--space-4);justify-content:space-between;overflow:hidden;padding:var(--space-6);padding-right:var(--space-8);width:100%}.toast--default{background-color:var(--color-background);color:var(--color-foreground)}.toast--success{background-color:var(--color-alert-success);border-color:var(--color-alert-success-border);color:var(--color-alert-success-foreground)}.toast--error{background-color:rgba(239,67,67,.1);border-color:var(--color-destructive);color:var(--color-destructive)}.toast--warning{background-color:var(--color-alert-warning);border-color:var(--color-alert-warning-border);color:var(--color-alert-warning-foreground)}.toast--info{background-color:var(--color-alert-info);border-color:var(--color-alert-info-border);color:var(--color-alert-info-foreground)}.tooltip{font-size:var(--size-sm);overflow:hidden;padding:var(--space-1) var(--space-3);z-index:var(--z-tooltip)}.popover,.tooltip{background-color:var(--color-popover);border:var(--border-width-1) solid var(--color-card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--color-popover-foreground)}.popover{padding:var(--space-4);width:18rem;z-index:var(--z-popover)}.dropdown{background-color:var(--color-popover);border:var(--border-width-1) solid var(--color-card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--color-popover-foreground);min-width:8rem;overflow:hidden;padding:var(--space-1);z-index:var(--z-dropdown)}.dropdown__item{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:var(--size-sm);padding:var(--space-2);transition:background-color var(--transition-fast)}.dropdown__item:hover{background-color:var(--color-ghost-hover)}.label{font-size:var(--size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}@media (prefers-color-scheme:dark){:root{--color-primary:#39f;--color-primary-foreground:#000;--color-secondary:#25292c;--color-secondary-foreground:#fff;--color-card:#171a1c;--color-card-border:#2e3338;--color-card-foreground:#fff;--color-background:#131416;--color-foreground:#fff;--color-muted:#25292c;--color-muted-foreground:#9099a2;--color-input:#25292c;--color-input-border:#3a4045;--color-popover:#1c1f21;--color-popover-foreground:#fff;--color-ghost-hover:#2e3338;--color-alert-info:#00264d;--color-alert-info-border:#06c;--color-alert-info-foreground:#9cf;--color-alert-success:#004d00;--color-alert-success-border:#00b300;--color-alert-success-foreground:#9f9;--color-alert-warning:#4d3300;--color-alert-warning-border:#e69900;--color-alert-warning-foreground:#fd9}}[data-theme=dark]{--color-primary:#39f;--color-primary-foreground:#000;--color-secondary:#25292c;--color-secondary-foreground:#fff;--color-card:#171a1c;--color-card-border:#2e3338;--color-card-foreground:#fff;--color-background:#131416;--color-foreground:#fff;--color-muted:#25292c;--color-muted-foreground:#9099a2;--color-input:#25292c;--color-input-border:#3a4045;--color-popover:#1c1f21;--color-popover-foreground:#fff;--color-ghost-hover:#2e3338;--color-alert-info:#00264d;--color-alert-info-border:#06c;--color-alert-info-foreground:#9cf;--color-alert-success:#004d00;--color-alert-success-border:#00b300;--color-alert-success-foreground:#9f9;--color-alert-warning:#4d3300;--color-alert-warning-border:#e69900;--color-alert-warning-foreground:#fd9}[data-theme=light]{--color-primary:#0080ff;--color-primary-foreground:#fff;--color-secondary:#f5f5f5;--color-secondary-foreground:#000;--color-card:#fff;--color-card-border:#dbe6f0;--color-card-foreground:#000;--color-background:#fff;--color-foreground:#000;--color-muted:#f1f5f9;--color-muted-foreground:#4573a1;--color-input:#f1f5f9;--color-input-border:#dbe6f0;--color-popover:#fff;--color-popover-foreground:#000;--color-ghost-hover:#f1f5f9;--color-alert-info:#e6f2ff;--color-alert-info-border:#9cf;--color-alert-info-foreground:#004d99;--color-alert-success:#e6ffe6;--color-alert-success-border:#9f9;--color-alert-success-foreground:green;--color-alert-warning:#fff7e6;--color-alert-warning-border:#fd9;--color-alert-warning-foreground:#805500}

package/dist/styles/index.d.ts

@@ -1 +0,0 @@
-export declare const CSS_VARIABLES_PATH = "./css-variables.css";

package/dist/styles/index.mjs

@@ -1 +0,0 @@
-export const CSS_VARIABLES_PATH = "./css-variables.css";

package/dist/types/config.mjs

@@ -1,15 +0,0 @@
-export const DEFAULT_UI_CONFIG = {
-  button: {
-    default_variant: "primary",
-    default_size: "md"
-  },
-  input: {
-    default_size: "md"
-  },
-  card: {
-    default_padding: "md"
-  },
-  alert: {
-    default_variant: "default"
-  }
-};

package/dist/types/dialog.mjs

@@ -1 +0,0 @@
-export const DIALOG_KEY = Symbol("dialog");

package/dist/types/dropdown.mjs

@@ -1 +0,0 @@
-export const DROPDOWN_CONTEXT_KEY = Symbol("dropdown-context");

package/dist/types/index.mjs

@@ -1,21 +0,0 @@
-export * from "./utils.mjs";
-export * from "./button.mjs";
-export * from "./input.mjs";
-export * from "./card.mjs";
-export * from "./dialog.mjs";
-export * from "./form.mjs";
-export * from "./alert.mjs";
-export * from "./config.mjs";
-export * from "./checkbox.mjs";
-export * from "./radio.mjs";
-export * from "./switch.mjs";
-export * from "./textarea.mjs";
-export * from "./select.mjs";
-export * from "./file-input.mjs";
-export * from "./toast.mjs";
-export * from "./tooltip.mjs";
-export * from "./popover.mjs";
-export * from "./dropdown.mjs";
-export * from "./sheet.mjs";
-export * from "./theme.mjs";
-export * from "./composables.mjs";

package/dist/types/popover.mjs

@@ -1 +0,0 @@
-export const POPOVER_CONTEXT_KEY = Symbol("popover-context");

package/dist/types/radio.mjs

@@ -1 +0,0 @@
-export const RADIO_GROUP_KEY = Symbol("radio-group");

package/dist/types/select.mjs

@@ -1 +0,0 @@
-export const SELECT_KEY = Symbol("select");

package/dist/types/sheet.mjs

@@ -1 +0,0 @@
-export const SHEET_CONTEXT_KEY = Symbol("sheet-context");

package/dist/types/theme.mjs

@@ -1,42 +0,0 @@
-export const DEFAULT_LIGHT_COLORS = {
-  background: "0 0% 100%",
-  foreground: "222.2 84% 4.9%",
-  card: "0 0% 100%",
-  card_foreground: "222.2 84% 4.9%",
-  popover: "0 0% 100%",
-  popover_foreground: "222.2 84% 4.9%",
-  primary: "222.2 47.4% 11.2%",
-  primary_foreground: "210 40% 98%",
-  secondary: "210 40% 96.1%",
-  secondary_foreground: "222.2 47.4% 11.2%",
-  muted: "210 40% 96.1%",
-  muted_foreground: "215.4 16.3% 46.9%",
-  accent: "210 40% 96.1%",
-  accent_foreground: "222.2 47.4% 11.2%",
-  destructive: "0 84.2% 60.2%",
-  destructive_foreground: "210 40% 98%",
-  border: "214.3 31.8% 91.4%",
-  input: "214.3 31.8% 91.4%",
-  ring: "222.2 84% 4.9%"
-};
-export const DEFAULT_DARK_COLORS = {
-  background: "222.2 84% 4.9%",
-  foreground: "210 40% 98%",
-  card: "222.2 84% 4.9%",
-  card_foreground: "210 40% 98%",
-  popover: "222.2 84% 4.9%",
-  popover_foreground: "210 40% 98%",
-  primary: "210 40% 98%",
-  primary_foreground: "222.2 47.4% 11.2%",
-  secondary: "217.2 32.6% 17.5%",
-  secondary_foreground: "210 40% 98%",
-  muted: "217.2 32.6% 17.5%",
-  muted_foreground: "215 20.2% 65.1%",
-  accent: "217.2 32.6% 17.5%",
-  accent_foreground: "210 40% 98%",
-  destructive: "0 62.8% 30.6%",
-  destructive_foreground: "210 40% 98%",
-  border: "217.2 32.6% 17.5%",
-  input: "217.2 32.6% 17.5%",
-  ring: "212.7 26.8% 83.9%"
-};

package/dist/types/tooltip.mjs

@@ -1 +0,0 @@
-export const TOOLTIP_CONTEXT_KEY = Symbol("tooltip-context");

package/dist/utils/cn.mjs

@@ -1,5 +0,0 @@
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-export const cn = (...inputs) => {
-  return twMerge(clsx(inputs));
-};

package/dist/utils/deepMerge.mjs

@@ -1,18 +0,0 @@
-export const deepMerge = (target, source) => {
-  const output = { ...target };
-  for (const key in source) {
-    if (Object.prototype.hasOwnProperty.call(source, key)) {
-      const source_value = source[key];
-      const target_value = target[key];
-      if (source_value !== null && typeof source_value === "object" && !Array.isArray(source_value) && target_value !== null && typeof target_value === "object" && !Array.isArray(target_value)) {
-        output[key] = deepMerge(
-          target_value,
-          source_value
-        );
-      } else if (source_value !== void 0) {
-        output[key] = source_value;
-      }
-    }
-  }
-  return output;
-};

package/dist/utils/index.mjs

@@ -1,2 +0,0 @@
-export { cn } from "./cn.mjs";
-export { deepMerge } from "./deepMerge.mjs";