@customafk/lunas-ui 0.0.7 → 0.0.8

package/packages/hooks/use-callback-ref.ts

@@ -0,0 +1,27 @@
+import React from "react";
+
+/**
+ * @see https://github.com/radix-ui/primitives/blob/main/packages/react/use-callback-ref/src/useCallbackRef.tsx
+ */
+
+/**
+ * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a
+ * prop or avoid re-executing effects when passed as a dependency
+ */
+function useCallbackRef<T extends (...args: never[]) => unknown>(
+  callback: T | undefined,
+): T {
+  const callbackRef = React.useRef(callback);
+
+  React.useEffect(() => {
+    callbackRef.current = callback;
+  });
+
+  // https://github.com/facebook/react/issues/19240
+  return React.useMemo(
+    () => ((...args) => callbackRef.current?.(...args)) as T,
+    [],
+  );
+}
+
+export { useCallbackRef };

package/packages/hooks/use-controllable-state.ts

@@ -0,0 +1,67 @@
+import React from "react";
+
+import { useCallbackRef } from "./use-callback-ref";
+
+/**
+ * @see https://github.com/radix-ui/primitives/blob/main/packages/react/use-controllable-state/src/useControllableState.tsx
+ */
+
+type UseControllableStateParams<T> = {
+  prop?: T | undefined;
+  defaultProp?: T | undefined;
+  onChange?: (state: T) => void;
+};
+
+type SetStateFn<T> = (prevState?: T) => T;
+
+function useControllableState<T>({
+  prop,
+  defaultProp,
+  onChange = () => {},
+}: UseControllableStateParams<T>) {
+  const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({
+    defaultProp,
+    onChange,
+  });
+  const isControlled = prop !== undefined;
+  const value = isControlled ? prop : uncontrolledProp;
+  const handleChange = useCallbackRef(onChange);
+
+  const setValue: React.Dispatch<React.SetStateAction<T | undefined>> =
+    React.useCallback(
+      (nextValue) => {
+        if (isControlled) {
+          const setter = nextValue as SetStateFn<T>;
+          const value =
+            typeof nextValue === "function" ? setter(prop) : nextValue;
+          if (value !== prop) handleChange(value as T);
+        } else {
+          setUncontrolledProp(nextValue);
+        }
+      },
+      [isControlled, prop, setUncontrolledProp, handleChange],
+    );
+
+  return [value, setValue] as const;
+}
+
+function useUncontrolledState<T>({
+  defaultProp,
+  onChange,
+}: Omit<UseControllableStateParams<T>, "prop">) {
+  const uncontrolledState = React.useState<T | undefined>(defaultProp);
+  const [value] = uncontrolledState;
+  const prevValueRef = React.useRef(value);
+  const handleChange = useCallbackRef(onChange);
+
+  React.useEffect(() => {
+    if (prevValueRef.current !== value) {
+      handleChange(value as T);
+      prevValueRef.current = value;
+    }
+  }, [value, prevValueRef, handleChange]);
+
+  return uncontrolledState;
+}
+
+export { useControllableState };

package/packages/hooks/use-mobile.ts

@@ -0,0 +1,21 @@
+import React from "react";
+
+const MOBILE_BREAKPOINT = 768;
+
+export function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(
+    undefined,
+  );
+
+  React.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    };
+    mql.addEventListener("change", onChange);
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+
+  return !!isMobile;
+}

package/packages/index.css

