npm - @marcoschwartz/lite-ui - Versions diffs - 0.4.1 → 0.7.0 - Mend

@marcoschwartz/lite-ui 0.4.1 → 0.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/index.js CHANGED Viewed

@@ -1,8 +1,10 @@
 "use client";
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 // src/index.ts
@@ -23,7 +33,9 @@ var index_exports = {};
 __export(index_exports, {
   ActionMenu: () => ActionMenu,
   Alert: () => Alert,
+  AppShell: () => AppShell,
   AppleIcon: () => AppleIcon,
+  Avatar: () => Avatar,
   Badge: () => Badge,
   BellIcon: () => BellIcon,
   Button: () => Button,
@@ -37,10 +49,12 @@ __export(index_exports, {
   CloseIcon: () => CloseIcon,
   DatePicker: () => DatePicker,
   DateTimePicker: () => DateTimePicker,
+  Divider: () => Divider,
   DownloadIcon: () => DownloadIcon,
   Drawer: () => Drawer,
   EditIcon: () => EditIcon,
   FacebookIcon: () => FacebookIcon,
+  FileUpload: () => FileUpload,
   GitHubIcon: () => GitHubIcon,
   GoogleIcon: () => GoogleIcon,
   HeartIcon: () => HeartIcon,
@@ -53,19 +67,25 @@ __export(index_exports, {
   Navbar: () => Navbar,
   Pagination: () => Pagination,
   PlusIcon: () => PlusIcon,
+  ProgressBar: () => ProgressBar,
+  Radio: () => Radio,
   SearchIcon: () => SearchIcon,
   Select: () => Select,
   SettingsIcon: () => SettingsIcon,
   Sidebar: () => Sidebar,
   SidebarProvider: () => SidebarProvider,
   SlackIcon: () => SlackIcon,
+  Slider: () => Slider,
   Spinner: () => Spinner,
   StarIcon: () => StarIcon,
+  Stepper: () => Stepper,
   Table: () => Table,
   Tabs: () => Tabs,
   TextInput: () => TextInput,
+  Textarea: () => Textarea,
   ThemeProvider: () => ThemeProvider,
   TimePicker: () => TimePicker,
+  ToastProvider: () => ToastProvider,
   Toggle: () => Toggle,
   TrashIcon: () => TrashIcon,
   TwitterIcon: () => TwitterIcon,
@@ -75,8 +95,10 @@ __export(index_exports, {
   getThemeScript: () => getThemeScript,
   themeScript: () => themeScript,
   themes: () => themes,
+  toast: () => toast,
   useSidebar: () => useSidebar,
-  useTheme: () => useTheme
+  useTheme: () => useTheme,
+  useToast: () => useToast
 });
 module.exports = __toCommonJS(index_exports);
@@ -470,10 +492,11 @@ var Sidebar = ({
 }) => {
   const { theme } = useTheme();
   const widthClass = widthClasses[width];
+  const borderClass = position === "left" ? "border-r" : "border-l";
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "aside",
     {
-      className: `${widthClass} bg-white dark:bg-gray-800 border-${position === "left" ? "r" : "l"} border-gray-200 dark:border-gray-700 h-full overflow-y-auto ${className}`,
+      className: `${widthClass} bg-white dark:bg-gray-800 ${borderClass} border-gray-200 dark:border-gray-700 h-full overflow-y-auto ${className}`,
       children
     }
   );
@@ -510,10 +533,357 @@ var useSidebar = () => {
   return context;
 };
-// src/components/Drawer.tsx
+// src/components/AppShell.tsx
 var import_react5 = require("react");
+// src/icons/icon-utils.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var sizeClasses2 = {
+  xs: "w-3 h-3",
+  sm: "w-4 h-4",
+  md: "w-5 h-5",
+  lg: "w-6 h-6",
+  xl: "w-8 h-8"
+};
+var createIcon = (displayName, path, filled = false) => {
+  const Icon = ({ size = "md", className = "", color = "currentColor" }) => {
+    const sizeClass = sizeClasses2[size];
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      "svg",
+      {
+        className: `${sizeClass} ${className}`,
+        fill: filled ? color : "none",
+        viewBox: "0 0 24 24",
+        stroke: filled ? "none" : color,
+        "aria-hidden": "true",
+        children: path
+      }
+    );
+  };
+  Icon.displayName = displayName;
+  return Icon;
+};
+// src/icons/HomeIcon.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var HomeIcon = createIcon(
+  "HomeIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" })
+);
+// src/icons/UserIcon.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var UserIcon = createIcon(
+  "UserIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" })
+);
+// src/icons/SearchIcon.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var SearchIcon = createIcon(
+  "SearchIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" })
+);
+// src/icons/BellIcon.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var BellIcon = createIcon(
+  "BellIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" })
+);
+// src/icons/SettingsIcon.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var SettingsIcon = createIcon(
+  "SettingsIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" })
+  ] })
+);
+// src/icons/MenuIcon.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var MenuIcon = createIcon(
+  "MenuIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16" })
+);
+// src/icons/CloseIcon.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var CloseIcon = createIcon(
+  "CloseIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" })
+);
+// src/icons/ChevronDownIcon.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var ChevronDownIcon = createIcon(
+  "ChevronDownIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
+);
+// src/icons/ChevronRightIcon.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var ChevronRightIcon = createIcon(
+  "ChevronRightIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
+);
+// src/icons/CheckIcon.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var CheckIcon = createIcon(
+  "CheckIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" })
+);
+// src/icons/PlusIcon.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var PlusIcon = createIcon(
+  "PlusIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v16m8-8H4" })
+);
+// src/icons/TrashIcon.tsx
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var TrashIcon = createIcon(
+  "TrashIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" })
+);
+// src/icons/EditIcon.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var EditIcon = createIcon(
+  "EditIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" })
+);
+// src/icons/MailIcon.tsx
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var MailIcon = createIcon(
+  "MailIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" })
+);
+// src/icons/StarIcon.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var StarIcon = createIcon(
+  "StarIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" })
+);
+// src/icons/HeartIcon.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var HeartIcon = createIcon(
+  "HeartIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" })
+);
+// src/icons/DownloadIcon.tsx
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var DownloadIcon = createIcon(
+  "DownloadIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" })
+);
+// src/icons/UploadIcon.tsx
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var UploadIcon = createIcon(
+  "UploadIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12" })
+);
+// src/icons/CameraIcon.tsx
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var CameraIcon = createIcon(
+  "CameraIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 13a3 3 0 11-6 0 3 3 0 016 0z" })
+  ] })
+);
+// src/icons/LockIcon.tsx
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var LockIcon = createIcon(
+  "LockIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" })
+);
+// src/icons/CalendarIcon.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var CalendarIcon = createIcon(
+  "CalendarIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" })
+);
+// src/icons/GoogleIcon.tsx
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var GoogleIcon = createIcon(
+  "GoogleIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("path", { d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" }),
+  true
+);
+// src/icons/GitHubIcon.tsx
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var GitHubIcon = createIcon(
+  "GitHubIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("path", { d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" }),
+  true
+);
+// src/icons/TwitterIcon.tsx
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var TwitterIcon = createIcon(
+  "TwitterIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" }),
+  true
+);
+// src/icons/FacebookIcon.tsx
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var FacebookIcon = createIcon(
+  "FacebookIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z" }),
+  true
+);
+// src/icons/AppleIcon.tsx
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var AppleIcon = createIcon(
+  "AppleIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { d: "M17.05 20.28c-.98.95-2.05.88-3.08.4-1.09-.5-2.08-.48-3.24 0-1.44.62-2.2.44-3.06-.4C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z" }),
+  true
+);
+// src/icons/LinkedInIcon.tsx
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var LinkedInIcon = createIcon(
+  "LinkedInIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" }),
+  true
+);
+// src/icons/YouTubeIcon.tsx
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var YouTubeIcon = createIcon(
+  "YouTubeIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" }),
+  true
+);
+// src/icons/SlackIcon.tsx
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var SlackIcon = createIcon(
+  "SlackIcon",
+  /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("path", { d: "M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zm1.271 0a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zm0 1.271a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zm10.122 2.521a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zm-1.268 0a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zm-2.523 10.122a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zm0-1.268a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z" }),
+  true
+);
+// src/components/AppShell.tsx
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var widthClasses2 = {
+  sm: "w-48",
+  md: "w-64",
+  lg: "w-80"
+};
+var breakpointClasses = {
+  sm: "sm",
+  md: "md",
+  lg: "lg",
+  xl: "xl"
+};
+var AppShell = ({
+  children,
+  navbar,
+  header,
+  navbarTitle,
+  navbarLogo,
+  defaultNavbarOpen = false,
+  responsive = true,
+  className = ""
+}) => {
+  const { theme } = useTheme();
+  const [isMobileNavbarOpen, setIsMobileNavbarOpen] = (0, import_react5.useState)(defaultNavbarOpen);
+  const navbarWidth = navbar?.width || "md";
+  const navbarBreakpoint = navbar?.breakpoint || "md";
+  const widthClass = widthClasses2[navbarWidth];
+  const breakpoint = breakpointClasses[navbarBreakpoint];
+  if (!responsive && navbar) {
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: `min-h-screen flex flex-col ${className}`, children: [
+      header && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "w-full", children: header }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("aside", { className: `${widthClass} bg-white dark:bg-gray-800 border-r border-gray-200 dark:border-gray-700 h-full overflow-y-auto`, children: navbar.content }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("main", { className: "flex-1 overflow-y-auto", children })
+      ] })
+    ] });
+  }
+  if (!responsive) {
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: `min-h-screen flex flex-col ${className}`, children: [
+      header && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "w-full", children: header }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("main", { className: "flex-1 overflow-y-auto", children })
+    ] });
+  }
+  if (navbar) {
+    const mobileHeaderClass = navbarBreakpoint === "sm" ? "sm:hidden" : navbarBreakpoint === "md" ? "md:hidden" : navbarBreakpoint === "lg" ? "lg:hidden" : "xl:hidden";
+    const desktopNavbarClass = navbarBreakpoint === "sm" ? "sm:block" : navbarBreakpoint === "md" ? "md:block" : navbarBreakpoint === "lg" ? "lg:block" : "xl:block";
+    const mobileDrawerClass = navbarBreakpoint === "sm" ? "sm:hidden" : navbarBreakpoint === "md" ? "md:hidden" : navbarBreakpoint === "lg" ? "lg:hidden" : "xl:hidden";
+    const sidebarWidthClass = navbarWidth === "sm" ? "w-48" : navbarWidth === "lg" ? "w-80" : "w-64";
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: `min-h-screen flex flex-col bg-gray-50 dark:bg-gray-900 ${className}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: `${mobileHeaderClass} sticky top-0 z-30 bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 px-4 py-3 flex items-center justify-between`, children: [
+        navbarLogo ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { children: navbarLogo }) : navbarTitle ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-xl font-bold text-gray-900 dark:text-gray-100", children: navbarTitle }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          "button",
+          {
+            className: "p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",
+            onClick: () => setIsMobileNavbarOpen(!isMobileNavbarOpen),
+            "aria-label": "Toggle menu",
+            children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(MenuIcon, { size: "md" })
+          }
+        )
+      ] }),
+      header && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "w-full", children: header }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-1 min-h-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("aside", { className: `hidden ${desktopNavbarClass} ${sidebarWidthClass} bg-white dark:bg-gray-800 border-r border-gray-200 dark:border-gray-700 overflow-y-auto shrink-0`, children: navbar.content }),
+        isMobileNavbarOpen && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+            "div",
+            {
+              className: `${mobileDrawerClass} fixed inset-0 z-40 bg-black/60 backdrop-blur-sm animate-in fade-in duration-200`,
+              onClick: () => setIsMobileNavbarOpen(false)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: `${mobileDrawerClass} fixed left-0 top-0 bottom-0 z-50 w-64 bg-white dark:bg-gray-800 shadow-2xl animate-in slide-in-from-left duration-300`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "p-4 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between", children: [
+              navbarLogo ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { children: navbarLogo }) : navbarTitle ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-xl font-bold text-gray-900 dark:text-gray-100", children: navbarTitle }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                "button",
+                {
+                  className: "p-1 rounded hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",
+                  onClick: () => setIsMobileNavbarOpen(false),
+                  "aria-label": "Close menu",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "overflow-y-auto h-[calc(100vh-73px)]", children: navbar.content })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("main", { className: "flex-1 overflow-y-auto min-h-screen", children })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: `min-h-screen flex flex-col ${className}`, children: [
+    header && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "w-full", children: header }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("main", { className: "flex-1 overflow-y-auto", children })
+  ] });
+};
+// src/components/Drawer.tsx
+var import_react6 = require("react");
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var sizeClasses3 = {
   left: {
     sm: "w-64",
     md: "w-80",
@@ -557,7 +927,7 @@ var Drawer = ({
   showCloseButton = true
 }) => {
   const { theme } = useTheme();
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape" && isOpen) {
         onClose();
@@ -573,34 +943,34 @@ var Drawer = ({
     };
   }, [isOpen, onClose]);
   if (!isOpen) return null;
-  const sizeClass = sizeClasses2[position][size];
+  const sizeClass = sizeClasses3[position][size];
   const positionClass = positionClasses[position];
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
       "div",
       {
         className: "fixed inset-0 z-40 bg-black/60 backdrop-blur-sm transition-all duration-200",
         onClick: onClose
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
       "div",
       {
         className: `fixed z-50 ${positionClass} ${sizeClass} bg-white dark:bg-gray-800 shadow-2xl overflow-hidden flex flex-col ${slideClasses[position]}`,
         children: [
-          (title || showCloseButton) && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center justify-between p-6 border-b border-gray-200 dark:border-gray-700", children: [
-            title && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { className: "text-xl font-semibold text-gray-900 dark:text-gray-100", children: title }),
-            showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          (title || showCloseButton) && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center justify-between p-6 border-b border-gray-200 dark:border-gray-700", children: [
+            title && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h3", { className: "text-xl font-semibold text-gray-900 dark:text-gray-100", children: title }),
+            showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
               "button",
               {
                 onClick: onClose,
                 className: "ml-auto text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors",
                 "aria-label": "Close drawer",
-                children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { className: "w-6 h-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+                children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("svg", { className: "w-6 h-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex-1 p-6 overflow-y-auto", children })
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex-1 p-6 overflow-y-auto", children })
         ]
       }
     )
@@ -608,14 +978,14 @@ var Drawer = ({
 };
 // src/components/TextInput.tsx
-var import_react6 = require("react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var sizeClasses3 = {
+var import_react7 = require("react");
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var sizeClasses4 = {
   sm: "px-3 py-1.5 text-sm",
   md: "px-4 py-2.5 text-base",
   lg: "px-4 py-3 text-lg"
 };
-var TextInput = (0, import_react6.forwardRef)(
+var TextInput = (0, import_react7.forwardRef)(
   ({
     label,
     error,
@@ -630,16 +1000,16 @@ var TextInput = (0, import_react6.forwardRef)(
   }, ref) => {
     const { theme, themeName } = useTheme();
     const baseStyles = theme.select?.base || "w-full appearance-none rounded-lg border border-gray-300 bg-white text-gray-900 transition-all duration-150 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent shadow-sm hover:border-gray-400 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-100 dark:hover:border-gray-500";
-    const sizeStyle = sizeClasses3[size];
+    const sizeStyle = sizeClasses4[size];
     const errorStyles = error ? "border-red-500 focus:ring-red-500 dark:border-red-500" : "";
     const disabledStyles = disabled ? "opacity-50 cursor-not-allowed bg-gray-50 dark:bg-gray-900" : "";
     const widthStyle = fullWidth ? "w-full" : "";
     const paddingWithIcon = leftIcon ? "pl-10" : rightIcon ? "pr-10" : "";
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: `${widthStyle} ${className}`, children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative", children: [
-        leftIcon && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 dark:text-gray-500", children: leftIcon }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: `${widthStyle} ${className}`, children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "relative", children: [
+        leftIcon && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 dark:text-gray-500", children: leftIcon }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "input",
           {
             ref,
@@ -648,27 +1018,27 @@ var TextInput = (0, import_react6.forwardRef)(
             ...props
           }
         ),
-        rightIcon && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 dark:text-gray-500", children: rightIcon })
+        rightIcon && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 dark:text-gray-500", children: rightIcon })
       ] }),
-      error && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "mt-1 text-sm text-red-600 dark:text-red-400", children: error }),
-      helperText && !error && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: helperText })
+      error && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "mt-1 text-sm text-red-600 dark:text-red-400", children: error }),
+      helperText && !error && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: helperText })
     ] });
   }
 );
 TextInput.displayName = "TextInput";
 // src/components/ActionMenu.tsx
-var import_react7 = require("react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_react8 = require("react");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var ActionMenu = ({
   items,
   trigger,
   position = "right"
 }) => {
   const { themeName } = useTheme();
-  const [isOpen, setIsOpen] = (0, import_react7.useState)(false);
-  const menuRef = (0, import_react7.useRef)(null);
-  (0, import_react7.useEffect)(() => {
+  const [isOpen, setIsOpen] = (0, import_react8.useState)(false);
+  const menuRef = (0, import_react8.useRef)(null);
+  (0, import_react8.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (menuRef.current && !menuRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -685,33 +1055,33 @@ var ActionMenu = ({
       setIsOpen(false);
     }
   };
-  const defaultTrigger = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  const defaultTrigger = /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "button",
     {
       className: "p-2 rounded-md hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",
       "aria-label": "Open menu",
-      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("svg", { className: "w-5 h-5 text-gray-600 dark:text-gray-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z" }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("svg", { className: "w-5 h-5 text-gray-600 dark:text-gray-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z" }) })
     }
   );
   const menuBaseStyles = themeName === "minimalistic" ? "bg-black border-2 border-white" : "bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 shadow-lg";
   const itemBaseStyles = themeName === "minimalistic" ? "text-white hover:bg-white hover:text-black transition-colors duration-200" : "text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors";
   const positionClass = position === "left" ? "left-0" : "right-0";
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "relative inline-block", ref: menuRef, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { onClick: () => setIsOpen(!isOpen), children: trigger || defaultTrigger }),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "relative inline-block", ref: menuRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { onClick: () => setIsOpen(!isOpen), children: trigger || defaultTrigger }),
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       "div",
       {
         className: `absolute ${positionClass} mt-2 w-56 rounded-lg ${menuBaseStyles} z-50 overflow-hidden`,
         style: { minWidth: "14rem" },
-        children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+        children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
           "button",
           {
             onClick: () => handleItemClick(item),
             disabled: item.disabled,
             className: `w-full text-left px-4 py-3 flex items-center gap-3 ${itemBaseStyles} ${item.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"} ${item.variant === "danger" ? "text-red-600 dark:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/20" : ""}`,
             children: [
-              item.icon && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "flex-shrink-0", children: item.icon }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "flex-1", children: item.label })
+              item.icon && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "flex-shrink-0", children: item.icon }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "flex-1", children: item.label })
             ]
           },
           index
