@neynar/ui 0.4.0 → 1.0.0

package/dist/components/ui/empty.js

@@ -0,0 +1,101 @@
+import { jsx } from "react/jsx-runtime";
+import { cva } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cn } from "../../lib/utils.js";
+function Empty({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "empty",
+      className: cn(
+        "gap-4 rounded-lg border-dashed p-12 flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function EmptyHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "empty-header",
+      className: cn("gap-2 flex max-w-sm flex-col items-center", className),
+      ...props
+    }
+  );
+}
+const emptyMediaVariants = cva(
+  "mb-2 flex shrink-0 items-center justify-center [&_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 EmptyMedia({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "empty-icon",
+      "data-variant": variant,
+      className: cn(emptyMediaVariants({ variant, className })),
+      ...props
+    }
+  );
+}
+function EmptyTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "empty-title",
+      className: cn("text-lg font-medium tracking-tight", className),
+      ...props
+    }
+  );
+}
+function EmptyDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "empty-description",
+      className: cn(
+        "text-sm/relaxed text-muted-foreground [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function EmptyContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "empty-content",
+      className: cn(
+        "gap-4 text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Empty,
+  EmptyContent,
+  EmptyDescription,
+  EmptyHeader,
+  EmptyMedia,
+  EmptyTitle,
+  emptyMediaVariants
+};
+//# sourceMappingURL=empty.js.map

package/dist/components/ui/empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","sources":["../../../src/components/ui/empty.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\ntype EmptyProps = React.ComponentProps<\"div\">;\n\n/**\n * Empty state container with centered content layout.\n * Displays messaging and actions when data or content is unavailable.\n */\nfunction Empty({ className, ...props }: EmptyProps) {\n  return (\n    <div\n      data-slot=\"empty\"\n      className={cn(\n        \"gap-4 rounded-lg border-dashed p-12 flex w-full min-w-0 flex-1 flex-col items-center justify-center text-center text-balance\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype EmptyHeaderProps = React.ComponentProps<\"div\">;\n\n/**\n * Container for empty state header content (media, title, description).\n * Centers and vertically stacks its children.\n */\nfunction EmptyHeader({ className, ...props }: EmptyHeaderProps) {\n  return (\n    <div\n      data-slot=\"empty-header\"\n      className={cn(\"gap-2 flex max-w-sm flex-col items-center\", className)}\n      {...props}\n    />\n  );\n}\n\nconst emptyMediaVariants = cva(\n  \"mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\ntype EmptyMediaProps = React.ComponentProps<\"div\"> &\n  VariantProps<typeof emptyMediaVariants>;\n\n/**\n * Media/icon container for empty states.\n * @param variant - \"default\" for transparent background, \"icon\" for muted background with padding\n */\nfunction EmptyMedia({\n  className,\n  variant = \"default\",\n  ...props\n}: EmptyMediaProps) {\n  return (\n    <div\n      data-slot=\"empty-icon\"\n      data-variant={variant}\n      className={cn(emptyMediaVariants({ variant, className }))}\n      {...props}\n    />\n  );\n}\n\ntype EmptyTitleProps = React.ComponentProps<\"div\">;\n\n/**\n * Title for empty state messages. Displays in larger, medium-weight font.\n */\nfunction EmptyTitle({ className, ...props }: EmptyTitleProps) {\n  return (\n    <div\n      data-slot=\"empty-title\"\n      className={cn(\"text-lg font-medium tracking-tight\", className)}\n      {...props}\n    />\n  );\n}\n\ntype EmptyDescriptionProps = React.ComponentProps<\"p\">;\n\n/**\n * Description text for empty states with support for inline links.\n * Links are styled with underlines and hover effects.\n */\nfunction EmptyDescription({ className, ...props }: EmptyDescriptionProps) {\n  return (\n    <div\n      data-slot=\"empty-description\"\n      className={cn(\n        \"text-sm/relaxed text-muted-foreground [&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype EmptyContentProps = React.ComponentProps<\"div\">;\n\n/**\n * Container for empty state actions (buttons, links).\n * Centers and vertically stacks action elements.\n */\nfunction EmptyContent({ className, ...props }: EmptyContentProps) {\n  return (\n    <div\n      data-slot=\"empty-content\"\n      className={cn(\n        \"gap-4 text-sm flex w-full max-w-sm min-w-0 flex-col items-center text-balance\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Empty,\n  EmptyHeader,\n  EmptyTitle,\n  EmptyDescription,\n  EmptyContent,\n  EmptyMedia,\n  emptyMediaVariants,\n  type EmptyProps,\n  type EmptyHeaderProps,\n  type EmptyMediaProps,\n  type EmptyTitleProps,\n  type EmptyDescriptionProps,\n  type EmptyContentProps,\n};\n"],"names":[],"mappings":";;;AAUA,SAAS,MAAM,EAAE,WAAW,GAAG,SAAqB;AAClD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAQA,SAAS,YAAY,EAAE,WAAW,GAAG,SAA2B;AAC9D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,6CAA6C,SAAS;AAAA,MACnE,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAM,qBAAqB;AAAA,EACzB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AASA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAAoB;AAClB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,gBAAc;AAAA,MACd,WAAW,GAAG,mBAAmB,EAAE,SAAS,UAAA,CAAW,CAAC;AAAA,MACvD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAOA,SAAS,WAAW,EAAE,WAAW,GAAG,SAA0B;AAC5D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,sCAAsC,SAAS;AAAA,MAC5D,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAQA,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAgC;AACxE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAQA,SAAS,aAAa,EAAE,WAAW,GAAG,SAA4B;AAChE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