@@ -0,0 +1,392 @@
+@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Pacifico&display=swap")
+layer(base);
+@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap")
+layer(base);
+
+@import "tailwindcss";
+@import "tw-animate-css";
+
+@custom-variant dark (&: is(.dark *));
+
+:root {
+    font-family:
+        Inter, ui-sans-serif, system-ui, Avenir, Helvetica, Arial, sans-serif,
+        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
+        "Noto Color Emoji";
+    line-height: 1.5;
+    font-weight: 400;
+
+    color-scheme: light dark;
+
+    --header-height: 3.5rem;
+
+    --radius: 0.75rem;
+
+    /* Color Palette */
+
+    --background: oklch(99% 0 0); /* --color-zinc-50 */
+    --foreground: oklch(14% 0 0); /* --color-zinc-950 */
+
+    --card: oklch(99% 0 0); /* --color-zinc-50 */
+    --card-foreground: oklch(14% 0 286); /* --color-zinc-950 */
+
+    --popover: oklch(99% 0 0); /* --color-zinc-50 */
+    --popover-foreground: oklch(14% 0 286); /* --color-zinc-950 */
+
+    --primary: oklch(54% 0.25 293); /* --color-violet-600 */
+    --primary-foreground: oklch(97% 0.02 293); /* --color-violet-50 */
+
+    --secondary: oklch(97% 0 286); /* --color-zinc-100 */
+    --secondary-foreground: oklch(21% 0.01 286); /* --color-zinc-900 */
+
+    --muted: oklch(0.97 0 286); /* --color-zinc-100 */
+    --muted-foreground: oklch(0.55 0.01 286); /* --color-zinc-500 */
+
+    --accent: oklch(0.97 0 106); /* --color-stone-100 */
+    --accent-foreground: oklch(0.22 0.01 56); /* --color-stone-900 */
+
+    --destructive: oklch(0.637 0.237 25.331); /* --color-red-500 */
+    --destructive-foreground: oklch(0.637 0.237 25.331); /* --color-red-500 */
+
+    --info: oklch(0.62 0.19 260); /* --color-blue-500 */
+    --success: oklch(0.63 0.17 149); /* --color-green-600 */
+    --warning: oklch(0.68 0.14 76); /* --color-yellow-600 */
+
+    --border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+    --input: oklch(0.871 0.006 286.286); /* --color-zinc-300 */
+    --ring: oklch(0.81 0.1 294); /* --color-violet-300 */
+
+    --chart-1: oklch(0.646 0.222 41.116);
+    --chart-2: oklch(0.6 0.118 184.704);
+    --chart-3: oklch(0.398 0.07 227.392);
+    --chart-4: oklch(0.828 0.189 84.429);
+    --chart-5: oklch(0.769 0.188 70.08);
+
+    --sidebar: oklch(0.97 0 286); /* --color-zinc-100 */
+    --sidebar-foreground: oklch(0.28 0.04 260.03);
+    --sidebar-border: oklch(0.92 0.004 286.32); /* --color-zinc-200 */
+    --sidebar-ring: oklch(0.871 0.006 286.286); /* --color-zinc-300 */
+
+    --sidebar-primary: oklch(0.59 0.2 277.12);
+    --sidebar-primary-foreground: oklch(1 0 0);
+
+    --sidebar-accent: oklch(0.967 0.001 286.375); /* --color-zinc-100 */
+    --sidebar-accent-foreground: oklch(
+        0.21 0.006 285.885
+    ); /* --color-zinc-900 */
+
+    --shadow-btn: 0px 1px 2px 0 rgb(0 0 0 / 0.05);
+    --shadow-input: 0px 1px 2px 0 rgb(0 0 0 / 0.05);
+    --shadow-card: 0px 1px 2px 0 rgb(0 0 0 / 0.05);
+}
+
+@theme inline {
+    --font-number: "Lato", sans-serif;
+
+    --radius-sm: calc(var(--radius) - 0.25rem);
+    --radius-md: calc(var(--radius) - 0.125rem);
+    --radius-lg: calc(var(--radius));
+    --radius-xl: calc(var(--radius) + 0.25rem);
+
+    --color-background: var(--background);
+    --color-foreground: var(--foreground);
+
+    --color-card: var(--card);
+    --color-card-foreground: var(--card-foreground);
+
+    --color-popover: var(--popover);
+    --color-popover-foreground: var(--popover-foreground);
+
+    --color-primary: var(--primary);
+    --color-primary-foreground: var(--primary-foreground);
+
+    --color-secondary: var(--secondary);
+    --color-secondary-foreground: var(--secondary-foreground);
+
+    --color-muted: var(--muted);
+    --color-muted-foreground: var(--muted-foreground);
+
+    --color-accent: var(--accent);
+    --color-accent-foreground: var(--accent-foreground);
+
+    --color-destructive: var(--destructive);
+    --color-info: var(--info);
+    --color-success: var(--success);
+    --color-warning: var(--warning);
+
+    --color-border: var(--border);
+    --color-input: var(--input);
+    --color-ring: var(--ring);
+
+    --color-chart-1: var(--chart-1);
+    --color-chart-2: var(--chart-2);
+    --color-chart-3: var(--chart-3);
+    --color-chart-4: var(--chart-4);
+    --color-chart-5: var(--chart-5);
+
+    --color-sidebar: var(--sidebar);
+    --color-sidebar-foreground: var(--sidebar-foreground);
+    --color-sidebar-primary: var(--sidebar-primary);
+    --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+    --color-sidebar-accent: var(--sidebar-accent);
+    --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+    --color-sidebar-border: var(--sidebar-border);
+    --color-sidebar-ring: var(--sidebar-ring);
+
+    --shadow-btn: var(--shadow-btn);
+    --shadow-input: var(--shadow-input);
+    --shadow-card: var(--shadow-card);
+}
+
+.dark {
+    --background: oklch(0.145 0 0);
+    --foreground: oklch(0.985 0 0);
+
+    --card: oklch(0.205 0 0);
+    --card-foreground: oklch(0.985 0 0);
+
+    --popover: oklch(0.269 0 0);
+    --popover-foreground: oklch(0.985 0 0);
+
+    --primary: oklch(49.07% 0.2413 292.59);
+    --primary-foreground: oklch(98.43% 0.0017 247.84);
+
+    --secondary: oklch(0.269 0 0);
+    --secondary-foreground: oklch(0.985 0 0);
+
+    --muted: oklch(0.269 0 0);
+    --muted-foreground: oklch(0.708 0 0);
+
+    --accent: oklch(0.371 0 0);
+    --accent-foreground: oklch(0.985 0 0);
+
+    --destructive: oklch(0.704 0.191 22.216);
+    --info: oklch(0.55 0.22 263); /* --color-blue-600 */
+    --success: oklch(0.63 0.17 149); /* --color-green-600 */
+    --warning: oklch(0.68 0.14 76); /* --color-yellow-600 */
+
+    --border: oklch(0.27 0.01 286.03);
+    --input: oklch(0.27 0.01 286.03);
+    --ring: oklch(54.09% 0.2468 292.95 / 50%);
+
+    --chart-1: oklch(0.488 0.243 264.376);
+    --chart-2: oklch(0.696 0.17 162.48);
+    --chart-3: oklch(0.769 0.188 70.08);
+    --chart-4: oklch(0.627 0.265 303.9);
+    --chart-5: oklch(0.645 0.246 16.439);
+
+    --sidebar: oklch(0.2 0 0);
+    --sidebar-foreground: oklch(0.92 0 0);
+    --sidebar-border: oklch(0.27 0.01 286.03);
+    --sidebar-ring: oklch(0.87 0.01 286.29);
+
+    --sidebar-primary: oklch(0.62 0.19 259.81);
+    --sidebar-primary-foreground: oklch(1 0 0);
+
+    --sidebar-accent: oklch(0.27 0.01 286.03);
+    --sidebar-accent-foreground: oklch(0.97 0 286.38);
+}
+
+@layer base {
+    * {
+        @apply border-border outline-ring/50;
+    }
+    body {
+        margin: 0;
+        min-width: 320px;
+        min-height: 100vh;
+
+        font-synthesis: none;
+        font-synthesis-weight: none;
+        text-rendering: optimizeLegibility;
+
+        letter-spacing: -0.015625rem;
+        overflow-wrap: break-word;
+        hyphens: auto;
+
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+
+        @apply bg-background text-foreground;
+    }
+
+    /* Custom scrollbar styling. Thanks @pranathiperii. */
+    ::-webkit-scrollbar {
+        width: 0.375rem;
+    }
+    ::-webkit-scrollbar-track {
+        background: transparent;
+    }
+    ::-webkit-scrollbar-thumb {
+        background: var(--border);
+        border-radius: 0.375rem;
+    }
+
+    /* Loader styles */
+    /* HTML: <div class="loader"></div> */
+    .loader {
+        width: 50px;
+        aspect-ratio: 1;
+        display: grid;
+        border: var(--border) solid;
+        border-radius: 50%;
+        border-right-color: var(--primary);
+        animation: l15 1s infinite linear;
+    }
+    .loader::before,
+    .loader::after {
+        content: "";
+        grid-area: 1/1;
+        margin: 2px;
+        border: inherit;
+        border-radius: 50%;
+        animation: l15 2s infinite;
+    }
+    .loader::after {
+        margin: 8px;
+        animation-duration: 3s;
+    }
+    @keyframes l15 {
+        100% {
+            transform: rotate(1turn);
+        }
+    }
+
+    /* HTML: <div class="loader-dots"></div> */
+    .loader-dots {
+        width: 8px;
+        aspect-ratio: 1;
+        border-radius: 50%;
+        animation: l5 1s infinite linear alternate;
+    }
+    @keyframes l5 {
+        0% {
+            box-shadow:
+                10px 0 var(--primary-foreground),
+                -10px 0 #0002;
+            background: var(--primary-foreground);
+        }
+        33% {
+            box-shadow:
+                10px 0 var(--primary-foreground),
+                -10px 0 #0002;
+            background: #0002;
+        }
+        66% {
+            box-shadow:
+                10px 0 #0002,
+                -10px 0 var(--primary-foreground);
+            background: #0002;
+        }
+        100% {
+            box-shadow:
+                10px 0 #0002,
+                -10px 0 var(--primary-foreground);
+            background: var(--primary-foreground);
+        }
+    }
+
+    /* HTML: <div class="loader-spinner"></div> */
+    .loader-spinner {
+        width: 16px;
+        aspect-ratio: 1;
+        border-radius: 50%;
+        border: 2.5px solid var(--primary-foreground);
+        animation:
+            l20-1 0.8s infinite linear alternate,
+            l20-2 1.6s infinite linear;
+    }
+    @keyframes l20-1 {
+        0% {
+            clip-path: polygon(
+                50% 50%,
+                0 0,
+                50% 0%,
+                50% 0%,
+                50% 0%,
+                50% 0%,
+                50% 0%
+            );
+        }
+        12.5% {
+            clip-path: polygon(
+                50% 50%,
+                0 0,
+                50% 0%,
+                100% 0%,
+                100% 0%,
+                100% 0%,
+                100% 0%
+            );
+        }
+        25% {
+            clip-path: polygon(
+                50% 50%,
+                0 0,
+                50% 0%,
+                100% 0%,
+                100% 100%,
+                100% 100%,
+                100% 100%
+            );
+        }
+        50% {
+            clip-path: polygon(
+                50% 50%,
+                0 0,
+                50% 0%,
+                100% 0%,
+                100% 100%,
+                50% 100%,
+                0% 100%
+            );
+        }
+        62.5% {
+            clip-path: polygon(
+                50% 50%,
+                100% 0,
+                100% 0%,
+                100% 0%,
+                100% 100%,
+                50% 100%,
+                0% 100%
+            );
+        }
+        75% {
+            clip-path: polygon(
+                50% 50%,
+                100% 100%,
+                100% 100%,
+                100% 100%,
+                100% 100%,
+                50% 100%,
+                0% 100%
+            );
+        }
+        100% {
+            clip-path: polygon(
+                50% 50%,
+                50% 100%,
+                50% 100%,
+                50% 100%,
+                50% 100%,
+                50% 100%,
+                0% 100%
+            );
+        }
+    }
+    @keyframes l20-2 {
+        0% {
+            transform: scaleY(1) rotate(0deg);
+        }
+        49.99% {
+            transform: scaleY(1) rotate(135deg);
+        }
+        50% {
+            transform: scaleY(-1) rotate(0deg);
+        }
+        100% {
+            transform: scaleY(-1) rotate(-135deg);
+        }
+    }
+}

