@quinkit/ui 0.1.0

package/dist/index.js

@@ -0,0 +1,2567 @@
+'use strict';
+
+var react = require('react');
+var AvatarPrimitive = require('@radix-ui/react-avatar');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+var CheckboxPrimitive = require('@radix-ui/react-checkbox');
+var LabelPrimitive = require('@radix-ui/react-label');
+var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
+var SelectPrimitive = require('@radix-ui/react-select');
+var SeparatorPrimitive = require('@radix-ui/react-separator');
+var SwitchPrimitive = require('@radix-ui/react-switch');
+var AspectRatioPrimitive = require('@radix-ui/react-aspect-ratio');
+var reactDayPicker = require('react-day-picker');
+var reactTable = require('@tanstack/react-table');
+var dateFns = require('date-fns');
+var PopoverPrimitive = require('@radix-ui/react-popover');
+var ProgressPrimitive = require('@radix-ui/react-progress');
+var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
+var AccordionPrimitive = require('@radix-ui/react-accordion');
+var AlertDialogPrimitive = require('@radix-ui/react-alert-dialog');
+var cmdk = require('cmdk');
+var DialogPrimitive = require('@radix-ui/react-dialog');
+var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+var NavigationMenuPrimitive = require('@radix-ui/react-navigation-menu');
+var TabsPrimitive = require('@radix-ui/react-tabs');
+var TooltipPrimitive = require('@radix-ui/react-tooltip');
+var sonner = require('sonner');
+var reactHookForm = require('react-hook-form');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
+var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
+var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
+var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
+var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
+var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
+var SwitchPrimitive__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitive);
+var AspectRatioPrimitive__namespace = /*#__PURE__*/_interopNamespace(AspectRatioPrimitive);
+var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
+var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
+var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
+var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
+var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
+var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
+var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
+var NavigationMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(NavigationMenuPrimitive);
+var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
+var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
+
+// src/hooks/useDebounce.ts
+function useDebounce(value, delayMs = 300) {
+  const [debouncedValue, setDebouncedValue] = react.useState(value);
+  react.useEffect(() => {
+    const timeout = window.setTimeout(() => setDebouncedValue(value), delayMs);
+    return () => window.clearTimeout(timeout);
+  }, [value, delayMs]);
+  return debouncedValue;
+}
+function useMediaQuery(query, initialValue = false) {
+  const [matches, setMatches] = react.useState(initialValue);
+  react.useEffect(() => {
+    const mediaQuery = window.matchMedia(query);
+    const updateMatches = () => setMatches(mediaQuery.matches);
+    updateMatches();
+    mediaQuery.addEventListener("change", updateMatches);
+    return () => mediaQuery.removeEventListener("change", updateMatches);
+  }, [query]);
+  return matches;
+}
+
+// src/lib/palettes.ts
+var uiPalettes = [
+  {
+    name: "Neutral Slate",
+    value: "neutral-slate",
+    category: "Neutral",
+    description: "Neutral Slate palette for neutral interfaces.",
+    inspiredBy: ["Neutral Slate"],
+    bestFor: ["Neutral UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Executive Slate",
+    value: "executive-slate",
+    category: "Neutral",
+    description: "Executive Slate palette for neutral interfaces.",
+    inspiredBy: ["Executive Slate"],
+    bestFor: ["Neutral UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Vercel Mono",
+    value: "vercel-mono",
+    category: "Neutral",
+    description: "Vercel Mono palette for neutral interfaces.",
+    inspiredBy: ["Vercel Mono"],
+    bestFor: ["Neutral UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Warm Sand",
+    value: "warm-sand",
+    category: "Neutral",
+    description: "Warm Sand palette for neutral interfaces.",
+    inspiredBy: ["Warm Sand"],
+    bestFor: ["Neutral UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Zinc Cool",
+    value: "zinc-cool",
+    category: "Neutral",
+    description: "Zinc Cool palette for neutral interfaces.",
+    inspiredBy: ["Zinc Cool"],
+    bestFor: ["Neutral UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Stone Warm",
+    value: "stone-warm",
+    category: "Neutral",
+    description: "Stone Warm palette for neutral interfaces.",
+    inspiredBy: ["Stone Warm"],
+    bestFor: ["Neutral UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Ink Black",
+    value: "ink-black",
+    category: "Neutral",
+    description: "Ink Black palette for neutral interfaces.",
+    inspiredBy: ["Ink Black"],
+    bestFor: ["Neutral UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Parchment",
+    value: "parchment",
+    category: "Neutral",
+    description: "Parchment palette for neutral interfaces.",
+    inspiredBy: ["Parchment"],
+    bestFor: ["Neutral UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Default Blue",
+    value: "default-blue",
+    category: "SaaS",
+    description: "Default Blue palette for saas interfaces.",
+    inspiredBy: ["Default Blue"],
+    bestFor: ["SaaS UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Linear Minimal",
+    value: "linear-minimal",
+    category: "SaaS",
+    description: "Linear Minimal palette for saas interfaces.",
+    inspiredBy: ["Linear Minimal"],
+    bestFor: ["SaaS UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Github Neutral",
+    value: "github-neutral",
+    category: "SaaS",
+    description: "Github Neutral palette for saas interfaces.",
+    inspiredBy: ["Github Neutral"],
+    bestFor: ["SaaS UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Atlassian Blue",
+    value: "atlassian-blue",
+    category: "SaaS",
+    description: "Atlassian Blue palette for saas interfaces.",
+    inspiredBy: ["Atlassian Blue"],
+    bestFor: ["SaaS UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Analytics Cyan",
+    value: "analytics-cyan",
+    category: "SaaS",
+    description: "Analytics Cyan palette for saas interfaces.",
+    inspiredBy: ["Analytics Cyan"],
+    bestFor: ["SaaS UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Notion Blue",
+    value: "notion-blue",
+    category: "SaaS",
+    description: "Notion Blue palette for saas interfaces.",
+    inspiredBy: ["Notion Blue"],
+    bestFor: ["SaaS UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Intercom Blue",
+    value: "intercom-blue",
+    category: "SaaS",
+    description: "Intercom Blue palette for saas interfaces.",
+    inspiredBy: ["Intercom Blue"],
+    bestFor: ["SaaS UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Salesforce Sky",
+    value: "salesforce-sky",
+    category: "SaaS",
+    description: "Salesforce Sky palette for saas interfaces.",
+    inspiredBy: ["Salesforce Sky"],
+    bestFor: ["SaaS UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Medical Teal",
+    value: "medical-teal",
+    category: "Healthcare",
+    description: "Medical Teal palette for healthcare interfaces.",
+    inspiredBy: ["Medical Teal"],
+    bestFor: ["Healthcare UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Clinical Blue",
+    value: "clinical-blue",
+    category: "Healthcare",
+    description: "Clinical Blue palette for healthcare interfaces.",
+    inspiredBy: ["Clinical Blue"],
+    bestFor: ["Healthcare UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Calm Cyan",
+    value: "calm-cyan",
+    category: "Healthcare",
+    description: "Calm Cyan palette for healthcare interfaces.",
+    inspiredBy: ["Calm Cyan"],
+    bestFor: ["Healthcare UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Teladoc Teal",
+    value: "teladoc-teal",
+    category: "Healthcare",
+    description: "Teladoc Teal palette for healthcare interfaces.",
+    inspiredBy: ["Teladoc Teal"],
+    bestFor: ["Healthcare UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Noom Green",
+    value: "noom-green",
+    category: "Healthcare",
+    description: "Noom Green palette for healthcare interfaces.",
+    inspiredBy: ["Noom Green"],
+    bestFor: ["Healthcare UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Headspace Orange",
+    value: "headspace-orange",
+    category: "Healthcare",
+    description: "Headspace Orange palette for healthcare interfaces.",
+    inspiredBy: ["Headspace Orange"],
+    bestFor: ["Healthcare UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Epic Blue",
+    value: "epic-blue",
+    category: "Healthcare",
+    description: "Epic Blue palette for healthcare interfaces.",
+    inspiredBy: ["Epic Blue"],
+    bestFor: ["Healthcare UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Fintech Navy",
+    value: "fintech-navy",
+    category: "Fintech",
+    description: "Fintech Navy palette for fintech interfaces.",
+    inspiredBy: ["Fintech Navy"],
+    bestFor: ["Fintech UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Finance Gold",
+    value: "finance-gold",
+    category: "Fintech",
+    description: "Finance Gold palette for fintech interfaces.",
+    inspiredBy: ["Finance Gold"],
+    bestFor: ["Fintech UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Emerald Wealth",
+    value: "emerald-wealth",
+    category: "Fintech",
+    description: "Emerald Wealth palette for fintech interfaces.",
+    inspiredBy: ["Emerald Wealth"],
+    bestFor: ["Fintech UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Risk Amber",
+    value: "risk-amber",
+    category: "Fintech",
+    description: "Risk Amber palette for fintech interfaces.",
+    inspiredBy: ["Risk Amber"],
+    bestFor: ["Fintech UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Stripe Indigo",
+    value: "stripe-indigo",
+    category: "Fintech",
+    description: "Stripe Indigo palette for fintech interfaces.",
+    inspiredBy: ["Stripe Indigo"],
+    bestFor: ["Fintech UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Coinbase Blue",
+    value: "coinbase-blue",
+    category: "Fintech",
+    description: "Coinbase Blue palette for fintech interfaces.",
+    inspiredBy: ["Coinbase Blue"],
+    bestFor: ["Fintech UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Robinhood Green",
+    value: "robinhood-green",
+    category: "Fintech",
+    description: "Robinhood Green palette for fintech interfaces.",
+    inspiredBy: ["Robinhood Green"],
+    bestFor: ["Fintech UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Plaid Navy",
+    value: "plaid-navy",
+    category: "Fintech",
+    description: "Plaid Navy palette for fintech interfaces.",
+    inspiredBy: ["Plaid Navy"],
+    bestFor: ["Fintech UI", "dashboards", "product screens"]
+  },
+  {
+    name: "E-commerce Rose",
+    value: "ecommerce-rose",
+    category: "E-commerce",
+    description: "E-commerce Rose palette for e-commerce interfaces.",
+    inspiredBy: ["E-commerce Rose"],
+    bestFor: ["E-commerce UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Luxury Black Gold",
+    value: "luxury-black-gold",
+    category: "E-commerce",
+    description: "Luxury Black Gold palette for e-commerce interfaces.",
+    inspiredBy: ["Luxury Black Gold"],
+    bestFor: ["E-commerce UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Commerce Green",
+    value: "commerce-green",
+    category: "E-commerce",
+    description: "Commerce Green palette for e-commerce interfaces.",
+    inspiredBy: ["Commerce Green"],
+    bestFor: ["E-commerce UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Lifestyle Coral",
+    value: "lifestyle-coral",
+    category: "E-commerce",
+    description: "Lifestyle Coral palette for e-commerce interfaces.",
+    inspiredBy: ["Lifestyle Coral"],
+    bestFor: ["E-commerce UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Shopify Green",
+    value: "shopify-green",
+    category: "E-commerce",
+    description: "Shopify Green palette for e-commerce interfaces.",
+    inspiredBy: ["Shopify Green"],
+    bestFor: ["E-commerce UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Amazon Orange",
+    value: "amazon-orange",
+    category: "E-commerce",
+    description: "Amazon Orange palette for e-commerce interfaces.",
+    inspiredBy: ["Amazon Orange"],
+    bestFor: ["E-commerce UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Etsy Orange",
+    value: "etsy-orange",
+    category: "E-commerce",
+    description: "Etsy Orange palette for e-commerce interfaces.",
+    inspiredBy: ["Etsy Orange"],
+    bestFor: ["E-commerce UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Netflix Red",
+    value: "netflix-red",
+    category: "E-commerce",
+    description: "Netflix Red palette for e-commerce interfaces.",
+    inspiredBy: ["Netflix Red"],
+    bestFor: ["E-commerce UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Edtech Playful",
+    value: "edtech-playful",
+    category: "EdTech",
+    description: "Edtech Playful palette for edtech interfaces.",
+    inspiredBy: ["Edtech Playful"],
+    bestFor: ["EdTech UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Learning Purple",
+    value: "learning-purple",
+    category: "EdTech",
+    description: "Learning Purple palette for edtech interfaces.",
+    inspiredBy: ["Learning Purple"],
+    bestFor: ["EdTech UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Gamified Green",
+    value: "gamified-green",
+    category: "EdTech",
+    description: "Gamified Green palette for edtech interfaces.",
+    inspiredBy: ["Gamified Green"],
+    bestFor: ["EdTech UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Achievement Amber",
+    value: "achievement-amber",
+    category: "EdTech",
+    description: "Achievement Amber palette for edtech interfaces.",
+    inspiredBy: ["Achievement Amber"],
+    bestFor: ["EdTech UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Duolingo Green",
+    value: "duolingo-green",
+    category: "EdTech",
+    description: "Duolingo Green palette for edtech interfaces.",
+    inspiredBy: ["Duolingo Green"],
+    bestFor: ["EdTech UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Coursera Blue",
+    value: "coursera-blue",
+    category: "EdTech",
+    description: "Coursera Blue palette for edtech interfaces.",
+    inspiredBy: ["Coursera Blue"],
+    bestFor: ["EdTech UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Khan Blue",
+    value: "khan-blue",
+    category: "EdTech",
+    description: "Khan Blue palette for edtech interfaces.",
+    inspiredBy: ["Khan Blue"],
+    bestFor: ["EdTech UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Udemy Purple",
+    value: "udemy-purple",
+    category: "EdTech",
+    description: "Udemy Purple palette for edtech interfaces.",
+    inspiredBy: ["Udemy Purple"],
+    bestFor: ["EdTech UI", "dashboards", "product screens"]
+  },
+  {
+    name: "AI Cyber",
+    value: "ai-cyber",
+    category: "AI/Dev",
+    description: "AI Cyber palette for ai/dev interfaces.",
+    inspiredBy: ["AI Cyber"],
+    bestFor: ["AI/Dev UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Raycast Dark",
+    value: "raycast-dark",
+    category: "AI/Dev",
+    description: "Raycast Dark palette for ai/dev interfaces.",
+    inspiredBy: ["Raycast Dark"],
+    bestFor: ["AI/Dev UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Railway Violet",
+    value: "railway-violet",
+    category: "AI/Dev",
+    description: "Railway Violet palette for ai/dev interfaces.",
+    inspiredBy: ["Railway Violet"],
+    bestFor: ["AI/Dev UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Terminal Green",
+    value: "terminal-green",
+    category: "AI/Dev",
+    description: "Terminal Green palette for ai/dev interfaces.",
+    inspiredBy: ["Terminal Green"],
+    bestFor: ["AI/Dev UI", "dashboards", "product screens"]
+  },
+  {
+    name: "VS Code Dark",
+    value: "vscode-dark",
+    category: "Developer Tools",
+    description: "VS Code Dark palette for developer tools interfaces.",
+    inspiredBy: ["VS Code Dark"],
+    bestFor: ["Developer Tools UI", "dashboards", "product screens"]
+  },
+  {
+    name: "iTerm Green",
+    value: "iterm-green",
+    category: "Developer Tools",
+    description: "iTerm Green palette for developer tools interfaces.",
+    inspiredBy: ["iTerm Green"],
+    bestFor: ["Developer Tools UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Supabase Emerald",
+    value: "supabase-emerald",
+    category: "Developer Tools",
+    description: "Supabase Emerald palette for developer tools interfaces.",
+    inspiredBy: ["Supabase Emerald"],
+    bestFor: ["Developer Tools UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Neon Cyber",
+    value: "neon-cyber",
+    category: "Developer Tools",
+    description: "Neon Cyber palette for developer tools interfaces.",
+    inspiredBy: ["Neon Cyber"],
+    bestFor: ["Developer Tools UI", "dashboards", "product screens"]
+  },
+  {
+    name: "IBM Carbon",
+    value: "ibm-carbon",
+    category: "Enterprise",
+    description: "IBM Carbon palette for enterprise interfaces.",
+    inspiredBy: ["IBM Carbon"],
+    bestFor: ["Enterprise UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Microsoft Fluent",
+    value: "microsoft-fluent",
+    category: "Enterprise",
+    description: "Microsoft Fluent palette for enterprise interfaces.",
+    inspiredBy: ["Microsoft Fluent"],
+    bestFor: ["Enterprise UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Gov Blue",
+    value: "gov-blue",
+    category: "Enterprise",
+    description: "Gov Blue palette for enterprise interfaces.",
+    inspiredBy: ["Gov Blue"],
+    bestFor: ["Enterprise UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Stripe Gradient",
+    value: "stripe-gradient",
+    category: "Enterprise",
+    description: "Stripe Gradient palette for enterprise interfaces.",
+    inspiredBy: ["Stripe Gradient"],
+    bestFor: ["Enterprise UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Solana Gradient",
+    value: "solana-gradient",
+    category: "Creative",
+    description: "Solana Gradient palette for creative interfaces.",
+    inspiredBy: ["Solana Gradient"],
+    bestFor: ["Creative UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Figma Purple",
+    value: "figma-purple",
+    category: "Creative",
+    description: "Figma Purple palette for creative interfaces.",
+    inspiredBy: ["Figma Purple"],
+    bestFor: ["Creative UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Dribbble Pink",
+    value: "dribbble-pink",
+    category: "Creative",
+    description: "Dribbble Pink palette for creative interfaces.",
+    inspiredBy: ["Dribbble Pink"],
+    bestFor: ["Creative UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Behance Blue",
+    value: "behance-blue",
+    category: "Creative",
+    description: "Behance Blue palette for creative interfaces.",
+    inspiredBy: ["Behance Blue"],
+    bestFor: ["Creative UI", "dashboards", "product screens"]
+  },
+  {
+    name: "Awwwards Dark",
+    value: "awwwards-dark",
+    category: "Creative",
+    description: "Awwwards Dark palette for creative interfaces.",
+    inspiredBy: ["Awwwards Dark"],
+    bestFor: ["Creative UI", "dashboards", "product screens"]
+  }
+];
+var uiPaletteValues = uiPalettes.map((palette) => palette.value);
+var DEFAULT_PALETTE = "neutral-slate";
+function palettesByCategory() {
+  const out = {};
+  for (const palette of uiPalettes) {
+    out[palette.category] = out[palette.category] ?? [];
+    out[palette.category].push(palette);
+  }
+  return out;
+}
+function isUiPalette(value) {
+  return uiPaletteValues.includes(value);
+}
+var STORAGE_PALETTE = "ui-palette";
+var STORAGE_APPEARANCE = "ui-appearance";
+function applyPalette(palette) {
+  if (typeof document === "undefined") return;
+  document.documentElement.dataset.palette = palette;
+  try {
+    localStorage.setItem(STORAGE_PALETTE, palette);
+  } catch {
+  }
+}
+function applyAppearance(appearance) {
+  if (typeof document === "undefined") return;
+  const prefersDark = typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches;
+  const isDark = appearance === "dark" || appearance === "system" && prefersDark;
+  document.documentElement.classList.toggle("dark", isDark);
+  try {
+    localStorage.setItem(STORAGE_APPEARANCE, appearance);
+  } catch {
+  }
+}
+var appliers = {
+  appearance: applyAppearance,
+  palette: applyPalette
+};
+function getStoredPalette() {
+  if (typeof localStorage === "undefined") return DEFAULT_PALETTE;
+  const raw = localStorage.getItem(STORAGE_PALETTE);
+  return raw && isUiPalette(raw) ? raw : DEFAULT_PALETTE;
+}
+function getStoredAppearance() {
+  if (typeof localStorage === "undefined") return "system";
+  const raw = localStorage.getItem(STORAGE_APPEARANCE);
+  return raw === "light" || raw === "dark" || raw === "system" ? raw : "system";
+}
+
+// src/hooks/useTheme.ts
+var uiThemes = [
+  // base kits
+  "dashboard",
+  "ecommerce",
+  "healthcare",
+  "fintech",
+  "edtech",
+  // SaaS sub-themes
+  "dashboard-executive",
+  "dashboard-glass",
+  "dashboard-data",
+  // E-commerce sub-themes
+  "ecommerce-luxury",
+  "ecommerce-playful",
+  "ecommerce-minimal",
+  // Healthcare sub-themes
+  "healthcare-clinical",
+  "healthcare-wellness",
+  "healthcare-urgent",
+  // Fintech sub-themes
+  "fintech-wealth",
+  "fintech-crypto",
+  "fintech-modern",
+  // EdTech sub-themes
+  "edtech-campus",
+  "edtech-kids",
+  "edtech-professional"
+];
+var uiThemeLabels = {
+  dashboard: "Dashboard",
+  ecommerce: "E-Commerce",
+  healthcare: "Healthcare",
+  fintech: "Fintech",
+  edtech: "EdTech",
+  "dashboard-executive": "Dashboard \xB7 Executive",
+  "dashboard-glass": "Dashboard \xB7 Glass",
+  "dashboard-data": "Dashboard \xB7 Data",
+  "ecommerce-luxury": "E-Commerce \xB7 Luxury",
+  "ecommerce-playful": "E-Commerce \xB7 Playful",
+  "ecommerce-minimal": "E-Commerce \xB7 Minimal",
+  "healthcare-clinical": "Healthcare \xB7 Clinical",
+  "healthcare-wellness": "Healthcare \xB7 Wellness",
+  "healthcare-urgent": "Healthcare \xB7 Urgent",
+  "fintech-wealth": "Fintech \xB7 Wealth",
+  "fintech-crypto": "Fintech \xB7 Crypto",
+  "fintech-modern": "Fintech \xB7 Modern",
+  "edtech-campus": "EdTech \xB7 Campus",
+  "edtech-kids": "EdTech \xB7 Kids",
+  "edtech-professional": "EdTech \xB7 Professional"
+};
+var DEFAULT_THEME = "dashboard";
+var STORAGE_THEME = "ui-theme";
+function isUiTheme(value) {
+  return uiThemes.includes(value);
+}
+function applyTheme(theme) {
+  if (typeof document === "undefined") return;
+  document.documentElement.dataset.theme = theme;
+  try {
+    localStorage.setItem(STORAGE_THEME, theme);
+  } catch {
+  }
+}
+function getStoredTheme() {
+  if (typeof localStorage === "undefined") return DEFAULT_THEME;
+  const raw = localStorage.getItem(STORAGE_THEME);
+  return raw && isUiTheme(raw) ? raw : DEFAULT_THEME;
+}
+function useTheme() {
+  const [mounted, setMounted] = react.useState(false);
+  const [theme, setThemeState] = react.useState(DEFAULT_THEME);
+  const [palette, setPaletteState] = react.useState("neutral-slate");
+  const [appearance, setAppearanceState] = react.useState("system");
+  react.useEffect(() => {
+    setThemeState(getStoredTheme());
+    setPaletteState(getStoredPalette());
+    setAppearanceState(getStoredAppearance());
+    setMounted(true);
+  }, []);
+  const setTheme = react.useCallback((nextTheme) => {
+    setThemeState(nextTheme);
+    applyTheme(nextTheme);
+  }, []);
+  const setPalette = react.useCallback((nextPalette) => {
+    setPaletteState(nextPalette);
+    applyPalette(nextPalette);
+  }, []);
+  const setAppearance = react.useCallback((nextAppearance) => {
+    setAppearanceState(nextAppearance);
+    applyAppearance(nextAppearance);
+  }, []);
+  react.useEffect(() => {
+    if (!mounted) return;
+    applyTheme(theme);
+  }, [mounted, theme]);
+  react.useEffect(() => {
+    if (!mounted) return;
+    applyPalette(palette);
+  }, [mounted, palette]);
+  react.useEffect(() => {
+    if (!mounted) return;
+    applyAppearance(appearance);
+    if (appearance !== "system") return;
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    const updateAppearance = () => applyAppearance("system");
+    mediaQuery.addEventListener("change", updateAppearance);
+    return () => mediaQuery.removeEventListener("change", updateAppearance);
+  }, [mounted, appearance]);
+  return {
+    appearance,
+    mounted,
+    palette,
+    setAppearance,
+    setPalette,
+    setTheme,
+    theme
+  };
+}
+
+// src/lib/fonts.ts
+var uiFonts = {
+  inter: {
+    name: "Inter",
+    googleUrl: "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap",
+    cssValue: '"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif',
+    recommendedFor: [
+      "dashboard-executive",
+      "fintech-modern",
+      "ecommerce-minimal",
+      "edtech-professional"
+    ]
+  },
+  geist: {
+    name: "Geist",
+    googleUrl: "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap",
+    cssValue: '"Geist", ui-sans-serif, system-ui, sans-serif',
+    recommendedFor: ["dashboard-executive", "fintech-crypto"]
+  },
+  "geist-mono": {
+    name: "Geist Mono",
+    googleUrl: "https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&display=swap",
+    cssValue: '"Geist Mono", ui-monospace, "JetBrains Mono", monospace',
+    recommendedFor: ["code", "price data", "dashboard-data"]
+  },
+  "jetbrains-mono": {
+    name: "JetBrains Mono",
+    googleUrl: "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap",
+    cssValue: '"JetBrains Mono", ui-monospace, monospace',
+    recommendedFor: ["code fallback", "logs"]
+  },
+  manrope: {
+    name: "Manrope",
+    googleUrl: "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap",
+    cssValue: '"Manrope", ui-sans-serif, system-ui, sans-serif',
+    recommendedFor: ["healthcare base", "calm headings"]
+  },
+  outfit: {
+    name: "Outfit",
+    googleUrl: "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap",
+    cssValue: '"Outfit", ui-sans-serif, system-ui, sans-serif',
+    recommendedFor: ["fintech base", "geometric headings"]
+  },
+  lato: {
+    name: "Lato",
+    googleUrl: "https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap",
+    cssValue: '"Lato", ui-sans-serif, system-ui, sans-serif',
+    recommendedFor: ["ecommerce-luxury body", "editorial body"]
+  },
+  "playfair-display": {
+    name: "Playfair Display",
+    googleUrl: "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,500&display=swap",
+    cssValue: '"Playfair Display", ui-serif, Georgia, serif',
+    recommendedFor: ["ecommerce-luxury", "fintech-wealth"]
+  },
+  "plus-jakarta-sans": {
+    name: "Plus Jakarta Sans",
+    googleUrl: "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap",
+    cssValue: '"Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif',
+    recommendedFor: ["dashboard-glass", "edtech base"]
+  },
+  "cormorant-garamond": {
+    name: "Cormorant Garamond",
+    googleUrl: "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap",
+    cssValue: '"Cormorant Garamond", ui-serif, Georgia, serif',
+    recommendedFor: ["luxury display", "editorial"]
+  },
+  "dm-sans": {
+    name: "DM Sans",
+    googleUrl: "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap",
+    cssValue: '"DM Sans", ui-sans-serif, system-ui, sans-serif',
+    recommendedFor: ["ecommerce-playful"]
+  },
+  "ibm-plex-sans": {
+    name: "IBM Plex Sans",
+    googleUrl: "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap",
+    cssValue: '"IBM Plex Sans", ui-sans-serif, system-ui, sans-serif',
+    recommendedFor: ["healthcare-clinical"]
+  },
+  "ibm-plex-mono": {
+    name: "IBM Plex Mono",
+    googleUrl: "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&display=swap",
+    cssValue: '"IBM Plex Mono", ui-monospace, monospace',
+    recommendedFor: ["healthcare-urgent data", "clinical tables"]
+  },
+  nunito: {
+    name: "Nunito",
+    googleUrl: "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap",
+    cssValue: '"Nunito", ui-sans-serif, system-ui, sans-serif',
+    recommendedFor: ["healthcare-wellness", "edtech-kids"]
+  },
+  "source-serif-4": {
+    name: "Source Serif 4",
+    googleUrl: "https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@400;600;700&display=swap",
+    cssValue: '"Source Serif 4", ui-serif, Georgia, serif',
+    recommendedFor: ["edtech-campus"]
+  }
+};
+var uiFontValues = Object.keys(uiFonts);
+var allFontsHref = "https://fonts.googleapis.com/css2?" + uiFontValues.map((f) => new URL(uiFonts[f].googleUrl).searchParams.get("family") ?? "").filter((family) => family.length > 0).map((fam) => `family=${fam}`).join("&") + "&display=swap";
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var avatarSizes = {
+  sm: "size-8 text-xs",
+  md: "size-10 text-sm",
+  lg: "size-12 text-base"
+};
+var Avatar = react.forwardRef(
+  ({ className, size = "md", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    AvatarPrimitive__namespace.Root,
+    {
+      ref,
+      className: cn(
+        "relative flex shrink-0 overflow-hidden rounded-full",
+        avatarSizes[size],
+        className
+      ),
+      ...props
+    }
+  )
+);
+Avatar.displayName = "Avatar";
+var AvatarImage = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    AvatarPrimitive__namespace.Image,
+    {
+      ref,
+      className: cn("aspect-square size-full object-cover", className),
+      ...props
+    }
+  )
+);
+AvatarImage.displayName = "AvatarImage";
+var AvatarFallback = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AvatarPrimitive__namespace.Fallback,
+  {
+    ref,
+    className: cn(
+      "flex size-full items-center justify-center rounded-full bg-muted font-medium text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = "AvatarFallback";
+var badgeVariants = {
+  default: "border-transparent bg-primary text-primary-foreground",
+  secondary: "border-transparent bg-secondary text-secondary-foreground",
+  outline: "border-border text-foreground",
+  destructive: "border-transparent bg-destructive text-destructive-foreground"
+};
+function Badge({ className, variant = "default", ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: cn(
+        "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors motion-reduce:transition-none focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+        badgeVariants[variant],
+        className
+      ),
+      ...props
+    }
+  );
+}
+var variantClasses = {
+  default: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90",
+  secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+  outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+  ghost: "hover:bg-accent hover:text-accent-foreground",
+  link: "h-auto p-0 text-primary underline-offset-4 hover:underline",
+  destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90"
+};
+var sizeClasses = {
+  sm: "h-8 rounded-md px-3 text-xs",
+  md: "h-10 rounded-md px-4 py-2 text-sm",
+  lg: "h-11 rounded-lg px-8 text-base",
+  icon: "size-10 rounded-md p-0"
+};
+var Button = react.forwardRef(
+  ({
+    className,
+    variant = "default",
+    size = "md",
+    isLoading = false,
+    disabled,
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        ref,
+        "aria-busy": isLoading || void 0,
+        className: cn(
+          "inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors motion-reduce:transition-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+          variantClasses[variant],
+          sizeClasses[size],
+          className
+        ),
+        disabled: disabled || isLoading,
+        type: "button",
+        ...props,
+        children: [
+          isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "size-4 animate-spin rounded-full border-2 border-current border-t-transparent motion-reduce:animate-none"
+            }
+          ) : null,
+          children
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var Checkbox = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    CheckboxPrimitive__namespace.Root,
+    {
+      ref,
+      className: cn(
+        "peer size-4 shrink-0 rounded-sm border border-primary bg-background shadow-sm transition-colors motion-reduce:transition-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(CheckboxPrimitive__namespace.Indicator, { className: "flex items-center justify-center text-current", children: /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "text-xs leading-none", children: "\u2713" }) })
+    }
+  )
+);
+Checkbox.displayName = "Checkbox";
+var Input = react.forwardRef(
+  ({ className, type = "text", error = false, "aria-invalid": ariaInvalid, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      ref,
+      "aria-invalid": ariaInvalid ?? (error || void 0),
+      className: cn(
+        "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground shadow-sm transition-colors motion-reduce:transition-none file:border-0 file:bg-transparent file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+        error && "border-destructive focus-visible:ring-destructive",
+        className
+      ),
+      type,
+      ...props
+    }
+  )
+);
+Input.displayName = "Input";
+var Label = react.forwardRef(
+  ({ className, required = false, optional = false, error = false, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    LabelPrimitive__namespace.Root,
+    {
+      ref,
+      className: cn(
+        "text-sm font-medium leading-none text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+        error && "text-destructive",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        required ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "ml-1 text-destructive", children: "*" }) : null,
+        optional && !required ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 text-xs font-normal text-muted-foreground", children: "Optional" }) : null
+      ]
+    }
+  )
+);
+Label.displayName = "Label";
+var RadioGroup = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(RadioGroupPrimitive__namespace.Root, { ref, className: cn("grid gap-2", className), ...props })
+);
+RadioGroup.displayName = "RadioGroup";
+var RadioGroupItem = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  RadioGroupPrimitive__namespace.Item,
+  {
+    ref,
+    className: cn(
+      "aspect-square size-4 rounded-full border border-primary bg-background text-primary shadow-sm transition-colors motion-reduce:transition-none focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(RadioGroupPrimitive__namespace.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-2 rounded-full bg-current" }) })
+  }
+));
+RadioGroupItem.displayName = "RadioGroupItem";
+var Select = SelectPrimitive__namespace.Root;
+var SelectTrigger = react.forwardRef(({ className, children, placeholder = "Select an option", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  SelectPrimitive__namespace.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground shadow-sm transition-colors motion-reduce:transition-none placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[placeholder]:text-muted-foreground",
+      className
+    ),
+    ...props,
+    children: [
+      children ?? /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Value, { placeholder }),
+      /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Icon, { "aria-hidden": "true", className: "ml-2 text-muted-foreground", children: "\u2304" })
+    ]
+  }
+));
+SelectTrigger.displayName = "SelectTrigger";
+var SelectContent = react.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  SelectPrimitive__namespace.Content,
+  {
+    ref,
+    className: cn(
+      "relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in motion-reduce:animate-none",
+      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1",
+      className
+    ),
+    position,
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      SelectPrimitive__namespace.Viewport,
+      {
+        className: cn("p-1", position === "popper" && "min-w-[var(--radix-select-trigger-width)]"),
+        children
+      }
+    )
+  }
+) }));
+SelectContent.displayName = "SelectContent";
+var SelectItem = react.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    SelectPrimitive__namespace.Item,
+    {
+      ref,
+      className: cn(
+        "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pr-8 pl-2 text-sm outline-none transition-colors motion-reduce:transition-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemText, { children }),
+        /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.ItemIndicator, { className: "absolute right-2 inline-flex items-center", children: "\u2713" })
+      ]
+    }
+  )
+);
+SelectItem.displayName = "SelectItem";
+var Separator = react.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    SeparatorPrimitive__namespace.Root,
+    {
+      ref,
+      className: cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
+        className
+      ),
+      decorative,
+      orientation,
+      ...props
+    }
+  )
+);
+Separator.displayName = "Separator";
+var spinnerSizes = {
+  sm: "size-4 border-2",
+  md: "size-6 border-2",
+  lg: "size-8 border-4"
+};
+function Spinner({ className, label = "Loading", size = "md", ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-label": label, role: "status", className: "inline-flex items-center", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: cn(
+        "inline-block animate-spin rounded-full border-current border-t-transparent text-primary motion-reduce:animate-none",
+        spinnerSizes[size],
+        className
+      )
+    }
+  ) });
+}
+var Switch = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    SwitchPrimitive__namespace.Root,
+    {
+      ref,
+      className: cn(
+        "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent bg-input shadow-sm transition-colors motion-reduce:transition-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(SwitchPrimitive__namespace.Thumb, { className: "pointer-events-none block size-5 rounded-full bg-background shadow-lg ring-0 transition-transform motion-reduce:transition-none data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0" })
+    }
+  )
+);
+Switch.displayName = "Switch";
+var resizeClasses = {
+  none: "resize-none",
+  vertical: "resize-y",
+  horizontal: "resize-x",
+  both: "resize"
+};
+var Textarea = react.forwardRef(
+  ({ className, error = false, resize = "vertical", "aria-invalid": ariaInvalid, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "textarea",
+    {
+      ref,
+      "aria-invalid": ariaInvalid ?? (error || void 0),
+      className: cn(
+        "flex min-h-24 w-full rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground shadow-sm transition-colors motion-reduce:transition-none placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+        resizeClasses[resize],
+        error && "border-destructive focus-visible:ring-destructive",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Textarea.displayName = "Textarea";
+var variants = {
+  info: "border-primary/40 bg-primary/10 text-foreground",
+  success: "border-green-500/40 bg-green-500/10 text-foreground",
+  warning: "border-yellow-500/40 bg-yellow-500/10 text-foreground",
+  error: "border-destructive/40 bg-destructive/10 text-foreground",
+  destructive: "border-destructive bg-destructive/10 text-destructive"
+};
+var Alert = react.forwardRef(
+  ({ className, variant = "info", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      role: "alert",
+      className: cn("relative w-full rounded-lg border p-4", variants[variant], className),
+      ...props
+    }
+  )
+);
+Alert.displayName = "Alert";
+var AlertTitle = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("h5", { ref, className: cn("mb-1 font-medium leading-none", className), ...props })
+);
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("p", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props }));
+AlertDescription.displayName = "AlertDescription";
+var AspectRatio = AspectRatioPrimitive__namespace.Root;
+var Breadcrumb = react.forwardRef(
+  ({ label = "breadcrumb", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("nav", { ref, "aria-label": label, ...props })
+);
+Breadcrumb.displayName = "Breadcrumb";
+var BreadcrumbList = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "ol",
+    {
+      ref,
+      className: cn(
+        "flex flex-wrap items-center gap-1.5 break-words text-muted-foreground text-sm",
+        className
+      ),
+      ...props
+    }
+  )
+);
+BreadcrumbList.displayName = "BreadcrumbList";
+var BreadcrumbItem = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
+);
+BreadcrumbItem.displayName = "BreadcrumbItem";
+var BreadcrumbLink = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      ref,
+      className: cn(
+        "transition-colors motion-reduce:transition-none hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        className
+      ),
+      ...props
+    }
+  )
+);
+BreadcrumbLink.displayName = "BreadcrumbLink";
+var BreadcrumbPage = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      ref,
+      "aria-current": "page",
+      className: cn("font-normal text-foreground", className),
+      ...props
+    }
+  )
+);
+BreadcrumbPage.displayName = "BreadcrumbPage";
+var BreadcrumbSeparator = react.forwardRef(
+  ({ children = "/", className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, "aria-hidden": "true", className: cn("select-none", className), ...props, children })
+);
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+var BreadcrumbEllipsis = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      ref,
+      role: "img",
+      "aria-label": "More pages",
+      className: cn("flex size-9 items-center justify-center", className),
+      ...props,
+      children: "\u2026"
+    }
+  )
+);
+BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
+function Calendar({ className, showOutsideDays = true, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactDayPicker.DayPicker,
+    {
+      showOutsideDays,
+      className: cn(
+        "rounded-md border border-border bg-popover p-3 text-popover-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var Table = react.forwardRef(
+  ({ className, label, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "table",
+    {
+      ref,
+      "aria-label": label,
+      className: cn("w-full caption-bottom text-sm", className),
+      ...props
+    }
+  ) })
+);
+Table.displayName = "Table";
+var TableHeader = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("border-b", className), ...props }));
+TableHeader.displayName = "TableHeader";
+var TableBody = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
+TableBody.displayName = "TableBody";
+var TableFooter = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("tfoot", { ref, className: cn("border-t bg-muted/50 font-medium", className), ...props }));
+TableFooter.displayName = "TableFooter";
+var TableRow = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "tr",
+    {
+      ref,
+      className: cn(
+        "border-b transition-colors motion-reduce:transition-none hover:bg-muted/50 data-[state=selected]:bg-muted",
+        className
+      ),
+      ...props
+    }
+  )
+);
+TableRow.displayName = "TableRow";
+var TableHead = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "th",
+    {
+      ref,
+      className: cn(
+        "h-10 px-2 text-left align-middle font-medium text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  )
+);
+TableHead.displayName = "TableHead";
+var TableCell = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("td", { ref, className: cn("p-2 align-middle", className), ...props })
+);
+TableCell.displayName = "TableCell";
+var TableCaption = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("caption", { ref, className: cn("mt-4 text-muted-foreground text-sm", className), ...props }));
+TableCaption.displayName = "TableCaption";
+function DataTable({
+  columns,
+  data,
+  filterPlaceholder = "Filter rows...",
+  loading = false,
+  emptyMessage = "No results."
+}) {
+  const table = reactTable.useReactTable({
+    data,
+    columns,
+    getCoreRowModel: reactTable.getCoreRowModel(),
+    getSortedRowModel: reactTable.getSortedRowModel(),
+    getFilteredRowModel: reactTable.getFilteredRowModel(),
+    getPaginationRowModel: reactTable.getPaginationRowModel()
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Input,
+      {
+        type: "search",
+        placeholder: filterPlaceholder,
+        value: table.getState().globalFilter ?? "",
+        onChange: (event) => table.setGlobalFilter(event.target.value)
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(Table, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { children: table.getHeaderGroups().map((group) => /* @__PURE__ */ jsxRuntime.jsx(TableRow, { children: group.headers.map((header) => /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: header.isPlaceholder ? null : reactTable.flexRender(header.column.columnDef.header, header.getContext()) }, header.id)) }, group.id)) }),
+      /* @__PURE__ */ jsxRuntime.jsx(TableBody, { children: loading ? /* @__PURE__ */ jsxRuntime.jsx(TableRow, { children: /* @__PURE__ */ jsxRuntime.jsx(TableCell, { colSpan: columns.length, children: "Loading..." }) }) : table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsxRuntime.jsx(TableRow, { children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: reactTable.flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id)) : /* @__PURE__ */ jsxRuntime.jsx(TableRow, { children: /* @__PURE__ */ jsxRuntime.jsx(TableCell, { colSpan: columns.length, children: emptyMessage }) }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          disabled: !table.getCanPreviousPage(),
+          onClick: () => table.previousPage(),
+          children: "Previous"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          disabled: !table.getCanNextPage(),
+          onClick: () => table.nextPage(),
+          children: "Next"
+        }
+      )
+    ] })
+  ] });
+}
+var Popover = PopoverPrimitive__namespace.Root;
+var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
+var PopoverAnchor = PopoverPrimitive__namespace.Anchor;
+var PopoverContent = react.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  PopoverPrimitive__namespace.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 w-72 rounded-md border border-border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=closed]:animate-out data-[state=open]:animate-in motion-reduce:animate-none",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = "PopoverContent";
+function DateRangePicker({
+  value,
+  onChange,
+  placeholder = "Pick a date range"
+}) {
+  const label = value?.from ? value.to ? `${dateFns.format(value.from, "LLL dd, y")} - ${dateFns.format(value.to, "LLL dd, y")}` : dateFns.format(value.from, "LLL dd, y") : placeholder;
+  return /* @__PURE__ */ jsxRuntime.jsxs(Popover, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", children: label }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsxRuntime.jsx(Calendar, { mode: "range", selected: value, onSelect: onChange, numberOfMonths: 2 }) })
+  ] });
+}
+var Pagination = react.forwardRef(({ label = "pagination", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("nav", { ref, "aria-label": label, ...props }));
+Pagination.displayName = "Pagination";
+var PaginationContent = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("ul", { ref, className: cn("flex flex-row items-center gap-1", className), ...props }));
+PaginationContent.displayName = "PaginationContent";
+var PaginationItem = react.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, ...props }));
+PaginationItem.displayName = "PaginationItem";
+var PaginationLink = react.forwardRef(({ className, isActive = false, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "a",
+  {
+    ref,
+    "aria-current": isActive ? "page" : void 0,
+    className: cn(
+      "inline-flex size-10 items-center justify-center rounded-md text-sm transition-colors motion-reduce:transition-none hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      isActive && "border border-input bg-background",
+      className
+    ),
+    ...props
+  }
+));
+PaginationLink.displayName = "PaginationLink";
+var PaginationPrevious = react.forwardRef(({ children = "Previous", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PaginationLink, { ref, "aria-label": "Go to previous page", ...props, children }));
+PaginationPrevious.displayName = "PaginationPrevious";
+var PaginationNext = react.forwardRef(({ children = "Next", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PaginationLink, { ref, "aria-label": "Go to next page", ...props, children }));
+PaginationNext.displayName = "PaginationNext";
+function PaginationEllipsis(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "flex size-10 items-center justify-center", ...props, children: "\u2026" });
+}
+var Progress = react.forwardRef(({ className, value = 0, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  ProgressPrimitive__namespace.Root,
+  {
+    ref,
+    value,
+    className: cn("relative h-2 w-full overflow-hidden rounded-full bg-muted", className),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      ProgressPrimitive__namespace.Indicator,
+      {
+        className: "h-full w-full flex-1 bg-primary transition-all motion-reduce:transition-none",
+        style: { transform: `translateX(-${100 - value}%)` }
+      }
+    )
+  }
+));
+Progress.displayName = "Progress";
+var ScrollArea = react.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    ScrollAreaPrimitive__namespace.Root,
+    {
+      ref,
+      className: cn("relative overflow-hidden", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ScrollAreaPrimitive__namespace.Scrollbar,
+          {
+            orientation: "vertical",
+            className: "flex touch-none select-none p-0.5",
+            children: /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Thumb, { className: "relative flex-1 rounded-full bg-border" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Corner, {})
+      ]
+    }
+  )
+);
+ScrollArea.displayName = "ScrollArea";
+var Skeleton = react.forwardRef(({ className, animated = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    "aria-hidden": "true",
+    className: cn(
+      "rounded-md bg-muted",
+      animated && "animate-pulse motion-reduce:animate-none",
+      className
+    ),
+    ...props
+  }
+));
+Skeleton.displayName = "Skeleton";
+var Accordion = AccordionPrimitive__namespace.Root;
+var AccordionItem = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AccordionPrimitive__namespace.Item,
+  {
+    ref,
+    className: cn("border-b border-border", className),
+    ...props
+  }
+));
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = react.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
+  AccordionPrimitive__namespace.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex flex-1 items-center justify-between py-4 font-medium text-sm transition-all motion-reduce:transition-none hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring data-[state=open]:[&>span]:rotate-180",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "transition-transform motion-reduce:transition-none", children: "\u2304" })
+    ]
+  }
+) }));
+AccordionTrigger.displayName = "AccordionTrigger";
+var AccordionContent = react.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AccordionPrimitive__namespace.Content,
+  {
+    ref,
+    className: "overflow-hidden text-sm data-[state=closed]:animate-out data-[state=open]:animate-in motion-reduce:animate-none",
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("pb-4 pt-0", className), children })
+  }
+));
+AccordionContent.displayName = "AccordionContent";
+var AlertDialog = AlertDialogPrimitive__namespace.Root;
+var AlertDialogTrigger = AlertDialogPrimitive__namespace.Trigger;
+var AlertDialogPortal = AlertDialogPrimitive__namespace.Portal;
+var AlertDialogOverlay = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=closed]:animate-out data-[state=open]:animate-in motion-reduce:animate-none",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogOverlay.displayName = "AlertDialogOverlay";
+var AlertDialogContent = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsxRuntime.jsx(
+    AlertDialogPrimitive__namespace.Content,
+    {
+      ref,
+      className: cn(
+        "fixed top-1/2 left-1/2 z-50 grid w-[calc(100%-2rem)] max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl border border-border bg-popover p-6 text-popover-foreground shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in motion-reduce:animate-none sm:w-full",
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+AlertDialogContent.displayName = "AlertDialogContent";
+function AlertDialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className),
+      ...props
+    }
+  );
+}
+function AlertDialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+      ...props
+    }
+  );
+}
+var AlertDialogTitle = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.Title,
+  {
+    ref,
+    className: cn("font-semibold text-lg leading-none tracking-tight", className),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = "AlertDialogTitle";
+var AlertDialogDescription = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.Description,
+  {
+    ref,
+    className: cn("text-muted-foreground text-sm", className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = "AlertDialogDescription";
+var AlertDialogCancel = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.Cancel,
+  {
+    ref,
+    className: cn(
+      "inline-flex h-10 items-center justify-center rounded-md border border-input bg-background px-4 py-2 font-medium text-sm shadow-sm transition-colors motion-reduce:transition-none hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogCancel.displayName = "AlertDialogCancel";
+var AlertDialogAction = react.forwardRef(({ className, intent = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.Action,
+  {
+    ref,
+    className: cn(
+      "inline-flex h-10 items-center justify-center rounded-md px-4 py-2 font-medium text-sm shadow-sm transition-colors motion-reduce:transition-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+      intent === "destructive" ? "bg-destructive text-destructive-foreground hover:bg-destructive/90" : "bg-primary text-primary-foreground hover:bg-primary/90",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogAction.displayName = "AlertDialogAction";
+var Card = react.forwardRef(
+  ({ className, density = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "rounded-xl border border-border bg-card text-card-foreground shadow-sm transition-colors motion-reduce:transition-none",
+        density === "compact" && "text-sm",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Card.displayName = "Card";
+var CardHeader = react.forwardRef(
+  ({ className, density = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: cn("flex flex-col space-y-1.5", density === "compact" ? "p-4" : "p-6", className),
+      ...props
+    }
+  )
+);
+CardHeader.displayName = "CardHeader";
+var CardTitle = react.forwardRef(
+  ({ className, as: Heading = "h3", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    Heading,
+    {
+      ref,
+      className: cn("font-semibold leading-none tracking-tight text-card-foreground", className),
+      ...props
+    }
+  )
+);
+CardTitle.displayName = "CardTitle";
+var CardDescription = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
+);
+CardDescription.displayName = "CardDescription";
+var CardContent = react.forwardRef(
+  ({ className, density = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: cn(density === "compact" ? "p-4 pt-0" : "p-6 pt-0", className),
+      ...props
+    }
+  )
+);
+CardContent.displayName = "CardContent";
+var CardFooter = react.forwardRef(
+  ({ className, density = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex items-center gap-2",
+        density === "compact" ? "p-4 pt-0" : "p-6 pt-0",
+        className
+      ),
+      ...props
+    }
+  )
+);
+CardFooter.displayName = "CardFooter";
+var Dialog = DialogPrimitive__namespace.Root;
+var DialogTrigger = DialogPrimitive__namespace.Trigger;
+var DialogClose = DialogPrimitive__namespace.Close;
+var DialogPortal = DialogPrimitive__namespace.Portal;
+var DialogOverlay = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DialogPrimitive__namespace.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=closed]:animate-out data-[state=open]:animate-in motion-reduce:animate-none",
+      className
+    ),
+    ...props
+  }
+));
+DialogOverlay.displayName = "DialogOverlay";
+var DialogContent = react.forwardRef(({ className, children, showClose = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
+  /* @__PURE__ */ jsxRuntime.jsxs(
+    DialogPrimitive__namespace.Content,
+    {
+      ref,
+      className: cn(
+        "fixed top-1/2 left-1/2 z-50 grid w-[calc(100%-2rem)] max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl border border-border bg-popover p-6 text-popover-foreground shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in motion-reduce:animate-none sm:w-full",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        showClose ? /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Close, { className: "absolute top-4 right-4 rounded-sm opacity-70 transition-opacity motion-reduce:transition-none hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "\xD7" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+        ] }) : null
+      ]
+    }
+  )
+] }));
+DialogContent.displayName = "DialogContent";
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className),
+      ...props
+    }
+  );
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+      ...props
+    }
+  );
+}
+var DialogTitle = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    DialogPrimitive__namespace.Title,
+    {
+      ref,
+      className: cn("font-semibold text-lg leading-none tracking-tight", className),
+      ...props
+    }
+  )
+);
+DialogTitle.displayName = "DialogTitle";
+var DialogDescription = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DialogPrimitive__namespace.Description,
+  {
+    ref,
+    className: cn("text-muted-foreground text-sm", className),
+    ...props
+  }
+));
+DialogDescription.displayName = "DialogDescription";
+var Command = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  cmdk.Command,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+      className
+    ),
+    ...props
+  }
+));
+Command.displayName = "Command";
+function CommandDialog({ children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsxRuntime.jsx(Command, { children }) }) });
+}
+var CommandInput = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center border-b px-3", children: /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Input,
+    {
+      ref,
+      className: cn(
+        "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  ) })
+);
+CommandInput.displayName = "CommandInput";
+var CommandList = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.List,
+    {
+      ref,
+      className: cn("max-h-72 overflow-y-auto overflow-x-hidden", className),
+      ...props
+    }
+  )
+);
+CommandList.displayName = "CommandList";
+var CommandEmpty = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Empty,
+    {
+      ref,
+      className: cn("py-6 text-center text-muted-foreground text-sm", className),
+      ...props
+    }
+  )
+);
+CommandEmpty.displayName = "CommandEmpty";
+var CommandGroup = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Group,
+    {
+      ref,
+      className: cn("overflow-hidden p-1 text-foreground", className),
+      ...props
+    }
+  )
+);
+CommandGroup.displayName = "CommandGroup";
+var CommandItem = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Item,
+    {
+      ref,
+      className: cn(
+        "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50",
+        className
+      ),
+      ...props
+    }
+  )
+);
+CommandItem.displayName = "CommandItem";
+var CommandSeparator = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Separator,
+    {
+      ref,
+      className: cn("-mx-1 h-px bg-border", className),
+      ...props
+    }
+  )
+);
+CommandSeparator.displayName = "CommandSeparator";
+function CommandShortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: cn("ml-auto text-muted-foreground text-xs tracking-widest", className),
+      ...props
+    }
+  );
+}
+var DropdownMenu = DropdownMenuPrimitive__namespace.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
+var DropdownMenuContent = react.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 min-w-40 overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in motion-reduce:animate-none",
+      className
+    ),
+    ...props
+  }
+) }));
+DropdownMenuContent.displayName = "DropdownMenuContent";
+var DropdownMenuItem = react.forwardRef(({ className, inset = false, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors motion-reduce:transition-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = "DropdownMenuItem";
+var DropdownMenuCheckboxItem = react.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  DropdownMenuPrimitive__namespace.CheckboxItem,
+  {
+    ref,
+    checked,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors motion-reduce:transition-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: "\u2713" }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
+var DropdownMenuRadioItem = react.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  DropdownMenuPrimitive__namespace.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none transition-colors motion-reduce:transition-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: "\u25CF" }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
+function DropdownMenuLabel({ className, inset = false, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.Label,
+    {
+      className: cn("px-2 py-1.5 font-semibold text-sm", inset && "pl-8", className),
+      ...props
+    }
+  );
+}
+var DropdownMenuSeparator = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DropdownMenuPrimitive__namespace.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-border", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
+function DropdownMenuShortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: cn("ml-auto text-muted-foreground text-xs tracking-widest", className),
+      ...props
+    }
+  );
+}
+var NavigationMenu = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  NavigationMenuPrimitive__namespace.Root,
+  {
+    ref,
+    className: cn("relative z-10 flex max-w-max flex-1 items-center justify-center", className),
+    ...props
+  }
+));
+NavigationMenu.displayName = "NavigationMenu";
+var NavigationMenuList = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  NavigationMenuPrimitive__namespace.List,
+  {
+    ref,
+    className: cn("group flex flex-1 list-none items-center justify-center gap-1", className),
+    ...props
+  }
+));
+NavigationMenuList.displayName = "NavigationMenuList";
+var NavigationMenuItem = NavigationMenuPrimitive__namespace.Item;
+var NavigationMenuTrigger = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  NavigationMenuPrimitive__namespace.Trigger,
+  {
+    ref,
+    className: cn(
+      "inline-flex h-10 items-center justify-center rounded-md bg-background px-4 py-2 font-medium text-sm transition-colors motion-reduce:transition-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      className
+    ),
+    ...props
+  }
+));
+NavigationMenuTrigger.displayName = "NavigationMenuTrigger";
+var NavigationMenuContent = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  NavigationMenuPrimitive__namespace.Content,
+  {
+    ref,
+    className: cn(
+      "left-0 top-0 w-full rounded-md border border-border bg-popover p-4 text-popover-foreground shadow-md md:absolute md:w-auto",
+      className
+    ),
+    ...props
+  }
+));
+NavigationMenuContent.displayName = "NavigationMenuContent";
+var NavigationMenuLink = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  NavigationMenuPrimitive__namespace.Link,
+  {
+    ref,
+    className: cn(
+      "block rounded-md p-2 text-sm transition-colors motion-reduce:transition-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      className
+    ),
+    ...props
+  }
+));
+NavigationMenuLink.displayName = "NavigationMenuLink";
+var NavigationMenuViewport = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  NavigationMenuPrimitive__namespace.Viewport,
+  {
+    ref,
+    className: cn(
+      "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border border-border bg-popover shadow-lg motion-reduce:transition-none md:w-[var(--radix-navigation-menu-viewport-width)]",
+      className
+    ),
+    ...props
+  }
+));
+NavigationMenuViewport.displayName = "NavigationMenuViewport";
+var NavigationMenuIndicator = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  NavigationMenuPrimitive__namespace.Indicator,
+  {
+    ref,
+    className: cn("top-full z-10 flex h-1.5 items-end justify-center overflow-hidden", className),
+    ...props
+  }
+));
+NavigationMenuIndicator.displayName = "NavigationMenuIndicator";
+var sideClasses = {
+  top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+  right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
+  bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+  left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm"
+};
+var Sheet = DialogPrimitive__namespace.Root;
+var SheetTrigger = DialogPrimitive__namespace.Trigger;
+var SheetClose = DialogPrimitive__namespace.Close;
+var SheetPortal = DialogPrimitive__namespace.Portal;
+var SheetOverlay = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DialogPrimitive__namespace.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=closed]:animate-out data-[state=open]:animate-in motion-reduce:animate-none",
+      className
+    ),
+    ...props
+  }
+));
+SheetOverlay.displayName = "SheetOverlay";
+var SheetContent = react.forwardRef(({ className, children, side = "right", showClose = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
+  /* @__PURE__ */ jsxRuntime.jsxs(
+    DialogPrimitive__namespace.Content,
+    {
+      ref,
+      className: cn(
+        "fixed z-50 gap-4 bg-popover p-6 text-popover-foreground shadow-lg transition ease-in-out data-[state=closed]:animate-out data-[state=open]:animate-in motion-reduce:animate-none motion-reduce:transition-none",
+        sideClasses[side],
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        showClose ? /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Close, { className: "absolute top-4 right-4 rounded-sm opacity-70 transition-opacity motion-reduce:transition-none hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "\xD7" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+        ] }) : null
+      ]
+    }
+  )
+] }));
+SheetContent.displayName = "SheetContent";
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col space-y-2 text-left", className), ...props });
+}
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn("mt-6 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+      ...props
+    }
+  );
+}
+var SheetTitle = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    DialogPrimitive__namespace.Title,
+    {
+      ref,
+      className: cn("font-semibold text-lg text-popover-foreground", className),
+      ...props
+    }
+  )
+);
+SheetTitle.displayName = "SheetTitle";
+var SheetDescription = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  DialogPrimitive__namespace.Description,
+  {
+    ref,
+    className: cn("text-muted-foreground text-sm", className),
+    ...props
+  }
+));
+SheetDescription.displayName = "SheetDescription";
+var Tabs = TabsPrimitive__namespace.Root;
+var TabsList = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.List,
+    {
+      ref,
+      className: cn(
+        "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  )
+);
+TabsList.displayName = "TabsList";
+var TabsTrigger = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.Trigger,
+    {
+      ref,
+      className: cn(
+        "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 font-medium text-sm transition-all motion-reduce:transition-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+        className
+      ),
+      ...props
+    }
+  )
+);
+TabsTrigger.displayName = "TabsTrigger";
+var TabsContent = react.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.Content,
+    {
+      ref,
+      className: cn(
+        "mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        className
+      ),
+      ...props
+    }
+  )
+);
+TabsContent.displayName = "TabsContent";
+var TooltipProvider = TooltipPrimitive__namespace.Provider;
+var Tooltip = TooltipPrimitive__namespace.Root;
+var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
+var TooltipContent = react.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  TooltipPrimitive__namespace.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-primary-foreground text-xs shadow-md data-[state=closed]:animate-out data-[state=delayed-open]:animate-in motion-reduce:animate-none",
+      className
+    ),
+    ...props
+  }
+) }));
+TooltipContent.displayName = "TooltipContent";
+function Toaster({
+  richColors = true,
+  closeButton = true,
+  position = "bottom-right",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    sonner.Toaster,
+    {
+      richColors,
+      closeButton,
+      position,
+      ...props
+    }
+  );
+}
+function Combobox({
+  options,
+  value,
+  onValueChange,
+  placeholder = "Select option...",
+  emptyText = "No option found.",
+  disabled = false
+}) {
+  const [open, setOpen] = react.useState(false);
+  const selected = react.useMemo(() => options.find((o) => o.value === value), [options, value]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", disabled, "aria-expanded": open, children: selected?.label ?? placeholder }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-64 p-0", children: /* @__PURE__ */ jsxRuntime.jsxs(Command, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(CommandInput, { placeholder: "Search..." }),
+      /* @__PURE__ */ jsxRuntime.jsxs(CommandList, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(CommandEmpty, { children: emptyText }),
+        /* @__PURE__ */ jsxRuntime.jsx(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
+          CommandItem,
+          {
+            value: option.label,
+            onSelect: () => {
+              onValueChange?.(option.value);
+              setOpen(false);
+            },
+            children: [
+              option.label,
+              option.value === value ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto", children: "\u2713" }) : null
+            ]
+          },
+          option.value
+        )) })
+      ] })
+    ] }) })
+  ] });
+}
+var Form = reactHookForm.FormProvider;
+var FormFieldContext = react.createContext(null);
+function FormField(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.Controller, { ...props }) });
+}
+function useFormField() {
+  const ctx = react.useContext(FormFieldContext);
+  const form = reactHookForm.useFormContext();
+  const state = ctx ? form.getFieldState(ctx.name, form.formState) : void 0;
+  return { name: ctx?.name, error: state?.error };
+}
+function FormItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("space-y-2", className), ...props });
+}
+function FormLabel(props) {
+  const { error } = useFormField();
+  return /* @__PURE__ */ jsxRuntime.jsx(Label, { error: !!error, ...props });
+}
+function FormControl({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+}
+function FormDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-muted-foreground text-sm", className), ...props });
+}
+function FormMessage({
+  className,
+  children,
+  ...props
+}) {
+  const { error } = useFormField();
+  const body = children ?? error?.message;
+  if (!body) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-destructive text-sm", className), ...props, children: body });
+}
+function Sidebar({
+  sections,
+  defaultCollapsed = false,
+  className,
+  ...props
+}) {
+  const [collapsed, setCollapsed] = react.useState(defaultCollapsed);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "aside",
+    {
+      className: cn(
+        "flex h-full flex-col border-r border-border bg-background",
+        collapsed ? "w-16" : "w-64",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between p-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("font-semibold", collapsed && "sr-only"), children: "Navigation" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              size: "icon",
+              variant: "ghost",
+              "aria-label": "Toggle sidebar",
+              onClick: () => setCollapsed((v) => !v),
+              children: "\u2630"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "space-y-4 p-2", children: sections.map((section, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          section.label && !collapsed ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-2 py-1 text-muted-foreground text-xs", children: section.label }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-1", children: section.items.map((item) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: item.href,
+              "aria-current": item.active ? "page" : void 0,
+              className: cn(
+                "flex rounded-md px-2 py-2 text-sm transition-colors motion-reduce:transition-none hover:bg-accent hover:text-accent-foreground",
+                item.active && "bg-accent text-accent-foreground"
+              ),
+              children: collapsed ? item.label.slice(0, 1) : item.label
+            }
+          ) }, item.label)) })
+        ] }, section.label ?? i)) })
+      ]
+    }
+  );
+}
+function ThemeSwitcher() {
+  const [mounted, setMounted] = react.useState(false);
+  const [palette, setPalette] = react.useState("neutral-slate");
+  const [appearance, setAppearance] = react.useState("system");
+  react.useEffect(() => {
+    setPalette(getStoredPalette());
+    setAppearance(getStoredAppearance());
+    setMounted(true);
+  }, []);
+  react.useEffect(() => {
+    if (mounted) applyPalette(palette);
+  }, [mounted, palette]);
+  react.useEffect(() => {
+    if (!mounted) return;
+    applyAppearance(appearance);
+    if (appearance !== "system") return;
+    const mq = window.matchMedia("(prefers-color-scheme: dark)");
+    const onChange = () => applyAppearance("system");
+    mq.addEventListener("change", onChange);
+    return () => mq.removeEventListener("change", onChange);
+  }, [mounted, appearance]);
+  if (!mounted) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": true, className: "h-9" });
+  }
+  const appearances = ["light", "dark", "system"];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+      "Palette",
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "select",
+        {
+          value: palette,
+          onChange: (e) => setPalette(e.target.value),
+          className: "rounded-md border border-input bg-background px-2 py-1 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          children: uiPalettes.map((p) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: p.value, children: [
+            p.name,
+            " (",
+            p.category,
+            ")"
+          ] }, p.value))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { className: "inline-flex rounded-md border border-input p-0.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("legend", { className: "sr-only", children: "Appearance" }),
+      appearances.map((a) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          "aria-pressed": appearance === a,
+          onClick: () => setAppearance(a),
+          className: "rounded px-2.5 py-1 text-sm capitalize transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring " + (appearance === a ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:text-foreground"),
+          children: a
+        },
+        a
+      ))
+    ] })
+  ] });
+}
+
+// src/utils/formatters.ts
+function formatCurrency(value, options = {}) {
+  const {
+    currency = "USD",
+    locale = "en-US",
+    minimumFractionDigits,
+    maximumFractionDigits
+  } = options;
+  return new Intl.NumberFormat(locale, {
+    style: "currency",
+    currency,
+    minimumFractionDigits,
+    maximumFractionDigits
+  }).format(value);
+}
+function formatDate(value, options = {}) {
+  const { locale = "en-US", ...dateOptions } = options;
+  const date = value instanceof Date ? value : new Date(value);
+  return new Intl.DateTimeFormat(locale, {
+    dateStyle: "medium",
+    ...dateOptions
+  }).format(date);
+}
+function formatNumber(value, options = {}) {
+  const { locale = "en-US", ...numberOptions } = options;
+  return new Intl.NumberFormat(locale, numberOptions).format(value);
+}
+
+Object.defineProperty(exports, "toast", {
+  enumerable: true,
+  get: function () { return sonner.toast; }
+});
+exports.Accordion = Accordion;
+exports.AccordionContent = AccordionContent;
+exports.AccordionItem = AccordionItem;
+exports.AccordionTrigger = AccordionTrigger;
+exports.Alert = Alert;
+exports.AlertDescription = AlertDescription;
+exports.AlertDialog = AlertDialog;
+exports.AlertDialogAction = AlertDialogAction;
+exports.AlertDialogCancel = AlertDialogCancel;
+exports.AlertDialogContent = AlertDialogContent;
+exports.AlertDialogDescription = AlertDialogDescription;
+exports.AlertDialogFooter = AlertDialogFooter;
+exports.AlertDialogHeader = AlertDialogHeader;
+exports.AlertDialogTitle = AlertDialogTitle;
+exports.AlertDialogTrigger = AlertDialogTrigger;
+exports.AlertTitle = AlertTitle;
+exports.AspectRatio = AspectRatio;
+exports.Avatar = Avatar;
+exports.AvatarFallback = AvatarFallback;
+exports.AvatarImage = AvatarImage;
+exports.Badge = Badge;
+exports.Breadcrumb = Breadcrumb;
+exports.BreadcrumbEllipsis = BreadcrumbEllipsis;
+exports.BreadcrumbItem = BreadcrumbItem;
+exports.BreadcrumbLink = BreadcrumbLink;
+exports.BreadcrumbList = BreadcrumbList;
+exports.BreadcrumbPage = BreadcrumbPage;
+exports.BreadcrumbSeparator = BreadcrumbSeparator;
+exports.Button = Button;
+exports.Calendar = Calendar;
+exports.Card = Card;
+exports.CardContent = CardContent;
+exports.CardDescription = CardDescription;
+exports.CardFooter = CardFooter;
+exports.CardHeader = CardHeader;
+exports.CardTitle = CardTitle;
+exports.Checkbox = Checkbox;
+exports.Combobox = Combobox;
+exports.Command = Command;
+exports.CommandDialog = CommandDialog;
+exports.CommandEmpty = CommandEmpty;
+exports.CommandGroup = CommandGroup;
+exports.CommandInput = CommandInput;
+exports.CommandItem = CommandItem;
+exports.CommandList = CommandList;
+exports.CommandSeparator = CommandSeparator;
+exports.CommandShortcut = CommandShortcut;
+exports.DEFAULT_PALETTE = DEFAULT_PALETTE;
+exports.DataTable = DataTable;
+exports.DateRangePicker = DateRangePicker;
+exports.Dialog = Dialog;
+exports.DialogClose = DialogClose;
+exports.DialogContent = DialogContent;
+exports.DialogDescription = DialogDescription;
+exports.DialogFooter = DialogFooter;
+exports.DialogHeader = DialogHeader;
+exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = DialogTrigger;
+exports.DropdownMenu = DropdownMenu;
+exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
+exports.DropdownMenuContent = DropdownMenuContent;
+exports.DropdownMenuItem = DropdownMenuItem;
+exports.DropdownMenuLabel = DropdownMenuLabel;
+exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
+exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
+exports.DropdownMenuSeparator = DropdownMenuSeparator;
+exports.DropdownMenuShortcut = DropdownMenuShortcut;
+exports.DropdownMenuTrigger = DropdownMenuTrigger;
+exports.Form = Form;
+exports.FormControl = FormControl;
+exports.FormDescription = FormDescription;
+exports.FormField = FormField;
+exports.FormItem = FormItem;
+exports.FormLabel = FormLabel;
+exports.FormMessage = FormMessage;
+exports.Input = Input;
+exports.Label = Label;
+exports.NavigationMenu = NavigationMenu;
+exports.NavigationMenuContent = NavigationMenuContent;
+exports.NavigationMenuIndicator = NavigationMenuIndicator;
+exports.NavigationMenuItem = NavigationMenuItem;
+exports.NavigationMenuLink = NavigationMenuLink;
+exports.NavigationMenuList = NavigationMenuList;
+exports.NavigationMenuTrigger = NavigationMenuTrigger;
+exports.NavigationMenuViewport = NavigationMenuViewport;
+exports.Pagination = Pagination;
+exports.PaginationContent = PaginationContent;
+exports.PaginationEllipsis = PaginationEllipsis;
+exports.PaginationItem = PaginationItem;
+exports.PaginationLink = PaginationLink;
+exports.PaginationNext = PaginationNext;
+exports.PaginationPrevious = PaginationPrevious;
+exports.Popover = Popover;
+exports.PopoverAnchor = PopoverAnchor;
+exports.PopoverContent = PopoverContent;
+exports.PopoverTrigger = PopoverTrigger;
+exports.Progress = Progress;
+exports.RadioGroup = RadioGroup;
+exports.RadioGroupItem = RadioGroupItem;
+exports.ScrollArea = ScrollArea;
+exports.Select = Select;
+exports.SelectContent = SelectContent;
+exports.SelectItem = SelectItem;
+exports.SelectTrigger = SelectTrigger;
+exports.Separator = Separator;
+exports.Sheet = Sheet;
+exports.SheetClose = SheetClose;
+exports.SheetContent = SheetContent;
+exports.SheetDescription = SheetDescription;
+exports.SheetFooter = SheetFooter;
+exports.SheetHeader = SheetHeader;
+exports.SheetTitle = SheetTitle;
+exports.SheetTrigger = SheetTrigger;
+exports.Sidebar = Sidebar;
+exports.Skeleton = Skeleton;
+exports.Spinner = Spinner;
+exports.Switch = Switch;
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCaption = TableCaption;
+exports.TableCell = TableCell;
+exports.TableFooter = TableFooter;
+exports.TableHead = TableHead;
+exports.TableHeader = TableHeader;
+exports.TableRow = TableRow;
+exports.Tabs = Tabs;
+exports.TabsContent = TabsContent;
+exports.TabsList = TabsList;
+exports.TabsTrigger = TabsTrigger;
+exports.Textarea = Textarea;
+exports.ThemeSwitcher = ThemeSwitcher;
+exports.Toaster = Toaster;
+exports.Tooltip = Tooltip;
+exports.TooltipContent = TooltipContent;
+exports.TooltipProvider = TooltipProvider;
+exports.TooltipTrigger = TooltipTrigger;
+exports.allFontsHref = allFontsHref;
+exports.appliers = appliers;
+exports.applyAppearance = applyAppearance;
+exports.applyPalette = applyPalette;
+exports.applyTheme = applyTheme;
+exports.cn = cn;
+exports.formatCurrency = formatCurrency;
+exports.formatDate = formatDate;
+exports.formatNumber = formatNumber;
+exports.getStoredAppearance = getStoredAppearance;
+exports.getStoredPalette = getStoredPalette;
+exports.getStoredTheme = getStoredTheme;
+exports.isUiPalette = isUiPalette;
+exports.isUiTheme = isUiTheme;
+exports.palettesByCategory = palettesByCategory;
+exports.uiFontValues = uiFontValues;
+exports.uiFonts = uiFonts;
+exports.uiPaletteValues = uiPaletteValues;
+exports.uiPalettes = uiPalettes;
+exports.uiThemeLabels = uiThemeLabels;
+exports.uiThemes = uiThemes;
+exports.useDebounce = useDebounce;
+exports.useMediaQuery = useMediaQuery;
+exports.useTheme = useTheme;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map