@@ -722,7 +1092,7 @@ var ActionMenu = ({
 };
 // src/components/Card.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var paddingClasses = {
   none: "",
   sm: "p-4",
@@ -738,7 +1108,7 @@ var Card = ({
   const { theme } = useTheme();
   const paddingClass = paddingClasses[padding];
   const hoverClass = hover ? "hover:shadow-lg transition-shadow duration-200" : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "div",
     {
       className: `bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 ${paddingClass} ${hoverClass} ${className}`,
@@ -748,7 +1118,7 @@ var Card = ({
 };
 // src/components/Alert.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var variantStyles = {
   info: "bg-blue-50 dark:bg-blue-900/20 border-blue-200 dark:border-blue-800 text-blue-900 dark:text-blue-100",
   success: "bg-green-50 dark:bg-green-900/20 border-green-200 dark:border-green-800 text-green-900 dark:text-green-100",
@@ -771,38 +1141,38 @@ var Alert = ({
   const { theme } = useTheme();
   const variantClass = variantStyles[variant];
   const iconClass = iconStyles[variant];
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: `rounded-lg border p-4 ${variantClass} ${className}`, role: "alert", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-start gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: `flex-shrink-0 ${iconClass}`, children: [
-      variant === "info" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", clipRule: "evenodd" }) }),
-      variant === "success" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" }) }),
-      variant === "warning" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { fillRule: "evenodd", d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) }),
-      variant === "error" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: `rounded-lg border p-4 ${variantClass} ${className}`, role: "alert", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-start gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: `flex-shrink-0 ${iconClass}`, children: [
+      variant === "info" && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", clipRule: "evenodd" }) }),
+      variant === "success" && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" }) }),
+      variant === "warning" && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { fillRule: "evenodd", d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) }),
+      variant === "error" && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd" }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex-1", children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: "font-semibold mb-1", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "text-sm", children })
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex-1", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h3", { className: "font-semibold mb-1", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "text-sm", children })
     ] }),