package/packages/lib/utils.ts

@@ -0,0 +1,28 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export const MAX_FILE_SIZE = 5 * 1024 * 1024; // 5MB
+
+export function formatBytes(
+  bytes: number,
+  opts: {
+    decimals?: number;
+    sizeType?: "accurate" | "normal";
+  } = {},
+) {
+  const { decimals = 0, sizeType = "normal" } = opts;
+
+  const sizes = ["Bytes", "KB", "MB", "GB", "TB"];
+  const accurateSizes = ["Bytes", "KiB", "MiB", "GiB", "TiB"];
+  if (bytes === 0) return "0 Byte";
+  const i = Math.floor(Math.log(bytes) / Math.log(1024));
+  return `${(bytes / Math.pow(1024, i)).toFixed(decimals)} ${
+    sizeType === "accurate"
+      ? (accurateSizes[i] ?? "Bytes")
+      : (sizes[i] ?? "Bytes")
+  }`;
+}
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}

package/packages/types.ts

@@ -0,0 +1,50 @@
+export enum ERole {
+  SUPER_ADMIN = "SUPER_ADMIN",
+  ADMIN = "ADMIN",
+  MODERATOR = "MODERATOR",
+  STAFF = "STAFF",
+  USER = "USER",
+}
+
+export enum ECountry {
+  VIETNAM = "Vietnam",
+  USA = "USA",
+  JAPAN = "Japan",
+  KOREA = "Korea",
+  CHINA = "China",
+  TAIWAN = "Taiwan",
+  THAILAND = "Thailand",
+  MALAYSIA = "Malaysia",
+  SINGAPORE = "Singapore",
+  INDONESIA = "Indonesia",
+}
+
+export enum EWeightUnit {
+  KG = "kg",
+  G = "g",
+  LB = "lb",
+  OZ = "oz",
+}
+
+export enum EDimensionUnit {
+  CM = "cm",
+  M = "m",
+  INCH = "inch",
+  FT = "ft",
+}
+
+export enum EProductStatus {
+  DRAFT = "draft",
+  REVIEW = "review",
+  ACTIVE = "active",
+  INACTIVE = "inactive",
+  CANCELLED = "cancelled",
+}
+
+export enum EProductInventoryStatus {
+  IN_STOCK = "in_stock",
+  OUT_OF_STOCK = "out_of_stock",
+  PREORDER = "preorder",
+}
+
+export type AnyEntity = any;

