acai-ui-library 0.1.11

package/dist/components/dropdown-menu.js

@@ -0,0 +1,146 @@
+// src/components/dropdown-menu.tsx
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { Check, ChevronRight, Circle } from "lucide-react";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/dropdown-menu.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive.Group;
+var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+var DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center rounded-[6px] px-[12px] py-[6px] text-[14px] leading-[20px] font-normal text-[var(--hc-grey-700)] outline-none focus:bg-[var(--hc-primary-100)] data-[state=open]:bg-[var(--hc-primary-100)]",
+      inset && "ps-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronRight, { className: "ms-auto h-4 w-4" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-[6px] border border-[var(--hc-color-border-subtle)] bg-popover p-1 text-popover-foreground shadow-sm 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",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-[6px] border border-[var(--hc-color-border-subtle)] bg-popover p-1 text-popover-foreground shadow-sm 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",
+      className
+    ),
+    ...props
+  }
+) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-[6px] px-[12px] py-[6px] text-[14px] leading-[20px] font-normal text-[var(--hc-grey-700)] outline-none transition-colors focus:bg-[var(--hc-primary-100)] data-[highlighted]:bg-[var(--hc-primary-600)] data-[highlighted]:text-white data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "ps-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-sm outline-none transition-colors focus:bg-muted focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute start-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-sm outline-none transition-colors focus:bg-muted focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute start-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: cn("px-[12px] py-[6px] text-[14px] font-semibold", inset && "ps-8", className),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-[var(--hc-color-border-subtle)]", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { className: cn("ms-auto text-xs tracking-widest opacity-60", className), ...props });
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+export {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger
+};
+//# sourceMappingURL=dropdown-menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/dropdown-menu.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { Check, ChevronRight, Circle } from \"lucide-react\"\nimport { cn } from \"../lib/utils\"\n\nconst DropdownMenu = DropdownMenuPrimitive.Root\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & { inset?: boolean }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      \"flex cursor-default select-none items-center rounded-[6px] px-[12px] py-[6px] text-[14px] leading-[20px] font-normal text-[var(--hc-grey-700)] outline-none focus:bg-[var(--hc-primary-100)] data-[state=open]:bg-[var(--hc-primary-100)]\",\n      inset && \"ps-8\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"ms-auto h-4 w-4\" />\n  </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      \"z-50 min-w-[8rem] overflow-hidden rounded-[6px] border border-[var(--hc-color-border-subtle)] bg-popover p-1 text-popover-foreground shadow-sm 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\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 min-w-[8rem] overflow-hidden rounded-[6px] border border-[var(--hc-color-border-subtle)] bg-popover p-1 text-popover-foreground shadow-sm 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\",\n        className\n      )}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & { inset?: boolean }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-[6px] px-[12px] py-[6px] text-[14px] leading-[20px] font-normal text-[var(--hc-grey-700)] outline-none transition-colors focus:bg-[var(--hc-primary-100)] data-[highlighted]:bg-[var(--hc-primary-600)] data-[highlighted]:text-white data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      inset && \"ps-8\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-sm outline-none transition-colors focus:bg-muted focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute start-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Check className=\"h-4 w-4\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 ps-8 pe-2 text-sm outline-none transition-colors focus:bg-muted focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute start-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Circle className=\"h-2 w-2 fill-current\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & { inset?: boolean }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn(\"px-[12px] py-[6px] text-[14px] font-semibold\", inset && \"ps-8\", className)}\n    {...props}\n  />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-[var(--hc-color-border-subtle)]\", className)}\n    {...props}\n  />\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => (\n  <span className={cn(\"ms-auto text-xs tracking-widest opacity-60\", className)} {...props} />\n)\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\"\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n}\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":"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","names":[]}

package/dist/components/empty-state.cjs