-    onClose && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    onClose && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       "button",
       {
         onClick: onClose,
         className: `flex-shrink-0 ${iconClass} hover:opacity-70 transition-opacity`,
         "aria-label": "Close alert",
-        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
       }
     )
   ] }) });
 };
 // src/components/Checkbox.tsx
-var import_react8 = require("react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var Checkbox = (0, import_react8.forwardRef)(
+var import_react9 = require("react");
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var Checkbox = (0, import_react9.forwardRef)(
   ({ label, error, className = "", disabled, ...props }, ref) => {
     const { theme } = useTheme();
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { className: "flex items-center gap-2 cursor-pointer group", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("label", { className: "flex items-center gap-2 cursor-pointer group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
           "input",
           {
             ref,
@@ -812,18 +1182,18 @@ var Checkbox = (0, import_react8.forwardRef)(
             ...props
           }
         ),
-        label && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: `text-sm text-gray-700 dark:text-gray-300 ${disabled ? "opacity-50 cursor-not-allowed" : "group-hover:text-gray-900 dark:group-hover:text-gray-100"}`, children: label })
+        label && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: `text-sm text-gray-700 dark:text-gray-300 ${disabled ? "opacity-50 cursor-not-allowed" : "group-hover:text-gray-900 dark:group-hover:text-gray-100"}`, children: label })
       ] }),
-      error && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "mt-1 text-sm text-red-600 dark:text-red-400", children: error })
+      error && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "mt-1 text-sm text-red-600 dark:text-red-400", children: error })
     ] });
   }
 );
 Checkbox.displayName = "Checkbox";
 // src/components/Toggle.tsx
