impact-nova 0.1.0

package/dist/components/ui/dialog.js

@@ -0,0 +1,116 @@
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import * as i from "react";
+import * as t from "@radix-ui/react-dialog";
+import { X as m } from "lucide-react";
+import { cn as l } from "../../lib/utils.js";
+const v = t.Root, w = t.Trigger, f = t.Portal, C = t.Close, n = i.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ o(
+  t.Overlay,
+  {
+    ref: s,
+    className: l(
+      "fixed inset-0 z-[300] bg-black/40  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      e
+    ),
+    ...a
+  }
+));
+n.displayName = t.Overlay.displayName;
+const p = i.forwardRef(({ className: e, children: a, hideClose: s, ...r }, c) => /* @__PURE__ */ d(f, { children: [
+  /* @__PURE__ */ o(n, {}),
+  /* @__PURE__ */ d(
+    t.Content,
+    {
+      ref: c,
+      "aria-describedby": void 0,
+      className: l(
+        "fixed left-[50%] top-[50%] z-[300] flex flex-col w-full max-w-lg translate-x-[-50%] translate-y-[-50%] border bg-background shadow-xl duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg overflow-hidden",
+        e
+      ),
+      ...r,
+      children: [
+        a,
+        !s && /* @__PURE__ */ d(t.Close, { className: "absolute right-4 top-4 rounded-sm opacity-50 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground z-[60]", children: [
+          /* @__PURE__ */ o(m, { className: "h-4 w-4" }),
+          /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+p.displayName = t.Content.displayName;
+const g = ({
+  className: e,
+  ...a
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: l(
+      "flex flex-col text-center sm:text-left bg-light-blue p-4 border-b",
+      e
+    ),
+    ...a
+  }
+);
+g.displayName = "DialogHeader";
+const x = ({
+  className: e,
+  ...a
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: l(
+      "px-6 py-6 flex-1 overflow-y-auto min-h-0",
+      e
+    ),
+    ...a
+  }
+);
+x.displayName = "DialogBody";
+const y = ({
+  className: e,
+  ...a
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: l(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:items-center sm:space-x-2 px-4 py-3 border-t bg-white",
+      e
+    ),
+    ...a
+  }
+);
+y.displayName = "DialogFooter";
+const u = i.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ o(
+  t.Title,
+  {
+    ref: s,
+    className: l(
+      "text-md font-bold leading-none tracking-tight text-slate-900",
+      e
+    ),
+    ...a
+  }
+));
+u.displayName = t.Title.displayName;
+const N = i.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ o(
+  t.Description,
+  {
+    ref: s,
+    className: l("text-sm text-slate-600 leading-relaxed", e),
+    ...a
+  }
+));
+N.displayName = t.Description.displayName;
+export {
+  v as Dialog,
+  x as DialogBody,
+  C as DialogClose,
+  p as DialogContent,
+  N as DialogDescription,
+  y as DialogFooter,
+  g as DialogHeader,
+  n as DialogOverlay,
+  f as DialogPortal,
+  u as DialogTitle,
+  w as DialogTrigger
+};

package/dist/components/ui/drawer.d.ts

@@ -0,0 +1,22 @@
+import { Drawer as DrawerPrimitive } from 'vaul';
+import * as React from "react";
+declare const Drawer: {
+    ({ shouldScaleBackground, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DrawerTrigger: React.ForwardRefExoticComponent<import('@radix-ui/react-dialog').DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerPortal: typeof import('vaul').Portal;
+declare const DrawerClose: React.ForwardRefExoticComponent<import('@radix-ui/react-dialog').DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-dialog').DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-dialog').DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DrawerFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-dialog').DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-dialog').DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };

package/dist/components/ui/drawer.js

@@ -0,0 +1,98 @@
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import * as l from "react";
+import { Drawer as a } from "vaul";
+import { cn as s } from "../../lib/utils.js";
+const n = ({
+  shouldScaleBackground: e = !0,
+  ...r
+}) => /* @__PURE__ */ t(
+  a.Root,
+  {
+    shouldScaleBackground: e,
+    ...r
+  }
+);
+n.displayName = "Drawer";
+const u = a.Trigger, c = a.Portal, b = a.Close, d = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
+  a.Overlay,
+  {
+    ref: o,
+    className: s("fixed inset-0 z-50 bg-black/80", e),
+    ...r
+  }
+));
+d.displayName = a.Overlay.displayName;
+const p = l.forwardRef(({ className: e, children: r, ...o }, m) => /* @__PURE__ */ i(c, { children: [
+  /* @__PURE__ */ t(d, {}),
+  /* @__PURE__ */ i(
+    a.Content,
+    {
+      ref: m,
+      className: s(
+        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
+        e
+      ),
+      ...o,
+      children: [
+        /* @__PURE__ */ t("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+        r
+      ]
+    }
+  )
+] }));
+p.displayName = "DrawerContent";
+const f = ({
+  className: e,
+  ...r
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: s("grid gap-1.5 p-4 text-center sm:text-left", e),
+    ...r
+  }
+);
+f.displayName = "DrawerHeader";
+const w = ({
+  className: e,
+  ...r
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: s("mt-auto flex flex-col gap-2 p-4", e),
+    ...r
+  }
+);
+w.displayName = "DrawerFooter";
+const D = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
+  a.Title,
+  {
+    ref: o,
+    className: s(
+      "text-lg font-semibold leading-none tracking-tight",
+      e
+    ),
+    ...r
+  }
+));
+D.displayName = a.Title.displayName;
+const x = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
+  a.Description,
+  {
+    ref: o,
+    className: s("text-sm text-muted-foreground", e),
+    ...r
+  }
+));
+x.displayName = a.Description.displayName;
+export {
+  n as Drawer,
+  b as DrawerClose,
+  p as DrawerContent,
+  x as DrawerDescription,
+  w as DrawerFooter,
+  f as DrawerHeader,
+  d as DrawerOverlay,
+  c as DrawerPortal,
+  D as DrawerTitle,
+  u as DrawerTrigger
+};

package/dist/components/ui/dropdown-menu.d.ts

@@ -0,0 +1,42 @@
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+    icon?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    portalled?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+    description?: string;
+    icon?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    description?: string;
+    icon?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    description?: string;
+    icon?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, DropdownMenuFooter, };

package/dist/components/ui/dropdown-menu.js

@@ -0,0 +1,193 @@
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import * as l from "react";
+import * as e from "@radix-ui/react-dropdown-menu";
+import { Check as f, ChevronRight as u } from "lucide-react";
+import { cn as s } from "../../lib/utils.js";
+const C = e.Root, I = e.Trigger, _ = e.Group, j = e.Portal, F = e.Sub, x = l.forwardRef(({ className: a, ...o }, n) => /* @__PURE__ */ t(
+  e.RadioGroup,
+  {
+    ref: n,
+    className: s("flex flex-col gap-0.5", a),
+    ...o
+  }
+));
+x.displayName = e.RadioGroup.displayName;
+const g = l.forwardRef(({ className: a, inset: o, icon: n, children: r, ...d }, i) => /* @__PURE__ */ c(
+  e.SubTrigger,
+  {
+    ref: i,
+    className: s(
+      "flex cursor-default select-none items-center gap-2 rounded-md px-3 h-[35px] text-[13px] outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 font-medium",
+      o && "pl-4",
+      a
+    ),
+    ...d,
+    children: [
+      n && /* @__PURE__ */ t("span", { className: "flex-shrink-0 text-text-secondary [&>svg]:size-4", children: n }),
+      r,
+      /* @__PURE__ */ t(u, { className: "ml-auto text-icon-gray" })
+    ]
+  }
+));
+g.displayName = e.SubTrigger.displayName;
+const h = l.forwardRef(({ className: a, ...o }, n) => /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ t(
+  e.SubContent,
+  {
+    ref: n,
+    className: s(
+      "z-[200] min-w-[8rem] overflow-hidden rounded-lg bg-popover p-2 text-popover-foreground shadow-[0px_0px_4px_0px_rgba(0,0,0,0.12)] text-[13px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+      a
+    ),
+    ...o
+  }
+) }));
+h.displayName = e.SubContent.displayName;
+const N = l.forwardRef(({ className: a, sideOffset: o = 4, portalled: n = !0, ...r }, d) => {
+  const i = /* @__PURE__ */ t(
+    e.Content,
+    {
+      ref: d,
+      sideOffset: o,
+      className: s(
+        "z-[200] max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[12rem] overflow-y-auto overflow-x-hidden rounded-lg bg-popover p-2 text-popover-foreground shadow-[0px_0px_4px_0px_rgba(0,0,0,0.12)] flex flex-col gap-0.5",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+        a
+      ),
+      ...r
+    }
+  );
+  return n ? /* @__PURE__ */ t(e.Portal, { children: i }) : i;
+});
+N.displayName = e.Content.displayName;
+const b = l.forwardRef(({ className: a, inset: o, description: n, icon: r, children: d, ...i }, p) => /* @__PURE__ */ c(
+  e.Item,
+  {
+    ref: p,
+    className: s(
+      "relative flex cursor-default select-none items-center gap-2 rounded-md px-3 h-[35px] text-[13px] outline-none transition-colors focus:bg-accent focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+      o && "pl-4",
+      a
+    ),
+    ...i,
+    children: [
+      r && /* @__PURE__ */ t("span", { className: "flex-shrink-0 [&>svg]:size-4", children: r }),
+      /* @__PURE__ */ c("div", { className: "flex flex-col gap-0.5 justify-center", children: [
+        /* @__PURE__ */ t("span", { className: "font-medium leading-none", children: d }),
+        n && /* @__PURE__ */ t("span", { className: "text-[10px] leading-tight text-text-secondary line-clamp-1", children: n })
+      ] })
+    ]
+  }
+));
+b.displayName = e.Item.displayName;
+const w = l.forwardRef(({ className: a, children: o, checked: n, description: r, icon: d, ...i }, p) => /* @__PURE__ */ c(
+  e.CheckboxItem,
+  {
+    ref: p,
+    className: s(
+      "relative flex cursor-default select-none items-center rounded-md h-[35px] pl-10 pr-3 text-[13px] outline-none transition-colors focus:bg-accent focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      a
+    ),
+    checked: n,
+    onSelect: (m) => m.preventDefault(),
+    ...i,
+    children: [
+      /* @__PURE__ */ t("span", { className: "absolute left-3 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ t("div", { className: s(
+        "flex h-4 w-4 items-center justify-center rounded-[4px] border border-border transition-colors",
+        n && "bg-primary border-primary text-white"
+      ), children: /* @__PURE__ */ t(e.ItemIndicator, { children: /* @__PURE__ */ t(f, { className: "h-3 w-3", strokeWidth: 3 }) }) }) }),
+      /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+        d && /* @__PURE__ */ t("span", { className: "flex-shrink-0 text-text-secondary [&>svg]:size-4", children: d }),
+        /* @__PURE__ */ c("div", { className: "flex flex-col gap-0.5 justify-center", children: [
+          /* @__PURE__ */ t("span", { className: "font-medium leading-none", children: o }),
+          r && /* @__PURE__ */ t("span", { className: "text-[10px] leading-tight text-text-secondary line-clamp-1", children: r })
+        ] })
+      ] })
+    ]
+  }
+));
+w.displayName = e.CheckboxItem.displayName;
+const y = l.forwardRef(({ className: a, children: o, description: n, icon: r, ...d }, i) => /* @__PURE__ */ t(
+  e.RadioItem,
+  {
+    ref: i,
+    className: s(
+      "relative flex cursor-default select-none items-center rounded-md h-[35px] px-3 text-[13px] outline-none transition-colors focus:bg-accent focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[state=checked]:bg-[#F0F4FF]",
+      a
+    ),
+    onSelect: (p) => p.preventDefault(),
+    ...d,
+    children: /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+      r && /* @__PURE__ */ t("span", { className: "flex-shrink-0 text-text-secondary [&>svg]:size-4", children: r }),
+      /* @__PURE__ */ c("div", { className: "flex flex-col gap-0.5 justify-center", children: [
+        /* @__PURE__ */ t("span", { className: "font-medium leading-none", children: o }),
+        n && /* @__PURE__ */ t("span", { className: "text-[10px] leading-tight text-text-secondary line-clamp-1", children: n })
+      ] })
+    ] })
+  }
+));
+y.displayName = e.RadioItem.displayName;
+const v = l.forwardRef(({ className: a, inset: o, ...n }, r) => /* @__PURE__ */ t(
+  e.Label,
+  {
+    ref: r,
+    className: s(
+      "px-3 py-2 text-xs font-bold tracking-wider text-icon-gray",
+      o && "pl-4",
+      a
+    ),
+    ...n
+  }
+));
+v.displayName = e.Label.displayName;
+const D = l.forwardRef(({ className: a, ...o }, n) => /* @__PURE__ */ t(
+  e.Separator,
+  {
+    ref: n,
+    className: s("-mx-2 my-1 h-px bg-border", a),
+    ...o
+  }
+));
+D.displayName = e.Separator.displayName;
+const M = ({
+  className: a,
+  ...o
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: s(
+      "sticky bottom-0 z-10 -mx-2 -mb-2 mt-1 flex items-center justify-end gap-2 border-t bg-white p-2 shrink-0 rounded-b-xl",
+      a
+    ),
+    ...o
+  }
+);
+M.displayName = "DropdownMenuFooter";
+const R = ({
+  className: a,
+  ...o
+}) => /* @__PURE__ */ t(
+  "span",
+  {
+    className: s("ml-auto text-xs tracking-widest opacity-60", a),
+    ...o
+  }
+);
+R.displayName = "DropdownMenuShortcut";
+export {
+  C as DropdownMenu,
+  w as DropdownMenuCheckboxItem,
+  N as DropdownMenuContent,
+  M as DropdownMenuFooter,
+  _ as DropdownMenuGroup,
+  b as DropdownMenuItem,
+  v as DropdownMenuLabel,
+  j as DropdownMenuPortal,
+  x as DropdownMenuRadioGroup,
+  y as DropdownMenuRadioItem,
+  D as DropdownMenuSeparator,
+  R as DropdownMenuShortcut,
+  F as DropdownMenuSub,
+  h as DropdownMenuSubContent,
+  g as DropdownMenuSubTrigger,
+  I as DropdownMenuTrigger
+};

