@epicbagel/saas-kit 0.0.0-stage → 1.0.0

package/dist/primitives/field.d.cts

@@ -0,0 +1,43 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { Label } from './label.cjs';
+import '@radix-ui/react-label';
+
+declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): react_jsx_runtime.JSX.Element;
+declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+}): react_jsx_runtime.JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): react_jsx_runtime.JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): react_jsx_runtime.JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
+declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
+    children?: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): react_jsx_runtime.JSX.Element | null;
+interface FormFieldProps extends React.HTMLAttributes<HTMLDivElement> {
+    label?: React.ReactNode;
+    htmlFor?: string;
+    actions?: React.ReactNode;
+    description?: React.ReactNode;
+}
+/** Legacy standalone form-field stack. Prefer the shadcn Field composition. */
+declare function FormField({ label, htmlFor, actions, description, children, className, ...props }: FormFieldProps): react_jsx_runtime.JSX.Element;
+interface FieldGridProps extends React.HTMLAttributes<HTMLDivElement> {
+    columns?: 1 | 2 | 3;
+    gap?: "default" | "lg";
+}
+declare function FieldGrid({ columns, gap, className, ...props }: FieldGridProps): react_jsx_runtime.JSX.Element;
+
+export { Field, FieldContent, FieldDescription, FieldError, FieldGrid, type FieldGridProps, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FormField, type FormFieldProps };

package/dist/primitives/field.d.ts

@@ -0,0 +1,43 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { Label } from './label.js';
+import '@radix-ui/react-label';
+
+declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): react_jsx_runtime.JSX.Element;
+declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+}): react_jsx_runtime.JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): react_jsx_runtime.JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): react_jsx_runtime.JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
+declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
+    children?: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): react_jsx_runtime.JSX.Element | null;
+interface FormFieldProps extends React.HTMLAttributes<HTMLDivElement> {
+    label?: React.ReactNode;
+    htmlFor?: string;
+    actions?: React.ReactNode;
+    description?: React.ReactNode;
+}
+/** Legacy standalone form-field stack. Prefer the shadcn Field composition. */
+declare function FormField({ label, htmlFor, actions, description, children, className, ...props }: FormFieldProps): react_jsx_runtime.JSX.Element;
+interface FieldGridProps extends React.HTMLAttributes<HTMLDivElement> {
+    columns?: 1 | 2 | 3;
+    gap?: "default" | "lg";
+}
+declare function FieldGrid({ columns, gap, className, ...props }: FieldGridProps): react_jsx_runtime.JSX.Element;
+
+export { Field, FieldContent, FieldDescription, FieldError, FieldGrid, type FieldGridProps, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FormField, type FormFieldProps };

package/dist/primitives/field.js