-var import_react9 = require("react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var Toggle = (0, import_react9.forwardRef)(
+var import_react10 = require("react");
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var Toggle = (0, import_react10.forwardRef)(
   ({ label, size = "md", className = "", disabled, checked, ...props }, ref) => {
     const { theme } = useTheme();
     const toggleClasses = {
@@ -841,9 +1211,9 @@ var Toggle = (0, import_react9.forwardRef)(
       }
     };
     const currentSize = toggleClasses[size];
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: `inline-flex items-center gap-3 cursor-pointer ${disabled ? "opacity-50 cursor-not-allowed" : ""} ${className}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "relative", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("label", { className: `inline-flex items-center gap-3 cursor-pointer ${disabled ? "opacity-50 cursor-not-allowed" : ""} ${className}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "relative", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           "input",
           {
             ref,
@@ -854,27 +1224,27 @@ var Toggle = (0, import_react9.forwardRef)(
             ...props
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           "div",
           {
             className: `${currentSize.switch} bg-gray-300 dark:bg-gray-700 peer-focus:ring-2 peer-focus:ring-blue-500 rounded-full peer peer-checked:bg-blue-600 dark:peer-checked:bg-blue-500 transition-colors`
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           "div",
           {
             className: `${currentSize.thumb} bg-white rounded-full shadow-md absolute top-0.5 left-0.5 transition-transform`
           }
         )
       ] }),
-      label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: label })
+      label && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: label })
     ] });
   }
 );
 Toggle.displayName = "Toggle";
 // src/components/Badge.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var variantStyles2 = {
   default: "bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-200",
   primary: "bg-blue-100 dark:bg-blue-900/30 text-blue-800 dark:text-blue-200",
@@ -897,12 +1267,12 @@ var Badge = ({
   const { theme } = useTheme();
   const variantClass = variantStyles2[variant];
   const sizeClass = sizeStyles[size];
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: `inline-flex items-center font-medium rounded-full ${variantClass} ${sizeClass} ${className}`, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: `inline-flex items-center font-medium rounded-full ${variantClass} ${sizeClass} ${className}`, children });
 };
 // src/components/Spinner.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var sizeClasses4 = {
+var import_jsx_runtime47 = require("react/jsx-runtime");
+var sizeClasses5 = {
   sm: "w-4 h-4 border-2",
   md: "w-8 h-8 border-2",
   lg: "w-12 h-12 border-3",
@@ -919,22 +1289,22 @@ var Spinner = ({
   className = ""
 }) => {
   const { theme } = useTheme();
-  const sizeClass = sizeClasses4[size];
+  const sizeClass = sizeClasses5[size];
   const colorClass = colorClasses[color];
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "div",
     {
       className: `inline-block rounded-full animate-spin ${sizeClass} ${colorClass} ${className}`,
       role: "status",
       "aria-label": "Loading",
-      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "sr-only", children: "Loading..." })
+      children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "sr-only", children: "Loading..." })
     }
   );
 };
 // src/components/Tabs.tsx
-var import_react10 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_react11 = require("react");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var Tabs = ({
   tabs,
   defaultIndex = 0,
@@ -942,14 +1312,14 @@ var Tabs = ({
   className = ""
 }) => {
   const { theme } = useTheme();
-  const [activeIndex, setActiveIndex] = (0, import_react10.useState)(defaultIndex);
+  const [activeIndex, setActiveIndex] = (0, import_react11.useState)(defaultIndex);
   const handleTabClick = (index) => {
     if (tabs[index].disabled) return;
     setActiveIndex(index);
     onChange?.(index);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("nav", { className: "flex gap-8 px-6", "aria-label": "Tabs", children: tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("nav", { className: "flex gap-8 px-6", "aria-label": "Tabs", children: tabs.map((tab, index) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       "button",
       {
         onClick: () => handleTabClick(index),
@@ -960,12 +1330,12 @@ var Tabs = ({
       },
       index
     )) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { children: tabs[activeIndex]?.content })
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { children: tabs[activeIndex]?.content })
   ] });
 };
 // src/components/Table.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function Table({
   columns,
   data,
@@ -975,9 +1345,9 @@ function Table({
   className = ""
 }) {
   const { theme } = useTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: `overflow-x-auto ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("table", { className: "w-full text-left", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("thead", { className: "bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("tr", { children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: `overflow-x-auto ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("table", { className: "w-full text-left", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("thead", { className: "bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("tr", { children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
         "th",
         {
           className: "px-6 py-3 text-xs font-medium text-gray-700 dark:text-gray-300 uppercase tracking-wider",
@@ -986,14 +1356,14 @@ function Table({
         },
         column.key
       )) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("tbody", { className: "bg-white dark:bg-gray-900 divide-y divide-gray-200 dark:divide-gray-700", children: data.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("tbody", { className: "bg-white dark:bg-gray-900 divide-y divide-gray-200 dark:divide-gray-700", children: data.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
         "tr",
         {
           className: `
                 ${striped && rowIndex % 2 === 1 ? "bg-gray-50 dark:bg-gray-800/50" : ""}
                 ${hoverable ? "hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors" : ""}
               `,
-          children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "td",
             {
               className: "px-6 py-4 text-sm text-gray-900 dark:text-gray-100",
@@ -1005,12 +1375,12 @@ function Table({
         row[keyField] || rowIndex
       )) })
     ] }),
-    data.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "text-center py-8 text-gray-500 dark:text-gray-400", children: "No data available" })
+    data.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "text-center py-8 text-gray-500 dark:text-gray-400", children: "No data available" })
   ] });
 }
 // src/components/Pagination.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var Pagination = ({
   currentPage,
   totalPages,
@@ -1051,8 +1421,8 @@ var Pagination = ({
     return range(1, totalPages);
   };
   const pages = paginationRange();
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("nav", { className: `flex items-center gap-1 ${className}`, "aria-label": "Pagination", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("nav", { className: `flex items-center gap-1 ${className}`, "aria-label": "Pagination", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       "button",
       {
         onClick: () => onPageChange(currentPage - 1),
@@ -1064,7 +1434,7 @@ var Pagination = ({
     ),
     pages.map((page, index) => {
       if (page === "...") {
-        return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           "span",
           {
             className: "px-3 py-2 text-gray-700 dark:text-gray-300",
@@ -1073,7 +1443,7 @@ var Pagination = ({
           `dots-${index}`
         );
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
         "button",
         {
           onClick: () => onPageChange(page),
@@ -1085,7 +1455,7 @@ var Pagination = ({
         page
       );
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
       "button",
       {
         onClick: () => onPageChange(currentPage + 1),
@@ -1099,17 +1469,17 @@ var Pagination = ({
 };
 // src/components/DatePicker.tsx
-var import_react11 = require("react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var DatePicker = (0, import_react11.forwardRef)(
+var import_react12 = require("react");
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var DatePicker = (0, import_react12.forwardRef)(
   ({ label, error, helperText, className = "", disabled, ...props }, ref) => {
     const { theme } = useTheme();
     const baseStyles = "w-full appearance-none rounded-lg border border-gray-300 bg-white text-gray-900 px-4 py-2.5 text-base transition-all duration-150 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent shadow-sm hover:border-gray-400 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-100 dark:hover:border-gray-500";
     const errorStyles = error ? "border-red-500 focus:ring-red-500 dark:border-red-500" : "";
     const disabledStyles = disabled ? "opacity-50 cursor-not-allowed bg-gray-50 dark:bg-gray-900" : "";
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className, children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className, children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         "input",
         {
           ref,
@@ -1119,25 +1489,25 @@ var DatePicker = (0, import_react11.forwardRef)(
           ...props
         }
       ),
-      error && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "mt-1 text-sm text-red-600 dark:text-red-400", children: error }),
-      helperText && !error && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: helperText })
+      error && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "mt-1 text-sm text-red-600 dark:text-red-400", children: error }),
+      helperText && !error && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: helperText })
     ] });
   }
 );
 DatePicker.displayName = "DatePicker";
 // src/components/TimePicker.tsx
-var import_react12 = require("react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var TimePicker = (0, import_react12.forwardRef)(
+var import_react13 = require("react");
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var TimePicker = (0, import_react13.forwardRef)(
   ({ label, error, helperText, className = "", disabled, ...props }, ref) => {
     const { theme } = useTheme();
     const baseStyles = "w-full appearance-none rounded-lg border border-gray-300 bg-white text-gray-900 px-4 py-2.5 text-base transition-all duration-150 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent shadow-sm hover:border-gray-400 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-100 dark:hover:border-gray-500";
     const errorStyles = error ? "border-red-500 focus:ring-red-500 dark:border-red-500" : "";
     const disabledStyles = disabled ? "opacity-50 cursor-not-allowed bg-gray-50 dark:bg-gray-900" : "";
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className, children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className, children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
         "input",
         {
           ref,
@@ -1147,25 +1517,25 @@ var TimePicker = (0, import_react12.forwardRef)(
           ...props
         }
       ),
-      error && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "mt-1 text-sm text-red-600 dark:text-red-400", children: error }),
-      helperText && !error && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: helperText })
+      error && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "mt-1 text-sm text-red-600 dark:text-red-400", children: error }),
+      helperText && !error && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: helperText })
     ] });
   }
 );
 TimePicker.displayName = "TimePicker";
 // src/components/DateTimePicker.tsx