package/dist/add-new-BaABbnol.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"add-new-BaABbnol.js","names":["AddNewBtn: React.FC<React.PropsWithChildren<Props>>"],"sources":["../packages/components/ui/buttons/add-new.tsx"],"sourcesContent":["import { PlusIcon } from \"lucide-react\";\n\nimport { Paragraph } from \"@/components/typography/paragraph\";\n\nimport { Button } from \"../button\";\n\ntype Props = {\n  onClick?: () => void;\n};\nexport const AddNewBtn: React.FC<React.PropsWithChildren<Props>> = ({\n  onClick = () => {},\n}) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      className=\"aspect-square max-sm:p-0\"\n      onClick={onClick}\n    >\n      <PlusIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Create New\n      </Paragraph>\n    </Button>\n  );\n};\n"],"mappings":"4LASA,MAAaA,GAAuD,CAClE,cAAgB,CAAE,EACnB,GAEG,EAAC,EAAA,CACC,aAAW,UACX,QAAQ,UACR,UAAU,2BACD,oBAET,EAAC,EAAA,CAAS,UAAU,sBAAsB,KAAM,GAAI,cAAY,SAChE,EAAC,EAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB"}

package/dist/add-new-DUoS_-n2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"add-new-DUoS_-n2.cjs","names":["AddNewBtn: React.FC<React.PropsWithChildren<Props>>","Button","PlusIcon","Paragraph"],"sources":["../packages/components/ui/buttons/add-new.tsx"],"sourcesContent":["import { PlusIcon } from \"lucide-react\";\n\nimport { Paragraph } from \"@/components/typography/paragraph\";\n\nimport { Button } from \"../button\";\n\ntype Props = {\n  onClick?: () => void;\n};\nexport const AddNewBtn: React.FC<React.PropsWithChildren<Props>> = ({\n  onClick = () => {},\n}) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      className=\"aspect-square max-sm:p-0\"\n      onClick={onClick}\n    >\n      <PlusIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Create New\n      </Paragraph>\n    </Button>\n  );\n};\n"],"mappings":"gMASaA,GAAuD,CAClE,cAAgB,CAAE,EACnB,IAEG,EAAA,EAAA,MAACC,EAAAA,OAAAA,CACC,aAAW,UACX,QAAQ,UACR,UAAU,2BACD,qBAET,EAAA,EAAA,KAACC,EAAAA,SAAAA,CAAS,UAAU,sBAAsB,KAAM,GAAI,cAAY,UAChE,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB"}

