@arvea/components 0.0.1

package/dist/tokens/tailwind-preset.cjs

@@ -0,0 +1,827 @@
+'use strict';
+
+// src/tokens/tailwind-preset.ts
+var arveaPreset = {
+  theme: {
+    extend: {
+      // ================================================================
+      // COLORS — Arvea palette
+      // ================================================================
+      colors: {
+        "arvea": {
+          "50": "#F2FBFA",
+          "100": "#D3F4F2",
+          "200": "#A7E8E5",
+          "300": "#73D5D4",
+          "400": "#52BEC0",
+          "500": "#2C9CA0",
+          "600": "#217B80",
+          "700": "#1E6267",
+          "800": "#1C4F53",
+          "900": "#1C4245",
+          "950": "#0A2529"
+        },
+        "slate": {
+          "50": "#F8FAFC",
+          "100": "#F1F5F9",
+          "200": "#E2E8F0",
+          "300": "#CBD5E1",
+          "400": "#94A3B8",
+          "500": "#64748B",
+          "600": "#475569",
+          "700": "#334155",
+          "800": "#1E293B",
+          "900": "#0F172A",
+          "950": "#020617"
+        }
+      },
+      // ================================================================
+      // SPACING
+      // ================================================================
+      spacing: {
+        "0": "0px",
+        "px": "1px",
+        "0-5": "0.125rem",
+        "1": "0.25rem",
+        "1-5": "0.375rem",
+        "2": "0.5rem",
+        "2-5": "0.625rem",
+        "3": "0.75rem",
+        "3-5": "0.875rem",
+        "4": "1rem",
+        "5": "1.25rem",
+        "6": "1.5rem",
+        "7": "1.75rem",
+        "8": "2rem",
+        "9": "2.25rem",
+        "10": "2.5rem",
+        "11": "2.75rem",
+        "12": "3rem",
+        "14": "3.5rem",
+        "16": "4rem",
+        "20": "5rem",
+        "24": "6rem",
+        "28": "7rem",
+        "32": "8rem",
+        "36": "9rem",
+        "40": "10rem",
+        "44": "11rem",
+        "48": "12rem",
+        "52": "13rem",
+        "56": "14rem",
+        "60": "15rem",
+        "64": "16rem",
+        "72": "18rem",
+        "80": "20rem",
+        "96": "24rem"
+      },
+      // ================================================================
+      // FONT FAMILY
+      // ================================================================
+      fontFamily: {
+        DEFAULT: ["'Inter', system-ui, -apple-system, sans-serif"]
+      },
+      // ================================================================
+      // FONT SIZE
+      // ================================================================
+      fontSize: {
+        "xs": "0.75rem",
+        "sm": "0.875rem",
+        "base": "1rem",
+        "lg": "1.125rem",
+        "xl": "1.25rem",
+        "2xl": "1.5rem",
+        "3xl": "1.875rem",
+        "4xl": "2.25rem",
+        "5xl": "3rem"
+      },
+      // ================================================================
+      // FONT WEIGHT
+      // ================================================================
+      fontWeight: {
+        "regular": "400",
+        "medium": "500",
+        "semibold": "600"
+      },
+      // ================================================================
+      // COMPONENT TOKENS (auto-generated)
+      // ================================================================
+      // ================================================
+      // ACTION
+      // ================================================
+      action: {
+        "btn-validate-bg": "#2C9CA0",
+        "btn-edit-bg": "#F97316",
+        "btn-payment-bg": "#64748B",
+        "btn-order-bg": "#F97316",
+        "btn-price-bg": "#F97316",
+        "btn-delete-bg": "#EF4444",
+        "btn-view-bg": "#22C55E",
+        "btn-pdf-bg": "#3B82F6",
+        "btn-pause-bg": "#F59E0B",
+        "btn-download-bg": "#6366F1",
+        "btn-upload-bg": "#8B5CF6",
+        "btn-copy-bg": "#0EA5E9",
+        "btn-print-bg": "#64748B",
+        "btn-settings-bg": "#475569",
+        "btn-archive-bg": "#78716C",
+        "btn-restore-bg": "#2C9CA0",
+        "btn-fg": "#FFFFFF"
+      },
+      // ================================================
+      // BUTTON
+      // ================================================
+      button: {
+        "default-bg": "#217B80",
+        "default-bg-hover": "#1E6267",
+        "default-bg-disabled": "#E2E8F0",
+        "outline-bg": "#FFFFFF",
+        "outline-bg-hover": "#F1F5F9",
+        "secondary-bg": "#F8FAFC",
+        "secondary-bg-hover": "#E2E8F0",
+        "danger-bg": "#E7000B",
+        "danger-bg-hover": "#B91C1C",
+        "link-bg": "transparent",
+        "outline-border": "#E2E8F0",
+        "outline-shadow": "0px 1px 2px rgba(0, 0, 0, 0.05)",
+        "text-default": "#FFFFFF",
+        "text-outline": "#334155",
+        "text-secondary": "#334155",
+        "text-danger": "#FFFFFF",
+        "text-link": "#217B80",
+        "text-link-hover": "#1E6267",
+        "text-disabled": "#94A3B8",
+        "radius": "8px",
+        "gap": "6px",
+        "padding-default": "8px 16px",
+        "height-default": "36px",
+        "padding-sm": "0px 12px",
+        "height-sm": "32px",
+        "padding-lg": "0px 24px",
+        "height-lg": "40px",
+        "padding-icon": "0px",
+        "size-icon": "40px"
+      },
+      // ================================================
+      // LOADER
+      // ================================================
+      loader: {
+        "color-default": "#FFFFFF",
+        "color-subtle-default": "rgba(255, 255, 255, 0.4)",
+        "color-outline": "#334155",
+        "color-subtle-outline": "rgba(51, 65, 85, 0.4)",
+        "color-secondary": "#334155",
+        "color-subtle-secondary": "rgba(51, 65, 85, 0.4)",
+        "color-danger": "#FFFFFF",
+        "color-subtle-danger": "rgba(255, 255, 255, 0.4)"
+      },
+      // ================================================
+      // BADGE
+      // ================================================
+      badge: {
+        "success-bg": "#F0FDF4",
+        "success-text": "#15803D",
+        "success-icon": "#15803D",
+        "error-bg": "#FEE2E2",
+        "error-text": "#DC2626",
+        "error-icon": "#DC2626",
+        "warning-bg": "#FEF9C3",
+        "warning-text": "#A16207",
+        "warning-icon": "#A16207",
+        "info-bg": "#DBEAFE",
+        "info-text": "#2563EB",
+        "info-icon": "#2563EB",
+        "pending-bg": "#FED7AA",
+        "pending-text": "#7C2D12",
+        "pending-icon": "#7C2D12",
+        "active-bg": "#1D4ED8",
+        "active-text": "#EFF6FF",
+        "active-icon": "#EFF6FF",
+        "inactive-bg": "#F1F5F9",
+        "inactive-text": "#475569",
+        "inactive-icon": "#475569",
+        "radius": "4px",
+        "padding": "3px 8px",
+        "gap": "4px",
+        "font-size": "12px",
+        "font-weight": "600",
+        "line-height": "16px",
+        "height": "22px",
+        "label-default-bg": "#155DFC",
+        "label-default-border": "#155DFC",
+        "label-default-text": "#F8FAFC",
+        "label-destructive-bg": "#E7000B",
+        "label-destructive-border": "#E7000B",
+        "label-destructive-text": "#F8FAFC",
+        "label-secondary-bg": "#F1F5F9",
+        "label-secondary-border": "#F1F5F9",
+        "label-secondary-text": "#0F172B",
+        "label-outline-bg": "transparent",
+        "label-outline-border": "#E2E8F0",
+        "label-outline-text": "#020618",
+        "label-radius": "8px",
+        "label-padding": "2px 8px",
+        "label-gap": "8px",
+        "label-height": "20px",
+        "label-font-size": "12px",
+        "label-font-weight": "600",
+        "label-line-height": "16px"
+      },
+      // ================================================
+      // TOGGLE
+      // ================================================
+      toggle: {
+        "checked-bg": "#217B80",
+        "unchecked-bg": "#E2E8F0",
+        "width": "44px",
+        "height": "24px",
+        "padding": "2px",
+        "radius": "9999px",
+        "thumb-size": "20px",
+        "thumb-bg": "#FFFFFF"
+      },
+      // ================================================
+      // CHECKBOX
+      // ================================================
+      checkbox: {
+        "size": "16px",
+        "radius": "4px",
+        "border": "#217B80",
+        "checked-bg": "#217B80",
+        "unchecked-bg": "#FFFFFF",
+        "disabled-opacity": "0.5",
+        "check-size": "12px",
+        "check-color": "#FFFFFF"
+      },
+      // ================================================
+      // RADIO
+      // ================================================
+      radio: {
+        "size": "16px",
+        "radius": "9999px",
+        "border": "#217B80",
+        "checked-bg": "#FFFFFF",
+        "unchecked-bg": "#FFFFFF",
+        "dot-size": "8px",
+        "dot-color": "#217B80",
+        "disabled-opacity": "0.5",
+        "gap": "8px",
+        "label-size": "14px",
+        "label-weight": "500",
+        "label-color": "#020618"
+      },
+      // ================================================
+      // SLIDER
+      // ================================================
+      slider: {
+        "track-height": "8px",
+        "track-bg": "#F1F5F9",
+        "track-filled-bg": "#217B80",
+        "track-radius": "9999px",
+        "thumb-size": "20px",
+        "thumb-bg": "#FFFFFF",
+        "thumb-border": "#217B80",
+        "thumb-border-width": "2px",
+        "thumb-shadow-focus": "0 0 0 4px rgba(33, 123, 128, 0.18)",
+        "label-color": "#334155",
+        "label-size": "13px",
+        "label-weight": "500",
+        "value-color": "#217B80",
+        "value-size": "13px",
+        "tick-color": "#94A3B8",
+        "tick-size": "4px",
+        "disabled-opacity": "0.5"
+      },
+      // ================================================
+      // INPUT
+      // ================================================
+      input: {
+        "bg": "#FFFFFF",
+        "bg-disabled": "#F1F5F9",
+        "text": "#0F172A",
+        "placeholder": "#94A3B8",
+        "border": "#CBD5E1",
+        "border-hover": "#94A3B8",
+        "border-focus": "#217B80",
+        "border-invalid": "#DC2626",
+        "border-warning": "#A16207",
+        "radius": "8px",
+        "padding-x": "12px",
+        "padding-y": "8px",
+        "height": "36px",
+        "font-size": "14px",
+        "label-color": "#334155",
+        "label-size": "13px",
+        "label-weight": "500",
+        "hint-color": "#64748B",
+        "hint-color-invalid": "#DC2626",
+        "hint-color-warning": "#A16207",
+        "hint-color-valid": "#15803D",
+        "hint-size": "12px",
+        "shadow-focus": "0 0 0 3px rgba(33, 123, 128, 0.15)"
+      },
+      // ================================================
+      // SELECT
+      // ================================================
+      select: {
+        "bg": "#FFFFFF",
+        "bg-disabled": "#F1F5F9",
+        "text": "#0F172A",
+        "placeholder": "#94A3B8",
+        "border": "#CBD5E1",
+        "border-focus": "#217B80",
+        "border-invalid": "#DC2626",
+        "radius": "8px",
+        "padding-x": "12px",
+        "padding-y": "8px",
+        "height": "36px",
+        "font-size": "14px",
+        "chevron-color": "#64748B",
+        "popup-bg": "#ffffff",
+        "popup-border": "#e2e8f0",
+        "popup-shadow": "0 8px 24px rgba(15, 23, 42, 0.12)",
+        "popup-radius": "8px",
+        "popup-z": "9999",
+        "option-hover-bg": "#f8fafc",
+        "option-active-bg": "#f1f5f9",
+        "option-selected-bg": "#eff6ff",
+        "option-selected-fg": "#1d4ed8",
+        "tag-bg": "#f1f5f9",
+        "tag-fg": "#334155",
+        "tag-radius": "4px"
+      },
+      // ================================================
+      // TAG
+      // ================================================
+      tag: {
+        "bg": "#FFFFFF",
+        "bg-hover": "#F8FAFC",
+        "bg-selected": "#217B80",
+        "text": "#334155",
+        "text-selected": "#FFFFFF",
+        "border": "#E2E8F0",
+        "border-selected": "#217B80",
+        "radius": "9999px",
+        "padding": "4px 10px",
+        "gap": "6px",
+        "font-size": "12px",
+        "font-weight": "500",
+        "height": "24px",
+        "remove-color": "#64748B",
+        "remove-color-selected": "#FFFFFF",
+        "remove-hover-bg": "rgba(15, 23, 42, 0.08)"
+      },
+      // ================================================
+      // SPINNER
+      // ================================================
+      spinner: {
+        "color": "#217B80",
+        "track-color": "rgba(33, 123, 128, 0.2)",
+        "size-sm": "16px",
+        "size-md": "24px",
+        "size-lg": "32px",
+        "border-sm": "2px",
+        "border-md": "3px",
+        "border-lg": "4px"
+      },
+      // ================================================
+      // TOOLTIP
+      // ================================================
+      tooltip: {
+        "bg": "#1E293B",
+        "text": "#F8FAFC",
+        "radius": "6px",
+        "padding": "6px 10px",
+        "font-size": "12px",
+        "font-weight": "500",
+        "arrow-size": "6px",
+        "offset": "8px",
+        "max-width": "240px"
+      },
+      // ================================================
+      // CARD
+      // ================================================
+      card: {
+        "bg": "#FFFFFF",
+        "border": "#E2E8F0",
+        "radius": "12px",
+        "padding": "16px",
+        "shadow": "0 1px 2px rgba(15, 23, 42, 0.04)",
+        "shadow-elevated": "0 8px 24px rgba(15, 23, 42, 0.08)"
+      },
+      // ================================================
+      // AVATAR
+      // ================================================
+      avatar: {
+        "bg-identity": "#217B80",
+        "bg-object": "#F1F5F9",
+        "text-identity": "#FFFFFF",
+        "text-object": "#334155",
+        "border-radius-identity": "9999px",
+        "border-radius-object": "8px",
+        "size-sm": "24px",
+        "size-md": "40px",
+        "size-lg": "64px",
+        "font-sm": "10px",
+        "font-md": "14px",
+        "font-lg": "22px",
+        "font-weight": "600",
+        "letter-spacing": "0.02em"
+      },
+      // ================================================
+      // PROGRESS
+      // ================================================
+      progress: {
+        "track-bg": "#E2E8F0",
+        "fill-bg": "#217B80",
+        "radius": "9999px",
+        "height-sm": "4px",
+        "height-md": "8px",
+        "height-lg": "12px",
+        "label-color": "#334155",
+        "label-size": "12px"
+      },
+      // ================================================
+      // SKELETON
+      // ================================================
+      skeleton: {
+        "bg": "#E2E8F0",
+        "highlight": "#F8FAFC",
+        "radius": "6px",
+        "radius-sm": "4px",
+        "radius-lg": "12px",
+        "pulse-width": "8rem",
+        "duration": "1.6s"
+      },
+      // ================================================
+      // CAROUSEL
+      // ================================================
+      carousel: {
+        "gap": "12px",
+        "radius": "12px",
+        "transition": "transform 0.4s cubic-bezier(0.22, 1, 0.36, 1)",
+        "arrow-size": "36px",
+        "arrow-bg": "#FFFFFF",
+        "arrow-bg-hover": "#F8FAFC",
+        "arrow-border": "#E2E8F0",
+        "arrow-color": "#334155",
+        "arrow-shadow": "0 2px 8px rgba(15, 23, 42, 0.12)",
+        "arrow-offset": "12px",
+        "arrow-disabled-opacity": "0.4",
+        "dot-size": "8px",
+        "dot-size-active": "20px",
+        "dot-bg": "#CBD5E1",
+        "dot-bg-active": "#217B80",
+        "dot-gap": "6px",
+        "dot-row-margin": "12px"
+      },
+      // ================================================
+      // DIALOG
+      // ================================================
+      dialog: {
+        "overlay-bg": "rgba(15, 23, 42, 0.5)",
+        "bg": "#FFFFFF",
+        "radius": "12px",
+        "shadow": "0 24px 48px rgba(15, 23, 42, 0.18)",
+        "padding": "20px",
+        "max-width": "480px",
+        "title-size": "18px",
+        "title-weight": "600",
+        "title-color": "#0F172A",
+        "body-color": "#334155",
+        "close-color": "#64748B",
+        "close-hover-bg": "rgba(15, 23, 42, 0.06)"
+      },
+      // ================================================
+      // TOAST
+      // ================================================
+      toast: {
+        "bg": "#1E293B",
+        "text": "#F8FAFC",
+        "radius": "10px",
+        "padding": "12px 16px",
+        "shadow": "0 10px 32px rgba(15, 23, 42, 0.24)",
+        "gap": "12px",
+        "min-width": "280px",
+        "max-width": "400px",
+        "success-bg": "#15803D",
+        "error-bg": "#DC2626",
+        "warning-bg": "#A16207",
+        "info-bg": "#2563EB"
+      },
+      // ================================================
+      // TABS
+      // ================================================
+      tabs: {
+        "list-border": "#E2E8F0",
+        "tab-color": "#64748B",
+        "tab-color-active": "#217B80",
+        "tab-color-hover": "#334155",
+        "tab-padding": "10px 16px",
+        "tab-radius": "8px",
+        "tab-font-size": "14px",
+        "tab-font-weight": "500",
+        "indicator-color": "#217B80",
+        "indicator-height": "2px",
+        "disabled-opacity": "0.5",
+        "pill-bg-active": "#217B80",
+        "pill-text-active": "#FFFFFF"
+      },
+      // ================================================
+      // ACCORDION
+      // ================================================
+      accordion: {
+        "bg": "#FFFFFF",
+        "border": "#E2E8F0",
+        "radius": "10px",
+        "header-padding": "14px 16px",
+        "header-bg": "transparent",
+        "header-bg-hover": "#F8FAFC",
+        "header-radius": "0",
+        "body-padding": "0 16px 14px",
+        "body-size": "14px",
+        "body-line-height": "1.5",
+        "body-max-height": "1000px",
+        "title-color": "#0F172A",
+        "title-size": "14px",
+        "title-weight": "500",
+        "body-color": "#475569",
+        "chevron-color": "#64748B",
+        "transition": "0.2s ease"
+      },
+      // ================================================
+      // ALERT
+      // ================================================
+      alert: {
+        "radius": "10px",
+        "padding": "12px 14px",
+        "gap": "10px",
+        "title-weight": "600",
+        "title-size": "14px",
+        "body-size": "13px",
+        "close-size": "22px",
+        "close-opacity": "0.7",
+        "close-hover-bg": "rgba(15, 23, 42, 0.06)",
+        "transition": "0.15s ease",
+        "info-bg": "#EFF6FF",
+        "info-border": "#BFDBFE",
+        "info-text": "#1E3A8A",
+        "info-icon": "#2563EB",
+        "success-bg": "#F0FDF4",
+        "success-border": "#BBF7D0",
+        "success-text": "#14532D",
+        "success-icon": "#15803D",
+        "warning-bg": "#FEFCE8",
+        "warning-border": "#FEF08A",
+        "warning-text": "#713F12",
+        "warning-icon": "#A16207",
+        "danger-bg": "#FEF2F2",
+        "danger-border": "#FECACA",
+        "danger-text": "#7F1D1D",
+        "danger-icon": "#DC2626"
+      },
+      // ================================================
+      // DIVIDER
+      // ================================================
+      divider: {
+        "color": "#E2E8F0",
+        "color-strong": "#CBD5E1",
+        "thickness": "1px",
+        "spacing": "16px",
+        "text-color": "#64748B",
+        "text-size": "12px",
+        "text-padding": "12px"
+      },
+      // ================================================
+      // BREADCRUMB
+      // ================================================
+      breadcrumb: {
+        "color": "#475569",
+        "color-hover": "#217B80",
+        "color-current": "#0F172A",
+        "separator-color": "#94A3B8",
+        "font-size": "13px",
+        "gap": "6px"
+      },
+      // ================================================
+      // PAGINATION
+      // ================================================
+      pagination: {
+        "bg": "#FFFFFF",
+        "bg-hover": "#F1F5F9",
+        "bg-active": "#217B80",
+        "border": "#E2E8F0",
+        "border-hover": "#CBD5E1",
+        "border-active": "#217B80",
+        "color": "#334155",
+        "color-active": "#FFFFFF",
+        "radius": "8px",
+        "gap": "4px",
+        "size-sm": "28px",
+        "size-md": "36px",
+        "size-lg": "42px",
+        "font-size": "13px",
+        "shadow-focus": "0 0 0 3px rgba(33, 123, 128, 0.15)"
+      },
+      // ================================================
+      // DROPDOWN
+      // ================================================
+      dropdown: {
+        "bg": "#FFFFFF",
+        "border": "#E2E8F0",
+        "radius": "8px",
+        "shadow": "0 12px 32px rgba(15, 23, 42, 0.12)",
+        "padding": "4px",
+        "min-width": "180px",
+        "max-width": "320px",
+        "trigger-bg": "#FFFFFF",
+        "trigger-bg-hover": "#F8FAFC",
+        "trigger-border": "#E2E8F0",
+        "trigger-color": "#334155",
+        "shadow-focus": "0 0 0 3px rgba(33, 123, 128, 0.15)",
+        "item-color": "#0F172A",
+        "item-color-disabled": "#94A3B8",
+        "item-color-destructive": "#DC2626",
+        "item-bg-hover": "#F1F5F9",
+        "item-bg-destructive-hover": "#FEE2E2",
+        "item-padding": "8px 10px",
+        "divider": "#E2E8F0"
+      },
+      // ================================================
+      // SEARCHBAR
+      // ================================================
+      searchbar: {
+        "bg": "#FFFFFF",
+        "bg-disabled": "#F1F5F9",
+        "color": "#0F172A",
+        "placeholder": "#94A3B8",
+        "icon": "#64748B",
+        "border": "#CBD5E1",
+        "border-hover": "#94A3B8",
+        "border-focus": "#217B80",
+        "radius": "8px",
+        "padding-x": "12px",
+        "height-sm": "32px",
+        "height-md": "40px",
+        "height-lg": "48px",
+        "shadow": "0 8px 24px rgba(15, 23, 42, 0.08)",
+        "shadow-focus": "0 0 0 3px rgba(33, 123, 128, 0.15)",
+        "suggestion-bg-hover": "#F1F5F9"
+      },
+      // ================================================
+      // RATING
+      // ================================================
+      rating: {
+        "color-filled": "#F59E0B",
+        "color-empty": "#E2E8F0",
+        "label-color": "#334155",
+        "gap": "2px",
+        "size-sm": "16px",
+        "size-md": "22px",
+        "size-lg": "28px"
+      },
+      // ================================================
+      // QTY
+      // ================================================
+      qty: {
+        "bg": "#FFFFFF",
+        "border": "#E2E8F0",
+        "radius": "8px",
+        "button-bg": "transparent",
+        "button-bg-hover": "#F1F5F9",
+        "button-color": "#334155",
+        "input-color": "#0F172A",
+        "button-size-sm": "28px",
+        "button-size-md": "36px",
+        "button-size-lg": "44px",
+        "input-width-sm": "40px",
+        "input-width-md": "52px",
+        "input-width-lg": "64px",
+        "shadow-focus": "0 0 0 3px rgba(33, 123, 128, 0.18)"
+      },
+      // ================================================
+      // STEPPER
+      // ================================================
+      stepper: {
+        "circle-size": "32px",
+        "circle-bg": "#FFFFFF",
+        "circle-bg-active": "#FFFFFF",
+        "circle-bg-complete": "#217B80",
+        "circle-border": "#CBD5E1",
+        "circle-border-active": "#217B80",
+        "circle-border-complete": "#217B80",
+        "circle-color": "#64748B",
+        "circle-color-active": "#217B80",
+        "circle-color-complete": "#FFFFFF",
+        "connector-bg": "#E2E8F0",
+        "connector-bg-complete": "#217B80",
+        "label-color": "#64748B",
+        "label-color-active": "#0F172A",
+        "description-color": "#64748B",
+        "shadow-active": "0 0 0 4px rgba(33, 123, 128, 0.15)"
+      },
+      // ================================================
+      // TABLE
+      // ================================================
+      table: {
+        "bg": "#FFFFFF",
+        "border": "#E2E8F0",
+        "radius": "10px",
+        "header-bg": "#217B80",
+        "header-color": "#FFFFFF",
+        "row-border": "#F1F5F9",
+        "row-bg-hover": "#F8FAFC",
+        "cell-color": "#0F172A",
+        "cell-padding-x": "14px",
+        "cell-padding-y": "12px",
+        "sort-active": "#FFFFFF",
+        "empty-color": "#64748B",
+        "row-selected-bg": "#eff6ff",
+        "row-hover-bg": "#f8fafc",
+        "filter-row-bg": "#f8fafc",
+        "resizer-color": "#3b82f6"
+      },
+      // ================================================
+      // LIGHTBOX
+      // ================================================
+      lightbox: {
+        "overlay-bg": "rgba(2, 6, 23, 0.92)",
+        "radius": "12px",
+        "shadow": "0 24px 60px rgba(0, 0, 0, 0.5)",
+        "button-bg": "rgba(255, 255, 255, 0.12)",
+        "button-color": "#F8FAFC",
+        "text-color": "#F1F5F9",
+        "thumb-border-active": "#2C9CA0"
+      },
+      // ================================================
+      // POPOVER
+      // ================================================
+      popover: {
+        "bg": "#ffffff",
+        "border": "#e2e8f0",
+        "shadow": "0 8px 24px rgba(15, 23, 42, 0.12)",
+        "radius": "8px",
+        "z": "9999"
+      },
+      // ================================================
+      // DRAWER
+      // ================================================
+      drawer: {
+        "bg": "#ffffff",
+        "overlay-bg": "rgba(15, 23, 42, 0.45)",
+        "shadow": "0 12px 32px rgba(15, 23, 42, 0.18)",
+        "transition": "260ms ease"
+      },
+      // ================================================
+      // DATEPICKER
+      // ================================================
+      datepicker: {
+        "cell-size": "36px",
+        "cell-radius": "6px",
+        "today-ring": "#217B80",
+        "selected-bg": "#217B80",
+        "range-bg": "#F1F5F9"
+      },
+      // ================================================
+      // OTP
+      // ================================================
+      otp: {
+        "cell-size": "40px",
+        "cell-gap": "8px",
+        "cell-border": "#e2e8f0",
+        "cell-focus-ring": "0 0 0 3px rgba(59, 130, 246, 0.18)"
+      },
+      // ================================================
+      // UPLOAD
+      // ================================================
+      upload: {
+        "border": "#cbd5e1",
+        "border-active": "#3b82f6",
+        "bg": "#f8fafc",
+        "bg-active": "#eff6ff"
+      },
+      // ================================================
+      // SEGMENTED
+      // ================================================
+      segmented: {
+        "track-bg": "#f1f5f9",
+        "thumb-bg": "#ffffff",
+        "thumb-shadow": "0 1px 2px rgba(15, 23, 42, 0.08),"
+      },
+      // ================================================
+      // TREE
+      // ================================================
+      tree: {
+        "line-color": "#e2e8f0",
+        "row-hover-bg": "#f8fafc",
+        "row-selected-bg": "#eff6ff",
+        "indent": "20px"
+      }
+    }
+  }
+};
+var tailwind_preset_default = arveaPreset;
+
+module.exports = tailwind_preset_default;
+//# sourceMappingURL=tailwind-preset.cjs.map
+//# sourceMappingURL=tailwind-preset.cjs.map