@amazecontinuityprojects/amazeui 1.0.0

package/dist/index.js

@@ -0,0 +1,682 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Button: () => Button,
+  Card: () => Card,
+  CardContent: () => CardContent,
+  CardDescription: () => CardDescription,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  CardTitle: () => CardTitle,
+  Dialog: () => Dialog,
+  DialogContent: () => DialogContent,
+  DialogDescription: () => DialogDescription,
+  DialogFooter: () => DialogFooter,
+  DialogHeader: () => DialogHeader,
+  DialogTitle: () => DialogTitle,
+  DialogTrigger: () => DialogTrigger,
+  DropdownMenu: () => DropdownMenu,
+  DropdownMenuContent: () => DropdownMenuContent,
+  DropdownMenuItem: () => DropdownMenuItem,
+  DropdownMenuLabel: () => DropdownMenuLabel,
+  DropdownMenuSeparator: () => DropdownMenuSeparator,
+  DropdownMenuTrigger: () => DropdownMenuTrigger,
+  Input: () => Input,
+  Label: () => Label,
+  Popover: () => Popover,
+  PopoverContent: () => PopoverContent,
+  PopoverTrigger: () => PopoverTrigger,
+  Progress: () => Progress,
+  Skeleton: () => Skeleton,
+  Switch: () => Switch,
+  Table: () => Table,
+  TableBody: () => TableBody,
+  TableCell: () => TableCell,
+  TableHead: () => TableHead,
+  TableHeader: () => TableHeader,
+  TableRow: () => TableRow,
+  Tabs: () => Tabs,
+  TabsContent: () => TabsContent,
+  TabsList: () => TabsList,
+  TabsTrigger: () => TabsTrigger,
+  buttonTextVariants: () => buttonTextVariants,
+  buttonVariants: () => buttonVariants,
+  cn: () => cn
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/components/ui/button.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");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/ui/button.tsx
+var import_jsx_runtime = 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",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary hover:bg-primary/90",
+        destructive: "bg-danger hover:bg-danger/90",
+        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3",
+        lg: "h-10 rounded-md px-6",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var buttonTextVariants = (0, import_class_variance_authority.cva)(
+  "font-medium",
+  {
+    variants: {
+      variant: {
+        default: "text-primary-foreground",
+        destructive: "text-white",
+        outline: "text-foreground",
+        secondary: "text-secondary-foreground",
+        ghost: "text-foreground",
+        link: "text-primary"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Button = React.forwardRef(
+  ({ className, variant, size, children, textClassName, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react_native.Pressable,
+      {
+        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
+      }
+    );
+  }
+);
+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,
+    {
+      ref,
+      ...{ className: cn("rounded-xl border border-border bg-card shadow-sm", className) },
+      ...props
+    }
+  )
+);
+Card.displayName = "Card";
+var CardHeader = React2.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_react_native2.View,
+    {
+      ref,
+      ...{ className: cn("flex flex-col space-y-1.5 p-6", className) },
+      ...props
+    }
+  )
+);
+CardHeader.displayName = "CardHeader";
+var CardTitle = React2.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_react_native2.Text,
+    {
+      ref,
+      ...{ className: cn("font-semibold text-lg leading-none tracking-tight text-foreground", className) },
+      ...props
+    }
+  )
+);
+CardTitle.displayName = "CardTitle";
+var CardDescription = React2.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_react_native2.Text,
+    {
+      ref,
+      ...{ className: cn("text-sm text-muted-foreground", className) },
+      ...props
+    }
+  )
+);
+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 })
+);
+CardContent.displayName = "CardContent";
+var CardFooter = React2.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_react_native2.View,
+    {
+      ref,
+      ...{ className: cn("flex flex-row items-center p-6 pt-0", className) },
+      ...props
+    }
+  )
+);
+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(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_react_native3.TextInput,
+      {
+        ref,
+        placeholderTextColor: "#a3a3a3",
+        ...{ className: cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm text-foreground", className) },
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+// src/components/ui/label.tsx
+var React4 = __toESM(require("react"));
+var import_react_native4 = require("react-native");
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var labelVariants = (0, import_class_variance_authority2.cva)(
+  "text-sm font-medium leading-none text-foreground peer-disabled:opacity-70",
+  {
+    variants: {},
+    defaultVariants: {}
+  }
+);
+var Label = React4.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_react_native4.Text,
+    {
+      ref,
+      ...{ className: cn(labelVariants(), className) },
+      ...props
+    }
+  )
+);
+Label.displayName = "Label";
+
+// src/components/ui/skeleton.tsx
+var import_react_native5 = require("react-native");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_react_native5.View,
+    {
+      ...{ className: cn("animate-pulse rounded-md bg-primary/10", 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,
+      {
+        ref,
+        ...props
+      }
+    );
+  }
+);
+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(
+  ({ 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,
+      {
+        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,
+          {
+            ...{ className: "h-full bg-primary flex-1 transition-all" },
+            style: { width: `${boundedValue}%` }
+          }
+        )
+      }
+    );
+  }
+);
+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);
+function Tabs({ value: controlledValue, defaultValue, onValueChange, className, children, ...props }) {
+  const [uncontrolledValue, setUncontrolledValue] = React7.useState(defaultValue || "");
+  const value = controlledValue !== void 0 ? controlledValue : uncontrolledValue;
+  const handleValueChange = React7.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 }) });
+}
+function useTabsContext() {
+  const context = React7.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,
+    {
+      ref,
+      ...{ className: cn("flex-row items-center justify-center rounded-md bg-muted p-1 text-muted-foreground", className) },
+      ...props
+    }
+  )
+);
+TabsList.displayName = "TabsList";
+var TabsTrigger = React7.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,
+      {
+        ref,
+        onPress: () => context.onValueChange(value),
+        ...{ className: cn(
+          "flex-1 items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5",
+          isSelected ? "bg-background shadow-sm" : "bg-transparent",
+          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
+      }
+    );
+  }
+);
+TabsTrigger.displayName = "TabsTrigger";
+var TabsContent = React7.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,
+      {
+        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) },
+        ...props,
+        children
+      }
+    );
+  }
+);
+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,
+    {
+      ref,
+      ...{ className: cn("w-full text-sm", className) },
+      ...props
+    }
+  ) })
+);
+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 })
+);
+TableHeader.displayName = "TableHeader";
+var TableBody = React8.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_react_native9.View,
+    {
+      ref,
+      ...{ className: cn("flex flex-col [&_>_view:last-child]:border-0", className) },
+      ...props
+    }
+  )
+);
+TableBody.displayName = "TableBody";
+var TableRow = 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 transition-colors hover:bg-muted/50",
+        className
+      ) },
+      ...props
+    }
+  )
+);
+TableRow.displayName = "TableRow";
+var TableHead = React8.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_react_native9.View,
+    {
+      ref,
+      ...{ className: cn(
+        "h-12 px-4 flex justify-center text-left align-middle font-medium text-muted-foreground",
+        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
+    }
+  )
+);
+TableHead.displayName = "TableHead";
+var TableCell = React8.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_react_native9.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
+    }
+  )
+);
+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);
+function useDialog() {
+  const context = React9.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 isControlled = onOpenChange !== void 0;
+  const currentOpen = isControlled ? open : isOpen;
+  const setCurrentOpen = React9.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 });
+}
+var DialogTrigger = React9.forwardRef(
+  ({ onPress, children, ...props }, ref) => {
+    const { onOpenChange } = useDialog();
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native10.Pressable, { ref, onPress: (e) => {
+      onOpenChange(true);
+      onPress == null ? void 0 : onPress(e);
+    }, ...props, children });
+  }
+);
+DialogTrigger.displayName = "DialogTrigger";
+var DialogContent = React9.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const { open, onOpenChange } = useDialog();
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      import_react_native10.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,
+          {
+            ref,
+            ...{ className: cn("w-full max-w-lg rounded-xl border border-border bg-background p-6 shadow-lg sm:rounded-[1rem]", className) },
+            ...props,
+            children
+          }
+        ) })
+      }
+    );
+  }
+);
+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 });
+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 });
+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 })
+);
+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 })
+);
+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);
+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 }) });
+}
+var DropdownMenuTrigger = React10.forwardRef(
+  ({ onPress, children, ...props }, ref) => {
+    const context = React10.useContext(DropdownContext);
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native11.Pressable, { ref, onPress: (e) => {
+      context == null ? void 0 : context.setOpen(!context.open);
+      onPress == null ? void 0 : onPress(e);
+    }, ...props, children });
+  }
+);
+DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
+var DropdownMenuContent = React10.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const context = React10.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,
+      {
+        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,
+          {
+            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) },
+            ...props,
+            children
+          }
+        ) })
+      }
+    ) });
+  }
+);
+DropdownMenuContent.displayName = "DropdownMenuContent";
+var DropdownMenuItem = React10.forwardRef(
+  ({ className, textClassName, onPress, children, ...props }, ref) => {
+    const context = React10.useContext(DropdownContext);
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      import_react_native11.Pressable,
+      {
+        ref,
+        onPress: (e) => {
+          context == null ? void 0 : context.setOpen(false);
+          onPress == null ? void 0 : onPress(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
+      }
+    );
+  }
+);
+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 })
+);
+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 })
+);
+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);
+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 }) });
+}
+var PopoverTrigger = React11.forwardRef(
+  ({ onPress, children, ...props }, ref) => {
+    const context = React11.useContext(PopoverContext);
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native12.Pressable, { ref, onPress: (e) => {
+      context == null ? void 0 : context.setOpen(!context.open);
+      onPress == null ? void 0 : onPress(e);
+    }, ...props, children });
+  }
+);
+PopoverTrigger.displayName = "PopoverTrigger";
+var PopoverContent = React11.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const context = React11.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,
+      {
+        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,
+          {
+            ref,
+            ...{ className: cn("z-50 w-72 rounded-md border border-border bg-popover p-4 text-popover-foreground shadow-md outline-none", className) },
+            ...props,
+            children
+          }
+        ) })
+      }
+    ) });
+  }
+);
+PopoverContent.displayName = "PopoverContent";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+  Input,
+  Label,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+  Progress,
+  Skeleton,
+  Switch,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  buttonTextVariants,
+  buttonVariants,
+  cn
+});
+//# sourceMappingURL=index.js.map