package/dist/alert-dialog-0KwdjY-6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-0KwdjY-6.js","names":["AlertDialog","AlertDialogPrimitive"],"sources":["../packages/components/ui/alert-dialog.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { AlertDialog as AlertDialogPrimitive } from \"radix-ui\";\n\nimport { buttonVariants } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\nfunction AlertDialog({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />;\n}\n\nfunction AlertDialogTrigger({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return (\n    <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n  );\n}\n\nfunction AlertDialogPortal({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return (\n    <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n  );\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        \"fixed inset-0 z-50 bg-black/50\",\n        \"data-[state=open]:animate-in\",\n        \"data-[state=closed]:animate-out\",\n        \"data-[state=closed]:fade-out-0\",\n        \"data-[state=open]:fade-in-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          \"bg-background\",\n          \"data-[state=open]:animate-in\",\n          \"data-[state=closed]:animate-out\",\n          \"data-[state=closed]:fade-out-0\",\n          \"data-[state=open]:fade-in-0\",\n          \"data-[state=closed]:zoom-out-95\",\n          \"data-[state=open]:zoom-in-95\",\n          \"fixed z-50\",\n          \"top-1/2 left-1/2\",\n          \"-translate-1/2\",\n          \"grid w-full max-w-[calc(100%-2rem)]\",\n          \"gap-4 rounded-lg p-6 shadow-lg duration-200 sm:max-w-lg\",\n          className,\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  );\n}\n\nfunction AlertDialogHeader({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogFooter({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(\"text-lg font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogAction({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {\n  return (\n    <AlertDialogPrimitive.Action\n      className={cn(buttonVariants(), className)}\n      {...props}\n      autoFocus\n      tabIndex={1}\n    />\n  );\n}\n\nfunction AlertDialogCancel({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n  return (\n    <AlertDialogPrimitive.Cancel\n      className={cn(buttonVariants({ variant: \"outline\" }), className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n};\n"],"mappings":"6MAOA,SAASA,EAAY,CACnB,GAAG,EACoD,CAAE,CACzD,OAAO,EAACC,EAAqB,KAAA,CAAK,YAAU,eAAe,GAAI,GAChE,CAED,SAAS,EAAmB,CAC1B,GAAG,EACuD,CAAE,CAC5D,OACE,EAACA,EAAqB,QAAA,CAAQ,YAAU,uBAAuB,GAAI,GAEtE,CAED,SAAS,EAAkB,CACzB,GAAG,EACsD,CAAE,CAC3D,OACE,EAACA,EAAqB,OAAA,CAAO,YAAU,sBAAsB,GAAI,GAEpE,CAED,SAAS,EAAmB,CAC1B,YACA,GAAG,EACuD,CAAE,CAC5D,OACE,EAACA,EAAqB,QAAA,CACpB,YAAU,uBACV,UAAW,EACT,iCACA,+BACA,kCACA,iCACA,8BACA,GAEF,GAAI,GAGT,CAED,SAAS,EAAmB,CAC1B,YACA,GAAG,EACuD,CAAE,CAC5D,OACE,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,EAAA,EACD,EAACA,EAAqB,QAAA,CACpB,YAAU,uBACV,UAAW,EACT,gBACA,+BACA,kCACA,iCACA,8BACA,kCACA,+BACA,aACA,mBACA,iBACA,sCACA,0DACA,GAEF,GAAI,MAIX,CAED,SAAS,EAAkB,CACzB,YACA,GAAG,EACyB,CAAE,CAC9B,OACE,EAAC,MAAA,CACC,YAAU,sBACV,UAAW,EAAG,+CAAgD,GAC9D,GAAI,GAGT,CAED,SAAS,EAAkB,CACzB,YACA,GAAG,EACyB,CAAE,CAC9B,OACE,EAAC,MAAA,CACC,YAAU,sBACV,UAAW,EACT,yDACA,GAEF,GAAI,GAGT,CAED,SAAS,EAAiB,CACxB,YACA,GAAG,EACqD,CAAE,CAC1D,OACE,EAACA,EAAqB,MAAA,CACpB,YAAU,qBACV,UAAW,EAAG,wBAAyB,GACvC,GAAI,GAGT,CAED,SAAS,EAAuB,CAC9B,YACA,GAAG,EAC2D,CAAE,CAChE,OACE,EAACA,EAAqB,YAAA,CACpB,YAAU,2BACV,UAAW,EAAG,gCAAiC,GAC/C,GAAI,GAGT,CAED,SAAS,EAAkB,CACzB,YACA,GAAG,EACsD,CAAE,CAC3D,OACE,EAACA,EAAqB,OAAA,CACpB,UAAW,EAAG,IAAkB,GAChC,GAAI,EACJ,UAAA,GACA,SAAU,GAGf,CAED,SAAS,EAAkB,CACzB,YACA,GAAG,EACsD,CAAE,CAC3D,OACE,EAACA,EAAqB,OAAA,CACpB,UAAW,EAAG,EAAe,CAAE,QAAS,UAAW,EAAG,GACtD,GAAI,GAGT"}