@@ -0,0 +1,260 @@
+"use client";
+"use client";
+import {
+  Separator
+} from "../chunk-HYTILYE5.js";
+import {
+  Label
+} from "../chunk-E2TQMDO7.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/field.tsx
+import { useMemo } from "react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+function FieldSet({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "fieldset",
+    {
+      "data-slot": "field-set",
+      className: cn(
+        "flex flex-col gap-6",
+        "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldLegend({
+  className,
+  variant = "legend",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "legend",
+    {
+      "data-slot": "field-legend",
+      "data-variant": variant,
+      className: cn(
+        "mb-3 font-medium",
+        "data-[variant=legend]:text-base",
+        "data-[variant=label]:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "field-group",
+      className: cn(
+        "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",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var fieldVariants = cva(
+  "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 @md/field-group:flex-row @md/field-group:items-center [&>*]:w-full @md/field-group:[&>*]:w-auto [&>.sr-only]: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 Field({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "data-slot": "field",
+      "data-orientation": orientation,
+      className: cn(fieldVariants({ orientation }), className),
+      ...props
+    }
+  );
+}
+function FieldContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "field-content",
+      className: cn(
+        "group/field-content flex flex-1 flex-col gap-1.5 leading-snug",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Label,
+    {
+      "data-slot": "field-label",
+      className: cn(
+        "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]:border-primary has-data-[state=checked]:bg-primary/5 dark:has-data-[state=checked]:bg-primary/10",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "field-label",
+      className: cn(
+        "flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      "data-slot": "field-description",
+      className: cn(
+        "text-sm leading-normal font-normal text-muted-foreground group-has-[[data-orientation=horizontal]]/field:text-balance",
+        "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5",
+        "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldSeparator({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "field-separator",
+      "data-content": !!children,
+      className: cn(
+        "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(Separator, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
+            "data-slot": "field-separator-content",
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+function FieldError({
+  className,
+  children,
+  errors,
+  ...props
+}) {
+  const content = useMemo(() => {
+    if (children) return children;
+    if (!errors?.length) return null;
+    const uniqueErrors = [
+      ...new Map(errors.map((error) => [error?.message, error])).values()
+    ];
+    if (uniqueErrors.length === 1) return uniqueErrors[0]?.message;
+    return /* @__PURE__ */ jsx("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
+      (error, index) => error?.message && /* @__PURE__ */ jsx("li", { children: error.message }, index)
+    ) });
+  }, [children, errors]);
+  if (!content) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "alert",
+      "data-slot": "field-error",
+      className: cn("text-sm font-normal text-destructive", className),
+      ...props,
+      children: content
+    }
+  );
+}
+function FormField({
+  label,
+  htmlFor,
+  actions,
+  description,
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-1.5", className), ...props, children: [
+    (label || actions) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+      typeof label === "string" ? /* @__PURE__ */ jsx(Label, { htmlFor, children: label }) : label,
+      actions && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: actions })
+    ] }),
+    children,
+    description && /* @__PURE__ */ jsx("p", { className: "text-sm leading-relaxed text-muted-foreground", children: description })
+  ] });
+}
+var columnStyles = {
+  1: "grid-cols-1",
+  2: "grid-cols-1 sm:grid-cols-2",
+  3: "grid-cols-1 sm:grid-cols-3"
+};
+function FieldGrid({ columns = 2, gap = "default", className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("grid", gap === "default" ? "gap-4" : "gap-8", columnStyles[columns], className),
+      ...props
+    }
+  );
+}
+export {
+  Field,
+  FieldContent,
+  FieldDescription,
+  FieldError,
+  FieldGrid,
+  FieldGroup,
+  FieldLabel,
+  FieldLegend,
+  FieldSeparator,
+  FieldSet,
+  FieldTitle,
+  FormField
+};

package/dist/primitives/file-dropzone.cjs

@@ -0,0 +1,118 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+"use client";
+
+
+var _chunk373W6VADcjs = require('../chunk-373W6VAD.cjs');
+
+
+
+
+var _chunkU2NES7VRcjs = require('../chunk-U2NES7VR.cjs');
+
+
+var _chunkL4DH72UFcjs = require('../chunk-L4DH72UF.cjs');
+
+
+var _chunkKWLSBTB2cjs = require('../chunk-KWLSBTB2.cjs');
+
+// src/primitives/file-dropzone.tsx
+var _lucidereact = require('lucide-react');
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function FileDropzone({
+  onFile,
+  onFiles,
+  multiple = false,
+  accept,
+  disabled = false,
+  busy: externalBusy = false,
+  label = "Drop a file, or choose one",
+  description,
+  busyLabel = "Reading file\u2026",
+  icon,
+  variant = "dropzone",
+  className
+}) {
+  const inputRef = _react.useRef.call(void 0, null);
+  const [dragging, setDragging] = _react.useState.call(void 0, false);
+  const [internalBusy, setInternalBusy] = _react.useState.call(void 0, false);
+  const busy = externalBusy || internalBusy;
+  async function select(files) {
+    if (files.length === 0 || disabled || busy) return;
+    setInternalBusy(true);
+    try {
+      if (multiple) {
+        await _optionalChain([onFiles, 'optionalCall', _ => _(files)]);
+      } else {
+        const first = files[0];
+        if (first) await _optionalChain([onFile, 'optionalCall', _2 => _2(first)]);
+      }
+    } finally {
+      setInternalBusy(false);
+      if (inputRef.current) inputRef.current.value = "";
+    }
+  }
+  function onDrop(event) {
+    event.preventDefault();
+    setDragging(false);
+    void select(Array.from(_nullishCoalesce(event.dataTransfer.files, () => ( []))));
+  }
+  const trigger = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _chunkL4DH72UFcjs.Button,
+    {
+      type: "button",
+      "data-file-dropzone": "true",
+      variant: "outline",
+      size: variant === "icon" ? "icon" : "default",
+      "aria-label": variant === "icon" ? String(busy ? busyLabel : label) : void 0,
+      disabled: disabled || busy,
+      onClick: () => _optionalChain([inputRef, 'access', _3 => _3.current, 'optionalAccess', _4 => _4.click, 'call', _5 => _5()]),
+      onDragEnter: (event) => {
+        event.preventDefault();
+        setDragging(true);
+      },
+      onDragOver: (event) => {
+        event.preventDefault();
+        setDragging(true);
+      },
+      onDragLeave: () => setDragging(false),
+      onDrop,
+      className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+        variant === "dropzone" ? "h-auto w-full flex-col whitespace-normal border-2 border-dashed px-6 py-8 text-center" : variant === "button" ? "w-fit" : "",
+        dragging && "border-primary bg-primary/5",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkKWLSBTB2cjs.cn.call(void 0, 
+          "flex items-center justify-center text-muted-foreground",
+          variant === "dropzone" && "mb-2 h-10 w-10 rounded-full bg-muted"
+        ), children: busy ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Loader2, { className: "h-5 w-5 animate-spin" }) : _nullishCoalesce(icon, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.FileUp, { className: "h-5 w-5" }))) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: variant === "icon" ? "sr-only" : "font-medium", children: busy ? busyLabel : label }),
+        description && variant === "dropzone" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk373W6VADcjs.Text, { variant: "muted", className: "mt-1 max-w-md text-xs", children: description })
+      ]
+    }
+  );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "input",
+      {
+        ref: inputRef,
+        type: "file",
+        accept,
+        multiple,
+        disabled: disabled || busy,
+        onChange: (event) => void select(Array.from(_nullishCoalesce(event.target.files, () => ( [])))),
+        className: "sr-only",
+        tabIndex: -1,
+        "aria-hidden": "true"
+      }
+    ),
+    variant === "icon" && description ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkU2NES7VRcjs.Tooltip, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU2NES7VRcjs.TooltipTrigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU2NES7VRcjs.TooltipContent, { children: description })
+    ] }) : trigger
+  ] });
+}
+
+
+exports.FileDropzone = FileDropzone;

