@amazecontinuityprojects/amazeui 1.0.0 → 1.0.2

package/dist/index.js

@@ -74,10 +74,9 @@ __export(index_exports, {
 });
 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 +85,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 +170,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 +190,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 +214,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 +225,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 +236,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 +253,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 +271,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 +281,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 +294,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 +306,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 +329,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 +354,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 +387,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 +402,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 +428,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 +441,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 +456,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 +470,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 +480,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 +554,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 +611,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) },