package/dist/components/ui/dynamic-layout.d.ts

@@ -0,0 +1,12 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const dynamicLayoutVariants: (props?: {
+    layout?: "grid" | "flex" | "stack";
+    columns?: 1 | 4 | 3 | 2 | 12 | 6;
+    gap?: "none" | "sm" | "md" | "lg" | "xl";
+} & import('class-variance-authority/types').ClassProp) => string;
+export interface DynamicLayoutProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof dynamicLayoutVariants> {
+    children: React.ReactNode;
+}
+declare const DynamicLayout: React.ForwardRefExoticComponent<DynamicLayoutProps & React.RefAttributes<HTMLDivElement>>;
+export { DynamicLayout, dynamicLayoutVariants };

package/dist/components/ui/dynamic-layout.js

@@ -0,0 +1,50 @@
+import { jsx as c } from "react/jsx-runtime";
+import * as m from "react";
+import { cva as g } from "class-variance-authority";
+import { cn as d } from "../../lib/utils.js";
+const e = g("", {
+  variants: {
+    layout: {
+      grid: "grid",
+      flex: "flex",
+      stack: "flex flex-col"
+    },
+    columns: {
+      1: "grid-cols-1",
+      2: "grid-cols-2",
+      3: "grid-cols-3",
+      4: "grid-cols-4",
+      6: "grid-cols-6",
+      12: "grid-cols-12"
+    },
+    gap: {
+      none: "gap-0",
+      sm: "gap-2",
+      md: "gap-4",
+      lg: "gap-6",
+      xl: "gap-8"
+    }
+  },
+  defaultVariants: {
+    layout: "flex",
+    gap: "md"
+  }
+}), n = m.forwardRef(
+  ({ className: a, layout: o, columns: r, gap: i, children: l, ...s }, t) => /* @__PURE__ */ c(
+    "div",
+    {
+      ref: t,
+      className: d(
+        e({ layout: o, columns: r, gap: i }),
+        a
+      ),
+      ...s,
+      children: l
+    }
+  )
+);
+n.displayName = "DynamicLayout";
+export {
+  n as DynamicLayout,
+  e as dynamicLayoutVariants
+};