package/dist/alert-dialog-D5ZqgIiC.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-D5ZqgIiC.cjs","names":["AlertDialogPrimitive","cn","buttonVariants"],"sources":["../packages/components/ui/alert-dialog.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { AlertDialog as AlertDialogPrimitive } from \"radix-ui\";\n\nimport { buttonVariants } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\nfunction AlertDialog({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />;\n}\n\nfunction AlertDialogTrigger({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return (\n    <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n  );\n}\n\nfunction AlertDialogPortal({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return (\n    <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n  );\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        \"fixed inset-0 z-50 bg-black/50\",\n        \"data-[state=open]:animate-in\",\n        \"data-[state=closed]:animate-out\",\n        \"data-[state=closed]:fade-out-0\",\n        \"data-[state=open]:fade-in-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          \"bg-background\",\n          \"data-[state=open]:animate-in\",\n          \"data-[state=closed]:animate-out\",\n          \"data-[state=closed]:fade-out-0\",\n          \"data-[state=open]:fade-in-0\",\n          \"data-[state=closed]:zoom-out-95\",\n          \"data-[state=open]:zoom-in-95\",\n          \"fixed z-50\",\n          \"top-1/2 left-1/2\",\n          \"-translate-1/2\",\n          \"grid w-full max-w-[calc(100%-2rem)]\",\n          \"gap-4 rounded-lg p-6 shadow-lg duration-200 sm:max-w-lg\",\n          className,\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  );\n}\n\nfunction AlertDialogHeader({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogFooter({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(\"text-lg font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogAction({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {\n  return (\n    <AlertDialogPrimitive.Action\n      className={cn(buttonVariants(), className)}\n      {...props}\n      autoFocus\n      tabIndex={1}\n    />\n  );\n}\n\nfunction AlertDialogCancel({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n  return (\n    <AlertDialogPrimitive.Cancel\n      className={cn(buttonVariants({ variant: \"outline\" }), className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n};\n"],"mappings":"sNAOA,SAAS,EAAY,CACnB,GAAG,EACoD,CAAE,CACzD,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,KAAA,CAAK,YAAU,eAAe,GAAI,GAChE,CAED,SAAS,EAAmB,CAC1B,GAAG,EACuD,CAAE,CAC5D,OACE,EAAA,EAAA,KAACA,EAAAA,YAAqB,QAAA,CAAQ,YAAU,uBAAuB,GAAI,GAEtE,CAED,SAAS,EAAkB,CACzB,GAAG,EACsD,CAAE,CAC3D,OACE,EAAA,EAAA,KAACA,EAAAA,YAAqB,OAAA,CAAO,YAAU,sBAAsB,GAAI,GAEpE,CAED,SAAS,EAAmB,CAC1B,YACA,GAAG,EACuD,CAAE,CAC5D,OACE,EAAA,EAAA,KAACA,EAAAA,YAAqB,QAAA,CACpB,YAAU,uBACV,UAAWC,EAAAA,GACT,iCACA,+BACA,kCACA,iCACA,8BACA,GAEF,GAAI,GAGT,CAED,SAAS,EAAmB,CAC1B,YACA,GAAG,EACuD,CAAE,CAC5D,OACE,EAAA,EAAA,MAAC,EAAA,CAAA,SAAA,EACC,EAAA,EAAA,KAAC,EAAA,EAAA,GACD,EAAA,EAAA,KAACD,EAAAA,YAAqB,QAAA,CACpB,YAAU,uBACV,UAAWC,EAAAA,GACT,gBACA,+BACA,kCACA,iCACA,8BACA,kCACA,+BACA,aACA,mBACA,iBACA,sCACA,0DACA,GAEF,GAAI,MAIX,CAED,SAAS,EAAkB,CACzB,YACA,GAAG,EACyB,CAAE,CAC9B,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,sBACV,UAAWA,EAAAA,GAAG,+CAAgD,GAC9D,GAAI,GAGT,CAED,SAAS,EAAkB,CACzB,YACA,GAAG,EACyB,CAAE,CAC9B,OACE,EAAA,EAAA,KAAC,MAAA,CACC,YAAU,sBACV,UAAWA,EAAAA,GACT,yDACA,GAEF,GAAI,GAGT,CAED,SAAS,EAAiB,CACxB,YACA,GAAG,EACqD,CAAE,CAC1D,OACE,EAAA,EAAA,KAACD,EAAAA,YAAqB,MAAA,CACpB,YAAU,qBACV,UAAWC,EAAAA,GAAG,wBAAyB,GACvC,GAAI,GAGT,CAED,SAAS,EAAuB,CAC9B,YACA,GAAG,EAC2D,CAAE,CAChE,OACE,EAAA,EAAA,KAACD,EAAAA,YAAqB,YAAA,CACpB,YAAU,2BACV,UAAWC,EAAAA,GAAG,gCAAiC,GAC/C,GAAI,GAGT,CAED,SAAS,EAAkB,CACzB,YACA,GAAG,EACsD,CAAE,CAC3D,OACE,EAAA,EAAA,KAACD,EAAAA,YAAqB,OAAA,CACpB,UAAWC,EAAAA,GAAGC,EAAAA,iBAAkB,GAChC,GAAI,EACJ,UAAA,GACA,SAAU,GAGf,CAED,SAAS,EAAkB,CACzB,YACA,GAAG,EACsD,CAAE,CAC3D,OACE,EAAA,EAAA,KAACF,EAAAA,YAAqB,OAAA,CACpB,UAAWC,EAAAA,GAAGC,EAAAA,eAAe,CAAE,QAAS,UAAW,EAAG,GACtD,GAAI,GAGT"}

