@amazecontinuityprojects/amazeui 1.0.0 → 1.1.0

package/dist/index.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -56,6 +57,13 @@ __export(index_exports, {
   PopoverContent: () => PopoverContent,
   PopoverTrigger: () => PopoverTrigger,
   Progress: () => Progress,
+  Sidebar: () => Sidebar,
+  SidebarContent: () => SidebarContent,
+  SidebarFooter: () => SidebarFooter,
+  SidebarGroup: () => SidebarGroup,
+  SidebarGroupLabel: () => SidebarGroupLabel,
+  SidebarHeader: () => SidebarHeader,
+  SidebarItem: () => SidebarItem,
   Skeleton: () => Skeleton,
   Switch: () => Switch,
   Table: () => Table,
@@ -68,16 +76,18 @@ __export(index_exports, {
   TabsContent: () => TabsContent,
   TabsList: () => TabsList,
   TabsTrigger: () => TabsTrigger,
+  ThemeProvider: () => ThemeProvider,
   buttonTextVariants: () => buttonTextVariants,
   buttonVariants: () => buttonVariants,
-  cn: () => cn
+  cn: () => cn,
+  useSidebar: () => useSidebar,
+  useTheme: () => import_next_themes2.useTheme
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/components/ui/button.tsx
+// src/lib/primitives.tsx
 var React = __toESM(require("react"));
 var import_react_native = require("react-native");
-var import_class_variance_authority = require("class-variance-authority");
 
 // src/lib/utils.ts
 var import_clsx = require("clsx");
@@ -86,8 +96,48 @@ function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
 
-// src/components/ui/button.tsx
+// src/lib/primitives.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
+var View = React.forwardRef(({ className, style, ...props }, ref) => {
+  if (import_react_native.Platform.OS === "web") {
+    const C = "div";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(C, { ref, className: cn("flex flex-col items-stretch justify-start min-w-0 min-h-0 relative", className), style, ...props });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.View, { ref, className, style, ...props });
+});
+View.displayName = "View";
+var Text = React.forwardRef(({ className, style, ...props }, ref) => {
+  if (import_react_native.Platform.OS === "web") {
+    const C = "span";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(C, { ref, className: cn("inline m-0 p-0", className), style, ...props });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Text, { ref, className, style, ...props });
+});
+Text.displayName = "Text";
+var Pressable = React.forwardRef(({ className, style, onPress, onClick, ...props }, ref) => {
+  if (import_react_native.Platform.OS === "web") {
+    const C = "button";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(C, { ref, type: "button", onClick: onPress || onClick, className: cn("flex flex-col items-stretch justify-start bg-transparent border-none p-0 m-0 cursor-pointer outline-none relative", className), style, ...props });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Pressable, { ref, onPress: onPress || onClick, className, style, ...props });
+});
+Pressable.displayName = "Pressable";
+var TextInput = React.forwardRef(({ className, style, onChangeText, onChange, value, ...props }, ref) => {
+  if (import_react_native.Platform.OS === "web") {
+    const C = "input";
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(C, { ref, value, onChange: (e) => {
+      onChangeText == null ? void 0 : onChangeText(e.target.value);
+      onChange == null ? void 0 : onChange(e);
+    }, className, style: { ...style }, ...props });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.TextInput, { ref, value, onChangeText, onChange, className, style, ...props });
+});
+TextInput.displayName = "TextInput";
+
+// src/components/ui/button.tsx
+var React2 = __toESM(require("react"));
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var buttonVariants = (0, import_class_variance_authority.cva)(
   "flex flex-row items-center justify-center gap-2 rounded-md font-medium transition-all",
   {
@@ -131,15 +181,19 @@ var buttonTextVariants = (0, import_class_variance_authority.cva)(
     }
   }
 );
-var Button = React.forwardRef(
-  ({ className, variant, size, children, textClassName, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_react_native.Pressable,
+var Button = React2.forwardRef(
+  ({ className, variant, size, children, textClassName, onClick, onPress, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      Pressable,
       {
+        onPress: onPress || onClick,
         ref,
         ...{ className: cn(buttonVariants({ variant, size }), className) },
         ...props,
-        children: typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Text, { ...{ className: cn(buttonTextVariants({ variant }), textClassName) }, children }) : children
+        children: React2.Children.map(
+          children,
+          (child) => typeof child === "string" || typeof child === "number" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { ...{ className: cn(buttonTextVariants({ variant }), textClassName) }, children: child }) : child
+        )
       }
     );
   }
@@ -147,23 +201,22 @@ var Button = React.forwardRef(
 Button.displayName = "Button";
 
 // src/components/ui/card.tsx
-var React2 = __toESM(require("react"));
-var import_react_native2 = require("react-native");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var Card = React2.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_react_native2.View,
+var React3 = __toESM(require("react"));
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Card = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    View,
     {
       ref,
-      ...{ className: cn("rounded-xl border border-border bg-card shadow-sm", className) },
+      ...{ className: cn("rounded-xl border border-border bg-card/60 backdrop-blur-xl shadow-sm dark:bg-card/40", className) },
       ...props
     }
   )
 );
 Card.displayName = "Card";
-var CardHeader = React2.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_react_native2.View,
+var CardHeader = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    View,
     {
       ref,
       ...{ className: cn("flex flex-col space-y-1.5 p-6", className) },
@@ -172,9 +225,9 @@ var CardHeader = React2.forwardRef(
   )
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React2.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_react_native2.Text,
+var CardTitle = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    Text,
     {
       ref,
       ...{ className: cn("font-semibold text-lg leading-none tracking-tight text-foreground", className) },
@@ -183,9 +236,9 @@ var CardTitle = React2.forwardRef(
   )
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React2.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_react_native2.Text,
+var CardDescription = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    Text,
     {
       ref,
       ...{ className: cn("text-sm text-muted-foreground", className) },
@@ -194,13 +247,13 @@ var CardDescription = React2.forwardRef(
   )
 );
 CardDescription.displayName = "CardDescription";
-var CardContent = React2.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { ref, ...{ className: cn("p-6 pt-0", className) }, ...props })
+var CardContent = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(View, { ref, ...{ className: cn("p-6 pt-0", className) }, ...props })
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React2.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_react_native2.View,
+var CardFooter = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    View,
     {
       ref,
       ...{ className: cn("flex flex-row items-center p-6 pt-0", className) },
@@ -211,13 +264,12 @@ var CardFooter = React2.forwardRef(
 CardFooter.displayName = "CardFooter";
 
 // src/components/ui/input.tsx
-var React3 = __toESM(require("react"));
-var import_react_native3 = require("react-native");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Input = React3.forwardRef(
+var React4 = __toESM(require("react"));
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Input = React4.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      import_react_native3.TextInput,
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      TextInput,
       {
         ref,
         placeholderTextColor: "#a3a3a3",
@@ -230,10 +282,9 @@ var Input = React3.forwardRef(
 Input.displayName = "Input";
 
 // src/components/ui/label.tsx
-var React4 = __toESM(require("react"));
-var import_react_native4 = require("react-native");
+var React5 = __toESM(require("react"));
 var import_class_variance_authority2 = require("class-variance-authority");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var labelVariants = (0, import_class_variance_authority2.cva)(
   "text-sm font-medium leading-none text-foreground peer-disabled:opacity-70",
   {
@@ -241,9 +292,9 @@ var labelVariants = (0, import_class_variance_authority2.cva)(
     defaultVariants: {}
   }
 );
-var Label = React4.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_react_native4.Text,
+var Label = React5.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    Text,
     {
       ref,
       ...{ className: cn(labelVariants(), className) },
@@ -254,11 +305,10 @@ var Label = React4.forwardRef(
 Label.displayName = "Label";
 
 // src/components/ui/skeleton.tsx
-var import_react_native5 = require("react-native");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    import_react_native5.View,
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    View,
     {
       ...{ className: cn("animate-pulse rounded-md bg-primary/10", className) },
       ...props
@@ -267,14 +317,20 @@ function Skeleton({ className, ...props }) {
 }
 
 // src/components/ui/switch.tsx
-var React5 = __toESM(require("react"));
-var import_react_native6 = require("react-native");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var Switch = React5.forwardRef(
-  ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      import_react_native6.Switch,
+var React6 = __toESM(require("react"));
+var import_react_native2 = require("react-native");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Switch = React6.forwardRef(
+  ({ className, onCheckedChange, onChange, onValueChange, checked, value, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      import_react_native2.Switch,
       {
+        value: checked !== void 0 ? checked : value,
+        onValueChange: (val) => {
+          onValueChange == null ? void 0 : onValueChange(val);
+          onCheckedChange == null ? void 0 : onCheckedChange(val);
+          onChange == null ? void 0 : onChange(val);
+        },
         ref,
         ...props
       }
@@ -284,20 +340,19 @@ var Switch = React5.forwardRef(
 Switch.displayName = "Switch";
 
 // src/components/ui/progress.tsx
-var React6 = __toESM(require("react"));
-var import_react_native7 = require("react-native");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var Progress = React6.forwardRef(
+var React7 = __toESM(require("react"));
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var Progress = React7.forwardRef(
   ({ className, value = 0, ...props }, ref) => {
     const boundedValue = Math.min(100, Math.max(0, value || 0));
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      import_react_native7.View,
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      View,
       {
         ref,
         ...{ className: cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className) },
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          import_react_native7.View,
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          View,
           {
             ...{ className: "h-full bg-primary flex-1 transition-all" },
             style: { width: `${boundedValue}%` }
@@ -310,32 +365,31 @@ var Progress = React6.forwardRef(
 Progress.displayName = "Progress";
 
 // src/components/ui/tabs.tsx
-var React7 = __toESM(require("react"));
-var import_react_native8 = require("react-native");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var TabsContext = React7.createContext(null);
+var React8 = __toESM(require("react"));
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var TabsContext = React8.createContext(null);
 function Tabs({ value: controlledValue, defaultValue, onValueChange, className, children, ...props }) {
-  const [uncontrolledValue, setUncontrolledValue] = React7.useState(defaultValue || "");
+  const [uncontrolledValue, setUncontrolledValue] = React8.useState(defaultValue || "");
   const value = controlledValue !== void 0 ? controlledValue : uncontrolledValue;
-  const handleValueChange = React7.useCallback(
+  const handleValueChange = React8.useCallback(
     (newValue) => {
       setUncontrolledValue(newValue);
       onValueChange == null ? void 0 : onValueChange(newValue);
     },
     [onValueChange]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TabsContext.Provider, { value: { value, onValueChange: handleValueChange }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native8.View, { ...{ className }, ...props, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TabsContext.Provider, { value: { value, onValueChange: handleValueChange }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(View, { ...{ className }, ...props, children }) });
 }
 function useTabsContext() {
-  const context = React7.useContext(TabsContext);
+  const context = React8.useContext(TabsContext);
   if (!context) {
     throw new Error("Tabs compound components must be rendered within the Tabs component");
   }
   return context;
 }
-var TabsList = React7.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    import_react_native8.View,
+var TabsList = React8.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    View,
     {
       ref,
       ...{ className: cn("flex-row items-center justify-center rounded-md bg-muted p-1 text-muted-foreground", className) },
@@ -344,12 +398,12 @@ var TabsList = React7.forwardRef(
   )
 );
 TabsList.displayName = "TabsList";
-var TabsTrigger = React7.forwardRef(
+var TabsTrigger = React8.forwardRef(
   ({ className, textClassName, value, children, ...props }, ref) => {
     const context = useTabsContext();
     const isSelected = context.value === value;
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      import_react_native8.Pressable,
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      Pressable,
       {
         ref,
         onPress: () => context.onValueChange(value),
@@ -359,20 +413,20 @@ var TabsTrigger = React7.forwardRef(
           className
         ) },
         ...props,
-        children: typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native8.Text, { ...{ className: cn("text-sm font-medium transition-all", isSelected ? "text-foreground" : "text-muted-foreground", textClassName) }, children }) : children
+        children: typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { ...{ className: cn("text-sm font-medium transition-all", isSelected ? "text-foreground" : "text-muted-foreground", textClassName) }, children }) : children
       }
     );
   }
 );
 TabsTrigger.displayName = "TabsTrigger";
-var TabsContent = React7.forwardRef(
+var TabsContent = React8.forwardRef(
   ({ className, value, children, ...props }, ref) => {
     const context = useTabsContext();
     if (context.value !== value) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      import_react_native8.View,
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      View,
       {
         ref,
         ...{ className: cn("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className) },
@@ -385,12 +439,11 @@ var TabsContent = React7.forwardRef(
 TabsContent.displayName = "TabsContent";
 
 // src/components/ui/table.tsx
-var React8 = __toESM(require("react"));
-var import_react_native9 = require("react-native");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var Table = React8.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native9.View, { ...{ className: "w-full overflow-hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    import_react_native9.View,
+var React9 = __toESM(require("react"));
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var Table = React9.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(View, { ...{ className: "w-full overflow-hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    View,
     {
       ref,
       ...{ className: cn("w-full text-sm", className) },
@@ -399,13 +452,13 @@ var Table = React8.forwardRef(
   ) })
 );
 Table.displayName = "Table";
-var TableHeader = React8.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native9.View, { ref, ...{ className: cn("flex flex-row items-center border-b border-border bg-muted/50", className) }, ...props })
+var TableHeader = React9.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(View, { ref, ...{ className: cn("flex flex-row items-center border-b border-border bg-muted/50", className) }, ...props })
 );
 TableHeader.displayName = "TableHeader";
-var TableBody = React8.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    import_react_native9.View,
+var TableBody = React9.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    View,
     {
       ref,
       ...{ className: cn("flex flex-col [&_>_view:last-child]:border-0", className) },
@@ -414,9 +467,9 @@ var TableBody = React8.forwardRef(
   )
 );
 TableBody.displayName = "TableBody";
-var TableRow = React8.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    import_react_native9.View,
+var TableRow = React9.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    View,
     {
       ref,
       ...{ className: cn(
@@ -428,9 +481,9 @@ var TableRow = React8.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React8.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    import_react_native9.View,
+var TableHead = React9.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    View,
     {
       ref,
       ...{ className: cn(
@@ -438,66 +491,68 @@ var TableHead = React8.forwardRef(
         className
       ) },
       ...props,
-      children: typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native9.Text, { ...{ className: "font-semibold text-muted-foreground text-sm" }, children }) : children
+      children: typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { ...{ className: "font-semibold text-muted-foreground text-sm" }, children }) : children
     }
   )
 );
 TableHead.displayName = "TableHead";
-var TableCell = React8.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    import_react_native9.View,
+var TableCell = React9.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    View,
     {
       ref,
       ...{ className: cn("p-4 align-middle", className) },
       ...props,
-      children: typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native9.Text, { ...{ className: "text-foreground text-sm" }, children }) : children
+      children: typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Text, { ...{ className: "text-foreground text-sm" }, children }) : children
     }
   )
 );
 TableCell.displayName = "TableCell";
 
 // src/components/ui/dialog.tsx
-var React9 = __toESM(require("react"));
-var import_react_native10 = require("react-native");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var DialogContext = React9.createContext(null);
+var React10 = __toESM(require("react"));
+var import_react_native3 = require("react-native");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var DialogContext = React10.createContext(null);
 function useDialog() {
-  const context = React9.useContext(DialogContext);
+  const context = React10.useContext(DialogContext);
   if (!context) throw new Error("Dialog components must be used within a Dialog");
   return context;
 }
 function Dialog({ open = false, onOpenChange, children, ...props }) {
-  const [isOpen, setIsOpen] = React9.useState(open);
+  const [isOpen, setIsOpen] = React10.useState(open);
   const isControlled = onOpenChange !== void 0;
   const currentOpen = isControlled ? open : isOpen;
-  const setCurrentOpen = React9.useCallback((val) => {
+  const setCurrentOpen = React10.useCallback((val) => {
     if (!isControlled) setIsOpen(val);
     onOpenChange == null ? void 0 : onOpenChange(val);
   }, [isControlled, onOpenChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DialogContext.Provider, { value: { open: currentOpen, onOpenChange: setCurrentOpen }, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogContext.Provider, { value: { open: currentOpen, onOpenChange: setCurrentOpen }, children });
 }
-var DialogTrigger = React9.forwardRef(
+var DialogTrigger = React10.forwardRef(
   ({ onPress, children, ...props }, ref) => {
     const { onOpenChange } = useDialog();
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native10.Pressable, { ref, onPress: (e) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Pressable, { ref, onPress: (e) => {
+      var _a;
       onOpenChange(true);
       onPress == null ? void 0 : onPress(e);
+      (_a = props.onClick) == null ? void 0 : _a.call(props, e);
     }, ...props, children });
   }
 );
 DialogTrigger.displayName = "DialogTrigger";
-var DialogContent = React9.forwardRef(
+var DialogContent = React10.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { open, onOpenChange } = useDialog();
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      import_react_native10.Modal,
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      import_react_native3.Modal,
       {
         visible: open,
         transparent: true,
         animationType: "fade",
         onRequestClose: () => onOpenChange(false),
-        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native10.View, { ...{ className: "flex-1 items-center justify-center bg-black/80" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-          import_react_native10.View,
+        children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(View, { ...{ className: "flex-1 items-center justify-center bg-black/80" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          View,
           {
             ref,
             ...{ className: cn("w-full max-w-lg rounded-xl border border-border bg-background p-6 shadow-lg sm:rounded-[1rem]", className) },
@@ -510,49 +565,51 @@ var DialogContent = React9.forwardRef(
   }
 );
 DialogContent.displayName = "DialogContent";
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native10.View, { ...{ className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className) }, ...props });
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(View, { ...{ className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className) }, ...props });
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native10.View, { ...{ className: cn("flex flex-row flex-wrap items-center justify-end space-x-2 mt-4", className) }, ...props });
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(View, { ...{ className: cn("flex flex-row flex-wrap items-center justify-end space-x-2 mt-4", className) }, ...props });
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React9.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native10.Text, { ref, ...{ className: cn("text-lg font-semibold leading-none tracking-tight text-foreground", className) }, ...props })
+var DialogTitle = React10.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { ref, ...{ className: cn("text-lg font-semibold leading-none tracking-tight text-foreground", className) }, ...props })
 );
 DialogTitle.displayName = "DialogTitle";
-var DialogDescription = React9.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native10.Text, { ref, ...{ className: cn("text-sm text-muted-foreground", className) }, ...props })
+var DialogDescription = React10.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { ref, ...{ className: cn("text-sm text-muted-foreground", className) }, ...props })
 );
 DialogDescription.displayName = "DialogDescription";
 
 // src/components/ui/dropdown-menu.tsx
-var React10 = __toESM(require("react"));
-var import_react_native11 = require("react-native");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var DropdownContext = React10.createContext(null);
+var React11 = __toESM(require("react"));
+var import_react_native4 = require("react-native");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var DropdownContext = React11.createContext(null);
 function DropdownMenu({ children }) {
-  const [open, setOpen] = React10.useState(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DropdownContext.Provider, { value: { open, setOpen }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native11.View, { ...{ className: "relative" }, children }) });
+  const [open, setOpen] = React11.useState(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownContext.Provider, { value: { open, setOpen }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(View, { ...{ className: "relative" }, children }) });
 }
-var DropdownMenuTrigger = React10.forwardRef(
+var DropdownMenuTrigger = React11.forwardRef(
   ({ onPress, children, ...props }, ref) => {
-    const context = React10.useContext(DropdownContext);
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native11.Pressable, { ref, onPress: (e) => {
+    const context = React11.useContext(DropdownContext);
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Pressable, { ref, onPress: (e) => {
+      var _a;
       context == null ? void 0 : context.setOpen(!context.open);
       onPress == null ? void 0 : onPress(e);
+      (_a = props.onClick) == null ? void 0 : _a.call(props, e);
     }, ...props, children });
   }
 );
 DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
-var DropdownMenuContent = React10.forwardRef(
+var DropdownMenuContent = React11.forwardRef(
   ({ className, children, ...props }, ref) => {
-    const context = React10.useContext(DropdownContext);
+    const context = React11.useContext(DropdownContext);
     if (!(context == null ? void 0 : context.open)) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native11.Modal, { visible: context.open, transparent: true, animationType: "fade", onRequestClose: () => context.setOpen(false), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-      import_react_native11.Pressable,
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native4.Modal, { visible: context.open, transparent: true, animationType: "fade", onRequestClose: () => context.setOpen(false), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      Pressable,
       {
         onPress: () => context.setOpen(false),
         ...{ className: "flex-1 bg-black/10 justify-end sm:justify-center items-center" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native11.Pressable, { onPress: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-          import_react_native11.View,
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Pressable, { onPress: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          View,
           {
             ref,
             ...{ className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 zoom-in-95", className) },
@@ -565,64 +622,68 @@ var DropdownMenuContent = React10.forwardRef(
   }
 );
 DropdownMenuContent.displayName = "DropdownMenuContent";
-var DropdownMenuItem = React10.forwardRef(
+var DropdownMenuItem = React11.forwardRef(
   ({ className, textClassName, onPress, children, ...props }, ref) => {
-    const context = React10.useContext(DropdownContext);
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-      import_react_native11.Pressable,
+    const context = React11.useContext(DropdownContext);
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      Pressable,
       {
         ref,
         onPress: (e) => {
+          var _a;
           context == null ? void 0 : context.setOpen(false);
           onPress == null ? void 0 : onPress(e);
+          (_a = props.onClick) == null ? void 0 : _a.call(props, e);
         },
         ...{ className: cn("relative flex-row items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:bg-accent focus:bg-accent", className) },
         ...props,
-        children: typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native11.Text, { ...{ className: cn("text-foreground", textClassName) }, children }) : children
+        children: typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { ...{ className: cn("text-foreground", textClassName) }, children }) : children
       }
     );
   }
 );
 DropdownMenuItem.displayName = "DropdownMenuItem";
-var DropdownMenuLabel = React10.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native11.Text, { ref, ...{ className: cn("px-2 py-1.5 text-sm font-semibold text-foreground", className) }, ...props })
+var DropdownMenuLabel = React11.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Text, { ref, ...{ className: cn("px-2 py-1.5 text-sm font-semibold text-foreground", className) }, ...props })
 );
 DropdownMenuLabel.displayName = "DropdownMenuLabel";
-var DropdownMenuSeparator = React10.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native11.View, { ref, ...{ className: cn("-mx-1 my-1 h-px bg-muted", className) }, ...props })
+var DropdownMenuSeparator = React11.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(View, { ref, ...{ className: cn("-mx-1 my-1 h-px bg-muted", className) }, ...props })
 );
 DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
 
 // src/components/ui/popover.tsx
-var React11 = __toESM(require("react"));
-var import_react_native12 = require("react-native");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var PopoverContext = React11.createContext(null);
+var React12 = __toESM(require("react"));
+var import_react_native5 = require("react-native");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var PopoverContext = React12.createContext(null);
 function Popover({ children }) {
-  const [open, setOpen] = React11.useState(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(PopoverContext.Provider, { value: { open, setOpen }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.View, { ...{ className: "relative" }, children }) });
+  const [open, setOpen] = React12.useState(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PopoverContext.Provider, { value: { open, setOpen }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(View, { ...{ className: "relative" }, children }) });
 }
-var PopoverTrigger = React11.forwardRef(
+var PopoverTrigger = React12.forwardRef(
   ({ onPress, children, ...props }, ref) => {
-    const context = React11.useContext(PopoverContext);
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.Pressable, { ref, onPress: (e) => {
+    const context = React12.useContext(PopoverContext);
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Pressable, { ref, onPress: (e) => {
+      var _a;
       context == null ? void 0 : context.setOpen(!context.open);
       onPress == null ? void 0 : onPress(e);
+      (_a = props.onClick) == null ? void 0 : _a.call(props, e);
     }, ...props, children });
   }
 );
 PopoverTrigger.displayName = "PopoverTrigger";
-var PopoverContent = React11.forwardRef(
+var PopoverContent = React12.forwardRef(
   ({ className, children, ...props }, ref) => {
-    const context = React11.useContext(PopoverContext);
+    const context = React12.useContext(PopoverContext);
     if (!(context == null ? void 0 : context.open)) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.Modal, { visible: context.open, transparent: true, animationType: "fade", onRequestClose: () => context.setOpen(false), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-      import_react_native12.Pressable,
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_native5.Modal, { visible: context.open, transparent: true, animationType: "fade", onRequestClose: () => context.setOpen(false), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      Pressable,
       {
         onPress: () => context.setOpen(false),
         ...{ className: "flex-1 bg-transparent justify-center items-center" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.Pressable, { onPress: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          import_react_native12.View,
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Pressable, { onPress: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          View,
           {
             ref,
             ...{ className: cn("z-50 w-72 rounded-md border border-border bg-popover p-4 text-popover-foreground shadow-md outline-none", className) },
@@ -635,6 +696,175 @@ var PopoverContent = React11.forwardRef(
   }
 );
 PopoverContent.displayName = "PopoverContent";
+
+// src/components/ui/sidebar.tsx
+var React13 = __toESM(require("react"));
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var SidebarContext = React13.createContext(null);
+function useSidebar() {
+  const context = React13.useContext(SidebarContext);
+  if (!context) {
+    throw new Error("useSidebar must be used within a SidebarProvider");
+  }
+  return context;
+}
+var Sidebar = React13.forwardRef(
+  ({ className, isOpen = true, onOpenChange, side = "left", children, ...props }, ref) => {
+    const [internalOpen, setInternalOpen] = React13.useState(isOpen);
+    const isControlled = onOpenChange !== void 0;
+    const openState = isControlled ? isOpen : internalOpen;
+    const handleToggle = React13.useCallback((open) => {
+      if (isControlled) {
+        onOpenChange(open);
+      } else {
+        setInternalOpen(open);
+      }
+    }, [isControlled, onOpenChange]);
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SidebarContext.Provider, { value: { isOpen: openState, setIsOpen: handleToggle }, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      "aside",
+      {
+        ref,
+        "data-state": openState ? "expanded" : "collapsed",
+        className: cn(
+          "fixed top-4 z-50 hidden h-[calc(100vh-2rem)] flex-col rounded-[24px] border border-sidebar-border bg-sidebar text-sidebar-foreground shadow-lg dark:shadow-[0_8px_32px_rgba(0,0,0,0.3)] transition-all duration-300 ease-[cubic-bezier(0.2,0.8,0.2,1)] md:flex",
+          openState ? "overflow-hidden w-[280px]" : "overflow-visible w-[72px]",
+          side === "left" ? "left-4" : "right-4",
+          className
+        ),
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+Sidebar.displayName = "Sidebar";
+var SidebarHeader = React13.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { isOpen } = useSidebar();
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex flex-col border-b border-sidebar-border shrink-0",
+          isOpen ? "px-4 pb-4 pt-5" : "px-3.5 py-4",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+SidebarHeader.displayName = "SidebarHeader";
+var SidebarContent = React13.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { isOpen } = useSidebar();
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      "div",
+      {
+        ref,
+        style: { overflowY: "auto", overflowX: "hidden" },
+        className: cn(
+          "min-h-0 flex-1",
+          isOpen ? "px-3 py-4" : "px-2 py-4 items-center",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+SidebarContent.displayName = "SidebarContent";
+var SidebarGroup = React13.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      "div",
+      {
+        ref,
+        className: cn("flex flex-col gap-1 w-full", className),
+        ...props
+      }
+    );
+  }
+);
+SidebarGroup.displayName = "SidebarGroup";
+var SidebarGroupLabel = React13.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { isOpen } = useSidebar();
+    if (!isOpen) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      "div",
+      {
+        ref,
+        className: cn("px-3 mb-1 mt-4 text-[10px] font-bold uppercase tracking-[0.1em] text-sidebar-foreground/50", className),
+        ...props
+      }
+    );
+  }
+);
+SidebarGroupLabel.displayName = "SidebarGroupLabel";
+var SidebarItem = React13.forwardRef(
+  ({ className, icon, isActive, label, rightElement, ...props }, ref) => {
+    const { isOpen } = useSidebar();
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+      "button",
+      {
+        ref,
+        "data-active": isActive,
+        className: cn(
+          "group relative flex items-center rounded-xl transition-all duration-150 w-full hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+          isOpen ? "gap-3 px-3 py-2 justify-start text-sm" : "justify-center p-3 h-11 w-11 mt-1",
+          isActive ? "bg-sidebar-accent border border-sidebar-border text-info font-semibold shadow-sm" : "text-sidebar-foreground/70 border border-transparent",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: cn("shrink-0", isActive ? "text-info" : "text-sidebar-foreground/60 group-hover:text-sidebar-foreground"), children: icon }),
+          isOpen && label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: cn("truncate flex-1 text-left", isActive ? "font-semibold" : "font-medium"), children: label }),
+          isOpen && rightElement && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "shrink-0", children: rightElement }),
+          !isOpen && label && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "absolute left-full ml-4 hidden group-hover:block z-50 px-3 py-1.5 rounded-lg bg-gray-900 text-white dark:bg-gray-100 dark:text-gray-900 text-xs font-medium whitespace-nowrap shadow-xl", children: [
+            label,
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "absolute left-0 top-1/2 -translate-x-1 -translate-y-1/2 w-2 h-2 bg-gray-900 dark:bg-gray-100 rotate-45" })
+          ] })
+        ]
+      }
+    );
+  }
+);
+SidebarItem.displayName = "SidebarItem";
+var SidebarFooter = React13.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { isOpen } = useSidebar();
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      "div",
+      {
+        ref,
+        className: cn(
+          "shrink-0 border-t border-sidebar-border bg-sidebar-accent/30 backdrop-blur-md",
+          isOpen ? "p-4" : "p-3 flex justify-center",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+SidebarFooter.displayName = "SidebarFooter";
+
+// src/components/ui/theme-provider.tsx
+var React14 = __toESM(require("react"));
+var import_next_themes = require("next-themes");
+var import_next_themes2 = require("next-themes");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function ThemeProvider({ children, ...props }) {
+  React14.useEffect(() => {
+    const legacyDarkTheme = ["mid", "night"].join("");
+    if (window.localStorage.getItem("theme") === legacyDarkTheme) {
+      window.localStorage.setItem("theme", "dark");
+    }
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_next_themes.ThemeProvider, { ...props, children });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Button,
@@ -663,6 +893,13 @@ PopoverContent.displayName = "PopoverContent";
   PopoverContent,
   PopoverTrigger,
   Progress,
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarItem,
   Skeleton,
   Switch,
   Table,
@@ -675,8 +912,11 @@ PopoverContent.displayName = "PopoverContent";
   TabsContent,
   TabsList,
   TabsTrigger,
+  ThemeProvider,
   buttonTextVariants,
   buttonVariants,
-  cn
+  cn,
+  useSidebar,
+  useTheme
 });
 //# sourceMappingURL=index.js.map