-var import_react13 = require("react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var DateTimePicker = (0, import_react13.forwardRef)(
+var import_react14 = require("react");
+var import_jsx_runtime53 = require("react/jsx-runtime");
+var DateTimePicker = (0, import_react14.forwardRef)(
   ({ label, error, helperText, className = "", disabled, ...props }, ref) => {
     const { theme } = useTheme();
     const baseStyles = "w-full appearance-none rounded-lg border border-gray-300 bg-white text-gray-900 px-4 py-2.5 text-base transition-all duration-150 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent shadow-sm hover:border-gray-400 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-100 dark:hover:border-gray-500";
     const errorStyles = error ? "border-red-500 focus:ring-red-500 dark:border-red-500" : "";
     const disabledStyles = disabled ? "opacity-50 cursor-not-allowed bg-gray-50 dark:bg-gray-900" : "";
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className, children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className, children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
         "input",
         {
           ref,
@@ -1175,35 +1545,629 @@ var DateTimePicker = (0, import_react13.forwardRef)(
           ...props
         }
       ),
-      error && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "mt-1 text-sm text-red-600 dark:text-red-400", children: error }),
-      helperText && !error && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: helperText })
+      error && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "mt-1 text-sm text-red-600 dark:text-red-400", children: error }),
+      helperText && !error && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: helperText })
     ] });
   }
 );
 DateTimePicker.displayName = "DateTimePicker";