@@ -1,238 +1,78 @@
-import { type VariantProps } from "class-variance-authority";
-import { Label } from "@/components/ui/label";
+import { VariantProps } from 'class-variance-authority';
+import { Label } from './label';
+type FieldSetProps = React.ComponentProps<"fieldset">;
 /**
- * FieldSet - Semantic form control grouping container
- *
- * A container that renders a native HTML `<fieldset>` element with optimized spacing
- * and layout presets. It provides semantic grouping for related form controls, which
- * improves accessibility by allowing assistive technologies to understand the
- * relationship between form fields.
- *
- * The component automatically adjusts gap spacing when containing checkbox or radio
- * groups, providing tighter spacing for these control types.
- *
- * @example
- * Basic fieldset with legend and fields
- * ```tsx
- * <FieldSet>
- *   <FieldLegend>Delivery Information</FieldLegend>
- *   <FieldGroup>
- *     <Field>
- *       <FieldLabel htmlFor="address">Address</FieldLabel>
- *       <Input id="address" />
- *     </Field>
- *   </FieldGroup>
- * </FieldSet>
- * ```
- *
- * @example
- * Fieldset with radio group
- * ```tsx
- * <FieldSet>
- *   <FieldLegend>Shipping Method</FieldLegend>
- *   <FieldGroup data-slot="radio-group">
- *     <Field orientation="horizontal">
- *       <Radio id="standard" />
- *       <FieldLabel htmlFor="standard">Standard</FieldLabel>
- *     </Field>
- *     <Field orientation="horizontal">
- *       <Radio id="express" />
- *       <FieldLabel htmlFor="express">Express</FieldLabel>
- *     </Field>
- *   </FieldGroup>
- * </FieldSet>
- * ```
- *
- * @example
- * Nested fieldsets for complex forms
- * ```tsx
- * <FieldSet>
- *   <FieldLegend>Account Settings</FieldLegend>
- *   <FieldGroup>
- *     <FieldSet>
- *       <FieldLegend variant="label">Profile</FieldLegend>
- *       <FieldGroup>
- *         <Field>
- *           <FieldLabel htmlFor="username">Username</FieldLabel>
- *           <Input id="username" />
- *         </Field>
- *       </FieldGroup>
- *     </FieldSet>
- *   </FieldGroup>
- * </FieldSet>
- * ```
- *
- * @accessibility
- * - Uses semantic `<fieldset>` element for proper form grouping
- * - Automatically associates grouped controls for screen readers
- * - Enables keyboard navigation across related form controls
- * - Works with `<legend>` element (FieldLegend) for accessible group labeling
- * - Supports disabled state propagation to all child controls
- *
- * @see {@link FieldLegend} for fieldset labeling
- * @see {@link FieldGroup} for organizing multiple fields
- * @see {@link Field} for individual form fields
- * @since 1.0.0
+ * Container for grouping related fields, provides semantic fieldset/legend structure.
+ * Use with FieldLegend for proper form semantics.
  */
-declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): import("react/jsx-runtime").JSX.Element;
+declare function FieldSet({ className, ...props }: FieldSetProps): import("react/jsx-runtime").JSX.Element;
+type FieldLegendProps = React.ComponentProps<"legend"> & {
+    /** Visual style variant for the legend. @default "legend" */
+    variant?: "legend" | "label";
+};
 /**
- * FieldLegend - Fieldset caption with size variants
- *
- * A caption element that provides a title or description for a group of related form
- * fields within a FieldSet. Renders as a native HTML `<legend>` element with size
- * variants to match different design contexts.
- *
- * The "legend" variant (default) uses standard text sizing for top-level fieldsets,
- * while the "label" variant provides smaller text suitable for nested fieldsets or
- * when you need the legend to visually match form labels.
- *
- * @example
- * Standard legend for top-level fieldset
- * ```tsx
- * <FieldSet>
- *   <FieldLegend>Personal Information</FieldLegend>
- *   <FieldGroup>
- *     <Field>
- *       <FieldLabel htmlFor="name">Full Name</FieldLabel>
- *       <Input id="name" />
- *     </Field>
- *   </FieldGroup>
- * </FieldSet>
- * ```
- *
- * @example
- * Label-sized legend for nested fieldset
- * ```tsx
- * <FieldSet>
- *   <FieldLegend variant="label">Notification Preferences</FieldLegend>
- *   <FieldGroup>
- *     <Field orientation="horizontal">
- *       <Switch id="email" />
- *       <FieldLabel htmlFor="email">Email notifications</FieldLabel>
- *     </Field>
- *   </FieldGroup>
- * </FieldSet>
- * ```
- *
- * @example
- * Legend with description
- * ```tsx
- * <FieldSet>
- *   <FieldLegend>Billing Address</FieldLegend>
- *   <FieldDescription>
- *     This address will appear on your invoices and receipts.
- *   </FieldDescription>
- *   <FieldGroup>
- *     // fields go here
- *   </FieldGroup>
- * </FieldSet>
- * ```
- *
- * @accessibility
- * - Uses semantic `<legend>` element for proper fieldset labeling
- * - Automatically announced by screen readers as the fieldset title
- * - Provides context for all fields within the parent fieldset
- * - First element read when entering a fieldset with assistive technology
- *
- * @see {@link FieldSet} for grouping related form controls
- * @see {@link FieldDescription} for additional context text
- * @since 1.0.0
+ * Legend for FieldSet, available in two visual styles.
+ * Use "legend" for section headers, "label" for form-like appearance.
  */
-declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
-    variant?: "legend" | "label";
-}): import("react/jsx-runtime").JSX.Element;
+declare function FieldLegend({ className, variant, ...props }: FieldLegendProps): import("react/jsx-runtime").JSX.Element;
+type FieldGroupProps = React.ComponentProps<"div">;
 /**
- * FieldGroup - Container for organizing multiple form fields
- *
- * A layout wrapper that vertically stacks Field components with optimized spacing.
- * It provides container query support for responsive field orientations and automatically
- * adjusts spacing for different control types (standard fields vs. checkbox/radio groups).
- *
- * The component uses CSS container queries (@container) which allows child Field
- * components with `orientation="responsive"` to adapt their layout based on the
- * FieldGroup's width rather than the viewport width.
- *
- * @example
- * Basic field grouping
- * ```tsx
- * <FieldSet>
- *   <FieldLegend>Contact Information</FieldLegend>
- *   <FieldGroup>
- *     <Field>
- *       <FieldLabel htmlFor="email">Email</FieldLabel>
- *       <Input id="email" type="email" />
- *     </Field>
- *     <Field>
- *       <FieldLabel htmlFor="phone">Phone</FieldLabel>
- *       <Input id="phone" type="tel" />
- *     </Field>
- *   </FieldGroup>
- * </FieldSet>
- * ```
- *
- * @example
- * Responsive field orientations with container queries
- * ```tsx
- * <FieldGroup>
- *   <Field orientation="responsive">
- *     <FieldLabel htmlFor="name">Full Name</FieldLabel>
- *     <Input id="name" />
- *     <FieldDescription>As it appears on your ID</FieldDescription>
- *   </Field>
- *   <Field orientation="responsive">
- *     <FieldLabel htmlFor="company">Company</FieldLabel>
- *     <Input id="company" />
- *   </Field>
- * </FieldGroup>
- * ```
- *
- * @example
- * Nested field groups for complex layouts
- * ```tsx
- * <FieldGroup>
- *   <Field>
- *     <FieldLabel htmlFor="street">Street Address</FieldLabel>
- *     <Input id="street" />
- *   </Field>
- *   <FieldGroup>
- *     <Field>
- *       <FieldLabel htmlFor="city">City</FieldLabel>
- *       <Input id="city" />
- *     </Field>
- *     <Field>
- *       <FieldLabel htmlFor="zip">Zip Code</FieldLabel>
- *       <Input id="zip" />
- *     </Field>
- *   </FieldGroup>
- * </FieldGroup>
- * ```
- *
- * @accessibility
- * - Provides logical grouping of related form fields
- * - Supports keyboard navigation between grouped fields
- * - Works with FieldSet for semantic form sections
- * - Maintains focus order for tab navigation
- *
- * @see {@link Field} for individual form fields
- * @see {@link FieldSet} for semantic field grouping
- * @since 1.0.0
+ * Container for multiple fields, provides consistent spacing and container queries.
+ * Use for grouping related fields without semantic fieldset.
  */
-declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function FieldGroup({ className, ...props }: FieldGroupProps): 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"> & {
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type FieldProps = React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>;
+/**
+ * Base field wrapper with support for multiple orientation layouts.
+ * Supports vertical, horizontal, and responsive layouts. Use data-invalid attribute for error states.
+ */
+declare function Field({ className, orientation, ...props }: FieldProps): import("react/jsx-runtime").JSX.Element;
+type FieldContentProps = React.ComponentProps<"div">;
+/**
+ * Container for field input and helper elements (description, error).
+ * Groups the input control with its associated help text.
+ */
+declare function FieldContent({ className, ...props }: FieldContentProps): import("react/jsx-runtime").JSX.Element;
+type FieldLabelProps = React.ComponentProps<typeof Label>;
+/**
+ * Label for field input, extends the Label component with field-specific styling.
+ * Supports disabled state and nested field patterns.
+ */
+declare function FieldLabel({ className, ...props }: FieldLabelProps): import("react/jsx-runtime").JSX.Element;
+type FieldTitleProps = React.ComponentProps<"div">;
+/**
+ * Title text for fields with embedded controls (checkboxes, switches).
+ * Use inside FieldLabel alongside the control.
+ */
+declare function FieldTitle({ className, ...props }: FieldTitleProps): import("react/jsx-runtime").JSX.Element;
+type FieldDescriptionProps = React.ComponentProps<"p">;
+/**
+ * Helper text providing additional context for the field.
+ * Automatically styled for placement after inputs.
+ */
+declare function FieldDescription({ className, ...props }: FieldDescriptionProps): import("react/jsx-runtime").JSX.Element;
+type FieldSeparatorProps = React.ComponentProps<"div"> & {
+    /** Optional label text to display on the separator line. */
     children?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
+};
+/**
+ * Visual separator between field groups, optionally with label text.
+ * Use to organize sections within forms.
+ */
+declare function FieldSeparator({ children, className, ...props }: FieldSeparatorProps): import("react/jsx-runtime").JSX.Element;
+type FieldErrorProps = React.ComponentProps<"div"> & {
+    /** Array of error objects with message property. Automatically deduplicates. */
     errors?: Array<{
         message?: string;
     } | undefined>;
-}): import("react/jsx-runtime").JSX.Element | null;
-export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };
+};
+/**
+ * Error message display for fields. Accepts errors array or children.
+ * Automatically deduplicates multiple errors and displays as list.
+ */
+declare function FieldError({ className, children, errors, ...props }: FieldErrorProps): import("react/jsx-runtime").JSX.Element | null;
+export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, type FieldProps, type FieldLabelProps, type FieldDescriptionProps, type FieldErrorProps, type FieldGroupProps, type FieldLegendProps, type FieldSeparatorProps, type FieldSetProps, type FieldContentProps, type FieldTitleProps, };
 //# sourceMappingURL=field.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../src/components/ui/field.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAgB7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyEG;AACH,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,2CAY1E;AAgBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DG;AACH,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAAE,2CAcnE;AAcD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2EG;AACH,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,EACb,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,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,EAClB,SAAS,EACT,GAAG,KAAK,EACT,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,EACtB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,2CAsBA;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC,CAAA;CACjD,kDAsCA;AAED,OAAO,EACL,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,WAAW,EACX,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,UAAU,GACX,CAAA"}
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../src/components/ui/field.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/field.js