@@ -0,0 +1,94 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/empty-state.tsx
+var empty_state_exports = {};
+__export(empty_state_exports, {
+  EmptyState: () => EmptyState,
+  EmptyStateActions: () => EmptyStateActions,
+  emptyStateVariants: () => emptyStateVariants
+});
+module.exports = __toCommonJS(empty_state_exports);
+var React = __toESM(require("react"), 1);
+var import_class_variance_authority = require("class-variance-authority");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/empty-state.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var emptyStateVariants = (0, import_class_variance_authority.cva)("text-center", {
+  variants: {
+    variant: {
+      muted: "bg-transparent text-muted-foreground p-10",
+      card: "rounded-lg border border-[var(--hc-color-border-subtle)] bg-background p-10",
+      gradient: "rounded-lg bg-gradient-to-br from-[var(--hc-primary-100)] to-background p-10 border border-[var(--hc-primary-200)]"
+    }
+  },
+  defaultVariants: {
+    variant: "muted"
+  }
+});
+var EmptyState = React.forwardRef(
+  ({ className, variant, icon, title, description, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      ref,
+      className: cn(emptyStateVariants({ variant }), className),
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mx-auto mb-4 flex size-14 items-center justify-center rounded-full bg-muted text-muted-foreground [&>svg]:size-6", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "text-lg font-semibold text-foreground", children: title }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-1 text-sm text-muted-foreground max-w-md mx-auto", children: description }),
+        children
+      ]
+    }
+  )
+);
+EmptyState.displayName = "EmptyState";
+var EmptyStateActions = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("mt-6 flex items-center justify-center gap-2 flex-wrap", className),
+    ...props
+  }
+));
+EmptyStateActions.displayName = "EmptyStateActions";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EmptyState,
+  EmptyStateActions,
+  emptyStateVariants
+});
+//# sourceMappingURL=empty-state.cjs.map

package/dist/components/empty-state.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/empty-state.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../lib/utils\"\n\nconst emptyStateVariants = cva(\"text-center\", {\n  variants: {\n    variant: {\n      muted: \"bg-transparent text-muted-foreground p-10\",\n      card: \"rounded-lg border border-[var(--hc-color-border-subtle)] bg-background p-10\",\n      gradient:\n        \"rounded-lg bg-gradient-to-br from-[var(--hc-primary-100)] to-background p-10 border border-[var(--hc-primary-200)]\",\n    },\n  },\n  defaultVariants: {\n    variant: \"muted\",\n  },\n})\n\nexport interface EmptyStateProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof emptyStateVariants> {\n  /** Optional icon rendered in a circular container above the title */\n  icon?: React.ReactNode\n  /** Primary heading */\n  title: string\n  /** Supporting description text */\n  description?: string\n}\n\nconst EmptyState = React.forwardRef<HTMLDivElement, EmptyStateProps>(\n  ({ className, variant, icon, title, description, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(emptyStateVariants({ variant }), className)}\n      {...props}\n    >\n      {icon && (\n        <div className=\"mx-auto mb-4 flex size-14 items-center justify-center rounded-full bg-muted text-muted-foreground [&>svg]:size-6\">\n          {icon}\n        </div>\n      )}\n      <h3 className=\"text-lg font-semibold text-foreground\">{title}</h3>\n      {description && (\n        <p className=\"mt-1 text-sm text-muted-foreground max-w-md mx-auto\">\n          {description}\n        </p>\n      )}\n      {children}\n    </div>\n  )\n)\nEmptyState.displayName = \"EmptyState\"\n\nconst EmptyStateActions = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"mt-6 flex items-center justify-center gap-2 flex-wrap\", className)}\n    {...props}\n  />\n))\nEmptyStateActions.displayName = \"EmptyStateActions\"\n\nexport { EmptyState, EmptyStateActions, emptyStateVariants }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,sCAAuC;;;ACDvC,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;AD0BI;AA3BJ,IAAM,yBAAqB,qCAAI,eAAe;AAAA,EAC5C,UAAU;AAAA,IACR,SAAS;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,UACE;AAAA,IACJ;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AAaD,IAAM,aAAmB;AAAA,EACvB,CAAC,EAAE,WAAW,SAAS,MAAM,OAAO,aAAa,UAAU,GAAG,MAAM,GAAG,QACrE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,mBAAmB,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,MACvD,GAAG;AAAA,MAEH;AAAA,gBACC,4CAAC,SAAI,WAAU,oHACZ,gBACH;AAAA,QAEF,4CAAC,QAAG,WAAU,yCAAyC,iBAAM;AAAA,QAC5D,eACC,4CAAC,OAAE,WAAU,uDACV,uBACH;AAAA,QAED;AAAA;AAAA;AAAA,EACH;AAEJ;AACA,WAAW,cAAc;AAEzB,IAAM,oBAA0B,iBAG9B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,yDAAyD,SAAS;AAAA,IAC/E,GAAG;AAAA;AACN,CACD;AACD,kBAAkB,cAAc;","names":[]}