package/dist/primitives/file-dropzone.d.cts

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface FileDropzoneBaseProps {
+    accept?: string;
+    disabled?: boolean;
+    busy?: boolean;
+    label?: ReactNode;
+    description?: ReactNode;
+    busyLabel?: ReactNode;
+    icon?: ReactNode;
+    /** Full drag target by default; `button` keeps the same acquisition logic in a compact action. */
+    variant?: "dropzone" | "button" | "icon";
+    className?: string;
+}
+type SingleFileDropzoneProps = FileDropzoneBaseProps & {
+    multiple?: false;
+    onFile: (file: File) => void | Promise<void>;
+    onFiles?: never;
+};
+type MultiFileDropzoneProps = FileDropzoneBaseProps & {
+    multiple: true;
+    onFiles: (files: File[]) => void | Promise<void>;
+    onFile?: never;
+};
+type FileDropzoneProps = SingleFileDropzoneProps | MultiFileDropzoneProps;
+/**
+ * Generic single-file picker with click and drag-and-drop acquisition.
+ *
+ * The primitive owns the hidden native input, focus state, drag state and
+ * async busy state. It deliberately does not parse, upload or validate file
+ * contents; those remain consumer concerns.
+ */
+declare function FileDropzone({ onFile, onFiles, multiple, accept, disabled, busy: externalBusy, label, description, busyLabel, icon, variant, className, }: FileDropzoneProps): react_jsx_runtime.JSX.Element;
+
+export { FileDropzone, type FileDropzoneProps };

package/dist/primitives/file-dropzone.d.ts

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface FileDropzoneBaseProps {
+    accept?: string;
+    disabled?: boolean;
+    busy?: boolean;
+    label?: ReactNode;
+    description?: ReactNode;
+    busyLabel?: ReactNode;
+    icon?: ReactNode;
+    /** Full drag target by default; `button` keeps the same acquisition logic in a compact action. */
+    variant?: "dropzone" | "button" | "icon";
+    className?: string;
+}
+type SingleFileDropzoneProps = FileDropzoneBaseProps & {
+    multiple?: false;
+    onFile: (file: File) => void | Promise<void>;
+    onFiles?: never;
+};
+type MultiFileDropzoneProps = FileDropzoneBaseProps & {
+    multiple: true;
+    onFiles: (files: File[]) => void | Promise<void>;
+    onFile?: never;
+};
+type FileDropzoneProps = SingleFileDropzoneProps | MultiFileDropzoneProps;
+/**
+ * Generic single-file picker with click and drag-and-drop acquisition.
+ *
+ * The primitive owns the hidden native input, focus state, drag state and
+ * async busy state. It deliberately does not parse, upload or validate file
+ * contents; those remain consumer concerns.
+ */
+declare function FileDropzone({ onFile, onFiles, multiple, accept, disabled, busy: externalBusy, label, description, busyLabel, icon, variant, className, }: FileDropzoneProps): react_jsx_runtime.JSX.Element;
+
+export { FileDropzone, type FileDropzoneProps };

package/dist/primitives/file-dropzone.js

