@inspirecn/react 1.0.0

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

@@ -0,0 +1,282 @@
+import * as r from "@radix-ui/react-dropdown-menu";
+import { ChevronDown as m, CheckIcon as f, X as x, CircleIcon as g, ChevronRightIcon as h } from "lucide-react";
+import { cn as a } from "@inspirecn/ui/lib/utils";
+import { jsxs as i, jsx as e, Fragment as b } from "react/jsx-runtime";
+function D({
+  ...t
+}) {
+  return /* @__PURE__ */ e(r.Root, {
+    "data-slot": "dropdown-menu",
+    ...t
+  });
+}
+function z({
+  ...t
+}) {
+  return /* @__PURE__ */ e(r.Portal, {
+    "data-slot": "dropdown-menu-portal",
+    ...t
+  });
+}
+function M({
+  label: t = "Filter",
+  number: n,
+  status: o,
+  showNumber: s = !0,
+  showStatus: d = !0
+}) {
+  return /* @__PURE__ */ i("div", {
+    className: "group flex items-center gap-2",
+    children: [/* @__PURE__ */ e("span", {
+      className: "text-text-tertiary group-hover:text-text-primary text-heading-xs group-data-[state=open]:text-text-primary! group-focus:text-text-primary!",
+      children: t
+    }), s && n !== void 0 && /* @__PURE__ */ e("span", {
+      className: "bg-surface-tertiary text-text-xxs text-text-primary group-data-[state=open]:text-text-tertiary! group-focus:text-text-tertiary! group-hover:text-text-tertiary flex h-4 w-4 items-center justify-center rounded-full font-normal",
+      children: n
+    }), d && o && /* @__PURE__ */ e("span", {
+      className: "text-text-primary group-hover:text-text-brand text-heading-xs group-data-[state=open]:text-text-brand! group-focus:text-text-brand! ml-1 font-normal",
+      children: o
+    }), /* @__PURE__ */ e(m, {
+      className: "text-text-primary group-hover:text-text-brand group-data-[state=open]:text-text-brand! h-4 w-4 transition-transform duration-300 group-data-[state=open]:rotate-180"
+    })]
+  });
+}
+function k({
+  className: t,
+  children: n,
+  ...o
+}) {
+  return /* @__PURE__ */ e(r.Trigger, {
+    "data-slot": "dropdown-menu-trigger",
+    className: a("group outline  outline-border-primary text-heading-xs flex h-8 w-fit cursor-pointer items-center gap-2 rounded-md px-4 py-2 font-normal transition-all select-none", "hover:bg-hover-secondary focus:outline-focused", "data-[state=open]:outline-focused data-[state=open]:bg-transparent", "data-[state=open]:hover:bg-hover-secondary!", "h-8 [&>svg]:transition-transform [&>svg]:duration-300 data-[state=open]:[&>svg]:rotate-180", t),
+    ...o,
+    children: n
+  });
+}
+function I({
+  className: t,
+  sideOffset: n = 4,
+  ...o
+}) {
+  return /* @__PURE__ */ e(r.Portal, {
+    children: /* @__PURE__ */ e(r.Content, {
+      "data-slot": "dropdown-menu-content",
+      sideOffset: n,
+      className: a(
+        // 'w-(--radix-dropdown-menu-trigger-width)',
+        // min-w-[var(--radix-dropdown-menu-trigger-width)],
+        "bg-surface-tertiary! codebox-scroll text-text-secondary 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 border-border-white z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md m-0!",
+        t
+      ),
+      ...o
+    })
+  });
+}
+function C({
+  ...t
+}) {
+  return /* @__PURE__ */ e(r.Group, {
+    "data-slot": "dropdown-menu-group",
+    ...t,
+    className: "flex flex-col gap-0.5"
+  });
+}
+function w({
+  className: t,
+  inset: n,
+  variant: o = "default",
+  showDot: s = !0,
+  leftIcon: d,
+  rightIcon: l,
+  selected: c = !1,
+  children: u,
+  ...p
+}) {
+  return /* @__PURE__ */ e(r.Item, {
+    "data-slot": "dropdown-menu-item",
+    "data-inset": n,
+    "data-variant": o,
+    "data-selected": c,
+    className: a("flex flex-row items-start p-2 gap-6", "h-8 w-full rounded-sm", "cursor-pointer outline-none select-none transition-colors", "hover:bg-hover-secondary! hover:text-text-brand focus:bg-hover-secondary!", "data-[selected=true]:bg-hover-secondary!", "data-[variant=destructive]:text-delete data-[variant=destructive]:focus:bg-delete/10 data-disabled:pointer-events-none data-disabled:opacity-50", t),
+    ...p,
+    children: /* @__PURE__ */ i("div", {
+      className: "flex flex-row items-start gap-2 flex-1 h-4",
+      children: [d && /* @__PURE__ */ e("div", {
+        className: "flex items-center justify-center w-4 h-4 shrink-0",
+        children: d
+      }), /* @__PURE__ */ i("div", {
+        className: "flex flex-row items-center gap-1 flex-1 h-4",
+        children: [s && !d && /* @__PURE__ */ e("div", {
+          className: "w-1 h-1 rounded-full bg-[#D9D9D9] shrink-0"
+        }), /* @__PURE__ */ e("span", {
+          className: a("flex items-center h-4 flex-1", "text-heading-xs font-normal", c && "text-text-primary!"),
+          children: u
+        })]
+      }), l && /* @__PURE__ */ e("div", {
+        className: "flex items-center justify-center w-4 h-4 shrink-0",
+        children: l
+      })]
+    })
+  });
+}
+function j({
+  className: t,
+  children: n,
+  checked: o,
+  ...s
+}) {
+  return /* @__PURE__ */ i(r.CheckboxItem, {
+    "data-slot": "dropdown-menu-checkbox-item",
+    className: a("focus:bg-accent focus:text-accent-foreground text-heading-xs! relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+    checked: o,
+    ...s,
+    children: [/* @__PURE__ */ e("span", {
+      className: "pointer-events-none absolute left-2 flex size-4 items-center justify-center",
+      children: /* @__PURE__ */ e(r.ItemIndicator, {
+        children: /* @__PURE__ */ e(f, {
+          className: "size-4"
+        })
+      })
+    }), n]
+  });
+}
+function S({
+  ...t
+}) {
+  return /* @__PURE__ */ e(r.RadioGroup, {
+    "data-slot": "dropdown-menu-radio-group",
+    ...t
+  });
+}
+function _({
+  className: t,
+  children: n,
+  ...o
+}) {
+  return /* @__PURE__ */ i(r.RadioItem, {
+    "data-slot": "dropdown-menu-radio-item",
+    className: a("focus:bg-accent focus:text-accent-foreground text-heading-xs! relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+    ...o,
+    children: [/* @__PURE__ */ e("span", {
+      className: "pointer-events-none absolute left-2 flex size-4 items-center justify-center",
+      children: /* @__PURE__ */ e(r.ItemIndicator, {
+        children: /* @__PURE__ */ e(g, {
+          className: "size-2 fill-current"
+        })
+      })
+    }), n]
+  });
+}
+function T({
+  className: t,
+  inset: n,
+  ...o
+}) {
+  return /* @__PURE__ */ e(r.Label, {
+    "data-slot": "dropdown-menu-label",
+    "data-inset": n,
+    className: a("font- text-heading-xs! px-2 py-1.5 data-inset:pl-8", t),
+    ...o
+  });
+}
+function G({
+  className: t,
+  ...n
+}) {
+  return /* @__PURE__ */ e(r.Separator, {
+    "data-slot": "dropdown-menu-separator",
+    className: a("bg-border-primary -mx-1 my-1 h-px", t),
+    ...n
+  });
+}
+function P({
+  className: t,
+  ...n
+}) {
+  return /* @__PURE__ */ e("span", {
+    "data-slot": "dropdown-menu-shortcut",
+    className: a("text-text-tertiary ml-auto text-xs tracking-widest", t),
+    ...n
+  });
+}
+function R({
+  ...t
+}) {
+  return /* @__PURE__ */ e(r.Sub, {
+    "data-slot": "dropdown-menu-sub",
+    ...t
+  });
+}
+function F({
+  className: t,
+  inset: n,
+  children: o,
+  leftIcon: s,
+  rightIcon: d,
+  ...l
+}) {
+  return /* @__PURE__ */ i(r.SubTrigger, {
+    "data-slot": "dropdown-menu-sub-trigger",
+    "data-inset": n,
+    className: a("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground text-heading-xs! flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 outline-hidden select-none data-inset:pl-8", t),
+    ...l,
+    children: [s && /* @__PURE__ */ e("div", {
+      className: "flex size-4 shrink-0 items-center justify-center [&_svg]:size-4",
+      children: s
+    }), /* @__PURE__ */ e("span", {
+      className: "flex-1",
+      children: o
+    }), d && /* @__PURE__ */ e("div", {
+      className: "flex size-4 shrink-0 items-center justify-center [&_svg]:size-4",
+      children: d
+    }), /* @__PURE__ */ e(h, {
+      className: "ml-auto size-4 shrink-0"
+    })]
+  });
+}
+function A({
+  className: t,
+  ...n
+}) {
+  return /* @__PURE__ */ e(r.SubContent, {
+    "data-slot": "dropdown-menu-sub-content",
+    className: a("bg-surface-tertiary! text-text-secondary 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 border-border-white z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", t),
+    ...n
+  });
+}
+function X({
+  className: t,
+  children: n,
+  ...o
+}) {
+  return /* @__PURE__ */ e(b, {
+    children: /* @__PURE__ */ e(w, {
+      className: a("text-heading-xs! group text-text-secondary bg-surface-white! hover:bg-surface-white! group-hover:text-text-brand! cursor-pointer justify-between p-2 font-normal", t),
+      showDot: !1,
+      rightIcon: /* @__PURE__ */ e(x, {
+        className: "icon-icon-primary! group-hover:icon-icon-brand! size-4"
+      }),
+      ...o,
+      children: n || "Clear all"
+    })
+  });
+}
+export {
+  M as DropdownFilterTrigger,
+  D as DropdownMenu,
+  j as DropdownMenuCheckboxItem,
+  X as DropdownMenuClearAll,
+  I as DropdownMenuContent,
+  C as DropdownMenuGroup,
+  w as DropdownMenuItem,
+  T as DropdownMenuLabel,
+  z as DropdownMenuPortal,
+  S as DropdownMenuRadioGroup,
+  _ as DropdownMenuRadioItem,
+  G as DropdownMenuSeparator,
+  P as DropdownMenuShortcut,
+  R as DropdownMenuSub,
+  A as DropdownMenuSubContent,
+  F as DropdownMenuSubTrigger,
+  k as DropdownMenuTrigger
+};

package/dist/components/empty/Empty.d.ts

@@ -0,0 +1,12 @@
+import { type VariantProps } from "class-variance-authority";
+declare function Empty({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare const emptyMediaVariants: (props?: ({
+    variant?: "default" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): import("react/jsx-runtime").JSX.Element;
+declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
+//# sourceMappingURL=Empty.d.ts.map

package/dist/components/empty/Empty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Empty.d.ts","sourceRoot":"","sources":["../../../src/components/empty/Empty.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWlE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWxE;AAED,QAAA,MAAM,kBAAkB;;8EAavB,CAAA;AAED,iBAAS,UAAU,CAAC,EAChB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,2CASvE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQvE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAW3E;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED,OAAO,EACH,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAC7E,CAAA"}

package/dist/components/empty/Empty.js

@@ -0,0 +1,87 @@
+import { cva as i } from "class-variance-authority";
+import { cn as n } from "@inspirecn/ui/lib/utils";
+import { jsx as a } from "react/jsx-runtime";
+function d({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a("div", {
+    "data-slot": "empty",
+    className: n("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12", e),
+    ...t
+  });
+}
+function c({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a("div", {
+    "data-slot": "empty-header",
+    className: n("flex max-w-sm flex-col items-center gap-2 text-center", e),
+    ...t
+  });
+}
+const s = i("flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+  variants: {
+    variant: {
+      default: "bg-transparent",
+      icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function f({
+  className: e,
+  variant: t = "default",
+  ...r
+}) {
+  return /* @__PURE__ */ a("div", {
+    "data-slot": "empty-icon",
+    "data-variant": t,
+    className: n(s({
+      variant: t,
+      className: e
+    })),
+    ...r
+  });
+}
+function u({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a("div", {
+    "data-slot": "empty-title",
+    className: n("text-lg font-medium tracking-tight", e),
+    ...t
+  });
+}
+function p({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a("div", {
+    "data-slot": "empty-description",
+    className: n("text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4", e),
+    ...t
+  });
+}
+function x({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a("div", {
+    "data-slot": "empty-content",
+    className: n("flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance", e),
+    ...t
+  });
+}
+export {
+  d as Empty,
+  x as EmptyContent,
+  p as EmptyDescription,
+  c as EmptyHeader,
+  f as EmptyMedia,
+  u as EmptyTitle
+};

package/dist/components/empty-state/EmptyState.d.ts

@@ -0,0 +1,12 @@
+export type EmptyStateProps = {
+    title?: string;
+    description?: string;
+    icon?: React.ReactElement<{
+        className?: string;
+    }>;
+    className?: string;
+    onAction?: () => void | Promise<void>;
+    actionLabel?: string;
+};
+export declare function EmptyState({ title, description, icon, actionLabel, className, onAction, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/components/empty-state/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/empty-state/EmptyState.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,KAAwB,EACxB,WAAqD,EACrD,IAAI,EACJ,WAAwB,EACxB,SAAS,EACT,QAAQ,GACT,EAAE,eAAe,2CAqBjB"}

package/dist/components/empty-state/EmptyState.js

@@ -0,0 +1,43 @@
+import { Inbox as a } from "lucide-react";
+import { Icon as c } from "../icon/Icon.js";
+import { Button as l } from "../button/Button.js";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+function h({
+  title: d = "No Items Found",
+  description: i = "Get started by adding your first item",
+  icon: m,
+  actionLabel: o = "Add Item",
+  className: n,
+  onAction: t
+}) {
+  const s = m || /* @__PURE__ */ e(a, {});
+  return /* @__PURE__ */ r("div", {
+    className: `border-muted flex flex-col items-center justify-center gap-4 rounded-lg border-2 border-dashed p-8 ${n}`,
+    children: [/* @__PURE__ */ e(c, {
+      icon: s,
+      size: "xl",
+      variant: "info",
+      shape: "lg"
+    }), /* @__PURE__ */ r("div", {
+      className: "text-center",
+      children: [/* @__PURE__ */ e("p", {
+        className: "text-lg font-medium",
+        children: d
+      }), /* @__PURE__ */ e("p", {
+        className: "text-muted-foreground text-sm",
+        children: i
+      })]
+    }), t && /* @__PURE__ */ e("div", {
+      className: "mt-4 flex items-center gap-2",
+      children: /* @__PURE__ */ e(l, {
+        size: "sm",
+        variant: "default",
+        onClick: t,
+        children: o
+      })
+    })]
+  });
+}
+export {
+  h as EmptyState
+};

package/dist/components/field/Field.d.ts

@@ -0,0 +1,25 @@
+import { type VariantProps } from "class-variance-authority";
+import { Label } from "@inspirecn/ui/components/label/Label";
+declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): import("react/jsx-runtime").JSX.Element;
+declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+}): import("react/jsx-runtime").JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): import("react/jsx-runtime").JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): import("react/jsx-runtime").JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): import("react/jsx-runtime").JSX.Element | null;
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };
+//# sourceMappingURL=Field.d.ts.map

package/dist/components/field/Field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/components/field/Field.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,OAAO,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAA;AAI5D,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,2CAY1E;AAED,iBAAS,WAAW,CAAC,EACjB,SAAS,EACT,OAAkB,EAClB,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAAE,2CAcnE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,QAAA,MAAM,aAAa;;8EAsBlB,CAAA;AAED,iBAAS,KAAK,CAAC,EACX,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,2CAUlE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED,iBAAS,UAAU,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,2CAapC;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAa3E;AAED,iBAAS,cAAc,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B,2CAsBA;AAED,iBAAS,UAAU,CAAC,EAChB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACX,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC7B,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC,CAAA;CACnD,kDA0CA;AAED,OAAO,EACH,KAAK,EAAE,YAAY,EAAE,gBAAgB,EACrC,UAAU,EACV,UAAU,EAAE,UAAU,EAAE,WAAW,EACnC,cAAc,EACd,QAAQ,EAAE,UAAU,EACvB,CAAA"}

package/dist/components/field/Field.js

@@ -0,0 +1,164 @@
+import { cva as u } from "class-variance-authority";
+import { useMemo as c } from "react";
+import { Label as m } from "@inspirecn/ui/components/label/Label";
+import { Separator as p } from "@inspirecn/ui/components/separator/Separator";
+import { cn as d } from "@inspirecn/ui/lib/utils";
+import { jsx as a, jsxs as g } from "react/jsx-runtime";
+function F({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a("fieldset", {
+    "data-slot": "field-set",
+    className: d("flex flex-col gap-6", "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", e),
+    ...t
+  });
+}
+function y({
+  className: e,
+  variant: t = "legend",
+  ...l
+}) {
+  return /* @__PURE__ */ a("legend", {
+    "data-slot": "field-legend",
+    "data-variant": t,
+    className: d("mb-3 font-medium", "data-[variant=legend]:text-base", "data-[variant=label]:text-sm", e),
+    ...l
+  });
+}
+function L({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a("div", {
+    "data-slot": "field-group",
+    className: d("group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4", e),
+    ...t
+  });
+}
+const x = u("group/field flex w-full gap-3 data-[invalid=true]:text-destructive", {
+  variants: {
+    orientation: {
+      vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
+      horizontal: ["flex-row items-center", "[&>[data-slot=field-label]]:flex-auto", "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"],
+      responsive: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto", "@md/field-group:[&>[data-slot=field-label]]:flex-auto", "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"]
+    }
+  },
+  defaultVariants: {
+    orientation: "vertical"
+  }
+});
+function S({
+  className: e,
+  orientation: t = "vertical",
+  ...l
+}) {
+  return /* @__PURE__ */ a("div", {
+    role: "group",
+    "data-slot": "field",
+    "data-orientation": t,
+    className: d(x({
+      orientation: t
+    }), e),
+    ...l
+  });
+}
+function j({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a("div", {
+    "data-slot": "field-content",
+    className: d("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", e),
+    ...t
+  });
+}
+function z({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a(m, {
+    "data-slot": "field-label",
+    className: d("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4", "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10", e),
+    ...t
+  });
+}
+function M({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a("div", {
+    "data-slot": "field-label",
+    className: d("flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50", e),
+    ...t
+  });
+}
+function V({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a("p", {
+    "data-slot": "field-description",
+    className: d("text-muted-foreground text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance", "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", e),
+    ...t
+  });
+}
+function C({
+  children: e,
+  className: t,
+  ...l
+}) {
+  return /* @__PURE__ */ g("div", {
+    "data-slot": "field-separator",
+    "data-content": !!e,
+    className: d("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", t),
+    ...l,
+    children: [/* @__PURE__ */ a(p, {
+      className: "absolute inset-0 top-1/2"
+    }), e && /* @__PURE__ */ a("span", {
+      className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2",
+      "data-slot": "field-separator-content",
+      children: e
+    })]
+  });
+}
+function D({
+  className: e,
+  children: t,
+  errors: l,
+  ...r
+}) {
+  const n = c(() => {
+    var s;
+    if (t)
+      return t;
+    if (!(l != null && l.length))
+      return null;
+    const i = [...new Map(l.map((o) => [o == null ? void 0 : o.message, o])).values()];
+    return (i == null ? void 0 : i.length) == 1 ? (s = i[0]) == null ? void 0 : s.message : /* @__PURE__ */ a("ul", {
+      className: "ml-4 flex list-disc flex-col gap-1",
+      children: i.map((o, f) => (o == null ? void 0 : o.message) && /* @__PURE__ */ a("li", {
+        children: o.message
+      }, f))
+    });
+  }, [t, l]);
+  return n ? /* @__PURE__ */ a("div", {
+    role: "alert",
+    "data-slot": "field-error",
+    className: d("text-destructive text-sm font-normal", e),
+    ...r,
+    children: n
+  }) : null;
+}
+export {
+  S as Field,
+  j as FieldContent,
+  V as FieldDescription,
+  D as FieldError,
+  L as FieldGroup,
+  z as FieldLabel,
+  y as FieldLegend,
+  C as FieldSeparator,
+  F as FieldSet,
+  M as FieldTitle
+};

package/dist/components/file-uploader/FileUploader.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { FileUploaderProps } from './types';
+/**
+ * A provider-agnostic file uploader component that handles file selection, preview, and validation.
+ * The actual upload logic is handled by the consumer through the onUpload callback.
+ *
+ * @param config - Configuration for the file uploader
+ * @param onUpload - Callback function that receives the files to upload
+ * @param onFilesChange - Callback function that receives the current files when they change
+ * @param disabled - Whether the uploader is disabled
+ * @param className - Additional CSS classes
+ *
+ * @example
+ * ```tsx
+ * <FileUploader
+ *   config={{
+ *     maxFiles: 4,
+ *     maxSize: 1000000,
+ *     resourceType: 'IMAGE'
+ *   }}
+ *   onUpload={async (files) => {
+ *     // Upload to your preferred provider (Supabase, S3, Bunny.net, etc.)
+ *     const uploadPromises = files.map(file => uploadToProvider(file.file));
+ *     await Promise.all(uploadPromises);
+ *   }}
+ *   onFilesChange={(files) => {
+ *     console.log('Files changed:', files);
+ *   }}
+ * />
+ * ```
+ */
+export declare const FileUploader: React.FC<Omit<FileUploaderProps, 'mode'>>;
+export type { FileConfiguration, FileUploaderProps, ResourceType, UploadedFile } from './types';
+//# sourceMappingURL=FileUploader.d.ts.map