package/dist/badge-CRXT2dH_.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"badge-CRXT2dH_.cjs","names":["cn"],"sources":["../packages/components/ui/badge.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst badgeVariants = cva(\n  \"focus:ring-ring rounded-sm inline-flex items-center px-2.5 py-0.5 font-semibold text-white shadow-sm transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden forced-colors:outline\",\n  {\n    variants: {\n      color: {\n        red: \"bg-red-500 dark:bg-red-600 text-white\",\n        orange: \"bg-orange-500 text-white dark:bg-orange-600\",\n        amber: \"bg-amber-500 text-white dark:bg-amber-600 \",\n        yellow: \"bg-yellow-500 text-white dark:bg-yellow-600 \",\n        lime: \"bg-lime-500 text-white dark:bg-lime-600\",\n        green: \"bg-green-500 text-white dark:bg-green-600\",\n        emerald: \"bg-emerald-500 text-white dark:bg-emerald-600\",\n        teal: \"bg-teal-500 text-white dark:bg-teal-600\",\n        cyan: \"bg-cyan-500 text-white dark:bg-cyan-600\",\n        sky: \"bg-sky-500 text-white dark:bg-sky-600\",\n        blue: \"bg-blue-500 text-white dark:bg-blue-600\",\n        indigo: \"bg-indigo-500 text-white dark:bg-indigo-600\",\n        violet: \"bg-violet-500 text-white dark:bg-violet-600\",\n        purple: \"bg-purple-500 text-white dark:bg-purple-600\",\n        fuchsia: \"bg-fuchsia-500 text-white dark:bg-fuchsia-600\",\n        pink: \"bg-pink-500 text-white dark:bg-pink-600\",\n        rose: \"bg-rose-500 text-white dark:bg-rose-600\",\n        zinc: \"bg-zinc-500 text-white dark:bg-zinc-600\",\n      },\n      size: {\n        xs: \"text-[8px]/3 px-1 py-0.5 gap-1\",\n        sm: \"text-[10px]/3 px-1.5 py-1 gap-1\",\n        md: \"text-xs px-2 py-1 gap-1\",\n        lg: \"text-sm px-2 py-1 gap-1.5\",\n        xl: \"text-base px-2.5 py-1 gap-1.5\",\n      },\n      pill: {\n        true: \"rounded-full\",\n      },\n    },\n    defaultVariants: {\n      color: \"zinc\",\n      size: \"md\",\n      pill: true,\n    },\n  },\n);\n\nexport type BadgeProps = VariantProps<typeof badgeVariants> &\n  React.ComponentPropsWithoutRef<\"div\">;\n\nfunction Badge({ className, color, size, pill, ...props }: BadgeProps) {\n  return (\n    <div\n      className={cn(badgeVariants({ color, pill, size }), className)}\n      {...props}\n    />\n  );\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport { Badge, badgeVariants };\n"],"mappings":"mMAMM,GAAA,EAAA,EAAA,KACJ,qMACA,CACE,SAAU,CACR,MAAO,CACL,IAAK,wCACL,OAAQ,8CACR,MAAO,6CACP,OAAQ,+CACR,KAAM,0CACN,MAAO,4CACP,QAAS,gDACT,KAAM,0CACN,KAAM,0CACN,IAAK,wCACL,KAAM,0CACN,OAAQ,8CACR,OAAQ,8CACR,OAAQ,8CACR,QAAS,gDACT,KAAM,0CACN,KAAM,0CACN,KAAM,0CACP,CACD,KAAM,CACJ,GAAI,iCACJ,GAAI,kCACJ,GAAI,0BACJ,GAAI,4BACJ,GAAI,gCACL,CACD,KAAM,CACJ,KAAM,eACP,CACF,CACD,gBAAiB,CACf,MAAO,OACP,KAAM,KACN,KAAM,GACP,CACF,EAMH,SAAS,EAAM,CAAE,YAAW,QAAO,OAAM,OAAM,GAAG,EAAmB,CAAE,CACrE,OACE,EAAA,EAAA,KAAC,MAAA,CACC,UAAWA,EAAAA,GAAG,EAAc,CAAE,QAAO,OAAM,OAAM,EAAG,GACpD,GAAI,GAGT"}

package/dist/badge-D_qEoSL8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"badge-D_qEoSL8.js","names":[],"sources":["../packages/components/ui/badge.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst badgeVariants = cva(\n  \"focus:ring-ring rounded-sm inline-flex items-center px-2.5 py-0.5 font-semibold text-white shadow-sm transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden forced-colors:outline\",\n  {\n    variants: {\n      color: {\n        red: \"bg-red-500 dark:bg-red-600 text-white\",\n        orange: \"bg-orange-500 text-white dark:bg-orange-600\",\n        amber: \"bg-amber-500 text-white dark:bg-amber-600 \",\n        yellow: \"bg-yellow-500 text-white dark:bg-yellow-600 \",\n        lime: \"bg-lime-500 text-white dark:bg-lime-600\",\n        green: \"bg-green-500 text-white dark:bg-green-600\",\n        emerald: \"bg-emerald-500 text-white dark:bg-emerald-600\",\n        teal: \"bg-teal-500 text-white dark:bg-teal-600\",\n        cyan: \"bg-cyan-500 text-white dark:bg-cyan-600\",\n        sky: \"bg-sky-500 text-white dark:bg-sky-600\",\n        blue: \"bg-blue-500 text-white dark:bg-blue-600\",\n        indigo: \"bg-indigo-500 text-white dark:bg-indigo-600\",\n        violet: \"bg-violet-500 text-white dark:bg-violet-600\",\n        purple: \"bg-purple-500 text-white dark:bg-purple-600\",\n        fuchsia: \"bg-fuchsia-500 text-white dark:bg-fuchsia-600\",\n        pink: \"bg-pink-500 text-white dark:bg-pink-600\",\n        rose: \"bg-rose-500 text-white dark:bg-rose-600\",\n        zinc: \"bg-zinc-500 text-white dark:bg-zinc-600\",\n      },\n      size: {\n        xs: \"text-[8px]/3 px-1 py-0.5 gap-1\",\n        sm: \"text-[10px]/3 px-1.5 py-1 gap-1\",\n        md: \"text-xs px-2 py-1 gap-1\",\n        lg: \"text-sm px-2 py-1 gap-1.5\",\n        xl: \"text-base px-2.5 py-1 gap-1.5\",\n      },\n      pill: {\n        true: \"rounded-full\",\n      },\n    },\n    defaultVariants: {\n      color: \"zinc\",\n      size: \"md\",\n      pill: true,\n    },\n  },\n);\n\nexport type BadgeProps = VariantProps<typeof badgeVariants> &\n  React.ComponentPropsWithoutRef<\"div\">;\n\nfunction Badge({ className, color, size, pill, ...props }: BadgeProps) {\n  return (\n    <div\n      className={cn(badgeVariants({ color, pill, size }), className)}\n      {...props}\n    />\n  );\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport { Badge, badgeVariants };\n"],"mappings":"qJAMA,MAAM,EAAgB,EACpB,qMACA,CACE,SAAU,CACR,MAAO,CACL,IAAK,wCACL,OAAQ,8CACR,MAAO,6CACP,OAAQ,+CACR,KAAM,0CACN,MAAO,4CACP,QAAS,gDACT,KAAM,0CACN,KAAM,0CACN,IAAK,wCACL,KAAM,0CACN,OAAQ,8CACR,OAAQ,8CACR,OAAQ,8CACR,QAAS,gDACT,KAAM,0CACN,KAAM,0CACN,KAAM,0CACP,CACD,KAAM,CACJ,GAAI,iCACJ,GAAI,kCACJ,GAAI,0BACJ,GAAI,4BACJ,GAAI,gCACL,CACD,KAAM,CACJ,KAAM,eACP,CACF,CACD,gBAAiB,CACf,MAAO,OACP,KAAM,KACN,KAAM,GACP,CACF,EAMH,SAAS,EAAM,CAAE,YAAW,QAAO,OAAM,OAAM,GAAG,EAAmB,CAAE,CACrE,OACE,EAAC,MAAA,CACC,UAAW,EAAG,EAAc,CAAE,QAAO,OAAM,OAAM,EAAG,GACpD,GAAI,GAGT"}