-// src/utils/theme-script.ts
-var themeScript = `
-(function() {
-  try {
-    // Get stored preferences
-    const storedTheme = localStorage.getItem('lite-ui-theme') || 'default';
-    const storedColorMode = localStorage.getItem('lite-ui-color-mode');
-    // Determine color mode (system, light, or dark)
-    let colorMode = storedColorMode;
-    if (!colorMode || colorMode === 'system') {
-      colorMode = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
-    }
-    // Set attributes before render
-    document.documentElement.setAttribute('data-theme', storedTheme);
-    document.documentElement.setAttribute('data-color-mode', colorMode);
-    // Add dark class for Tailwind
-    if (colorMode === 'dark') {
-      document.documentElement.classList.add('dark');
-    } else {
+// src/components/Radio.tsx
+var import_react15 = __toESM(require("react"));
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var Radio = ({
+  name,
+  options,
+  value: controlledValue,
+  defaultValue,
+  onChange,
+  disabled = false,
+  orientation = "vertical",
+  className = ""
+}) => {
+  const [internalValue, setInternalValue] = import_react15.default.useState(defaultValue || "");
+  const value = controlledValue !== void 0 ? controlledValue : internalValue;
+  const handleChange = (optionValue) => {
+    if (disabled) return;
+    setInternalValue(optionValue);
+    onChange?.(optionValue);
+  };
+  const containerClass = orientation === "horizontal" ? "flex flex-wrap gap-4" : "flex flex-col gap-2";
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: `${containerClass} ${className}`, role: "radiogroup", children: options.map((option) => {
+    const isDisabled = disabled || option.disabled;
+    const isChecked = value === option.value;
+    const id = `${name}-${option.value}`;
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+      "label",
+      {
+        htmlFor: id,
+        className: `flex items-center gap-2 cursor-pointer ${isDisabled ? "opacity-50 cursor-not-allowed" : ""}`,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+            "input",
+            {
+              type: "radio",
+              id,
+              name,
+              value: option.value,
+              checked: isChecked,
+              onChange: () => handleChange(option.value),
+              disabled: isDisabled,
+              className: "w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600 cursor-pointer disabled:cursor-not-allowed"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-300", children: option.label })
+        ]
+      },
+      option.value
+    );
+  }) });
+};
+// src/components/ProgressBar.tsx
+var import_jsx_runtime55 = require("react/jsx-runtime");
+var ProgressBar = ({
+  value,
+  max = 100,
+  size = "md",
+  variant = "default",
+  showLabel = false,
+  label,
+  className = ""
+}) => {
+  const percentage = Math.min(Math.max(value / max * 100, 0), 100);
+  const sizeClasses6 = {
+    sm: "h-1",
+    md: "h-2",
+    lg: "h-3"
+  };
+  const variantClasses = {
+    default: "bg-blue-600 dark:bg-blue-500",
+    success: "bg-green-600 dark:bg-green-500",
+    warning: "bg-yellow-500 dark:bg-yellow-400",
+    danger: "bg-red-600 dark:bg-red-500"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: `w-full ${className}`, children: [
+    (showLabel || label) && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex justify-between items-center mb-1", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: label }),
+      showLabel && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: [
+        Math.round(percentage),
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+      "div",
+      {
+        className: `w-full bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden ${sizeClasses6[size]}`,
+        role: "progressbar",
+        "aria-valuenow": value,
+        "aria-valuemin": 0,
+        "aria-valuemax": max,
+        children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+          "div",
+          {
+            className: `${sizeClasses6[size]} ${variantClasses[variant]} rounded-full transition-all duration-300 ease-out`,
+            style: { width: `${percentage}%` }
+          }
+        )
+      }
+    )
+  ] });
+};
+// src/components/Slider.tsx
+var import_react16 = __toESM(require("react"));
+var import_jsx_runtime56 = require("react/jsx-runtime");
+var Slider = ({
+  value: controlledValue,
+  defaultValue = 50,
+  min = 0,
+  max = 100,
+  step = 1,
+  onChange,
+  disabled = false,
+  showValue = false,
+  label,
+  className = ""
+}) => {
+  const [internalValue, setInternalValue] = import_react16.default.useState(defaultValue);
+  const value = controlledValue !== void 0 ? controlledValue : internalValue;
+  const handleChange = (e) => {
+    const newValue = Number(e.target.value);
+    setInternalValue(newValue);
+    onChange?.(newValue);
+  };
+  const percentage = (value - min) / (max - min) * 100;
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: `w-full ${className}`, children: [
+    (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex justify-between items-center mb-2", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: label }),
+      showValue && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: value })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "absolute inset-0 h-2 bg-gray-200 dark:bg-gray-700 rounded-full top-1/2 -translate-y-1/2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        "div",
+        {
+          className: "absolute h-2 bg-blue-600 dark:bg-blue-500 rounded-full top-1/2 -translate-y-1/2 pointer-events-none",
+          style: { width: `${percentage}%` }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        "input",
+        {
+          type: "range",
+          min,
+          max,
+          step,
+          value,
+          onChange: handleChange,
+          disabled,
+          className: "relative w-full h-2 bg-transparent appearance-none cursor-pointer disabled:cursor-not-allowed disabled:opacity-50\n            [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:h-4\n            [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-blue-600 [&::-webkit-slider-thumb]:cursor-pointer\n            [&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-white [&::-webkit-slider-thumb]:shadow-md\n            [&::-webkit-slider-thumb]:hover:bg-blue-700 [&::-webkit-slider-thumb]:active:scale-110 [&::-webkit-slider-thumb]:transition-all\n            [&::-moz-range-thumb]:w-4 [&::-moz-range-thumb]:h-4 [&::-moz-range-thumb]:rounded-full\n            [&::-moz-range-thumb]:bg-blue-600 [&::-moz-range-thumb]:cursor-pointer [&::-moz-range-thumb]:border-2\n            [&::-moz-range-thumb]:border-white [&::-moz-range-thumb]:shadow-md [&::-moz-range-thumb]:hover:bg-blue-700\n            [&::-moz-range-thumb]:active:scale-110 [&::-moz-range-thumb]:transition-all [&::-moz-range-thumb]:border-none",
+          "aria-label": label,
+          "aria-valuemin": min,
+          "aria-valuemax": max,
+          "aria-valuenow": value
+        }
+      )
+    ] })
+  ] });
+};
+// src/components/Avatar.tsx
+var import_react17 = __toESM(require("react"));
+var import_jsx_runtime57 = require("react/jsx-runtime");
+var Avatar = ({
+  src,
+  alt,
+  name,
+  size = "md",
+  shape = "circle",
+  className = "",
+  fallbackColor = "bg-blue-600"
+}) => {
+  const [imageError, setImageError] = import_react17.default.useState(false);
+  const sizeClasses6 = {
+    xs: "w-6 h-6 text-xs",
+    sm: "w-8 h-8 text-sm",
+    md: "w-10 h-10 text-base",
+    lg: "w-12 h-12 text-lg",
+    xl: "w-16 h-16 text-2xl"
+  };
+  const shapeClass = shape === "circle" ? "rounded-full" : "rounded-md";
+  const getInitials = (name2) => {
+    const parts = name2.trim().split(" ");
+    if (parts.length >= 2) {
+      return `${parts[0][0]}${parts[parts.length - 1][0]}`.toUpperCase();
+    }
+    return name2.slice(0, 2).toUpperCase();
+  };
+  const showImage = src && !imageError;
+  const showInitials = !showImage && name;
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    "div",
+    {
+      className: `${sizeClasses6[size]} ${shapeClass} flex items-center justify-center overflow-hidden ${showImage ? "bg-gray-200 dark:bg-gray-700" : `${fallbackColor} text-white`} ${className}`,
+      children: showImage ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        "img",
+        {
+          src,
+          alt: alt || name || "Avatar",
+          className: "w-full h-full object-cover",
+          onError: () => setImageError(true)
+        }
+      ) : showInitials ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "font-semibold select-none", children: getInitials(name) }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        "svg",
+        {
+          className: "w-full h-full text-gray-400 dark:text-gray-600",
+          fill: "currentColor",
+          viewBox: "0 0 24 24",
+          children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" })
+        }
+      )
+    }
+  );
+};
+// src/components/Textarea.tsx
+var import_jsx_runtime58 = require("react/jsx-runtime");
+var Textarea = ({
+  label,
+  error,
+  helperText,
+  size = "md",
+  resize = "vertical",
+  className = "",
+  disabled,
+  ...props
+}) => {
+  const sizeClasses6 = {
+    sm: "px-3 py-1.5 text-sm min-h-[80px]",
+    md: "px-4 py-2 text-base min-h-[100px]",
+    lg: "px-4 py-3 text-lg min-h-[120px]"
+  };
+  const resizeClasses = {
+    none: "resize-none",
+    vertical: "resize-y",
+    horizontal: "resize-x",
+    both: "resize"
+  };
+  const baseClasses = `w-full rounded-lg border transition-colors duration-150 focus:outline-none focus:ring-2
+    ${error ? "border-red-500 focus:ring-red-500 focus:border-red-500 dark:border-red-400 dark:focus:ring-red-400" : "border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:border-gray-600 dark:focus:ring-blue-400"}
+    bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100
+    placeholder:text-gray-500 dark:placeholder:text-gray-400
+    disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-gray-50 dark:disabled:bg-gray-900`;
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: `w-full ${className}`, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+      "textarea",
+      {
+        className: `${baseClasses} ${sizeClasses6[size]} ${resizeClasses[resize]}`,
+        disabled,
+        ...props
+      }
+    ),
+    error && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "mt-1 text-sm text-red-600 dark:text-red-400", children: error }),
+    helperText && !error && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: helperText })
+  ] });
+};
+// src/components/Toast.tsx
+var import_react18 = require("react");
+var import_jsx_runtime59 = require("react/jsx-runtime");
+var ToastContext = (0, import_react18.createContext)(void 0);
+var useToast = () => {
+  const context = (0, import_react18.useContext)(ToastContext);
+  if (!context) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  return context;
+};
+var ToastProvider = ({ children, position = "top-right" }) => {
+  const [toasts, setToasts] = (0, import_react18.useState)([]);
+  const addToast = (0, import_react18.useCallback)((toast2) => {
+    const id = Math.random().toString(36).substring(7);
+    const newToast = { ...toast2, id };
+    setToasts((prev) => [...prev, newToast]);
+    const duration = toast2.duration || 5e3;
+    setTimeout(() => {
+      removeToast(id);
+    }, duration);
+  }, []);
+  const removeToast = (0, import_react18.useCallback)((id) => {
+    setToasts((prev) => prev.filter((toast2) => toast2.id !== id));
+  }, []);
+  const positionClasses2 = {
+    "top-right": "top-4 right-4",
+    "top-left": "top-4 left-4",
+    "bottom-right": "bottom-4 right-4",
+    "bottom-left": "bottom-4 left-4",
+    "top-center": "top-4 left-1/2 -translate-x-1/2",
+    "bottom-center": "bottom-4 left-1/2 -translate-x-1/2"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(ToastContext.Provider, { value: { toasts, addToast, removeToast }, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: `fixed ${positionClasses2[position]} z-50 flex flex-col gap-2 max-w-md`, children: toasts.map((toast2) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ToastItem, { toast: toast2, onClose: () => removeToast(toast2.id) }, toast2.id)) })
+  ] });
+};
+var ToastItem = ({ toast: toast2, onClose }) => {
+  const typeStyles = {
+    success: "bg-green-50 dark:bg-green-900/30 border-green-500 text-green-800 dark:text-green-200",
+    error: "bg-red-50 dark:bg-red-900/30 border-red-500 text-red-800 dark:text-red-200",
+    warning: "bg-yellow-50 dark:bg-yellow-900/30 border-yellow-500 text-yellow-800 dark:text-yellow-200",
+    info: "bg-blue-50 dark:bg-blue-900/30 border-blue-500 text-blue-800 dark:text-blue-200"
+  };
+  const typeIcons = {
+    success: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CheckIcon, { size: "sm", className: "text-green-600 dark:text-green-400" }),
+    error: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CloseIcon, { size: "sm", className: "text-red-600 dark:text-red-400" }),
+    warning: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("svg", { className: "w-4 h-4 text-yellow-600 dark:text-yellow-400", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { fillRule: "evenodd", d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) }),
+    info: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("svg", { className: "w-4 h-4 text-blue-600 dark:text-blue-400", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", clipRule: "evenodd" }) })
+  };
+  const type = toast2.type || "info";
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+    "div",
+    {
+      className: `flex items-start gap-3 p-4 rounded-lg border-l-4 shadow-lg backdrop-blur-sm ${typeStyles[type]} animate-slide-in`,
+      role: "alert",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "flex-shrink-0 mt-0.5", children: typeIcons[type] }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "flex-1 text-sm font-medium", children: toast2.message }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+          "button",
+          {
+            onClick: onClose,
+            className: "flex-shrink-0 text-gray-400 hover:text-gray-600 dark:hover:text-gray-200 transition-colors",
+            "aria-label": "Close",
+            children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CloseIcon, { size: "sm" })
+          }
+        )
+      ]
+    }
+  );
+};
+var toast = {
+  success: (message, duration) => ({
+    message,
+    type: "success",
+    duration
+  }),
+  error: (message, duration) => ({
+    message,
+    type: "error",
+    duration
+  }),
+  warning: (message, duration) => ({
+    message,
+    type: "warning",
+    duration
+  }),
+  info: (message, duration) => ({
+    message,
+    type: "info",
+    duration
+  })
+};
+// src/components/Stepper.tsx
+var import_react19 = __toESM(require("react"));
+var import_jsx_runtime60 = require("react/jsx-runtime");
+var Stepper = ({
+  steps,
+  currentStep,
+  orientation = "horizontal",
+  className = ""
+}) => {
+  const isHorizontal = orientation === "horizontal";
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: `${isHorizontal ? "flex items-center" : "flex flex-col"} ${className}`, children: steps.map((step, index) => {
+    const stepNumber = index + 1;
+    const isActive = stepNumber === currentStep;
+    const isCompleted = stepNumber < currentStep;
+    const isLast = index === steps.length - 1;
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_react19.default.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: `flex ${isHorizontal ? "flex-col items-center" : "flex-row items-start"} ${isHorizontal ? "" : "flex-1"}`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+          "div",
+          {
+            className: `flex items-center justify-center w-10 h-10 rounded-full border-2 transition-all ${isCompleted ? "bg-blue-600 border-blue-600 dark:bg-blue-500 dark:border-blue-500" : isActive ? "border-blue-600 bg-white dark:border-blue-500 dark:bg-gray-800" : "border-gray-300 bg-white dark:border-gray-600 dark:bg-gray-800"}`,
+            children: isCompleted ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CheckIcon, { size: "sm", className: "text-white" }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+              "span",
+              {
+                className: `text-sm font-semibold ${isActive ? "text-blue-600 dark:text-blue-400" : "text-gray-500 dark:text-gray-400"}`,
+                children: stepNumber
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: `${isHorizontal ? "mt-2 text-center" : "ml-4 pb-8"} ${isLast && !isHorizontal ? "pb-0" : ""}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+            "p",
+            {
+              className: `text-sm font-medium ${isActive || isCompleted ? "text-gray-900 dark:text-gray-100" : "text-gray-500 dark:text-gray-400"}`,
+              children: step.label
+            }
+          ),
+          step.description && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: step.description })
+        ] })
+      ] }),
+      !isLast && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+        "div",
+        {
+          className: `${isHorizontal ? "flex-1 h-0.5 mx-4" : "w-0.5 h-full ml-5 -mt-8"} ${isCompleted || isActive && stepNumber < currentStep ? "bg-blue-600 dark:bg-blue-500" : "bg-gray-300 dark:bg-gray-600"}`
+        }
+      )
+    ] }, index);
+  }) });
+};
+// src/components/Divider.tsx
+var import_jsx_runtime61 = require("react/jsx-runtime");
+var Divider = ({
+  orientation = "horizontal",
+  variant = "solid",
+  className = "",
+  label,
+  labelPosition = "center"
+}) => {
+  const variantClasses = {
+    solid: "border-solid",
+    dashed: "border-dashed",
+    dotted: "border-dotted"
+  };
+  if (label && orientation === "horizontal") {
+    const alignmentClasses = {
+      left: "justify-start",
+      center: "justify-center",
+      right: "justify-end"
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: `flex items-center ${alignmentClasses[labelPosition]} ${className}`, role: "separator", children: [
+      labelPosition !== "left" && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: `flex-1 border-t ${variantClasses[variant]} border-gray-300 dark:border-gray-600` }),
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "px-4 text-sm text-gray-500 dark:text-gray-400", children: label }),
+      labelPosition !== "right" && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: `flex-1 border-t ${variantClasses[variant]} border-gray-300 dark:border-gray-600` })
+    ] });
+  }
+  if (orientation === "vertical") {
+    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+      "div",
+      {
+        className: `inline-block h-full border-l ${variantClasses[variant]} border-gray-300 dark:border-gray-600 ${className}`,
+        role: "separator",
+        "aria-orientation": "vertical"
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    "hr",
+    {
+      className: `border-t ${variantClasses[variant]} border-gray-300 dark:border-gray-600 ${className}`,
+      role: "separator"
+    }
+  );
+};
+// src/components/FileUpload.tsx
+var import_react20 = require("react");
+var import_jsx_runtime62 = require("react/jsx-runtime");
+var FileUpload = ({
+  accept,
+  multiple = false,
+  maxSize,
+  maxFiles = 10,
+  disabled = false,
+  onChange,
+  onError,
+  className = "",
+  label,
+  helperText
+}) => {
+  const [files, setFiles] = (0, import_react20.useState)([]);
+  const [isDragging, setIsDragging] = (0, import_react20.useState)(false);
+  const fileInputRef = (0, import_react20.useRef)(null);
+  const formatFileSize = (bytes) => {
+    if (bytes === 0) return "0 Bytes";
+    const k = 1024;
+    const sizes = ["Bytes", "KB", "MB", "GB"];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return Math.round(bytes / Math.pow(k, i) * 100) / 100 + " " + sizes[i];
+  };
+  const validateFiles = (fileList) => {
+    const validFiles = [];
+    const filesArray = Array.from(fileList);
+    if (filesArray.length + files.length > maxFiles) {
+      onError?.(`Maximum ${maxFiles} files allowed`);
+      return validFiles;
+    }
+    for (const file of filesArray) {
+      if (maxSize && file.size > maxSize) {
+        onError?.(`File ${file.name} exceeds maximum size of ${formatFileSize(maxSize)}`);
+        continue;
+      }
+      validFiles.push(file);
+    }
+    return validFiles;
+  };
+  const handleFiles = (fileList) => {
+    if (!fileList || disabled) return;
+    const validFiles = validateFiles(fileList);
+    if (validFiles.length > 0) {
+      const newFiles = multiple ? [...files, ...validFiles] : validFiles;
+      setFiles(newFiles);
+      onChange?.(newFiles);
+    }
+  };
+  const handleDrop = (e) => {
+    e.preventDefault();
+    setIsDragging(false);
+    handleFiles(e.dataTransfer.files);
+  };
+  const handleDragOver = (e) => {
+    e.preventDefault();
+    if (!disabled) {
+      setIsDragging(true);
+    }
+  };
+  const handleDragLeave = (e) => {
+    e.preventDefault();
+    setIsDragging(false);
+  };
+  const handleClick = () => {
+    if (!disabled) {
+      fileInputRef.current?.click();
+    }
+  };
+  const handleRemoveFile = (index) => {
+    const newFiles = files.filter((_, i) => i !== index);
+    setFiles(newFiles);
+    onChange?.(newFiles);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: `w-full ${className}`, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("label", { className: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+      "div",
+      {
+        onDrop: handleDrop,
+        onDragOver: handleDragOver,
+        onDragLeave: handleDragLeave,
+        onClick: handleClick,
+        className: `relative border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-all ${isDragging ? "border-blue-500 bg-blue-50 dark:bg-blue-900/20" : "border-gray-300 dark:border-gray-600 hover:border-gray-400 dark:hover:border-gray-500"} ${disabled ? "opacity-50 cursor-not-allowed" : ""}`,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+            "input",
+            {
+              ref: fileInputRef,
+              type: "file",
+              accept,
+              multiple,
+              onChange: (e) => handleFiles(e.target.files),
+              disabled,
+              className: "hidden"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex flex-col items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "w-12 h-12 rounded-full bg-gray-100 dark:bg-gray-800 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(UploadIcon, { size: "lg", className: "text-gray-400 dark:text-gray-500" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("p", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "text-blue-600 dark:text-blue-400", children: "Click to upload" }),
+                " or drag and drop"
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("p", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: [
+                accept ? `Accepted: ${accept}` : "Any file type",
+                maxSize && ` \u2022 Max size: ${formatFileSize(maxSize)}`
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    ),
+    helperText && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "mt-2 text-sm text-gray-500 dark:text-gray-400", children: helperText }),
+    files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "mt-4 space-y-2", children: files.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+      "div",
+      {
+        className: "flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "text-sm font-medium text-gray-900 dark:text-gray-100 truncate", children: file.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: formatFileSize(file.size) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                handleRemoveFile(index);
+              },
+              className: "ml-4 text-gray-400 hover:text-red-600 dark:hover:text-red-400 transition-colors",
+              "aria-label": "Remove file",
+              children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(CloseIcon, { size: "sm" })
+            }
+          )
+        ]
+      },
+      index
+    )) })
+  ] });
+};
+// src/utils/theme-script.ts
+var themeScript = `
+(function() {
+  try {
+    // Get stored preferences
+    const storedTheme = localStorage.getItem('lite-ui-theme') || 'default';
+    const storedColorMode = localStorage.getItem('lite-ui-color-mode');
+    // Determine color mode (system, light, or dark)
+    let colorMode = storedColorMode;
+    if (!colorMode || colorMode === 'system') {
+      colorMode = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+    }
+    // Set attributes before render
+    document.documentElement.setAttribute('data-theme', storedTheme);
+    document.documentElement.setAttribute('data-color-mode', colorMode);
+    // Add dark class for Tailwind
+    if (colorMode === 'dark') {
+      document.documentElement.classList.add('dark');
+    } else {
       document.documentElement.classList.remove('dark');
     }
   } catch (e) {
@@ -1214,169 +2178,13 @@ var themeScript = `
 function getThemeScript() {
   return themeScript;
 }