@@ -0,0 +1,212 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { cva } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cn } from "../../lib/utils.js";
+import { Label } from "./label.js";
+import { Separator } from "./separator.js";
+function FieldSet({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "fieldset",
+    {
+      "data-slot": "field-set",
+      className: cn(
+        "gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col",
+        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=label]:text-sm data-[variant=legend]:text-base",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "field-group",
+      className: cn(
+        "gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4 group/field-group @container/field-group flex w-full flex-col",
+        className
+      ),
+      ...props
+    }
+  );
+}
+const fieldVariants = cva(
+  "data-[invalid=true]:text-destructive gap-3 group/field flex w-full",
+  {
+    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 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(
+        "gap-1 group/field-content flex flex-1 flex-col leading-snug",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Label,
+    {
+      "data-slot": "field-label",
+      className: cn(
+        "has-data-checked:bg-primary/5 has-data-checked:border-primary dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-3 group/field-label peer/field-label flex w-fit leading-snug",
+        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "field-label",
+      className: cn(
+        "gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      "data-slot": "field-description",
+      className: cn(
+        "text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance",
+        "last:mt-0 nth-last-2:-mt-1",
+        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldSeparator({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "field-separator",
+      "data-content": !!children,
+      className: cn(
+        "-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(Separator, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "text-muted-foreground px-2 bg-background relative mx-auto block w-fit",
+            "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-destructive text-sm font-normal", className),
+      ...props,
+      children: content
+    }
+  );
+}
+export {
+  Field,
+  FieldContent,
+  FieldDescription,
+  FieldError,
+  FieldGroup,
+  FieldLabel,
+  FieldLegend,
+  FieldSeparator,
+  FieldSet,
+  FieldTitle
+};
+//# sourceMappingURL=field.js.map

package/dist/components/ui/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","sources":["../../../src/components/ui/field.tsx"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\nimport { Label } from \"@/components/ui/label\";\nimport { Separator } from \"@/components/ui/separator\";\n\ntype FieldSetProps = React.ComponentProps<\"fieldset\">;\n\n/**\n * Container for grouping related fields, provides semantic fieldset/legend structure.\n * Use with FieldLegend for proper form semantics.\n */\nfunction FieldSet({ className, ...props }: FieldSetProps) {\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      className={cn(\n        \"gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype FieldLegendProps = React.ComponentProps<\"legend\"> & {\n  /** Visual style variant for the legend. @default \"legend\" */\n  variant?: \"legend\" | \"label\";\n};\n\n/**\n * Legend for FieldSet, available in two visual styles.\n * Use \"legend\" for section headers, \"label\" for form-like appearance.\n */\nfunction FieldLegend({\n  className,\n  variant = \"legend\",\n  ...props\n}: FieldLegendProps) {\n  return (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      className={cn(\n        \"mb-3 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype FieldGroupProps = React.ComponentProps<\"div\">;\n\n/**\n * Container for multiple fields, provides consistent spacing and container queries.\n * Use for grouping related fields without semantic fieldset.\n */\nfunction FieldGroup({ className, ...props }: FieldGroupProps) {\n  return (\n    <div\n      data-slot=\"field-group\"\n      className={cn(\n        \"gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4 group/field-group @container/field-group flex w-full flex-col\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nconst fieldVariants = cva(\n  \"data-[invalid=true]:text-destructive gap-3 group/field flex w-full\",\n  {\n    variants: {\n      orientation: {\n        vertical: \"flex-col [&>*]:w-full [&>.sr-only]:w-auto\",\n        horizontal:\n          \"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\",\n        responsive:\n          \"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\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"vertical\",\n    },\n  },\n);\n\ntype FieldProps = React.ComponentProps<\"div\"> &\n  VariantProps<typeof fieldVariants>;\n\n/**\n * Base field wrapper with support for multiple orientation layouts.\n * Supports vertical, horizontal, and responsive layouts. Use data-invalid attribute for error states.\n */\nfunction Field({ className, orientation = \"vertical\", ...props }: FieldProps) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"field\"\n      data-orientation={orientation}\n      className={cn(fieldVariants({ orientation }), className)}\n      {...props}\n    />\n  );\n}\n\ntype FieldContentProps = React.ComponentProps<\"div\">;\n\n/**\n * Container for field input and helper elements (description, error).\n * Groups the input control with its associated help text.\n */\nfunction FieldContent({ className, ...props }: FieldContentProps) {\n  return (\n    <div\n      data-slot=\"field-content\"\n      className={cn(\n        \"gap-1 group/field-content flex flex-1 flex-col leading-snug\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype FieldLabelProps = React.ComponentProps<typeof Label>;\n\n/**\n * Label for field input, extends the Label component with field-specific styling.\n * Supports disabled state and nested field patterns.\n */\nfunction FieldLabel({ className, ...props }: FieldLabelProps) {\n  return (\n    <Label\n      data-slot=\"field-label\"\n      className={cn(\n        \"has-data-checked:bg-primary/5 has-data-checked:border-primary dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-3 group/field-label peer/field-label flex w-fit leading-snug\",\n        \"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype FieldTitleProps = React.ComponentProps<\"div\">;\n\n/**\n * Title text for fields with embedded controls (checkboxes, switches).\n * Use inside FieldLabel alongside the control.\n */\nfunction FieldTitle({ className, ...props }: FieldTitleProps) {\n  return (\n    <div\n      data-slot=\"field-label\"\n      className={cn(\n        \"gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype FieldDescriptionProps = React.ComponentProps<\"p\">;\n\n/**\n * Helper text providing additional context for the field.\n * Automatically styled for placement after inputs.\n */\nfunction FieldDescription({ className, ...props }: FieldDescriptionProps) {\n  return (\n    <p\n      data-slot=\"field-description\"\n      className={cn(\n        \"text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance\",\n        \"last:mt-0 nth-last-2:-mt-1\",\n        \"[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype FieldSeparatorProps = React.ComponentProps<\"div\"> & {\n  /** Optional label text to display on the separator line. */\n  children?: React.ReactNode;\n};\n\n/**\n * Visual separator between field groups, optionally with label text.\n * Use to organize sections within forms.\n */\nfunction FieldSeparator({\n  children,\n  className,\n  ...props\n}: FieldSeparatorProps) {\n  return (\n    <div\n      data-slot=\"field-separator\"\n      data-content={!!children}\n      className={cn(\n        \"-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative\",\n        className,\n      )}\n      {...props}\n    >\n      <Separator className=\"absolute inset-0 top-1/2\" />\n      {children && (\n        <span\n          className=\"text-muted-foreground px-2 bg-background relative mx-auto block w-fit\"\n          data-slot=\"field-separator-content\"\n        >\n          {children}\n        </span>\n      )}\n    </div>\n  );\n}\n\ntype FieldErrorProps = React.ComponentProps<\"div\"> & {\n  /** Array of error objects with message property. Automatically deduplicates. */\n  errors?: Array<{ message?: string } | undefined>;\n};\n\n/**\n * Error message display for fields. Accepts errors array or children.\n * Automatically deduplicates multiple errors and displays as list.\n */\nfunction FieldError({\n  className,\n  children,\n  errors,\n  ...props\n}: FieldErrorProps) {\n  const content = useMemo(() => {\n    if (children) {\n      return children;\n    }\n\n    if (!errors?.length) {\n      return null;\n    }\n\n    const uniqueErrors = [\n      ...new Map(errors.map((error) => [error?.message, error])).values(),\n    ];\n\n    if (uniqueErrors?.length == 1) {\n      return uniqueErrors[0]?.message;\n    }\n\n    return (\n      <ul className=\"ml-4 flex list-disc flex-col gap-1\">\n        {uniqueErrors.map(\n          (error, index) =>\n            error?.message && <li key={index}>{error.message}</li>,\n        )}\n      </ul>\n    );\n  }, [children, errors]);\n\n  if (!content) {\n    return null;\n  }\n\n  return (\n    <div\n      role=\"alert\"\n      data-slot=\"field-error\"\n      className={cn(\"text-destructive text-sm font-normal\", className)}\n      {...props}\n    >\n      {content}\n    </div>\n  );\n}\n\nexport {\n  Field,\n  FieldLabel,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLegend,\n  FieldSeparator,\n  FieldSet,\n  FieldContent,\n  FieldTitle,\n  type FieldProps,\n  type FieldLabelProps,\n  type FieldDescriptionProps,\n  type FieldErrorProps,\n  type FieldGroupProps,\n  type FieldLegendProps,\n  type FieldSeparatorProps,\n  type FieldSetProps,\n  type FieldContentProps,\n  type FieldTitleProps,\n};\n"],"names":[],"mappings":";;;;;;;AAeA;AACE;AACE;AAAC;AAAA;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAGV;AAWA;AAAqB;AACnB;AACU;AAEZ;AACE;AACE;AAAC;AAAA;AACW;AACI;AACH;AACT;AACA;AAAA;AAEE;AAAA;AAGV;AAQA;AACE;AACE;AAAC;AAAA;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAGV;AAEA;AAAsB;AACpB;AACA;AACY;AACK;AACD;AAER;AAEA;AAAA;AACJ;AAEe;AACF;AAAA;AAGnB;AASA;AACE;AACE;AAAC;AAAA;AACM;AACK;AACQ;AACqC;AACnD;AAAA;AAGV;AAQA;AACE;AACE;AAAC;AAAA;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAGV;AAQA;AACE;AACE;AAAC;AAAA;AACW;AACC;AACT;AACA;AACA;AAAA;AAEE;AAAA;AAGV;AAQA;AACE;AACE;AAAC;AAAA;AACW;AACC;AACT;AACA;AAAA;AAEE;AAAA;AAGV;AAQA;AACE;AACE;AAAC;AAAA;AACW;AACC;AACT;AACA;AACA;AACA;AAAA;AAEE;AAAA;AAGV;AAWA;AAAwB;AACtB;AACA;AAEF;AACE;AACE;AAAC;AAAA;AACW;AACM;AACL;AACT;AACA;AAAA;AAEE;AAEJ;AAAgD;AAE9C;AAAC;AAAA;AACW;AACA;AAET;AAAA;AAAA;AACH;AAAA;AAIR;AAWA;AAAoB;AAClB;AACA;AACA;AAEF;AACE;AACE;AACE;AAAO;AAGT;AACE;AAAO;AAGT;AAAqB;AACwC;AAG7D;AACE;AAAwB;AAG1B;AAEkB;AAEuC;AAEvD;AAIJ;AACE;AAAO;AAGT;AACE;AAAC;AAAA;AACM;AACK;AACqD;AAC3D;AAEH;AAAA;AAGP;;;;;;;;;;;;;"}