@amazecontinuityprojects/amazeui 1.0.0

package/dist/index.mjs

@@ -0,0 +1,605 @@
+// src/components/ui/button.tsx
+import * as React from "react";
+import { Pressable, Text } from "react-native";
+import { cva } from "class-variance-authority";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/ui/button.tsx
+import { jsx } from "react/jsx-runtime";
+var buttonVariants = 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 = 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__ */ jsx(
+      Pressable,
+      {
+        ref,
+        ...{ className: cn(buttonVariants({ variant, size }), className) },
+        ...props,
+        children: typeof children === "string" ? /* @__PURE__ */ jsx(Text, { ...{ className: cn(buttonTextVariants({ variant }), textClassName) }, children }) : children
+      }
+    );
+  }
+);
+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(
+    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__ */ jsx2(
+    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__ */ jsx2(
+    Text2,
+    {
+      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__ */ jsx2(
+    Text2,
+    {
+      ref,
+      ...{ className: cn("text-sm text-muted-foreground", className) },
+      ...props
+    }
+  )
+);
+CardDescription.displayName = "CardDescription";
+var CardContent = React2.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx2(View, { ref, ...{ className: cn("p-6 pt-0", className) }, ...props })
+);
+CardContent.displayName = "CardContent";
+var CardFooter = React2.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
+    View,
+    {
+      ref,
+      ...{ className: cn("flex flex-row items-center p-6 pt-0", className) },
+      ...props
+    }
+  )
+);
+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(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx3(
+      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
+import * as React4 from "react";
+import { Text as Text3 } from "react-native";
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var labelVariants = cva2(
+  "text-sm font-medium leading-none text-foreground peer-disabled:opacity-70",
+  {
+    variants: {},
+    defaultVariants: {}
+  }
+);
+var Label = React4.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+    Text3,
+    {
+      ref,
+      ...{ className: cn(labelVariants(), className) },
+      ...props
+    }
+  )
+);
+Label.displayName = "Label";
+
+// src/components/ui/skeleton.tsx
+import { View as View2 } from "react-native";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx5(
+    View2,
+    {
+      ...{ className: cn("animate-pulse rounded-md bg-primary/10", className) },
+      ...props
+    }
+  );
+}
+
+// src/components/ui/switch.tsx
+import * as React5 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(
+      NativeSwitch,
+      {
+        ref,
+        ...props
+      }
+    );
+  }
+);
+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(
+  ({ className, value = 0, ...props }, ref) => {
+    const boundedValue = Math.min(100, Math.max(0, value || 0));
+    return /* @__PURE__ */ jsx7(
+      View3,
+      {
+        ref,
+        ...{ className: cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className) },
+        ...props,
+        children: /* @__PURE__ */ jsx7(
+          View3,
+          {
+            ...{ className: "h-full bg-primary flex-1 transition-all" },
+            style: { width: `${boundedValue}%` }
+          }
+        )
+      }
+    );
+  }
+);
+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);
+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__ */ jsx8(TabsContext.Provider, { value: { value, onValueChange: handleValueChange }, children: /* @__PURE__ */ jsx8(View4, { ...{ 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__ */ jsx8(
+    View4,
+    {
+      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__ */ jsx8(
+      Pressable2,
+      {
+        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__ */ jsx8(Text4, { ...{ 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__ */ jsx8(
+      View4,
+      {
+        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
+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,
+    {
+      ref,
+      ...{ className: cn("w-full text-sm", className) },
+      ...props
+    }
+  ) })
+);
+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 })
+);
+TableHeader.displayName = "TableHeader";
+var TableBody = React8.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+    View5,
+    {
+      ref,
+      ...{ className: cn("flex flex-col [&_>_view:last-child]:border-0", className) },
+      ...props
+    }
+  )
+);
+TableBody.displayName = "TableBody";
+var TableRow = React8.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+    View5,
+    {
+      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__ */ jsx9(
+    View5,
+    {
+      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__ */ jsx9(Text5, { ...{ className: "font-semibold text-muted-foreground text-sm" }, children }) : children
+    }
+  )
+);
+TableHead.displayName = "TableHead";
+var TableCell = React8.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx9(
+    View5,
+    {
+      ref,
+      ...{ className: cn("p-4 align-middle", className) },
+      ...props,
+      children: typeof children === "string" ? /* @__PURE__ */ jsx9(Text5, { ...{ 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);
+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__ */ jsx10(DialogContext.Provider, { value: { open: currentOpen, onOpenChange: setCurrentOpen }, children });
+}
+var DialogTrigger = React9.forwardRef(
+  ({ onPress, children, ...props }, ref) => {
+    const { onOpenChange } = useDialog();
+    return /* @__PURE__ */ jsx10(Pressable3, { 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__ */ jsx10(
+      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,
+          {
+            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__ */ jsx10(View6, { ...{ 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 });
+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 })
+);
+DialogTitle.displayName = "DialogTitle";
+var DialogDescription = React9.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10(Text6, { 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);
+function DropdownMenu({ children }) {
+  const [open, setOpen] = React10.useState(false);
+  return /* @__PURE__ */ jsx11(DropdownContext.Provider, { value: { open, setOpen }, children: /* @__PURE__ */ jsx11(View7, { ...{ className: "relative" }, children }) });
+}
+var DropdownMenuTrigger = React10.forwardRef(
+  ({ onPress, children, ...props }, ref) => {
+    const context = React10.useContext(DropdownContext);
+    return /* @__PURE__ */ jsx11(Pressable4, { 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__ */ jsx11(Modal2, { visible: context.open, transparent: true, animationType: "fade", onRequestClose: () => context.setOpen(false), children: /* @__PURE__ */ jsx11(
+      Pressable4,
+      {
+        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,
+          {
+            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__ */ jsx11(
+      Pressable4,
+      {
+        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__ */ jsx11(Text7, { ...{ 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 })
+);
+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 })
+);
+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);
+function Popover({ children }) {
+  const [open, setOpen] = React11.useState(false);
+  return /* @__PURE__ */ jsx12(PopoverContext.Provider, { value: { open, setOpen }, children: /* @__PURE__ */ jsx12(View8, { ...{ className: "relative" }, children }) });
+}
+var PopoverTrigger = React11.forwardRef(
+  ({ onPress, children, ...props }, ref) => {
+    const context = React11.useContext(PopoverContext);
+    return /* @__PURE__ */ jsx12(Pressable5, { 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__ */ jsx12(Modal3, { visible: context.open, transparent: true, animationType: "fade", onRequestClose: () => context.setOpen(false), children: /* @__PURE__ */ jsx12(
+      Pressable5,
+      {
+        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,
+          {
+            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";
+export {
+  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.mjs.map