-// src/icons/Icon.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var sizeClasses5 = {
-  xs: "w-3 h-3",
-  sm: "w-4 h-4",
-  md: "w-5 h-5",
-  lg: "w-6 h-6",
-  xl: "w-8 h-8"
-};
-var createIcon = (displayName, path, filled = false) => {
-  const Icon = ({ size = "md", className = "", color = "currentColor" }) => {
-    const sizeClass = sizeClasses5[size];
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-      "svg",
-      {
-        className: `${sizeClass} ${className}`,
-        fill: filled ? color : "none",
-        viewBox: "0 0 24 24",
-        stroke: filled ? "none" : color,
-        "aria-hidden": "true",
-        children: path
-      }
-    );
-  };
-  Icon.displayName = displayName;
-  return Icon;
-};
-var HomeIcon = createIcon(
-  "HomeIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" })
-);
-var UserIcon = createIcon(
-  "UserIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" })
-);
-var SearchIcon = createIcon(
-  "SearchIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" })
-);
-var BellIcon = createIcon(
-  "BellIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" })
-);
-var SettingsIcon = createIcon(
-  "SettingsIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z" })
-  ] })
-);
-var MenuIcon = createIcon(
-  "MenuIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16" })
-);
-var CloseIcon = createIcon(
-  "CloseIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" })
-);
-var ChevronDownIcon = createIcon(
-  "ChevronDownIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
-);
-var ChevronRightIcon = createIcon(
-  "ChevronRightIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
-);
-var CheckIcon = createIcon(
-  "CheckIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" })
-);
-var PlusIcon = createIcon(
-  "PlusIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 4v16m8-8H4" })
-);
-var TrashIcon = createIcon(
-  "TrashIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" })
-);
-var EditIcon = createIcon(
-  "EditIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" })
-);
-var MailIcon = createIcon(
-  "MailIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" })
-);
-var StarIcon = createIcon(
-  "StarIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" })
-);
-var HeartIcon = createIcon(
-  "HeartIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" })
-);
-var DownloadIcon = createIcon(
-  "DownloadIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" })
-);
-var UploadIcon = createIcon(
-  "UploadIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12" })
-);
-var CameraIcon = createIcon(
-  "CameraIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 13a3 3 0 11-6 0 3 3 0 016 0z" })
-  ] })
-);
-var LockIcon = createIcon(
-  "LockIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" })
-);
-var CalendarIcon = createIcon(
-  "CalendarIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" })
-);
-var GoogleIcon = createIcon(
-  "GoogleIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" }),
-  true
-);
-var GitHubIcon = createIcon(
-  "GitHubIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" }),
-  true
-);
-var TwitterIcon = createIcon(
-  "TwitterIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" }),
-  true
-);
-var FacebookIcon = createIcon(
-  "FacebookIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z" }),
-  true
-);
-var AppleIcon = createIcon(
-  "AppleIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M17.05 20.28c-.98.95-2.05.88-3.08.4-1.09-.5-2.08-.48-3.24 0-1.44.62-2.2.44-3.06-.4C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z" }),
-  true
-);
-var LinkedInIcon = createIcon(
-  "LinkedInIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" }),
-  true
-);
-var YouTubeIcon = createIcon(
-  "YouTubeIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" }),
-  true
-);
-var SlackIcon = createIcon(
-  "SlackIcon",
-  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zm1.271 0a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zm0 1.271a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zm10.122 2.521a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zm-1.268 0a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zm-2.523 10.122a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zm0-1.268a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z" }),
-  true
-);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ActionMenu,
   Alert,