package/dist/button-Bku3bKv9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-Bku3bKv9.js","names":[],"sources":["../packages/components/ui/button.tsx"],"sourcesContent":["\"use client\";\n\nimport { Slot } from \"radix-ui\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst buttonVariants = cva(\n  [\n    \"relative shrink-0 cursor-pointer rounded-md font-medium whitespace-normal outline-0 transition-all shadow-btn\",\n    \"[&_svg]:pointer-events-none\",\n    \"[&_svg]:shrink-0\",\n    \"[&_svg:not([class*='size-'])]:size-4\",\n    \"aria-invalid:ring-destructive/20\",\n    \"aria-invalid:border-destructive\",\n    \"disabled:pointer-events-none\",\n    \"disabled:cursor-default disabled:opacity-50\",\n  ],\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground shadow-primary/50 hover:bg-primary/90 active:bg-primary/90 focus:ring-ring\",\n        destructive:\n          \"bg-destructive hover:bg-destructive/90 focus:ring-destructive/40 dark:bg-destructive/60 text-white\",\n        outline:\n          \"border-border bg-card hover:bg-accent hover:text-accent-foreground focus:bg-background focus:ring-border/40 border\",\n\n        secondary:\n          \"bg-secondary text-secondary-foreground focus:ring-border hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50 focus:!ring-0 shadow-none\",\n        link: \"text-primary underline-offset-4 hover:underline focus:!ring-0 shadow-none\",\n      },\n      size: {\n        sm: \"h-8 gap-1.5 rounded-md px-3 text-xs font-semibold focus:ring-4 has-[>svg]:px-2.5\",\n        default:\n          \"h-9 px-4 py-2 text-sm font-medium focus:ring-4 has-[>svg]:px-3\",\n        lg: \"h-10 rounded-md px-6 text-base font-semibold focus:ring-6 has-[>svg]:px-4\",\n        icon: \"size-8\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  isLoading = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean;\n    isLoading?: boolean;\n  }) {\n  const Comp = asChild ? Slot.Root : \"button\";\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    >\n      <div\n        className={cn(\n          \"flex size-full items-center justify-center gap-2 text-nowrap\",\n          isLoading && \"opacity-0\",\n        )}\n      >\n        <Slot.Slottable>{props.children}</Slot.Slottable>\n      </div>\n      {isLoading && (\n        <div className=\"absolute inset-0 flex items-center justify-center\">\n          <div className=\"loader-spinner text-muted-foreground\" />\n        </div>\n      )}\n    </Comp>\n  );\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport { Button, buttonVariants };\n"],"mappings":"0KAOA,MAAM,EAAiB,EACrB,CACE,gHACA,8BACA,mBACA,uCACA,mCACA,kCACA,+BACA,8CACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QACE,gHACF,YACE,qGACF,QACE,qHAEF,UACE,iFACF,MACE,iGACF,KAAM,4EACP,CACD,KAAM,CACJ,GAAI,mFACJ,QACE,iEACF,GAAI,4EACJ,KAAM,SACP,CACF,CACD,gBAAiB,CACf,QAAS,UACT,KAAM,UACP,CACF,EAGH,SAAS,EAAO,CACd,YACA,UACA,OACA,UAAU,GACV,YAAY,GACZ,GAAG,EAKF,CAAE,CACH,IAAM,EAAO,EAAU,EAAK,KAAO,SAEnC,OACE,EAAC,EAAA,CACC,YAAU,SACV,UAAW,EAAG,EAAe,CAAE,UAAS,OAAM,YAAW,GACzD,GAAI,YAEJ,EAAC,MAAA,CACC,UAAW,EACT,+DACA,GAAa,sBAGf,EAAC,EAAK,UAAA,CAAA,SAAW,EAAM,SAAA,IAExB,GACC,EAAC,MAAA,CAAI,UAAU,6DACb,EAAC,MAAA,CAAI,UAAU,uCAAA,MAKxB"}

package/dist/button-D_E_bNRb.d.ts

@@ -1,18 +0,0 @@
-import { VariantProps } from "class-variance-authority";
-
-//#region packages/components/ui/button.d.ts
-declare const buttonVariants: any;
-declare function Button({
-  className,
-  variant,
-  size,
-  asChild,
-  isLoading,
-  ...props
-}: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
-  asChild?: boolean;
-  isLoading?: boolean;
-}): any;
-//#endregion
-export { Button, buttonVariants };
-//# sourceMappingURL=button-D_E_bNRb.d.ts.map