@amazecontinuityprojects/amazeui 1.0.0 → 1.1.0

package/dist/index.mjs

@@ -1,7 +1,8 @@
-// src/components/ui/button.tsx
+"use client";
+
+// src/lib/primitives.tsx
 import * as React from "react";
-import { Pressable, Text } from "react-native";
-import { cva } from "class-variance-authority";
+import { Platform, View as RNView, Text as RNText, Pressable as RNPressable, TextInput as RNTextInput } from "react-native";
 
 // src/lib/utils.ts
 import { clsx } from "clsx";
@@ -10,8 +11,48 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
-// src/components/ui/button.tsx
+// src/lib/primitives.tsx
 import { jsx } from "react/jsx-runtime";
+var View = React.forwardRef(({ className, style, ...props }, ref) => {
+  if (Platform.OS === "web") {
+    const C = "div";
+    return /* @__PURE__ */ jsx(C, { ref, className: cn("flex flex-col items-stretch justify-start min-w-0 min-h-0 relative", className), style, ...props });
+  }
+  return /* @__PURE__ */ jsx(RNView, { ref, className, style, ...props });
+});
+View.displayName = "View";
+var Text = React.forwardRef(({ className, style, ...props }, ref) => {
+  if (Platform.OS === "web") {
+    const C = "span";
+    return /* @__PURE__ */ jsx(C, { ref, className: cn("inline m-0 p-0", className), style, ...props });
+  }
+  return /* @__PURE__ */ jsx(RNText, { ref, className, style, ...props });
+});
+Text.displayName = "Text";
+var Pressable = React.forwardRef(({ className, style, onPress, onClick, ...props }, ref) => {
+  if (Platform.OS === "web") {
+    const C = "button";
+    return /* @__PURE__ */ 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__ */ jsx(RNPressable, { ref, onPress: onPress || onClick, className, style, ...props });
+});
+Pressable.displayName = "Pressable";
+var TextInput = React.forwardRef(({ className, style, onChangeText, onChange, value, ...props }, ref) => {
+  if (Platform.OS === "web") {
+    const C = "input";
+    return /* @__PURE__ */ 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__ */ jsx(RNTextInput, { ref, value, onChangeText, onChange, className, style, ...props });
+});
+TextInput.displayName = "TextInput";
+
+// src/components/ui/button.tsx
+import * as React2 from "react";
+import { cva } from "class-variance-authority";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var buttonVariants = cva(
   "flex flex-row items-center justify-center gap-2 rounded-md font-medium transition-all",
   {
@@ -55,15 +96,19 @@ var buttonTextVariants = cva(
     }
   }
 );
-var Button = React.forwardRef(
-  ({ className, variant, size, children, textClassName, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
+var Button = React2.forwardRef(
+  ({ className, variant, size, children, textClassName, onClick, onPress, ...props }, ref) => {
+    return /* @__PURE__ */ jsx2(
       Pressable,
       {
+        onPress: onPress || onClick,
         ref,
         ...{ className: cn(buttonVariants({ variant, size }), className) },
         ...props,
-        children: typeof children === "string" ? /* @__PURE__ */ jsx(Text, { ...{ className: cn(buttonTextVariants({ variant }), textClassName) }, children }) : children
+        children: React2.Children.map(
+          children,
+          (child) => typeof child === "string" || typeof child === "number" ? /* @__PURE__ */ jsx2(Text, { ...{ className: cn(buttonTextVariants({ variant }), textClassName) }, children: child }) : child
+        )
       }
     );
   }
@@ -71,22 +116,21 @@ var Button = React.forwardRef(
 Button.displayName = "Button";
 
 // src/components/ui/card.tsx
-import * as React2 from "react";
-import { View, Text as Text2 } from "react-native";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var Card = React2.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
+import * as React3 from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Card = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
     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__ */ jsx2(
+var CardHeader = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
     View,
     {
       ref,
@@ -96,9 +140,9 @@ var CardHeader = React2.forwardRef(
   )
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React2.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
-    Text2,
+var CardTitle = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+    Text,
     {
       ref,
       ...{ className: cn("font-semibold text-lg leading-none tracking-tight text-foreground", className) },
@@ -107,9 +151,9 @@ var CardTitle = React2.forwardRef(
   )
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React2.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
-    Text2,
+var CardDescription = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+    Text,
     {
       ref,
       ...{ className: cn("text-sm text-muted-foreground", className) },
@@ -118,12 +162,12 @@ var CardDescription = React2.forwardRef(
   )
 );
 CardDescription.displayName = "CardDescription";
-var CardContent = React2.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx2(View, { ref, ...{ className: cn("p-6 pt-0", className) }, ...props })
+var CardContent = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx3(View, { ref, ...{ className: cn("p-6 pt-0", className) }, ...props })
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React2.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
+var CardFooter = React3.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
     View,
     {
       ref,
@@ -135,12 +179,11 @@ var CardFooter = React2.forwardRef(
 CardFooter.displayName = "CardFooter";
 
 // src/components/ui/input.tsx
-import * as React3 from "react";
-import { TextInput } from "react-native";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var Input = React3.forwardRef(
+import * as React4 from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Input = React4.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx3(
+    return /* @__PURE__ */ jsx4(
       TextInput,
       {
         ref,
@@ -154,10 +197,9 @@ var Input = React3.forwardRef(
 Input.displayName = "Input";
 
 // src/components/ui/label.tsx
-import * as React4 from "react";
-import { Text as Text3 } from "react-native";
+import * as React5 from "react";
 import { cva as cva2 } from "class-variance-authority";
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var labelVariants = cva2(
   "text-sm font-medium leading-none text-foreground peer-disabled:opacity-70",
   {
@@ -165,9 +207,9 @@ var labelVariants = cva2(
     defaultVariants: {}
   }
 );
-var Label = React4.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
-    Text3,
+var Label = React5.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
+    Text,
     {
       ref,
       ...{ className: cn(labelVariants(), className) },
@@ -178,11 +220,10 @@ var Label = React4.forwardRef(
 Label.displayName = "Label";
 
 // src/components/ui/skeleton.tsx
-import { View as View2 } from "react-native";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx5(
-    View2,
+  return /* @__PURE__ */ jsx6(
+    View,
     {
       ...{ className: cn("animate-pulse rounded-md bg-primary/10", className) },
       ...props
@@ -191,14 +232,20 @@ function Skeleton({ className, ...props }) {
 }
 
 // src/components/ui/switch.tsx
-import * as React5 from "react";
+import * as React6 from "react";
 import { Switch as NativeSwitch } from "react-native";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var Switch = React5.forwardRef(
-  ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx6(
+import { jsx as jsx7 } from "react/jsx-runtime";
+var Switch = React6.forwardRef(
+  ({ className, onCheckedChange, onChange, onValueChange, checked, value, ...props }, ref) => {
+    return /* @__PURE__ */ jsx7(
       NativeSwitch,
       {
+        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
       }
@@ -208,20 +255,19 @@ var Switch = React5.forwardRef(
 Switch.displayName = "Switch";
 
 // src/components/ui/progress.tsx
-import * as React6 from "react";
-import { View as View3 } from "react-native";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var Progress = React6.forwardRef(
+import * as React7 from "react";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var Progress = React7.forwardRef(
   ({ className, value = 0, ...props }, ref) => {
     const boundedValue = Math.min(100, Math.max(0, value || 0));
-    return /* @__PURE__ */ jsx7(
-      View3,
+    return /* @__PURE__ */ jsx8(
+      View,
       {
         ref,
         ...{ className: cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className) },
         ...props,
-        children: /* @__PURE__ */ jsx7(
-          View3,
+        children: /* @__PURE__ */ jsx8(
+          View,
           {
             ...{ className: "h-full bg-primary flex-1 transition-all" },
             style: { width: `${boundedValue}%` }
@@ -234,32 +280,31 @@ var Progress = React6.forwardRef(
 Progress.displayName = "Progress";
 
 // src/components/ui/tabs.tsx
-import * as React7 from "react";
-import { View as View4, Pressable as Pressable2, Text as Text4 } from "react-native";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var TabsContext = React7.createContext(null);
+import * as React8 from "react";
+import { jsx as jsx9 } from "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__ */ jsx8(TabsContext.Provider, { value: { value, onValueChange: handleValueChange }, children: /* @__PURE__ */ jsx8(View4, { ...{ className }, ...props, children }) });
+  return /* @__PURE__ */ jsx9(TabsContext.Provider, { value: { value, onValueChange: handleValueChange }, children: /* @__PURE__ */ jsx9(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__ */ jsx8(
-    View4,
+var TabsList = React8.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+    View,
     {
       ref,
       ...{ className: cn("flex-row items-center justify-center rounded-md bg-muted p-1 text-muted-foreground", className) },
@@ -268,12 +313,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__ */ jsx8(
-      Pressable2,
+    return /* @__PURE__ */ jsx9(
+      Pressable,
       {
         ref,
         onPress: () => context.onValueChange(value),
@@ -283,20 +328,20 @@ var TabsTrigger = React7.forwardRef(
           className
         ) },
         ...props,
-        children: typeof children === "string" ? /* @__PURE__ */ jsx8(Text4, { ...{ className: cn("text-sm font-medium transition-all", isSelected ? "text-foreground" : "text-muted-foreground", textClassName) }, children }) : children
+        children: typeof children === "string" ? /* @__PURE__ */ jsx9(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__ */ jsx8(
-      View4,
+    return /* @__PURE__ */ jsx9(
+      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) },
@@ -309,12 +354,11 @@ var TabsContent = React7.forwardRef(
 TabsContent.displayName = "TabsContent";
 
 // src/components/ui/table.tsx
-import * as React8 from "react";
-import { View as View5, Text as Text5 } from "react-native";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var Table = React8.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx9(View5, { ...{ className: "w-full overflow-hidden" }, children: /* @__PURE__ */ jsx9(
-    View5,
+import * as React9 from "react";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var Table = React9.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10(View, { ...{ className: "w-full overflow-hidden" }, children: /* @__PURE__ */ jsx10(
+    View,
     {
       ref,
       ...{ className: cn("w-full text-sm", className) },
@@ -323,13 +367,13 @@ var Table = React8.forwardRef(
   ) })
 );
 Table.displayName = "Table";
-var TableHeader = React8.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx9(View5, { 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__ */ jsx10(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__ */ jsx9(
-    View5,
+var TableBody = React9.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+    View,
     {
       ref,
       ...{ className: cn("flex flex-col [&_>_view:last-child]:border-0", className) },
@@ -338,9 +382,9 @@ var TableBody = React8.forwardRef(
   )
 );
 TableBody.displayName = "TableBody";
-var TableRow = React8.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
-    View5,
+var TableRow = React9.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+    View,
     {
       ref,
       ...{ className: cn(
@@ -352,9 +396,9 @@ var TableRow = React8.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React8.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx9(
-    View5,
+var TableHead = React9.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx10(
+    View,
     {
       ref,
       ...{ className: cn(
@@ -362,66 +406,68 @@ var TableHead = React8.forwardRef(
         className
       ) },
       ...props,
-      children: typeof children === "string" ? /* @__PURE__ */ jsx9(Text5, { ...{ className: "font-semibold text-muted-foreground text-sm" }, children }) : children
+      children: typeof children === "string" ? /* @__PURE__ */ jsx10(Text, { ...{ className: "font-semibold text-muted-foreground text-sm" }, children }) : children
     }
   )
 );
 TableHead.displayName = "TableHead";
-var TableCell = React8.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx9(
-    View5,
+var TableCell = React9.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx10(
+    View,
     {
       ref,
       ...{ className: cn("p-4 align-middle", className) },
       ...props,
-      children: typeof children === "string" ? /* @__PURE__ */ jsx9(Text5, { ...{ className: "text-foreground text-sm" }, children }) : children
+      children: typeof children === "string" ? /* @__PURE__ */ jsx10(Text, { ...{ className: "text-foreground text-sm" }, children }) : children
     }
   )
 );
 TableCell.displayName = "TableCell";
 
 // src/components/ui/dialog.tsx
-import * as React9 from "react";
-import { Modal, View as View6, Text as Text6, Pressable as Pressable3 } from "react-native";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var DialogContext = React9.createContext(null);
+import * as React10 from "react";
+import { Modal } from "react-native";
+import { jsx as jsx11 } from "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__ */ jsx10(DialogContext.Provider, { value: { open: currentOpen, onOpenChange: setCurrentOpen }, children });
+  return /* @__PURE__ */ jsx11(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__ */ jsx10(Pressable3, { ref, onPress: (e) => {
+    return /* @__PURE__ */ jsx11(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__ */ jsx10(
+    return /* @__PURE__ */ jsx11(
       Modal,
       {
         visible: open,
         transparent: true,
         animationType: "fade",
         onRequestClose: () => onOpenChange(false),
-        children: /* @__PURE__ */ jsx10(View6, { ...{ className: "flex-1 items-center justify-center bg-black/80" }, children: /* @__PURE__ */ jsx10(
-          View6,
+        children: /* @__PURE__ */ jsx11(View, { ...{ className: "flex-1 items-center justify-center bg-black/80" }, children: /* @__PURE__ */ jsx11(
+          View,
           {
             ref,
             ...{ className: cn("w-full max-w-lg rounded-xl border border-border bg-background p-6 shadow-lg sm:rounded-[1rem]", className) },
@@ -434,49 +480,51 @@ var DialogContent = React9.forwardRef(
   }
 );
 DialogContent.displayName = "DialogContent";
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx10(View6, { ...{ className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className) }, ...props });
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx11(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__ */ jsx10(View6, { ...{ className: cn("flex flex-row flex-wrap items-center justify-end space-x-2 mt-4", className) }, ...props });
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx11(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__ */ jsx10(Text6, { ref, ...{ className: cn("text-lg font-semibold leading-none tracking-tight text-foreground", className) }, ...props })
+var DialogTitle = React10.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx11(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__ */ jsx10(Text6, { ref, ...{ className: cn("text-sm text-muted-foreground", className) }, ...props })
+var DialogDescription = React10.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx11(Text, { ref, ...{ className: cn("text-sm text-muted-foreground", className) }, ...props })
 );
 DialogDescription.displayName = "DialogDescription";
 
 // src/components/ui/dropdown-menu.tsx
-import * as React10 from "react";
-import { Modal as Modal2, View as View7, Text as Text7, Pressable as Pressable4 } from "react-native";
-import { jsx as jsx11 } from "react/jsx-runtime";
-var DropdownContext = React10.createContext(null);
+import * as React11 from "react";
+import { Modal as Modal2 } from "react-native";
+import { jsx as jsx12 } from "react/jsx-runtime";
+var DropdownContext = React11.createContext(null);
 function DropdownMenu({ children }) {
-  const [open, setOpen] = React10.useState(false);
-  return /* @__PURE__ */ jsx11(DropdownContext.Provider, { value: { open, setOpen }, children: /* @__PURE__ */ jsx11(View7, { ...{ className: "relative" }, children }) });
+  const [open, setOpen] = React11.useState(false);
+  return /* @__PURE__ */ jsx12(DropdownContext.Provider, { value: { open, setOpen }, children: /* @__PURE__ */ jsx12(View, { ...{ className: "relative" }, children }) });
 }
-var DropdownMenuTrigger = React10.forwardRef(
+var DropdownMenuTrigger = React11.forwardRef(
   ({ onPress, children, ...props }, ref) => {
-    const context = React10.useContext(DropdownContext);
-    return /* @__PURE__ */ jsx11(Pressable4, { ref, onPress: (e) => {
+    const context = React11.useContext(DropdownContext);
+    return /* @__PURE__ */ jsx12(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__ */ jsx11(Modal2, { visible: context.open, transparent: true, animationType: "fade", onRequestClose: () => context.setOpen(false), children: /* @__PURE__ */ jsx11(
-      Pressable4,
+    return /* @__PURE__ */ jsx12(Modal2, { visible: context.open, transparent: true, animationType: "fade", onRequestClose: () => context.setOpen(false), children: /* @__PURE__ */ jsx12(
+      Pressable,
       {
         onPress: () => context.setOpen(false),
         ...{ className: "flex-1 bg-black/10 justify-end sm:justify-center items-center" },
-        children: /* @__PURE__ */ jsx11(Pressable4, { onPress: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx11(
-          View7,
+        children: /* @__PURE__ */ jsx12(Pressable, { onPress: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx12(
+          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) },
@@ -489,64 +537,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__ */ jsx11(
-      Pressable4,
+    const context = React11.useContext(DropdownContext);
+    return /* @__PURE__ */ jsx12(
+      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__ */ jsx11(Text7, { ...{ className: cn("text-foreground", textClassName) }, children }) : children
+        children: typeof children === "string" ? /* @__PURE__ */ jsx12(Text, { ...{ className: cn("text-foreground", textClassName) }, children }) : children
       }
     );
   }
 );
 DropdownMenuItem.displayName = "DropdownMenuItem";
-var DropdownMenuLabel = React10.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx11(Text7, { ref, ...{ className: cn("px-2 py-1.5 text-sm font-semibold text-foreground", className) }, ...props })
+var DropdownMenuLabel = React11.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx12(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__ */ jsx11(View7, { ref, ...{ className: cn("-mx-1 my-1 h-px bg-muted", className) }, ...props })
+var DropdownMenuSeparator = React11.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx12(View, { ref, ...{ className: cn("-mx-1 my-1 h-px bg-muted", className) }, ...props })
 );
 DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
 
 // src/components/ui/popover.tsx
-import * as React11 from "react";
-import { Modal as Modal3, View as View8, Pressable as Pressable5 } from "react-native";
-import { jsx as jsx12 } from "react/jsx-runtime";
-var PopoverContext = React11.createContext(null);
+import * as React12 from "react";
+import { Modal as Modal3 } from "react-native";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var PopoverContext = React12.createContext(null);
 function Popover({ children }) {
-  const [open, setOpen] = React11.useState(false);
-  return /* @__PURE__ */ jsx12(PopoverContext.Provider, { value: { open, setOpen }, children: /* @__PURE__ */ jsx12(View8, { ...{ className: "relative" }, children }) });
+  const [open, setOpen] = React12.useState(false);
+  return /* @__PURE__ */ jsx13(PopoverContext.Provider, { value: { open, setOpen }, children: /* @__PURE__ */ jsx13(View, { ...{ className: "relative" }, children }) });
 }
-var PopoverTrigger = React11.forwardRef(
+var PopoverTrigger = React12.forwardRef(
   ({ onPress, children, ...props }, ref) => {
-    const context = React11.useContext(PopoverContext);
-    return /* @__PURE__ */ jsx12(Pressable5, { ref, onPress: (e) => {
+    const context = React12.useContext(PopoverContext);
+    return /* @__PURE__ */ jsx13(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__ */ jsx12(Modal3, { visible: context.open, transparent: true, animationType: "fade", onRequestClose: () => context.setOpen(false), children: /* @__PURE__ */ jsx12(
-      Pressable5,
+    return /* @__PURE__ */ jsx13(Modal3, { visible: context.open, transparent: true, animationType: "fade", onRequestClose: () => context.setOpen(false), children: /* @__PURE__ */ jsx13(
+      Pressable,
       {
         onPress: () => context.setOpen(false),
         ...{ className: "flex-1 bg-transparent justify-center items-center" },
-        children: /* @__PURE__ */ jsx12(Pressable5, { onPress: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx12(
-          View8,
+        children: /* @__PURE__ */ jsx13(Pressable, { onPress: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx13(
+          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) },
@@ -559,6 +611,175 @@ var PopoverContent = React11.forwardRef(
   }
 );
 PopoverContent.displayName = "PopoverContent";
+
+// src/components/ui/sidebar.tsx
+import * as React13 from "react";
+import { jsx as jsx14, jsxs } from "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__ */ jsx14(SidebarContext.Provider, { value: { isOpen: openState, setIsOpen: handleToggle }, children: /* @__PURE__ */ jsx14(
+      "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__ */ jsx14(
+      "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__ */ jsx14(
+      "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__ */ jsx14(
+      "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__ */ jsx14(
+      "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__ */ 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__ */ jsx14("div", { className: cn("shrink-0", isActive ? "text-info" : "text-sidebar-foreground/60 group-hover:text-sidebar-foreground"), children: icon }),
+          isOpen && label && /* @__PURE__ */ jsx14("span", { className: cn("truncate flex-1 text-left", isActive ? "font-semibold" : "font-medium"), children: label }),
+          isOpen && rightElement && /* @__PURE__ */ jsx14("div", { className: "shrink-0", children: rightElement }),
+          !isOpen && label && /* @__PURE__ */ 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__ */ jsx14("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__ */ jsx14(
+      "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
+import * as React14 from "react";
+import { ThemeProvider as NextThemesProvider } from "next-themes";
+import { useTheme } from "next-themes";
+import { jsx as jsx15 } from "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__ */ jsx15(NextThemesProvider, { ...props, children });
+}
 export {
   Button,
   Card,
@@ -586,6 +807,13 @@ export {
   PopoverContent,
   PopoverTrigger,
   Progress,
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarItem,
   Skeleton,
   Switch,
   Table,
@@ -598,8 +826,11 @@ export {
   TabsContent,
   TabsList,
   TabsTrigger,
+  ThemeProvider,
   buttonTextVariants,
   buttonVariants,
-  cn
+  cn,
+  useSidebar,
+  useTheme
 };
 //# sourceMappingURL=index.mjs.map