package/dist/components/empty-state.d.cts

@@ -0,0 +1,19 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const emptyStateVariants: (props?: ({
+    variant?: "muted" | "card" | "gradient" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof emptyStateVariants> {
+    /** Optional icon rendered in a circular container above the title */
+    icon?: React.ReactNode;
+    /** Primary heading */
+    title: string;
+    /** Supporting description text */
+    description?: string;
+}
+declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
+declare const EmptyStateActions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+export { EmptyState, EmptyStateActions, type EmptyStateProps, emptyStateVariants };

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

@@ -0,0 +1,19 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const emptyStateVariants: (props?: ({
+    variant?: "muted" | "card" | "gradient" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof emptyStateVariants> {
+    /** Optional icon rendered in a circular container above the title */
+    icon?: React.ReactNode;
+    /** Primary heading */
+    title: string;
+    /** Supporting description text */
+    description?: string;
+}
+declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
+declare const EmptyStateActions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+export { EmptyState, EmptyStateActions, type EmptyStateProps, emptyStateVariants };

package/dist/components/empty-state.js

@@ -0,0 +1,57 @@
+// src/components/empty-state.tsx
+import * as React from "react";
+import { cva } from "class-variance-authority";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/empty-state.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var emptyStateVariants = cva("text-center", {
+  variants: {
+    variant: {
+      muted: "bg-transparent text-muted-foreground p-10",
+      card: "rounded-lg border border-[var(--hc-color-border-subtle)] bg-background p-10",
+      gradient: "rounded-lg bg-gradient-to-br from-[var(--hc-primary-100)] to-background p-10 border border-[var(--hc-primary-200)]"
+    }
+  },
+  defaultVariants: {
+    variant: "muted"
+  }
+});
+var EmptyState = React.forwardRef(
+  ({ className, variant, icon, title, description, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(emptyStateVariants({ variant }), className),
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ jsx("div", { className: "mx-auto mb-4 flex size-14 items-center justify-center rounded-full bg-muted text-muted-foreground [&>svg]:size-6", children: icon }),
+        /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-foreground", children: title }),
+        description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground max-w-md mx-auto", children: description }),
+        children
+      ]
+    }
+  )
+);
+EmptyState.displayName = "EmptyState";
+var EmptyStateActions = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("mt-6 flex items-center justify-center gap-2 flex-wrap", className),
+    ...props
+  }
+));
+EmptyStateActions.displayName = "EmptyStateActions";
+export {
+  EmptyState,
+  EmptyStateActions,
+  emptyStateVariants
+};
+//# sourceMappingURL=empty-state.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/empty-state.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../lib/utils\"\n\nconst emptyStateVariants = cva(\"text-center\", {\n  variants: {\n    variant: {\n      muted: \"bg-transparent text-muted-foreground p-10\",\n      card: \"rounded-lg border border-[var(--hc-color-border-subtle)] bg-background p-10\",\n      gradient:\n        \"rounded-lg bg-gradient-to-br from-[var(--hc-primary-100)] to-background p-10 border border-[var(--hc-primary-200)]\",\n    },\n  },\n  defaultVariants: {\n    variant: \"muted\",\n  },\n})\n\nexport interface EmptyStateProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof emptyStateVariants> {\n  /** Optional icon rendered in a circular container above the title */\n  icon?: React.ReactNode\n  /** Primary heading */\n  title: string\n  /** Supporting description text */\n  description?: string\n}\n\nconst EmptyState = React.forwardRef<HTMLDivElement, EmptyStateProps>(\n  ({ className, variant, icon, title, description, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(emptyStateVariants({ variant }), className)}\n      {...props}\n    >\n      {icon && (\n        <div className=\"mx-auto mb-4 flex size-14 items-center justify-center rounded-full bg-muted text-muted-foreground [&>svg]:size-6\">\n          {icon}\n        </div>\n      )}\n      <h3 className=\"text-lg font-semibold text-foreground\">{title}</h3>\n      {description && (\n        <p className=\"mt-1 text-sm text-muted-foreground max-w-md mx-auto\">\n          {description}\n        </p>\n      )}\n      {children}\n    </div>\n  )\n)\nEmptyState.displayName = \"EmptyState\"\n\nconst EmptyStateActions = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"mt-6 flex items-center justify-center gap-2 flex-wrap\", className)}\n    {...props}\n  />\n))\nEmptyStateActions.displayName = \"EmptyStateActions\"\n\nexport { EmptyState, EmptyStateActions, emptyStateVariants }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,WAA8B;;;ACDvC,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;AD0BI,SAMI,KANJ;AA3BJ,IAAM,qBAAqB,IAAI,eAAe;AAAA,EAC5C,UAAU;AAAA,IACR,SAAS;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,UACE;AAAA,IACJ;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AAaD,IAAM,aAAmB;AAAA,EACvB,CAAC,EAAE,WAAW,SAAS,MAAM,OAAO,aAAa,UAAU,GAAG,MAAM,GAAG,QACrE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,mBAAmB,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,MACvD,GAAG;AAAA,MAEH;AAAA,gBACC,oBAAC,SAAI,WAAU,oHACZ,gBACH;AAAA,QAEF,oBAAC,QAAG,WAAU,yCAAyC,iBAAM;AAAA,QAC5D,eACC,oBAAC,OAAE,WAAU,uDACV,uBACH;AAAA,QAED;AAAA;AAAA;AAAA,EACH;AAEJ;AACA,WAAW,cAAc;AAEzB,IAAM,oBAA0B,iBAG9B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,yDAAyD,SAAS;AAAA,IAC/E,GAAG;AAAA;AACN,CACD;AACD,kBAAkB,cAAc;","names":[]}

package/dist/components/file-input.cjs

@@ -0,0 +1,135 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/file-input.tsx
+var file_input_exports = {};
+__export(file_input_exports, {
+  FileInput: () => FileInput
+});
+module.exports = __toCommonJS(file_input_exports);
+var React = __toESM(require("react"), 1);
+var import_lucide_react = require("lucide-react");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/file-input.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var FileInput = React.forwardRef(
+  ({ accept, maxSize = 15, onFileSelect, multiple = false, disabled = false, className, ...props }, ref) => {
+    const [isDragOver, setIsDragOver] = React.useState(false);
+    const inputRef = React.useRef(null);
+    const handleDragOver = (e) => {
+      e.preventDefault();
+      if (!disabled) setIsDragOver(true);
+    };
+    const handleDragLeave = () => setIsDragOver(false);
+    const handleDrop = (e) => {
+      e.preventDefault();
+      setIsDragOver(false);
+      if (disabled) return;
+      const files = Array.from(e.dataTransfer.files);
+      onFileSelect?.(files);
+    };
+    const handleClick = () => {
+      if (!disabled) inputRef.current?.click();
+    };
+    const handleKeyDown = (e) => {
+      if (disabled) return;
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        inputRef.current?.click();
+      }
+    };
+    const handleChange = (e) => {
+      const files = Array.from(e.target.files || []);
+      onFileSelect?.(files);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        ref,
+        role: "button",
+        tabIndex: disabled ? -1 : 0,
+        "aria-label": "File upload area",
+        "aria-disabled": disabled || void 0,
+        onDragOver: handleDragOver,
+        onDragLeave: handleDragLeave,
+        onDrop: handleDrop,
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        className: cn(
+          "flex flex-col items-center justify-center gap-[14px] rounded-[6px] bg-white p-[22px] cursor-pointer transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--hc-primary-500)]",
+          isDragOver && "border-2 border-dashed border-[var(--hc-primary-500)] bg-[var(--hc-primary-100)]",
+          !isDragOver && "border-2 border-dashed border-[var(--hc-color-border-subtle)]",
+          disabled && "opacity-50 cursor-not-allowed",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CloudUpload, { className: "size-6 text-[var(--hc-primary-500)]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-[12px] leading-[16px] text-[var(--hc-grey-200)] text-center", children: [
+            "PNG, JPG or PDF, smaller than ",
+            maxSize,
+            "MB"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-[14px] leading-[20px] font-medium text-[var(--hc-grey-300)] text-center", children: [
+            "Drag and Drop your file here or",
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-[var(--hc-primary-500)] hover:underline", children: "Browse file" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              ref: inputRef,
+              type: "file",
+              accept,
+              multiple,
+              onChange: handleChange,
+              className: "hidden",
+              tabIndex: -1,
+              "aria-hidden": "true"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+FileInput.displayName = "FileInput";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FileInput
+});
+//# sourceMappingURL=file-input.cjs.map

package/dist/components/file-input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/file-input.tsx","../../src/lib/utils.ts"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { CloudUpload } from \"lucide-react\"\nimport { cn } from \"../lib/utils\"\n\nexport interface FileInputProps {\n  accept?: string\n  maxSize?: number // MB\n  onFileSelect?: (files: File[]) => void\n  multiple?: boolean\n  disabled?: boolean\n  className?: string\n}\n\nconst FileInput = React.forwardRef<HTMLDivElement, FileInputProps>(\n  ({ accept, maxSize = 15, onFileSelect, multiple = false, disabled = false, className, ...props }, ref) => {\n    const [isDragOver, setIsDragOver] = React.useState(false)\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    const handleDragOver = (e: React.DragEvent) => {\n      e.preventDefault()\n      if (!disabled) setIsDragOver(true)\n    }\n\n    const handleDragLeave = () => setIsDragOver(false)\n\n    const handleDrop = (e: React.DragEvent) => {\n      e.preventDefault()\n      setIsDragOver(false)\n      if (disabled) return\n      const files = Array.from(e.dataTransfer.files)\n      onFileSelect?.(files)\n    }\n\n    const handleClick = () => {\n      if (!disabled) inputRef.current?.click()\n    }\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      if (disabled) return\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault()\n        inputRef.current?.click()\n      }\n    }\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const files = Array.from(e.target.files || [])\n      onFileSelect?.(files)\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"button\"\n        tabIndex={disabled ? -1 : 0}\n        aria-label=\"File upload area\"\n        aria-disabled={disabled || undefined}\n        onDragOver={handleDragOver}\n        onDragLeave={handleDragLeave}\n        onDrop={handleDrop}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        className={cn(\n          \"flex flex-col items-center justify-center gap-[14px] rounded-[6px] bg-white p-[22px] cursor-pointer transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--hc-primary-500)]\",\n          isDragOver && \"border-2 border-dashed border-[var(--hc-primary-500)] bg-[var(--hc-primary-100)]\",\n          !isDragOver && \"border-2 border-dashed border-[var(--hc-color-border-subtle)]\",\n          disabled && \"opacity-50 cursor-not-allowed\",\n          className\n        )}\n        {...props}\n      >\n        <CloudUpload className=\"size-6 text-[var(--hc-primary-500)]\" />\n        <p className=\"text-[12px] leading-[16px] text-[var(--hc-grey-200)] text-center\">\n          PNG, JPG or PDF, smaller than {maxSize}MB\n        </p>\n        <p className=\"text-[14px] leading-[20px] font-medium text-[var(--hc-grey-300)] text-center\">\n          Drag and Drop your file here or{\" \"}\n          <span className=\"text-[var(--hc-primary-500)] hover:underline\">Browse file</span>\n        </p>\n        <input\n          ref={inputRef}\n          type=\"file\"\n          accept={accept}\n          multiple={multiple}\n          onChange={handleChange}\n          className=\"hidden\"\n          tabIndex={-1}\n          aria-hidden=\"true\"\n        />\n      </div>\n    )\n  }\n)\nFileInput.displayName = \"FileInput\"\n\nexport { FileInput }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AACvB,0BAA4B;;;ACH5B,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADoEQ;AA1DR,IAAM,YAAkB;AAAA,EACtB,CAAC,EAAE,QAAQ,UAAU,IAAI,cAAc,WAAW,OAAO,WAAW,OAAO,WAAW,GAAG,MAAM,GAAG,QAAQ;AACxG,UAAM,CAAC,YAAY,aAAa,IAAU,eAAS,KAAK;AACxD,UAAM,WAAiB,aAAyB,IAAI;AAEpD,UAAM,iBAAiB,CAAC,MAAuB;AAC7C,QAAE,eAAe;AACjB,UAAI,CAAC,SAAU,eAAc,IAAI;AAAA,IACnC;AAEA,UAAM,kBAAkB,MAAM,cAAc,KAAK;AAEjD,UAAM,aAAa,CAAC,MAAuB;AACzC,QAAE,eAAe;AACjB,oBAAc,KAAK;AACnB,UAAI,SAAU;AACd,YAAM,QAAQ,MAAM,KAAK,EAAE,aAAa,KAAK;AAC7C,qBAAe,KAAK;AAAA,IACtB;AAEA,UAAM,cAAc,MAAM;AACxB,UAAI,CAAC,SAAU,UAAS,SAAS,MAAM;AAAA,IACzC;AAEA,UAAM,gBAAgB,CAAC,MAA2C;AAChE,UAAI,SAAU;AACd,UAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,UAAE,eAAe;AACjB,iBAAS,SAAS,MAAM;AAAA,MAC1B;AAAA,IACF;AAEA,UAAM,eAAe,CAAC,MAA2C;AAC/D,YAAM,QAAQ,MAAM,KAAK,EAAE,OAAO,SAAS,CAAC,CAAC;AAC7C,qBAAe,KAAK;AAAA,IACtB;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,UAAU,WAAW,KAAK;AAAA,QAC1B,cAAW;AAAA,QACX,iBAAe,YAAY;AAAA,QAC3B,YAAY;AAAA,QACZ,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,UACT;AAAA,UACA,cAAc;AAAA,UACd,CAAC,cAAc;AAAA,UACf,YAAY;AAAA,UACZ;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA,sDAAC,mCAAY,WAAU,uCAAsC;AAAA,UAC7D,6CAAC,OAAE,WAAU,oEAAmE;AAAA;AAAA,YAC/C;AAAA,YAAQ;AAAA,aACzC;AAAA,UACA,6CAAC,OAAE,WAAU,gFAA+E;AAAA;AAAA,YAC1D;AAAA,YAChC,4CAAC,UAAK,WAAU,gDAA+C,yBAAW;AAAA,aAC5E;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,MAAK;AAAA,cACL;AAAA,cACA;AAAA,cACA,UAAU;AAAA,cACV,WAAU;AAAA,cACV,UAAU;AAAA,cACV,eAAY;AAAA;AAAA,UACd;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,UAAU,cAAc;","names":[]}

package/dist/components/file-input.d.cts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+interface FileInputProps {
+    accept?: string;
+    maxSize?: number;
+    onFileSelect?: (files: File[]) => void;
+    multiple?: boolean;
+    disabled?: boolean;
+    className?: string;
+}
+declare const FileInput: React.ForwardRefExoticComponent<FileInputProps & React.RefAttributes<HTMLDivElement>>;
+
+export { FileInput, type FileInputProps };

package/dist/components/file-input.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+interface FileInputProps {
+    accept?: string;
+    maxSize?: number;
+    onFileSelect?: (files: File[]) => void;
+    multiple?: boolean;
+    disabled?: boolean;
+    className?: string;
+}
+declare const FileInput: React.ForwardRefExoticComponent<FileInputProps & React.RefAttributes<HTMLDivElement>>;
+
+export { FileInput, type FileInputProps };