@hyddenlabs/hydn-ui 0.3.6 → 0.3.7

package/dist/components/forms/checkbox/checkbox.js

@@ -28,7 +28,7 @@ function Checkbox({
       "aria-describedby": ariaDescribedby,
       id,
       name,
-      className: `h-5 w-5 sm:h-4 sm:w-4 rounded border-2 bg-background text-primary-foreground transition-all duration-200 ease-in-out focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-muted/50 checked:bg-primary checked:border-primary checked:hover:bg-primary/90 hover:border-primary/50 hover:shadow-sm cursor-pointer accent-primary ${validationClasses[validationState]} ${className}`
+      className: `h-5 w-5 sm:h-4 sm:w-4 rounded border-2 bg-background text-primary-foreground transition-all duration-200 ease-in-out focus:ring-primary focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-muted/50 checked:bg-primary checked:border-primary checked:hover:bg-primary/90 hover:border-primary/50 hover:shadow-sm cursor-pointer accent-primary ${validationClasses[validationState]} ${className}`
     }
   );
 }

package/dist/components/forms/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sources":["../../../../src/components/forms/checkbox/checkbox.tsx"],"sourcesContent":["import React from 'react';\nimport { ValidationState } from '../../../theme/size-tokens';\n\nexport type CheckboxProps = {\n  /** Checked state (controlled) */\n  checked?: boolean;\n  /** Change event handler for controlled checkbox */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Disables checkbox interaction and applies disabled styling */\n  disabled?: boolean;\n  /** Additional CSS classes applied to the checkbox */\n  className?: string;\n  /** Accessible label for screen readers */\n  ariaLabel?: string;\n  /** HTML id attribute for the checkbox */\n  id?: string;\n  /** HTML name attribute for form submission */\n  name?: string;\n  /** Visual validation state affecting border and focus ring color */\n  validationState?: ValidationState;\n  /** Associates the checkbox with descriptive text (e.g., helper or error messages) */\n  'aria-describedby'?: string;\n};\n\n/**\n * Accessible Checkbox component\n */\nfunction Checkbox({\n  checked,\n  onChange,\n  disabled = false,\n  className = '',\n  ariaLabel,\n  id,\n  name,\n  validationState = 'neutral',\n  'aria-describedby': ariaDescribedby\n}: Readonly<CheckboxProps>) {\n  const validationClasses = {\n    neutral: 'border-input focus:ring-ring',\n    error: 'border-error focus:ring-error',\n    success: 'border-success focus:ring-success',\n    warning: 'border-warning focus:ring-warning'\n  };\n\n  return (\n    <input\n      type=\"checkbox\"\n      checked={checked}\n      onChange={onChange}\n      disabled={disabled}\n      aria-label={ariaLabel}\n      aria-invalid={validationState === 'error'}\n      aria-describedby={ariaDescribedby}\n      id={id}\n      name={name}\n      className={`h-5 w-5 sm:h-4 sm:w-4 rounded border-2 bg-background text-primary-foreground transition-all duration-200 ease-in-out focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-muted/50 checked:bg-primary checked:border-primary checked:hover:bg-primary/90 hover:border-primary/50 hover:shadow-sm cursor-pointer accent-primary ${validationClasses[validationState]} ${className}`}\n    />\n  );\n}\n\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"names":[],"mappings":";AA2BA,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,oBAAoB;AACtB,GAA4B;AAC1B,QAAM,oBAAoB;AAAA,IACxB,SAAS;AAAA,IACT,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAGX,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACZ,gBAAc,oBAAoB;AAAA,MAClC,oBAAkB;AAAA,MAClB;AAAA,MACA;AAAA,MACA,WAAW,4VAA4V,kBAAkB,eAAe,CAAC,IAAI,SAAS;AAAA,IAAA;AAAA,EAAA;AAG5Z;AAEA,SAAS,cAAc;"}
+{"version":3,"file":"checkbox.js","sources":["../../../../src/components/forms/checkbox/checkbox.tsx"],"sourcesContent":["import React from 'react';\nimport { ValidationState } from '../../../theme/size-tokens';\n\nexport type CheckboxProps = {\n  /** Checked state (controlled) */\n  checked?: boolean;\n  /** Change event handler for controlled checkbox */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Disables checkbox interaction and applies disabled styling */\n  disabled?: boolean;\n  /** Additional CSS classes applied to the checkbox */\n  className?: string;\n  /** Accessible label for screen readers */\n  ariaLabel?: string;\n  /** HTML id attribute for the checkbox */\n  id?: string;\n  /** HTML name attribute for form submission */\n  name?: string;\n  /** Visual validation state affecting border and focus ring color */\n  validationState?: ValidationState;\n  /** Associates the checkbox with descriptive text (e.g., helper or error messages) */\n  'aria-describedby'?: string;\n};\n\n/**\n * Accessible Checkbox component\n */\nfunction Checkbox({\n  checked,\n  onChange,\n  disabled = false,\n  className = '',\n  ariaLabel,\n  id,\n  name,\n  validationState = 'neutral',\n  'aria-describedby': ariaDescribedby\n}: Readonly<CheckboxProps>) {\n  const validationClasses = {\n    neutral: 'border-input focus:ring-ring',\n    error: 'border-error focus:ring-error',\n    success: 'border-success focus:ring-success',\n    warning: 'border-warning focus:ring-warning'\n  };\n\n  return (\n    <input\n      type=\"checkbox\"\n      checked={checked}\n      onChange={onChange}\n      disabled={disabled}\n      aria-label={ariaLabel}\n      aria-invalid={validationState === 'error'}\n      aria-describedby={ariaDescribedby}\n      id={id}\n      name={name}\n      className={`h-5 w-5 sm:h-4 sm:w-4 rounded border-2 bg-background text-primary-foreground transition-all duration-200 ease-in-out focus:ring-primary focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-muted/50 checked:bg-primary checked:border-primary checked:hover:bg-primary/90 hover:border-primary/50 hover:shadow-sm cursor-pointer accent-primary ${validationClasses[validationState]} ${className}`}\n    />\n  );\n}\n\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"names":[],"mappings":";AA2BA,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,oBAAoB;AACtB,GAA4B;AAC1B,QAAM,oBAAoB;AAAA,IACxB,SAAS;AAAA,IACT,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAGX,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACZ,gBAAc,oBAAoB;AAAA,MAClC,oBAAkB;AAAA,MAClB;AAAA,MACA;AAAA,MACA,WAAW,gXAAgX,kBAAkB,eAAe,CAAC,IAAI,SAAS;AAAA,IAAA;AAAA,EAAA;AAGhb;AAEA,SAAS,cAAc;"}

package/dist/components/forms/form-grid/form-grid-row.d.ts

@@ -0,0 +1,44 @@
+import { FormGridColumn, FormGridRowData } from './form-grid';
+import { InteractiveSize, ValidationState } from '../../../theme/size-tokens';
+export type FormGridRowProps = {
+    /** Row data */
+    row: FormGridRowData;
+    /** Column definitions */
+    columns: FormGridColumn[];
+    /** Current nesting depth (0 = root) */
+    depth: number;
+    /** Maximum allowed nesting depth */
+    maxDepth: number;
+    /** Whether in mobile layout mode */
+    isMobile: boolean;
+    /** Size variant for form controls */
+    size: InteractiveSize;
+    /** Whether sub-rows are allowed (manual add button) */
+    allowSubRows: boolean;
+    /** Auto sub-row callback (when provided, sub-rows are auto-managed, no manual button) */
+    autoSubRow?: (row: FormGridRowData) => boolean;
+    /** Whether the row is disabled */
+    disabled: boolean;
+    /** Label for add sub-row button */
+    addSubRowLabel: string;
+    /** Callback when a field value changes */
+    onValueChange: (rowId: string, key: string, value: unknown) => void;
+    /** Callback to add a sub-row */
+    onAddSubRow: (parentId: string) => void;
+    /** Callback to remove this row */
+    onRemove: (id: string) => void;
+    /** Whether this row can be removed */
+    canRemove: boolean;
+    /** Validation states for fields */
+    validationStates?: Record<string, ValidationState>;
+};
+/**
+ * FormGridRow - Recursive row component for FormGrid
+ * Handles rendering of field controls and nested sub-rows
+ */
+declare function FormGridRow({ row, columns, depth, maxDepth, isMobile, size, allowSubRows, autoSubRow, disabled, addSubRowLabel, onValueChange, onAddSubRow, onRemove, canRemove, validationStates }: Readonly<FormGridRowProps>): import("react/jsx-runtime").JSX.Element;
+declare namespace FormGridRow {
+    var displayName: string;
+}
+export default FormGridRow;
+//# sourceMappingURL=form-grid-row.d.ts.map

package/dist/components/forms/form-grid/form-grid-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-grid-row.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/form-grid/form-grid-row.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAInF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,eAAe;IACf,GAAG,EAAE,eAAe,CAAC;IACrB,yBAAyB;IACzB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,oCAAoC;IACpC,QAAQ,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,IAAI,EAAE,eAAe,CAAC;IACtB,uDAAuD;IACvD,YAAY,EAAE,OAAO,CAAC;IACtB,yFAAyF;IACzF,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,eAAe,KAAK,OAAO,CAAC;IAC/C,kCAAkC;IAClC,QAAQ,EAAE,OAAO,CAAC;IAClB,mCAAmC;IACnC,cAAc,EAAE,MAAM,CAAC;IACvB,0CAA0C;IAC1C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpE,gCAAgC;IAChC,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,kCAAkC;IAClC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,sCAAsC;IACtC,SAAS,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;CACpD,CAAC;AAmDF;;;GAGG;AACH,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,cAAc,EACd,aAAa,EACb,WAAW,EACX,QAAQ,EACR,SAAS,EACT,gBAAqB,EACtB,EAAE,QAAQ,CAAC,gBAAgB,CAAC,2CAmN5B;kBAnOQ,WAAW;;;AAuOpB,eAAe,WAAW,CAAC"}

package/dist/components/forms/form-grid/form-grid-row.js

@@ -0,0 +1,257 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import Input from "../input/input.js";
+import Select from "../select/select.js";
+import SelectItem from "../select/select-item.js";
+import Checkbox from "../checkbox/checkbox.js";
+import Textarea from "../textarea/textarea.js";
+import IconButton from "../button/icon-button.js";
+import { IconChevronRight, IconChevronDown } from "@tabler/icons-react";
+import ButtonWithIcon from "../button/button-with-icon.js";
+const depthIndentClasses = {
+  0: "",
+  1: "pl-8",
+  2: "pl-16",
+  3: "pl-24",
+  4: "pl-32",
+  5: "pl-40"
+};
+function getCheckboxColumnWidth(label) {
+  const minCh = 8;
+  return `${Math.max(minCh, label.length + 2)}ch`;
+}
+function tailwindWidthToCss(width) {
+  if (width === "flex-1" || width === "w-full") return "minmax(0, 1fr)";
+  if (width === "w-auto") return "auto";
+  const numMatch = width.match(/^w-(\d+)$/);
+  if (numMatch) return `${parseInt(numMatch[1]) * 0.25}rem`;
+  const fracMatch = width.match(/^w-(\d+)\/(\d+)$/);
+  if (fracMatch) return `${(parseInt(fracMatch[1]) / parseInt(fracMatch[2]) * 100).toFixed(2)}%`;
+  if (/\d+(px|rem|em|%|fr|ch|vw|vh)/.test(width) || /^(auto|min-content|max-content|fit-content)$/.test(width)) {
+    return width;
+  }
+  return "auto";
+}
+function getDesktopGridTemplate(columns) {
+  const columnTracks = columns.map((column) => {
+    if (column.width) {
+      return tailwindWidthToCss(column.width);
+    }
+    if (column.type === "checkbox") {
+      return getCheckboxColumnWidth(column.label);
+    }
+    return "minmax(0, 1fr)";
+  });
+  return `${columnTracks.join(" ")} 4rem`;
+}
+function FormGridRow({
+  row,
+  columns,
+  depth,
+  maxDepth,
+  isMobile,
+  size,
+  allowSubRows,
+  autoSubRow,
+  disabled,
+  addSubRowLabel,
+  onValueChange,
+  onAddSubRow,
+  onRemove,
+  canRemove,
+  validationStates = {}
+}) {
+  const [isCollapsed, setIsCollapsed] = useState(false);
+  const desktopGridTemplate = getDesktopGridTemplate(columns);
+  const showAddSubRowButton = allowSubRows && depth < maxDepth;
+  const hasSubRows = row.subRows && row.subRows.length > 0;
+  const renderField = (column) => {
+    const value = row.values[column.key];
+    const validationState = validationStates[column.key] || "neutral";
+    const handleChange = (newValue) => {
+      onValueChange(row.id, column.key, newValue);
+    };
+    switch (column.type) {
+      case "input":
+        return /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: value ?? "",
+            onChange: (e) => handleChange(e.target.value),
+            placeholder: column.placeholder,
+            type: column.inputType || "text",
+            size,
+            disabled,
+            required: column.required,
+            validationState
+          }
+        );
+      case "select":
+        return /* @__PURE__ */ jsx(
+          Select,
+          {
+            value: value ?? "",
+            onChange: (e) => handleChange(e.target.value),
+            size,
+            disabled,
+            required: column.required,
+            validationState,
+            label: column.placeholder,
+            children: column.options?.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))
+          }
+        );
+      case "checkbox":
+        return /* @__PURE__ */ jsx("div", { className: `flex items-center h-full ${!isMobile ? "justify-center" : ""}`, children: /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: Boolean(value),
+            onChange: (e) => handleChange(e.target.checked),
+            disabled,
+            validationState
+          }
+        ) });
+      case "textarea":
+        return /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            value: value ?? "",
+            onChange: (e) => handleChange(e.target.value),
+            placeholder: column.placeholder,
+            disabled,
+            required: column.required,
+            validationState
+          }
+        );
+      case "custom":
+        if (column.render) {
+          return column.render(value, row, handleChange, 0);
+        }
+        return null;
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `
+          ${isMobile ? "flex flex-col gap-3 border border-border rounded-lg bg-muted/20 px-3 py-3" : "grid items-center gap-3 py-1"}
+        `,
+        style: !isMobile ? { gridTemplateColumns: desktopGridTemplate } : void 0,
+        children: [
+          columns.map((column) => /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: `${isMobile ? "w-full" : "min-w-0"} ${column.type === "checkbox" && !isMobile ? "flex justify-center" : ""}`,
+              children: [
+                isMobile && /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium text-muted-foreground mb-1", children: [
+                  column.label,
+                  column.required && /* @__PURE__ */ jsx("span", { className: "text-error ml-0.5", children: "*" })
+                ] }),
+                renderField(column)
+              ]
+            },
+            column.key
+          )),
+          /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-1 ${isMobile ? "justify-end" : "w-16 shrink-0 justify-end"}`, children: [
+            showAddSubRowButton && /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                icon: "hierarchy-2",
+                ariaLabel: addSubRowLabel,
+                onClick: () => onAddSubRow(row.id),
+                disabled,
+                size: "sm",
+                buttonStyle: "ghost"
+              }
+            ),
+            canRemove && !isMobile && /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                icon: "trash",
+                ariaLabel: "Remove row",
+                onClick: () => onRemove(row.id),
+                disabled,
+                size: "sm",
+                buttonStyle: "link",
+                className: "p-0!",
+                variant: "error"
+              }
+            ),
+            canRemove && isMobile && /* @__PURE__ */ jsx(
+              ButtonWithIcon,
+              {
+                icon: "trash",
+                ariaLabel: "Remove row",
+                onClick: () => onRemove(row.id),
+                disabled,
+                size,
+                buttonStyle: "link",
+                variant: "error",
+                iconPosition: "right",
+                children: "Delete Field"
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    hasSubRows && /* @__PURE__ */ jsxs("div", { className: `mt-1 ${depthIndentClasses[Math.min(depth + 1, 5)] || ""}`, children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setIsCollapsed(!isCollapsed),
+          className: "cursor-pointer flex items-center gap-1 mb-1 text-sm text-muted-foreground hover:text-foreground transition-colors",
+          "aria-label": isCollapsed ? "Expand sub-rows" : "Collapse sub-rows",
+          children: [
+            isCollapsed ? /* @__PURE__ */ jsx(IconChevronRight, { size: 14 }) : /* @__PURE__ */ jsx(IconChevronDown, { size: 14 }),
+            /* @__PURE__ */ jsx("span", { children: isCollapsed ? "Show properties" : "Hide properties" })
+          ]
+        }
+      ),
+      !isCollapsed && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        row.subRows.map((subRow, index) => /* @__PURE__ */ jsx(
+          FormGridRow,
+          {
+            row: subRow,
+            columns,
+            depth: depth + 1,
+            maxDepth,
+            isMobile,
+            size,
+            allowSubRows,
+            autoSubRow,
+            disabled,
+            addSubRowLabel,
+            onValueChange,
+            onAddSubRow,
+            onRemove,
+            canRemove: autoSubRow ? index > 0 : true,
+            validationStates
+          },
+          subRow.id
+        )),
+        depth + 1 < maxDepth && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx(
+          ButtonWithIcon,
+          {
+            icon: "plus",
+            buttonStyle: "link",
+            ariaLabel: "Add Property",
+            onClick: () => onAddSubRow(row.id),
+            disabled,
+            size,
+            className: "pl-0!",
+            children: "Add Property"
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+}
+FormGridRow.displayName = "FormGridRow";
+export {
+  FormGridRow as default
+};
+//# sourceMappingURL=form-grid-row.js.map

package/dist/components/forms/form-grid/form-grid-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-grid-row.js","sources":["../../../../src/components/forms/form-grid/form-grid-row.tsx"],"sourcesContent":["import { useState } from 'react';\nimport Input from '../input/input';\nimport Select from '../select/select';\nimport SelectItem from '../select/select-item';\nimport Checkbox from '../checkbox/checkbox';\nimport Textarea from '../textarea/textarea';\nimport IconButton from '../button/icon-button';\nimport type { FormGridColumn, FormGridRowData } from './form-grid';\nimport type { InteractiveSize, ValidationState } from '../../../theme/size-tokens';\nimport { ButtonWithIcon } from '../button';\nimport { IconChevronDown, IconChevronRight } from '@tabler/icons-react';\n\nexport type FormGridRowProps = {\n  /** Row data */\n  row: FormGridRowData;\n  /** Column definitions */\n  columns: FormGridColumn[];\n  /** Current nesting depth (0 = root) */\n  depth: number;\n  /** Maximum allowed nesting depth */\n  maxDepth: number;\n  /** Whether in mobile layout mode */\n  isMobile: boolean;\n  /** Size variant for form controls */\n  size: InteractiveSize;\n  /** Whether sub-rows are allowed (manual add button) */\n  allowSubRows: boolean;\n  /** Auto sub-row callback (when provided, sub-rows are auto-managed, no manual button) */\n  autoSubRow?: (row: FormGridRowData) => boolean;\n  /** Whether the row is disabled */\n  disabled: boolean;\n  /** Label for add sub-row button */\n  addSubRowLabel: string;\n  /** Callback when a field value changes */\n  onValueChange: (rowId: string, key: string, value: unknown) => void;\n  /** Callback to add a sub-row */\n  onAddSubRow: (parentId: string) => void;\n  /** Callback to remove this row */\n  onRemove: (id: string) => void;\n  /** Whether this row can be removed */\n  canRemove: boolean;\n  /** Validation states for fields */\n  validationStates?: Record<string, ValidationState>;\n};\n\n// Depth indent classes (using pl-* for left padding)\nconst depthIndentClasses: Record<number, string> = {\n  0: '',\n  1: 'pl-8',\n  2: 'pl-16',\n  3: 'pl-24',\n  4: 'pl-32',\n  5: 'pl-40'\n};\n\nfunction getCheckboxColumnWidth(label: string): string {\n  const minCh = 8;\n  return `${Math.max(minCh, label.length + 2)}ch`;\n}\n\n/**\n * Convert a Tailwind width utility class to a valid CSS grid track value.\n * e.g. 'w-24' → '6rem', 'flex-1' → 'minmax(0, 1fr)', 'w-1/2' → '50%'\n */\nfunction tailwindWidthToCss(width: string): string {\n  if (width === 'flex-1' || width === 'w-full') return 'minmax(0, 1fr)';\n  if (width === 'w-auto') return 'auto';\n  // w-{number} → n * 0.25rem\n  const numMatch = width.match(/^w-(\\d+)$/);\n  if (numMatch) return `${parseInt(numMatch[1]) * 0.25}rem`;\n  // w-{num}/{den} fraction\n  const fracMatch = width.match(/^w-(\\d+)\\/(\\d+)$/);\n  if (fracMatch) return `${((parseInt(fracMatch[1]) / parseInt(fracMatch[2])) * 100).toFixed(2)}%`;\n  // Already a valid CSS value (contains a unit or keyword)\n  if (/\\d+(px|rem|em|%|fr|ch|vw|vh)/.test(width) || /^(auto|min-content|max-content|fit-content)$/.test(width)) {\n    return width;\n  }\n  return 'auto';\n}\n\nfunction getDesktopGridTemplate(columns: FormGridColumn[]): string {\n  const columnTracks = columns.map((column) => {\n    if (column.width) {\n      return tailwindWidthToCss(column.width);\n    }\n    if (column.type === 'checkbox') {\n      return getCheckboxColumnWidth(column.label);\n    }\n    return 'minmax(0, 1fr)';\n  });\n\n  return `${columnTracks.join(' ')} 4rem`;\n}\n\n/**\n * FormGridRow - Recursive row component for FormGrid\n * Handles rendering of field controls and nested sub-rows\n */\nfunction FormGridRow({\n  row,\n  columns,\n  depth,\n  maxDepth,\n  isMobile,\n  size,\n  allowSubRows,\n  autoSubRow,\n  disabled,\n  addSubRowLabel,\n  onValueChange,\n  onAddSubRow,\n  onRemove,\n  canRemove,\n  validationStates = {}\n}: Readonly<FormGridRowProps>) {\n  const [isCollapsed, setIsCollapsed] = useState(false);\n  const desktopGridTemplate = getDesktopGridTemplate(columns);\n  // Show manual add button only if allowSubRows is true (which is false when autoSubRow is provided)\n  const showAddSubRowButton = allowSubRows && depth < maxDepth;\n  const hasSubRows = row.subRows && row.subRows.length > 0;\n\n  // Render a single field based on column type\n  const renderField = (column: FormGridColumn) => {\n    const value = row.values[column.key];\n    const validationState = validationStates[column.key] || 'neutral';\n\n    const handleChange = (newValue: unknown) => {\n      onValueChange(row.id, column.key, newValue);\n    };\n\n    switch (column.type) {\n      case 'input':\n        return (\n          <Input\n            value={(value as string) ?? ''}\n            onChange={(e) => handleChange(e.target.value)}\n            placeholder={column.placeholder}\n            type={column.inputType || 'text'}\n            size={size}\n            disabled={disabled}\n            required={column.required}\n            validationState={validationState}\n          />\n        );\n\n      case 'select':\n        return (\n          <Select\n            value={(value as string) ?? ''}\n            onChange={(e) => handleChange(e.target.value)}\n            size={size}\n            disabled={disabled}\n            required={column.required}\n            validationState={validationState}\n            label={column.placeholder}\n          >\n            {column.options?.map((opt) => (\n              <SelectItem key={opt.value} value={opt.value}>\n                {opt.label}\n              </SelectItem>\n            ))}\n          </Select>\n        );\n\n      case 'checkbox':\n        return (\n          <div className={`flex items-center h-full ${!isMobile ? 'justify-center' : ''}`}>\n            <Checkbox\n              checked={Boolean(value)}\n              onChange={(e) => handleChange(e.target.checked)}\n              disabled={disabled}\n              validationState={validationState}\n            />\n          </div>\n        );\n\n      case 'textarea':\n        return (\n          <Textarea\n            value={(value as string) ?? ''}\n            onChange={(e) => handleChange(e.target.value)}\n            placeholder={column.placeholder}\n            disabled={disabled}\n            required={column.required}\n            validationState={validationState}\n          />\n        );\n\n      case 'custom':\n        if (column.render) {\n          return column.render(value, row, handleChange, 0);\n        }\n        return null;\n\n      default:\n        return null;\n    }\n  };\n\n  return (\n    <div>\n      {/* Row content */}\n      <div\n        className={`\n          ${isMobile ? 'flex flex-col gap-3 border border-border rounded-lg bg-muted/20 px-3 py-3' : 'grid items-center gap-3 py-1'}\n        `}\n        style={!isMobile ? { gridTemplateColumns: desktopGridTemplate } : undefined}\n      >\n        {/* Fields */}\n        {columns.map((column) => (\n          <div\n            key={column.key}\n            className={`${isMobile ? 'w-full' : 'min-w-0'} ${column.type === 'checkbox' && !isMobile ? 'flex justify-center' : ''}`}\n          >\n            {/* Mobile: show label above field */}\n            {isMobile && (\n              <label className=\"block text-sm font-medium text-muted-foreground mb-1\">\n                {column.label}\n                {column.required && <span className=\"text-error ml-0.5\">*</span>}\n              </label>\n            )}\n            {renderField(column)}\n          </div>\n        ))}\n\n        {/* Action buttons */}\n        <div className={`flex items-center gap-1 ${isMobile ? 'justify-end' : 'w-16 shrink-0 justify-end'}`}>\n          {showAddSubRowButton && (\n            <IconButton\n              icon=\"hierarchy-2\"\n              ariaLabel={addSubRowLabel}\n              onClick={() => onAddSubRow(row.id)}\n              disabled={disabled}\n              size=\"sm\"\n              buttonStyle=\"ghost\"\n            />\n          )}\n          {canRemove && !isMobile && (\n            <IconButton\n              icon=\"trash\"\n              ariaLabel=\"Remove row\"\n              onClick={() => onRemove(row.id)}\n              disabled={disabled}\n              size=\"sm\"\n              buttonStyle=\"link\"\n              className=\"p-0!\"\n              variant=\"error\"\n            />\n          )}\n          {canRemove && isMobile && (\n            <ButtonWithIcon\n              icon=\"trash\"\n              ariaLabel=\"Remove row\"\n              onClick={() => onRemove(row.id)}\n              disabled={disabled}\n              size={size}\n              buttonStyle=\"link\"\n              variant=\"error\"\n              iconPosition=\"right\"\n            >\n              Delete Field\n            </ButtonWithIcon>\n          )}\n        </div>\n      </div>\n\n      {/* Sub-rows section with collapse toggle */}\n      {hasSubRows && (\n        <div className={`mt-1 ${depthIndentClasses[Math.min(depth + 1, 5)] || ''}`}>\n          {/* Collapse toggle at the start of sub-rows */}\n          <button\n            type=\"button\"\n            onClick={() => setIsCollapsed(!isCollapsed)}\n            className=\"cursor-pointer flex items-center gap-1 mb-1 text-sm text-muted-foreground hover:text-foreground transition-colors\"\n            aria-label={isCollapsed ? 'Expand sub-rows' : 'Collapse sub-rows'}\n          >\n            {isCollapsed ? <IconChevronRight size={14} /> : <IconChevronDown size={14} />}\n            <span>{isCollapsed ? 'Show properties' : 'Hide properties'}</span>\n          </button>\n\n          {/* Sub-rows (recursive) - collapsible */}\n          {!isCollapsed && (\n            <div className=\"space-y-1\">\n              {row.subRows!.map((subRow, index) => (\n                <FormGridRow\n                  key={subRow.id}\n                  row={subRow}\n                  columns={columns}\n                  depth={depth + 1}\n                  maxDepth={maxDepth}\n                  isMobile={isMobile}\n                  size={size}\n                  allowSubRows={allowSubRows}\n                  autoSubRow={autoSubRow}\n                  disabled={disabled}\n                  addSubRowLabel={addSubRowLabel}\n                  onValueChange={onValueChange}\n                  onAddSubRow={onAddSubRow}\n                  onRemove={onRemove}\n                  canRemove={autoSubRow ? index > 0 : true}\n                  validationStates={validationStates}\n                />\n              ))}\n              {/* Add field button within sub-row section */}\n              {depth + 1 < maxDepth && (\n                <div className=\"flex items-center gap-2\">\n                  <ButtonWithIcon\n                    icon=\"plus\"\n                    buttonStyle=\"link\"\n                    ariaLabel=\"Add Property\"\n                    onClick={() => onAddSubRow(row.id)}\n                    disabled={disabled}\n                    size={size}\n                    className=\"pl-0!\"\n                  >\n                    Add Property\n                  </ButtonWithIcon>\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nFormGridRow.displayName = 'FormGridRow';\n\nexport default FormGridRow;\n"],"names":[],"mappings":"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"}

package/dist/components/forms/form-grid/form-grid.d.ts

@@ -0,0 +1,115 @@
+import { default as React, ReactNode } from 'react';
+import { InteractiveSize, ValidationState } from '../../../theme/size-tokens';
+/**
+ * Column definition for FormGrid fields
+ */
+export type FormGridColumn = {
+    /** Unique key identifying this column in row data */
+    key: string;
+    /** Display label for the column header */
+    label: string;
+    /** Type of form control to render */
+    type: 'input' | 'select' | 'checkbox' | 'textarea' | 'custom';
+    /** HTML input type (only for type='input') */
+    inputType?: 'text' | 'email' | 'number' | 'tel' | 'url' | 'password';
+    /** Placeholder text for input/textarea/select */
+    placeholder?: string;
+    /** Options for select type */
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    /** Custom render function for type='custom' */
+    render?: (value: unknown, row: FormGridRowData, onChange: (value: unknown) => void, rowIndex: number) => ReactNode;
+    /** Width of the field (Tailwind width class or 'flex-1') */
+    width?: string;
+    /** Whether this field is required */
+    required?: boolean;
+    /** Default value for new rows */
+    defaultValue?: unknown;
+};
+/**
+ * Row data structure with recursive sub-rows
+ */
+export type FormGridRowData = {
+    /** Unique identifier for the row */
+    id: string;
+    /** Key-value map of field values */
+    values: Record<string, unknown>;
+    /** Nested sub-rows */
+    subRows?: FormGridRowData[];
+};
+/**
+ * Methods exposed via ref for uncontrolled usage
+ */
+export type FormGridRef = {
+    /** Get all row data including sub-rows */
+    getData: () => FormGridRowData[];
+    /** Add a new row at root level or as sub-row of parentId */
+    addRow: (parentId?: string) => void;
+    /** Remove a row by id (searches recursively) */
+    removeRow: (id: string) => void;
+    /** Validate all rows, returns true if valid */
+    validate: () => boolean;
+    /** Reset to initial state with one empty row */
+    reset: () => void;
+};
+/**
+ * Props for the FormGrid component
+ */
+export type FormGridProps = {
+    /** Column definitions describing each field */
+    columns: FormGridColumn[];
+    /** Initial rows data (defaults to one empty row) */
+    defaultRows?: FormGridRowData[];
+    /** Callback when data changes */
+    onChange?: (rows: FormGridRowData[]) => void;
+    /** Size variant for form controls */
+    size?: InteractiveSize;
+    /** Maximum nesting depth for sub-rows (default: 3) */
+    maxDepth?: number;
+    /** Label for add row button */
+    addRowLabel?: string;
+    /** Label for add sub-row button */
+    addSubRowLabel?: string;
+    /** Whether to allow sub-rows (manual add button) */
+    allowSubRows?: boolean;
+    /** Callback to determine if a row should automatically have sub-rows. When provided, sub-rows are auto-managed based on row data (e.g., type === 'object'). No manual add button is shown. */
+    autoSubRow?: (row: FormGridRowData) => boolean;
+    /** Whether the entire grid is disabled */
+    disabled?: boolean;
+    /** Whether to show column headers */
+    showHeaders?: boolean;
+    /** Custom class name */
+    className?: string;
+    /** Validation state map by row id and column key */
+    validationStates?: Record<string, Record<string, ValidationState>>;
+};
+/**
+ * FormGrid - Dynamic form builder with support for adding/removing rows and nested sub-rows.
+ *
+ * The component manages its own state internally and exposes methods via ref for
+ * uncontrolled usage. Use `onChange` callback to react to data changes.
+ *
+ * @example
+ * ```tsx
+ * const formGridRef = useRef<FormGridRef>(null);
+ *
+ * const columns: FormGridColumn[] = [
+ *   { key: 'name', label: 'Field Name', type: 'input', placeholder: 'Enter name' },
+ *   { key: 'type', label: 'Type', type: 'select', options: [
+ *     { value: 'string', label: 'String' },
+ *     { value: 'number', label: 'Number' },
+ *   ]},
+ *   { key: 'required', label: 'Required', type: 'checkbox' },
+ * ];
+ *
+ * <FormGrid ref={formGridRef} columns={columns} onChange={console.log} />
+ *
+ * // Get data via ref
+ * const data = formGridRef.current?.getData();
+ * ```
+ */
+declare const FormGrid: React.ForwardRefExoticComponent<FormGridProps & React.RefAttributes<FormGridRef>>;
+export default FormGrid;
+//# sourceMappingURL=form-grid.d.ts.map

package/dist/components/forms/form-grid/form-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-grid.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/form-grid/form-grid.tsx"],"names":[],"mappings":"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"}