@@ -0,0 +1,118 @@
+"use client";
+"use client";
+import {
+  Text
+} from "../chunk-EIY5LLSP.js";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger
+} from "../chunk-ZRLUUZHK.js";
+import {
+  Button
+} from "../chunk-HQRWRRZJ.js";
+import {
+  cn
+} from "../chunk-G6SRSWXB.js";
+
+// src/primitives/file-dropzone.tsx
+import { FileUp, Loader2 } from "lucide-react";
+import { useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function FileDropzone({
+  onFile,
+  onFiles,
+  multiple = false,
+  accept,
+  disabled = false,
+  busy: externalBusy = false,
+  label = "Drop a file, or choose one",
+  description,
+  busyLabel = "Reading file\u2026",
+  icon,
+  variant = "dropzone",
+  className
+}) {
+  const inputRef = useRef(null);
+  const [dragging, setDragging] = useState(false);
+  const [internalBusy, setInternalBusy] = useState(false);
+  const busy = externalBusy || internalBusy;
+  async function select(files) {
+    if (files.length === 0 || disabled || busy) return;
+    setInternalBusy(true);
+    try {
+      if (multiple) {
+        await onFiles?.(files);
+      } else {
+        const first = files[0];
+        if (first) await onFile?.(first);
+      }
+    } finally {
+      setInternalBusy(false);
+      if (inputRef.current) inputRef.current.value = "";
+    }
+  }
+  function onDrop(event) {
+    event.preventDefault();
+    setDragging(false);
+    void select(Array.from(event.dataTransfer.files ?? []));
+  }
+  const trigger = /* @__PURE__ */ jsxs(
+    Button,
+    {
+      type: "button",
+      "data-file-dropzone": "true",
+      variant: "outline",
+      size: variant === "icon" ? "icon" : "default",
+      "aria-label": variant === "icon" ? String(busy ? busyLabel : label) : void 0,
+      disabled: disabled || busy,
+      onClick: () => inputRef.current?.click(),
+      onDragEnter: (event) => {
+        event.preventDefault();
+        setDragging(true);
+      },
+      onDragOver: (event) => {
+        event.preventDefault();
+        setDragging(true);
+      },
+      onDragLeave: () => setDragging(false),
+      onDrop,
+      className: cn(
+        variant === "dropzone" ? "h-auto w-full flex-col whitespace-normal border-2 border-dashed px-6 py-8 text-center" : variant === "button" ? "w-fit" : "",
+        dragging && "border-primary bg-primary/5",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: cn(
+          "flex items-center justify-center text-muted-foreground",
+          variant === "dropzone" && "mb-2 h-10 w-10 rounded-full bg-muted"
+        ), children: busy ? /* @__PURE__ */ jsx(Loader2, { className: "h-5 w-5 animate-spin" }) : icon ?? /* @__PURE__ */ jsx(FileUp, { className: "h-5 w-5" }) }),
+        /* @__PURE__ */ jsx("span", { className: variant === "icon" ? "sr-only" : "font-medium", children: busy ? busyLabel : label }),
+        description && variant === "dropzone" && /* @__PURE__ */ jsx(Text, { variant: "muted", className: "mt-1 max-w-md text-xs", children: description })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: inputRef,
+        type: "file",
+        accept,
+        multiple,
+        disabled: disabled || busy,
+        onChange: (event) => void select(Array.from(event.target.files ?? [])),
+        className: "sr-only",
+        tabIndex: -1,
+        "aria-hidden": "true"
+      }
+    ),
+    variant === "icon" && description ? /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: trigger }),
+      /* @__PURE__ */ jsx(TooltipContent, { children: description })
+    ] }) : trigger
+  ] });
+}
+export {
+  FileDropzone
+};

package/dist/primitives/filter-bar.cjs

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use client";
+
+
+var _chunkSGW4FWBXcjs = require('../chunk-SGW4FWBX.cjs');
+require('../chunk-PPX2VPGI.cjs');
+require('../chunk-WNXVGUBF.cjs');
+require('../chunk-IQZLUT2Y.cjs');
+require('../chunk-R5L4CM6V.cjs');
+require('../chunk-JH4GAGOQ.cjs');
+require('../chunk-V5SPFLKW.cjs');
+require('../chunk-PQUSJEXL.cjs');
+require('../chunk-VGTINL5Q.cjs');
+require('../chunk-I6GUOEBO.cjs');
+require('../chunk-L4DH72UF.cjs');
+require('../chunk-R35FT53G.cjs');
+require('../chunk-KWLSBTB2.cjs');
+
+
+exports.FilterBar = _chunkSGW4FWBXcjs.FilterBar;