package/dist/components/ui/empty-container.d.ts

@@ -0,0 +1,8 @@
+import { EmptyContainerProps, EmptyContainerImageProps, EmptyContainerTitleProps, EmptyContainerDescriptionProps, EmptyContainerActionProps } from './types/empty-container.types';
+import * as React from "react";
+declare const EmptyContainer: React.ForwardRefExoticComponent<EmptyContainerProps & React.RefAttributes<HTMLDivElement>>;
+declare const EmptyContainerImage: React.ForwardRefExoticComponent<EmptyContainerImageProps & React.RefAttributes<HTMLDivElement>>;
+declare const EmptyContainerTitle: React.ForwardRefExoticComponent<EmptyContainerTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+declare const EmptyContainerDescription: React.ForwardRefExoticComponent<EmptyContainerDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+declare const EmptyContainerAction: React.ForwardRefExoticComponent<EmptyContainerActionProps & React.RefAttributes<HTMLDivElement>>;
+export { EmptyContainer, EmptyContainerImage, EmptyContainerTitle, EmptyContainerDescription, EmptyContainerAction, };

package/dist/components/ui/empty-container.js

@@ -0,0 +1,108 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as r from "react";
+import { cn as i } from "../../lib/utils.js";
+import { EmptyState1 as E, EmptyState2 as C, EmptyState3 as w, EmptyState4 as b, EmptyState5 as N, EmptyState6 as I } from "../../icons/index.js";
+const l = [
+  { Component: E, width: 225, height: 150 },
+  { Component: C, width: 200, height: 200 },
+  { Component: w, width: 225, height: 150 },
+  { Component: b, width: 250, height: 180 },
+  { Component: N, width: 225, height: 150 },
+  { Component: I, width: 225, height: 150 }
+], S = r.forwardRef(
+  ({ className: a, children: t, ...e }, n) => /* @__PURE__ */ o(
+    "div",
+    {
+      ref: n,
+      className: i(
+        "flex flex-col items-center justify-center py-10 px-5 text-center animate-in fade-in zoom-in duration-300 border border-border-subtle rounded-xl bg-card w-[884px] min-w-[884px] h-auto",
+        a
+      ),
+      ...e,
+      children: /* @__PURE__ */ o("div", { className: "flex flex-col items-center max-w-[650px] gap-4", children: t })
+    }
+  )
+);
+S.displayName = "EmptyContainer";
+const R = r.forwardRef(
+  ({ className: a, children: t, width: e, height: n, ...d }, p) => {
+    const [m, c] = r.useState(
+      null
+    );
+    r.useEffect(() => {
+      if (!t) {
+        const s = Math.floor(Math.random() * l.length);
+        c(s);
+      }
+    }, [t]);
+    const h = () => {
+      if (t) return t;
+      if (m !== null) {
+        const { Component: s, width: g, height: x } = l[m];
+        return /* @__PURE__ */ o(
+          s,
+          {
+            size: "100%",
+            style: {
+              width: e || g,
+              height: n || x
+            }
+          }
+        );
+      }
+      return null;
+    }, f = m !== null ? l[m] : null, u = e || (t ? "auto" : f?.width || 225), y = n || (t ? "auto" : f?.height || 150);
+    return /* @__PURE__ */ o(
+      "div",
+      {
+        ref: p,
+        className: i(
+          "mb-4 flex items-center justify-center relative",
+          "after:absolute after:inset-0 after:bg-primary/5 after:blur-3xl after:-z-10 after:rounded-full",
+          a
+        ),
+        style: {
+          width: u,
+          height: y,
+          ...d.style
+        },
+        ...d,
+        children: h()
+      }
+    );
+  }
+);
+R.displayName = "EmptyContainerImage";
+const v = r.forwardRef(
+  ({ className: a, children: t, ...e }, n) => /* @__PURE__ */ o(
+    "h3",
+    {
+      ref: n,
+      className: i("text-xl font-bold tracking-tight text-foreground", a),
+      ...e,
+      children: t
+    }
+  )
+);
+v.displayName = "EmptyContainerTitle";
+const T = r.forwardRef(({ className: a, children: t, ...e }, n) => /* @__PURE__ */ o(
+  "p",
+  {
+    ref: n,
+    className: i("text-base font-medium text-secondary-foreground leading-relaxed", a),
+    ...e,
+    children: t
+  }
+));
+T.displayName = "EmptyContainerDescription";
+const j = r.forwardRef(
+  ({ className: a, children: t, ...e }, n) => /* @__PURE__ */ o("div", { ref: n, className: i("mt-6 flex flex-wrap items-center justify-center gap-3", a), ...e, children: t })
+);
+j.displayName = "EmptyContainerAction";
+export {
+  S as EmptyContainer,
+  j as EmptyContainerAction,
+  T as EmptyContainerDescription,
+  R as EmptyContainerImage,
+  v as EmptyContainerTitle
+};

package/dist/components/ui/file-upload.d.ts

@@ -0,0 +1,12 @@
+import { FileUploadProps, FileUploadDropZoneProps, FileUploadItemProps } from './types/file-upload.types';
+import * as React from "react";
+declare const FileUpload: React.ForwardRefExoticComponent<FileUploadProps & React.RefAttributes<HTMLDivElement>>;
+declare const FileUploadContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const FileUploadHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const FileUploadTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const FileUploadDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FileUploadDropZone: React.ForwardRefExoticComponent<FileUploadDropZoneProps & React.RefAttributes<HTMLDivElement>>;
+declare const FileUploadList: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const FileUploadItem: React.ForwardRefExoticComponent<FileUploadItemProps & React.RefAttributes<HTMLDivElement>>;
+declare const FileUploadFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { FileUpload, FileUploadContent, FileUploadHeader, FileUploadTitle, FileUploadDescription, FileUploadDropZone, FileUploadList, FileUploadItem, FileUploadFooter, };