+  AppShell,
   AppleIcon,
+  Avatar,
   Badge,
   BellIcon,
   Button,
@@ -1390,10 +2198,12 @@ var SlackIcon = createIcon(
   CloseIcon,
   DatePicker,
   DateTimePicker,
+  Divider,
   DownloadIcon,
   Drawer,
   EditIcon,
   FacebookIcon,
+  FileUpload,
   GitHubIcon,
   GoogleIcon,
   HeartIcon,
@@ -1406,19 +2216,25 @@ var SlackIcon = createIcon(
   Navbar,
   Pagination,
   PlusIcon,
+  ProgressBar,
+  Radio,
   SearchIcon,
   Select,
   SettingsIcon,
   Sidebar,
   SidebarProvider,
   SlackIcon,
+  Slider,
   Spinner,
   StarIcon,
+  Stepper,
   Table,
   Tabs,
   TextInput,
+  Textarea,
   ThemeProvider,
   TimePicker,
+  ToastProvider,
   Toggle,
   TrashIcon,
   TwitterIcon,
@@ -1428,7 +2244,9 @@ var SlackIcon = createIcon(
   getThemeScript,
   themeScript,
   themes,
+  toast,
   useSidebar,
-  useTheme
+  useTheme,
+  useToast
 });
 //# sourceMappingURL=index.js.map