@pipe0/react 0.0.5 → 0.0.7

package/package.json

@@ -1,7 +1,34 @@
 {
   "name": "@pipe0/react",
-  "version": "0.0.5",
+  "version": "0.0.7",
+  "description": "React component library for building forms and catalogs powered by pipe0 pipes and searches.",
+  "license": "MIT",
+  "author": "pipe0",
   "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/pipe-0/pipe0-ts.git",
+    "directory": "packages/react"
+  },
+  "bugs": {
+    "url": "https://github.com/pipe-0/pipe0-ts/issues"
+  },
+  "keywords": [
+    "react",
+    "react-component",
+    "pipe0",
+    "forms",
+    "catalog",
+    "ui",
+    "data-enrichment",
+    "prospecting"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "engines": {
+    "node": ">=18.0.0"
+  },
   "publishConfig": {
     "provenance": false,
     "access": "public"
@@ -21,52 +48,77 @@
     "CHANGELOG.md"
   ],
   "peerDependencies": {
+    "@dnd-kit/core": "^6.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.0.0",
+    "@floating-ui/react": "^0.26.0 || ^0.27.0",
+    "@hookform/resolvers": "^5.0.0",
+    "@tanstack/react-table": "^8.0.0",
+    "@tiptap/pm": "^2.12.0 || ^3.0.0",
+    "@tiptap/react": "^2.12.0 || ^3.0.0",
+    "@tiptap/starter-kit": "^2.12.0 || ^3.0.0",
+    "@tiptap/suggestion": "^2.12.0 || ^3.0.0",
+    "@types/react": "^18.0.0 || ^19.0.0",
+    "@types/react-dom": "^18.0.0 || ^19.0.0",
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "react-hook-form": "^7.0.0",
+    "zod": "^4.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@hookform/resolvers": {
+      "optional": true
+    },
+    "@types/react": {
+      "optional": true
+    },
+    "@types/react-dom": {
+      "optional": true
+    }
   },
   "dependencies": {
     "@base-ui/react": "^1.3.0",
-    "@dnd-kit/core": "^6.3.1",
-    "@dnd-kit/sortable": "^10.0.0",
-    "@dnd-kit/utilities": "^3.2.2",
-    "@floating-ui/react": "^0.26.0",
-    "@hookform/resolvers": "^5.2.1",
     "@radix-ui/react-slot": "^1.2.2",
     "@tanstack/match-sorter-utils": "^8.19.4",
-    "@tanstack/react-table": "^8.21.3",
-    "@tiptap/pm": "^2.12.0",
-    "@tiptap/react": "^2.12.0",
-    "@tiptap/starter-kit": "^2.12.0",
-    "@tiptap/suggestion": "^2.12.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "jsonata": "^2.1.0",
     "lucide-react": "^0.475.0",
-    "react-hook-form": "^7.62.0",
-    "shadcn": "^4.2.0",
     "swr": "^2.4.1",
     "tailwind-merge": "^3.3.1",
-    "tw-animate-css": "^1.4.0",
-    "zod": "4.1.12",
-    "@pipe0/base": "0.0.5"
+    "@pipe0/base": "0.0.7"
   },
   "devDependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@floating-ui/react": "^0.26.0",
+    "@hookform/resolvers": "^5.2.1",
     "@storybook/addon-docs": "^10.3.5",
     "@storybook/react-vite": "^10.3.5",
     "@tailwindcss/cli": "^4.2.3",
     "@tailwindcss/vite": "^4.1.11",
+    "@tanstack/react-table": "^8.21.3",
+    "@tiptap/pm": "^2.12.0",
+    "@tiptap/react": "^2.12.0",
+    "@tiptap/starter-kit": "^2.12.0",
+    "@tiptap/suggestion": "^2.12.0",
     "@types/react": "^19.0.8",
     "@types/react-dom": "^19.0.3",
     "@vitejs/plugin-react": "^6.0.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "react-hook-form": "^7.62.0",
+    "shadcn": "^4.2.0",
     "storybook": "^10.3.5",
     "tailwindcss": "^4.1.11",
     "tailwindcss-animate": "^1.0.7",
     "tsdown": "^0.21.9",
+    "tw-animate-css": "^1.4.0",
     "typescript": "^5.9.3",
-    "vite": "^8.0.10"
+    "vite": "^8.0.10",
+    "zod": "4.1.12"
   },
   "scripts": {
     "dev:css": "tailwindcss -i src/styles/pipe0.css -o dist/styles/pipe0-form.css --watch",

package/dist/components/compound/pipe-catalog/index.mjs

@@ -1,15 +0,0 @@
-import { PipeCatalogActiveFilters } from "./active-filters.mjs";
-import { PipeCatalogCard } from "./card.mjs";
-import { PipeCatalogCategoryFilter } from "./category-filter.mjs";
-import { PipeCatalogColumnFilter } from "./column-filter.mjs";
-import { PipeCatalogInputFieldFilter } from "./input-field-filter.mjs";
-import { PipeCatalogOutputFieldFilter } from "./output-field-filter.mjs";
-import { PipeCatalogProviderFilter } from "./provider-filter.mjs";
-import { PipeCatalogColumnFilters } from "./column-filters.mjs";
-import { PipeCatalogEmpty } from "./empty.mjs";
-import { PipeCatalogList } from "./list.mjs";
-import { PipeCatalogSearchFilter } from "./search-filter.mjs";
-import { PipeCatalog } from "./root.mjs";
-import { PipeCatalogTagFilter } from "./tag-filter.mjs";
-
-export {  };

package/dist/components/compound/pipe-form/index.mjs

@@ -1,11 +0,0 @@
-import { PipeFormField } from "./field.mjs";
-import { PipeFormGroup } from "./group.mjs";
-import { PipeFormSection } from "./section.mjs";
-import { PipeFormContent } from "./content.mjs";
-import { PipeFormFooter } from "./footer.mjs";
-import { PipeFormHeader } from "./header.mjs";
-import { PipeFormSubmitButton } from "./submit-button.mjs";
-import { PipeForm } from "./root.mjs";
-import { PipeFormTitle } from "./title.mjs";
-
-export {  };

package/dist/components/compound/search-catalog/index.mjs

@@ -1,14 +0,0 @@
-import { SearchCatalogActiveFilters } from "./active-filters.mjs";
-import { SearchCatalogCard } from "./card.mjs";
-import { SearchCatalogCategoryFilter } from "./category-filter.mjs";
-import { SearchCatalogColumnFilter } from "./column-filter.mjs";
-import { SearchCatalogOutputFieldFilter } from "./output-field-filter.mjs";
-import { SearchCatalogProviderFilter } from "./provider-filter.mjs";
-import { SearchCatalogColumnFilters } from "./column-filters.mjs";
-import { SearchCatalogEmpty } from "./empty.mjs";
-import { SearchCatalogList } from "./list.mjs";
-import { SearchCatalogSearchFilter } from "./search-filter.mjs";
-import { SearchCatalog } from "./root.mjs";
-import { SearchCatalogTagFilter } from "./tag-filter.mjs";
-
-export {  };

package/dist/components/compound/search-form/index.mjs

@@ -1,11 +0,0 @@
-import { SearchFormField } from "./field.mjs";
-import { SearchFormGroup } from "./group.mjs";
-import { SearchFormSection } from "./section.mjs";
-import { SearchFormContent } from "./content.mjs";
-import { SearchFormFooter } from "./footer.mjs";
-import { SearchFormHeader } from "./header.mjs";
-import { SearchFormSubmitButton } from "./submit-button.mjs";
-import { SearchForm } from "./root.mjs";
-import { SearchFormTitle } from "./title.mjs";
-
-export {  };

package/dist/components/compound/searches-catalog/index.mjs

@@ -1,14 +0,0 @@
-import { SearchesCatalogActiveFilters } from "./active-filters.mjs";
-import { SearchesCatalogCard } from "./card.mjs";
-import { SearchesCatalogCategoryFilter } from "./category-filter.mjs";
-import { SearchesCatalogColumnFilter } from "./column-filter.mjs";
-import { SearchesCatalogOutputFieldFilter } from "./output-field-filter.mjs";
-import { SearchesCatalogProviderFilter } from "./provider-filter.mjs";
-import { SearchesCatalogColumnFilters } from "./column-filters.mjs";
-import { SearchesCatalogEmpty } from "./empty.mjs";
-import { SearchesCatalogList } from "./list.mjs";
-import { SearchesCatalogSearchFilter } from "./search-filter.mjs";
-import { SearchesCatalog } from "./root.mjs";
-import { SearchesCatalogTagFilter } from "./tag-filter.mjs";
-
-export {  };

package/dist/components/defaults/adapters/pipes-trigger-input.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"pipes-trigger-input.mjs","names":[],"sources":["../../../../src/components/defaults/adapters/pipes-trigger-input.tsx"],"sourcesContent":["import {\n  type ConditionOperators,\n  type PipesTriggerMeta,\n  type PipeTrigger,\n  type RecordFieldType,\n  TRIGGER_OPERATOR_LABELS,\n  TRIGGER_STATUS_OPERATORS,\n  TRIGGER_VALUE_OPERATORS,\n} from \"@pipe0/base\";\nimport { useCallback, useMemo } from \"react\";\nimport type { UseFormReturn } from \"react-hook-form\";\nimport { useFieldError } from \"../../../hooks/use-field-error.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport type { FieldHandle } from \"../../../types/field-handle.js\";\nimport { HoverInfo } from \"../../hover-info.js\";\nimport { IconPlus } from \"../../internal/icons.js\";\nimport { Badge } from \"../../ui/badge.js\";\nimport { Button } from \"../../ui/button.js\";\nimport { Input } from \"../../ui/input.js\";\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../../ui/select.js\";\nimport { FieldSectionEnumeration } from \"../field-section-enumeration.js\";\n\n// Use a loose type for internal manipulation since the discriminated union\n// is strict about property/operator/value combinations.\ntype Condition = {\n  field_name: string;\n  property: string;\n  operator: string;\n  value: unknown;\n};\n\nconst OPERATORS_BY_TYPE: Record<RecordFieldType, ConditionOperators[]> = {\n  string: [\"eq\", \"neq\", \"contains\"],\n  number: [\"eq\", \"neq\", \"gt\", \"gte\", \"lt\", \"lte\"],\n  boolean: [\"eq\", \"neq\"],\n  json: [],\n  unknown: [],\n};\n\nconst EMPTY_CONDITION: Condition = {\n  field_name: \"\",\n  property: \"value\",\n  operator: \"eq\",\n  value: \"\",\n};\n\nconst CONNECTOR_GAP = 32;\n\ntype MetaField = {\n  fieldName: string;\n  fieldLabel: string;\n  type: RecordFieldType;\n  format: string | null;\n};\n\nfunction ConditionRow({\n  condition,\n  index,\n  eligibleFields,\n  fieldsByName,\n  isFirst,\n  isLast,\n  logic,\n  form,\n  basePath,\n  onUpdate,\n  onRemove,\n  onAddCondition,\n  onLogicChange,\n}: {\n  condition: Condition;\n  index: number;\n  eligibleFields: MetaField[];\n  fieldsByName: ReadonlyMap<string, MetaField>;\n  isFirst: boolean;\n  isLast: boolean;\n  logic: PipeTrigger[\"when\"][\"logic\"];\n  form: UseFormReturn<any>;\n  basePath: string;\n  onUpdate: (index: number, condition: Condition) => void;\n  onRemove: (index: number) => void;\n  onAddCondition: () => void;\n  onLogicChange: (logic: PipeTrigger[\"when\"][\"logic\"]) => void;\n}) {\n  const conditionPath = `${basePath}.when.conditions.${index}`;\n  const valueError = useFieldError(form, `${conditionPath}.value`);\n  const fieldNameError = useFieldError(form, `${conditionPath}.field_name`);\n  const operatorError = useFieldError(form, `${conditionPath}.operator`);\n  const propertyError = useFieldError(form, `${conditionPath}.property`);\n\n  const showConnector = !(isFirst && isLast);\n  const hasEligibleFields = eligibleFields.length > 0;\n  const selectedField = condition.field_name ? fieldsByName.get(condition.field_name) : undefined;\n\n  const availableOperators = useMemo(() => {\n    if (condition.property === \"status\") {\n      return TRIGGER_STATUS_OPERATORS.map((op) => ({\n        value: op,\n        label: TRIGGER_OPERATOR_LABELS[op],\n      }));\n    }\n    if (!selectedField?.type) return [];\n    return TRIGGER_VALUE_OPERATORS.map((op) => ({\n      value: op,\n      label: TRIGGER_OPERATOR_LABELS[op],\n    })).filter((op) => OPERATORS_BY_TYPE[selectedField.type].includes(op.value));\n  }, [condition.property, selectedField]);\n\n  const renderValueInput = () => {\n    if (!condition.field_name || !selectedField) {\n      return <Input className=\"pz:w-32\" placeholder=\"\" disabled aria-invalid={!!valueError} />;\n    }\n\n    if (condition.property === \"status\") {\n      return (\n        <Select\n          value={String(condition.value) || undefined}\n          onValueChange={(v) => onUpdate(index, { ...condition, value: v })}\n        >\n          <SelectTrigger className=\"pz:w-32\" aria-invalid={!!valueError}>\n            <SelectValue placeholder=\"--status--\" />\n          </SelectTrigger>\n          <SelectContent>\n            <SelectItem value=\"completed\">completed</SelectItem>\n            <SelectItem value=\"skipped\">skipped</SelectItem>\n            <SelectItem value=\"failed\">failed</SelectItem>\n            <SelectItem value=\"no_result\">no_result</SelectItem>\n          </SelectContent>\n        </Select>\n      );\n    }\n\n    if (selectedField.type === \"boolean\") {\n      return (\n        <Select\n          value={String(condition.value)}\n          onValueChange={(v) => onUpdate(index, { ...condition, value: v })}\n        >\n          <SelectTrigger className=\"pz:w-24\" aria-invalid={!!valueError}>\n            <SelectValue />\n          </SelectTrigger>\n          <SelectContent>\n            <SelectItem value=\"true\">true</SelectItem>\n            <SelectItem value=\"false\">false</SelectItem>\n          </SelectContent>\n        </Select>\n      );\n    }\n\n    if (selectedField.type === \"number\") {\n      return (\n        <Input\n          type=\"number\"\n          className=\"pz:w-32\"\n          aria-invalid={!!valueError}\n          value={String(Number(condition.value ?? 0))}\n          onChange={(e) =>\n            onUpdate(index, {\n              ...condition,\n              value: Number(e.target.value) || 0,\n            })\n          }\n          placeholder=\"\"\n        />\n      );\n    }\n\n    return (\n      <Input\n        className=\"pz:w-32\"\n        aria-invalid={!!valueError}\n        value={String(condition.value ?? \"\")}\n        onChange={(e) => onUpdate(index, { ...condition, value: e.target.value })}\n        placeholder=\"\"\n      />\n    );\n  };\n\n  const errorMessage = valueError || fieldNameError || operatorError || propertyError;\n\n  return (\n    <div>\n      <div className={cn(\"pz:relative\", showConnector && \"pz:pl-17\")}>\n        {showConnector && (\n          <>\n            {isFirst ? (\n              <div\n                className=\"pz:absolute pz:left-7 pz:w-10 pz:border-l-2 pz:border-t-2 pz:border-input pz:rounded-tl-lg pz:pointer-events-none\"\n                style={{ top: \"50%\", bottom: -CONNECTOR_GAP }}\n              />\n            ) : (\n              <div\n                className=\"pz:absolute pz:left-7 pz:w-10 pz:border-l-2 pz:border-b-2 pz:border-input pz:rounded-bl-lg pz:pointer-events-none\"\n                style={{ top: -CONNECTOR_GAP, bottom: \"50%\" }}\n              />\n            )}\n            {!isFirst && !isLast && (\n              <div\n                className=\"pz:absolute pz:left-7 pz:border-l-2 pz:border-input pz:pointer-events-none\"\n                style={{ top: \"50%\", bottom: -CONNECTOR_GAP }}\n              />\n            )}\n            {!isFirst && (\n              <div\n                className=\"pz:absolute pz:left-7 pz:z-10\"\n                style={{\n                  top: -CONNECTOR_GAP / 2,\n                  transform: \"translate(-50%, -50%)\",\n                }}\n              >\n                <Select value={logic} onValueChange={(v) => onLogicChange(v as \"and\" | \"or\")}>\n                  <SelectTrigger className=\"pz:w-17 pz:h-6 pz:text-xs pz:bg-background pz:hover:bg-accent\">\n                    <SelectValue />\n                  </SelectTrigger>\n                  <SelectContent>\n                    <SelectGroup>\n                      <SelectItem value=\"and\">AND</SelectItem>\n                      <SelectItem value=\"or\">OR</SelectItem>\n                    </SelectGroup>\n                  </SelectContent>\n                </Select>\n              </div>\n            )}\n          </>\n        )}\n        <div className=\"pz:flex pz:flex-wrap pz:items-center pz:gap-2\">\n          <FieldSectionEnumeration index={index} onRemove={onRemove} />\n          <Select\n            value={condition.field_name || undefined}\n            disabled={!hasEligibleFields}\n            onValueChange={(v) => {\n              if (v === null) return;\n              onUpdate(index, {\n                ...condition,\n                field_name: v,\n                operator: \"eq\",\n                value: \"\",\n              });\n            }}\n          >\n            <SelectTrigger className=\"pz:w-40\" aria-invalid={!!fieldNameError}>\n              <SelectValue placeholder=\"Select field\" />\n            </SelectTrigger>\n            <SelectContent>\n              {eligibleFields.map((f) => (\n                <SelectItem key={f.fieldName} value={f.fieldName}>\n                  {f.fieldLabel || f.fieldName}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n          {!hasEligibleFields && (\n            <span className=\"pz:text-xs pz:text-muted-foreground\">\n              No fields available{\" \"}\n              <HoverInfo>Conditions require plain fields. JSON fields are not allowed.</HoverInfo>\n            </span>\n          )}\n\n          {selectedField?.type && (\n            <>\n              <Badge\n                variant=\"secondary\"\n                className=\"pz:bg-accent pz:border pz:border-input pz:font-normal pz:text-muted-foreground pz:h-8\"\n              >\n                &apos;s\n              </Badge>\n              <Select\n                defaultValue=\"value\"\n                value={condition.property}\n                onValueChange={(v) => {\n                  if (v === null) return;\n                  onUpdate(index, {\n                    ...condition,\n                    property: v,\n                    operator: \"eq\",\n                    value: \"\",\n                  });\n                }}\n              >\n                <SelectTrigger className=\"pz:w-28\" aria-invalid={!!propertyError}>\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value=\"value\">value</SelectItem>\n                  <SelectItem value=\"status\">status</SelectItem>\n                </SelectContent>\n              </Select>\n\n              <Select\n                value={condition.operator}\n                onValueChange={(v) =>\n                  onUpdate(index, {\n                    ...condition,\n                    operator: v as ConditionOperators,\n                  })\n                }\n              >\n                <SelectTrigger className=\"pz:w-28\" aria-invalid={!!operatorError}>\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  {availableOperators.map((op) => (\n                    <SelectItem key={op.value} value={op.value}>\n                      {op.label}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n\n              {renderValueInput()}\n            </>\n          )}\n        </div>\n        {errorMessage && (\n          <span\n            className=\"pz:text-destructive pz:text-xs pz:font-medium pz:mt-1 pz:block\"\n            role=\"alert\"\n          >\n            {errorMessage}\n          </span>\n        )}\n      </div>\n      {isLast && (\n        <div className=\"pz:flex pz:items-center pz:gap-2\">\n          <Button type=\"button\" variant=\"link\" size=\"xs\" onClick={onAddCondition}>\n            <IconPlus />\n            New rule\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function PipesTriggerInputAdapter(field: FieldHandle<\"pipes_trigger_input\">) {\n  const pipeTrigger = field.value as PipeTrigger | null;\n  const meta = field.meta as PipesTriggerMeta;\n\n  // Built once per render of the adapter and reused across every condition\n  // row, instead of each row scanning `meta.fields` linearly. With N rows and\n  // M fields this turns O(N·M) lookups into O(N+M).\n  const eligibleFields = useMemo(\n    () => meta.fields.filter((f) => OPERATORS_BY_TYPE[f.type].length > 0),\n    [meta.fields],\n  );\n  const fieldsByName = useMemo(\n    () => new Map(meta.fields.map((f) => [f.fieldName, f])),\n    [meta.fields],\n  );\n\n  const addTrigger = useCallback(() => {\n    field.setValue({\n      action: \"run\",\n      when: {\n        logic: \"and\",\n        conditions: [{ ...EMPTY_CONDITION }],\n      },\n    });\n  }, [field]);\n\n  const updateCondition = (index: number, condition: Condition) => {\n    if (!pipeTrigger) return;\n    const newConditions = [...pipeTrigger.when.conditions] as Condition[];\n    newConditions[index] = condition;\n    field.setValue({\n      ...pipeTrigger,\n      when: { ...pipeTrigger.when, conditions: newConditions },\n    });\n  };\n\n  const removeCondition = (index: number) => {\n    if (!pipeTrigger) return;\n    if (pipeTrigger.when.conditions.length <= 1) {\n      field.setValue(null);\n      return;\n    }\n    const newConditions = pipeTrigger.when.conditions.filter((_, i) => i !== index);\n    field.setValue({\n      ...pipeTrigger,\n      when: { ...pipeTrigger.when, conditions: newConditions },\n    });\n  };\n\n  const addCondition = () => {\n    if (!pipeTrigger) return;\n    field.setValue({\n      ...pipeTrigger,\n      when: {\n        ...pipeTrigger.when,\n        conditions: [...pipeTrigger.when.conditions, { ...EMPTY_CONDITION }],\n      },\n    });\n  };\n\n  const changeLogic = (logic: \"and\" | \"or\") => {\n    if (!pipeTrigger) return;\n    field.setValue({\n      ...pipeTrigger,\n      when: { ...pipeTrigger.when, logic },\n    });\n  };\n\n  return (\n    <div data-p0=\"input\">\n      {!pipeTrigger ? (\n        <div className=\"pz:flex pz:items-center\">\n          <Button type=\"button\" variant=\"link\" size=\"xs\" className=\"pz:px-0\" onClick={addTrigger}>\n            <IconPlus />\n            New rule\n          </Button>\n        </div>\n      ) : (\n        <div className=\"pz:flex pz:flex-col pz:gap-8\">\n          {pipeTrigger.when.conditions.map((condition, idx) => (\n            <ConditionRow\n              key={idx}\n              condition={condition}\n              index={idx}\n              eligibleFields={eligibleFields}\n              fieldsByName={fieldsByName}\n              isFirst={idx === 0}\n              isLast={idx === pipeTrigger.when.conditions.length - 1}\n              logic={pipeTrigger.when.logic}\n              form={field.form}\n              basePath={field.path}\n              onUpdate={updateCondition}\n              onRemove={removeCondition}\n              onAddCondition={addCondition}\n              onLogicChange={changeLogic}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/defaults/layout/submit-button.d.mts

@@ -1,9 +0,0 @@
-import { useRender } from "@base-ui/react/use-render";
-
-//#region src/components/defaults/layout/submit-button.d.ts
-interface DefaultSubmitButtonProps extends useRender.ComponentProps<"button"> {
-  isSubmitting: boolean;
-}
-//#endregion
-export { DefaultSubmitButtonProps };
-//# sourceMappingURL=submit-button.d.mts.map

package/dist/components/defaults/layout/submit-button.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"submit-button.d.mts","names":[],"sources":["../../../../src/components/defaults/layout/submit-button.tsx"],"mappings":";;;UAKiB,wBAAA,SAAiC,SAAA,CAAU,cAAA;EAC1D,YAAA;AAAA"}

package/dist/components/defaults/layout/submit-button.mjs

@@ -1,23 +0,0 @@
-import { cn } from "../../../lib/utils.mjs";
-import { buttonVariants } from "../../ui/button.mjs";
-import { mergeProps } from "@base-ui/react/merge-props";
-import { useRender } from "@base-ui/react/use-render";
-
-//#region src/components/defaults/layout/submit-button.tsx
-function DefaultSubmitButton({ isSubmitting, className, children, render, ...props }) {
-	return useRender({
-		defaultTagName: "button",
-		render,
-		props: mergeProps({
-			type: "submit",
-			disabled: isSubmitting,
-			className: cn(buttonVariants({}), "pz:mt-4", className),
-			children: children ?? (isSubmitting ? "Submitting..." : "Submit"),
-			"data-p0": "submit"
-		}, props)
-	});
-}
-
-//#endregion
-export { DefaultSubmitButton };
-//# sourceMappingURL=submit-button.mjs.map

package/dist/components/defaults/layout/submit-button.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"submit-button.mjs","names":[],"sources":["../../../../src/components/defaults/layout/submit-button.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { buttonVariants } from \"../../ui/button.js\";\n\nexport interface DefaultSubmitButtonProps extends useRender.ComponentProps<\"button\"> {\n  isSubmitting: boolean;\n}\n\nexport function DefaultSubmitButton({\n  isSubmitting,\n  className,\n  children,\n  render,\n  ...props\n}: DefaultSubmitButtonProps) {\n  return useRender({\n    defaultTagName: \"button\",\n    render,\n    props: mergeProps<\"button\">(\n      {\n        type: \"submit\",\n        disabled: isSubmitting,\n        className: cn(buttonVariants({}), \"pz:mt-4\", className),\n        children: children ?? (isSubmitting ? \"Submitting...\" : \"Submit\"),\n        ...({ \"data-p0\": \"submit\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n}\n"],"mappings":";;;;;;AASA,SAAgB,oBAAoB,EAClC,cACA,WACA,UACA,QACA,GAAG,SACwB;AAC3B,QAAO,UAAU;EACf,gBAAgB;EAChB;EACA,OAAO,WACL;GACE,MAAM;GACN,UAAU;GACV,WAAW,GAAG,eAAe,EAAE,CAAC,EAAE,WAAW,UAAU;GACvD,UAAU,aAAa,eAAe,kBAAkB;GAClD,WAAW;GAClB,EACD,MACD;EACF,CAAC"}

package/dist/components/defaults/toggle-advanced-button.mjs

@@ -1,29 +0,0 @@
-import { cn } from "../../lib/utils.mjs";
-import { Button } from "../ui/button.mjs";
-import { IconChevronDown } from "../internal/icons.mjs";
-import { useDisclosure } from "../../hooks/use-disclosure.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/defaults/toggle-advanced-button.tsx
-function ToggleAdvancedButton({ className, children, onClick, ...rest }) {
-	const { open, onOpenChange } = useDisclosure();
-	return /* @__PURE__ */ jsxs(Button, {
-		type: "button",
-		variant: "link",
-		size: "xs",
-		onClick: (e) => {
-			onClick?.(e);
-			onOpenChange(!open);
-		},
-		className: cn(className),
-		...rest,
-		children: [children, /* @__PURE__ */ jsx(IconChevronDown, { style: {
-			transform: open ? "rotate(180deg)" : "rotate(0deg)",
-			transition: "transform 0.2s ease"
-		} })]
-	});
-}
-
-//#endregion
-export { ToggleAdvancedButton };
-//# sourceMappingURL=toggle-advanced-button.mjs.map

package/dist/components/defaults/toggle-advanced-button.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle-advanced-button.mjs","names":[],"sources":["../../../src/components/defaults/toggle-advanced-button.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { useDisclosure } from \"../../hooks/use-disclosure\";\nimport { cn } from \"../../lib/utils\";\nimport { IconChevronDown } from \"../internal/icons\";\nimport { Button } from \"../ui/button\";\n\ninterface ToggleAdvancedButtonProps extends ComponentProps<typeof Button> {}\n\nexport function ToggleAdvancedButton({\n  className,\n  children,\n  onClick,\n  ...rest\n}: ToggleAdvancedButtonProps) {\n  const { open, onOpenChange } = useDisclosure();\n\n  return (\n    <Button\n      type=\"button\"\n      variant=\"link\"\n      size=\"xs\"\n      onClick={(e) => {\n        onClick?.(e);\n        onOpenChange(!open);\n      }}\n      className={cn(className)}\n      {...rest}\n    >\n      {children}\n      <IconChevronDown\n        style={{\n          transform: open ? \"rotate(180deg)\" : \"rotate(0deg)\",\n          transition: \"transform 0.2s ease\",\n        }}\n      />\n    </Button>\n  );\n}\n"],"mappings":";;;;;;;AAQA,SAAgB,qBAAqB,EACnC,WACA,UACA,SACA,GAAG,QACyB;CAC5B,MAAM,EAAE,MAAM,iBAAiB,eAAe;AAE9C,QACE,qBAAC,QAAD;EACE,MAAK;EACL,SAAQ;EACR,MAAK;EACL,UAAU,MAAM;AACd,aAAU,EAAE;AACZ,gBAAa,CAAC,KAAK;;EAErB,WAAW,GAAG,UAAU;EACxB,GAAI;YATN,CAWG,UACD,oBAAC,iBAAD,EACE,OAAO;GACL,WAAW,OAAO,mBAAmB;GACrC,YAAY;GACb,EACD,EACK"}

package/dist/components/ui/input-group.mjs

@@ -1,30 +0,0 @@
-import "../../lib/utils.mjs";
-import "./button.mjs";
-import "./input.mjs";
-import "./textarea.mjs";
-import { jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-
-//#region src/components/ui/input-group.tsx
-const inputGroupAddonVariants = cva("pz:flex pz:h-auto pz:cursor-text pz:items-center pz:justify-center pz:gap-2 pz:py-1.5 pz:text-sm pz:font-medium pz:text-muted-foreground pz:select-none pz:group-data-[disabled=true]/input-group:opacity-50 pz:[&>kbd]:rounded-[calc(var(--p0-radius)-5px)] pz:[&>svg:not([class*=size-])]:size-4", {
-	variants: { align: {
-		"inline-start": "pz:order-first pz:pl-2 pz:has-[>button]:ml-[-0.3rem] pz:has-[>kbd]:ml-[-0.15rem]",
-		"inline-end": "pz:order-last pz:pr-2 pz:has-[>button]:mr-[-0.3rem] pz:has-[>kbd]:mr-[-0.15rem]",
-		"block-start": "pz:order-first pz:w-full pz:justify-start pz:px-2.5 pz:pt-2 pz:group-has-[>input]/input-group:pt-2 pz:[.border-b]:pb-2",
-		"block-end": "pz:order-last pz:w-full pz:justify-start pz:px-2.5 pz:pb-2 pz:group-has-[>input]/input-group:pb-2 pz:[.border-t]:pt-2"
-	} },
-	defaultVariants: { align: "inline-start" }
-});
-const inputGroupButtonVariants = cva("pz:flex pz:items-center pz:gap-2 pz:text-sm pz:shadow-none", {
-	variants: { size: {
-		xs: "pz:h-6 pz:gap-1 pz:rounded-[calc(var(--p0-radius)-3px)] pz:px-1.5 pz:[&>svg:not([class*=size-])]:size-3.5",
-		sm: "pz:",
-		"icon-xs": "pz:size-6 pz:rounded-[calc(var(--p0-radius)-3px)] pz:p-0 pz:has-[>svg]:p-0",
-		"icon-sm": "pz:size-8 pz:p-0 pz:has-[>svg]:p-0"
-	} },
-	defaultVariants: { size: "xs" }
-});
-
-//#endregion
-export {  };
-//# sourceMappingURL=input-group.mjs.map

package/dist/components/ui/input-group.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-group.mjs","names":[],"sources":["../../../src/components/ui/input-group.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"./button\";\nimport { Input } from \"./input\";\nimport { Textarea } from \"./textarea\";\n\nfunction InputGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"input-group\"\n      role=\"group\"\n      className={cn(\n        \"pz:group/input-group pz:relative pz:flex pz:h-8 pz:w-full pz:min-w-0 pz:items-center pz:rounded-lg pz:border pz:border-input pz:transition-colors pz:outline-none pz:in-data-[slot=combobox-content]:focus-within:border-inherit pz:in-data-[slot=combobox-content]:focus-within:ring-0 pz:has-disabled:bg-input/50 pz:has-disabled:opacity-50 pz:has-[[data-slot=input-group-control]:focus-visible]:border-ring pz:has-[[data-slot=input-group-control]:focus-visible]:ring-3 pz:has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 pz:has-[[data-slot][aria-invalid=true]]:border-destructive pz:has-[[data-slot][aria-invalid=true]]:ring-3 pz:has-[[data-slot][aria-invalid=true]]:ring-destructive/20 pz:has-[>[data-align=block-end]]:h-auto pz:has-[>[data-align=block-end]]:flex-col pz:has-[>[data-align=block-start]]:h-auto pz:has-[>[data-align=block-start]]:flex-col pz:has-[>textarea]:h-auto pz:dark:bg-input/30 pz:dark:has-disabled:bg-input/80 pz:dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 pz:has-[>[data-align=block-end]]:[&>input]:pt-3 pz:has-[>[data-align=block-start]]:[&>input]:pb-3 pz:has-[>[data-align=inline-end]]:[&>input]:pr-1.5 pz:has-[>[data-align=inline-start]]:[&>input]:pl-1.5\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nconst inputGroupAddonVariants = cva(\n  \"pz:flex pz:h-auto pz:cursor-text pz:items-center pz:justify-center pz:gap-2 pz:py-1.5 pz:text-sm pz:font-medium pz:text-muted-foreground pz:select-none pz:group-data-[disabled=true]/input-group:opacity-50 pz:[&>kbd]:rounded-[calc(var(--p0-radius)-5px)] pz:[&>svg:not([class*=size-])]:size-4\",\n  {\n    variants: {\n      align: {\n        \"inline-start\":\n          \"pz:order-first pz:pl-2 pz:has-[>button]:ml-[-0.3rem] pz:has-[>kbd]:ml-[-0.15rem]\",\n        \"inline-end\":\n          \"pz:order-last pz:pr-2 pz:has-[>button]:mr-[-0.3rem] pz:has-[>kbd]:mr-[-0.15rem]\",\n        \"block-start\":\n          \"pz:order-first pz:w-full pz:justify-start pz:px-2.5 pz:pt-2 pz:group-has-[>input]/input-group:pt-2 pz:[.border-b]:pb-2\",\n        \"block-end\":\n          \"pz:order-last pz:w-full pz:justify-start pz:px-2.5 pz:pb-2 pz:group-has-[>input]/input-group:pb-2 pz:[.border-t]:pt-2\",\n      },\n    },\n    defaultVariants: {\n      align: \"inline-start\",\n    },\n  },\n);\n\nfunction InputGroupAddon({\n  className,\n  align = \"inline-start\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof inputGroupAddonVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      className={cn(inputGroupAddonVariants({ align }), className)}\n      onClick={(e) => {\n        if ((e.target as HTMLElement).closest(\"button\")) {\n          return;\n        }\n        e.currentTarget.parentElement?.querySelector(\"input\")?.focus();\n      }}\n      {...props}\n    />\n  );\n}\n\nconst inputGroupButtonVariants = cva(\"pz:flex pz:items-center pz:gap-2 pz:text-sm pz:shadow-none\", {\n  variants: {\n    size: {\n      xs: \"pz:h-6 pz:gap-1 pz:rounded-[calc(var(--p0-radius)-3px)] pz:px-1.5 pz:[&>svg:not([class*=size-])]:size-3.5\",\n      sm: \"pz:\",\n      \"icon-xs\": \"pz:size-6 pz:rounded-[calc(var(--p0-radius)-3px)] pz:p-0 pz:has-[>svg]:p-0\",\n      \"icon-sm\": \"pz:size-8 pz:p-0 pz:has-[>svg]:p-0\",\n    },\n  },\n  defaultVariants: {\n    size: \"xs\",\n  },\n});\n\nfunction InputGroupButton({\n  className,\n  type = \"button\",\n  variant = \"ghost\",\n  size = \"xs\",\n  ...props\n}: Omit<React.ComponentProps<typeof Button>, \"size\" | \"type\"> &\n  VariantProps<typeof inputGroupButtonVariants> & {\n    type?: \"button\" | \"submit\" | \"reset\";\n  }) {\n  return (\n    <Button\n      type={type}\n      data-size={size}\n      variant={variant}\n      className={cn(inputGroupButtonVariants({ size }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupText({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      className={cn(\n        \"pz:flex pz:items-center pz:gap-2 pz:text-sm pz:text-muted-foreground pz:[&_svg]:pointer-events-none pz:[&_svg:not([class*=size-])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupInput({ className, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <Input\n      data-slot=\"input-group-control\"\n      className={cn(\n        \"pz:flex-1 pz:rounded-none pz:border-0 pz:bg-transparent pz:shadow-none pz:ring-0 pz:focus-visible:ring-0 pz:disabled:bg-transparent pz:aria-invalid:ring-0 pz:dark:bg-transparent pz:dark:disabled:bg-transparent\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction InputGroupTextarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <Textarea\n      data-slot=\"input-group-control\"\n      className={cn(\n        \"pz:flex-1 pz:resize-none pz:rounded-none pz:border-0 pz:bg-transparent pz:py-2 pz:shadow-none pz:ring-0 pz:focus-visible:ring-0 pz:disabled:bg-transparent pz:aria-invalid:ring-0 pz:dark:bg-transparent pz:dark:disabled:bg-transparent\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n  InputGroupText,\n  InputGroupTextarea,\n};\n"],"mappings":";;;;;;;;AAsBA,MAAM,0BAA0B,IAC9B,sSACA;CACE,UAAU,EACR,OAAO;EACL,gBACE;EACF,cACE;EACF,eACE;EACF,aACE;EACH,EACF;CACD,iBAAiB,EACf,OAAO,gBACR;CACF,CACF;AAwBD,MAAM,2BAA2B,IAAI,8DAA8D;CACjG,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,WAAW;EACX,WAAW;EACZ,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}

package/dist/context/form-customization-context.d.mts

@@ -1,71 +0,0 @@
-import { GroupMap, PathMap, SectionMap } from "../types/form-customization.mjs";
-import { Dispatch, PropsWithChildren } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import { SectionKeys } from "@pipe0/base";
-
-//#region src/context/form-customization-context.d.ts
-interface FormCustomizationState {
-  sectionMap: SectionMap;
-  groupMap: GroupMap;
-  pathMap: PathMap;
-}
-type FormCustomizationAction = {
-  type: "SET_SECTION_MAP";
-  payload: SectionMap;
-} | {
-  type: "SET_GROUP_MAP";
-  payload: GroupMap;
-} | {
-  type: "SET_PATH_MAP";
-  payload: PathMap;
-} | {
-  type: "MERGE_SECTION_MAP";
-  payload: SectionMap;
-} | {
-  type: "MERGE_GROUP_MAP";
-  payload: GroupMap;
-} | {
-  type: "MERGE_PATH_MAP";
-  payload: PathMap;
-} | {
-  type: "HIDE_SECTION";
-  payload: SectionKeys;
-} | {
-  type: "SHOW_SECTION";
-  payload: SectionKeys;
-} | {
-  type: "HIDE_GROUP";
-  payload: string;
-} | {
-  type: "SHOW_GROUP";
-  payload: string;
-} | {
-  type: "HIDE_FIELD";
-  payload: string;
-} | {
-  type: "SHOW_FIELD";
-  payload: string;
-};
-interface FormCustomizationProviderProps {
-  sectionMap?: SectionMap;
-  groupMap?: GroupMap;
-  pathMap?: PathMap;
-}
-/**
- * The `sectionMap` / `groupMap` / `pathMap` props seed the reducer **once**
- * on mount. To swap maps after mount, either dispatch (`SET_*` / `MERGE_*`),
- * or remount the provider with a different `key`. We deliberately don't
- * sync prop changes into the reducer — doing so silently overwrote
- * dispatched mutations whenever a parent re-rendered with a fresh map
- * literal.
- */
-declare function FormCustomizationProvider({
-  children,
-  sectionMap,
-  groupMap,
-  pathMap
-}: PropsWithChildren<FormCustomizationProviderProps>): _$react_jsx_runtime0.JSX.Element;
-declare function useFormCustomization(): readonly [FormCustomizationState, Dispatch<FormCustomizationAction>];
-//#endregion
-export { FormCustomizationAction, FormCustomizationProvider, FormCustomizationState, useFormCustomization };
-//# sourceMappingURL=form-customization-context.d.mts.map

package/dist/context/form-customization-context.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-customization-context.d.mts","names":[],"sources":["../../src/context/form-customization-context.tsx"],"mappings":";;;;;;UAWiB,sBAAA;EACf,UAAA,EAAY,UAAA;EACZ,QAAA,EAAU,QAAA;EACV,OAAA,EAAS,OAAA;AAAA;AAAA,KAGC,uBAAA;EACN,IAAA;EAAyB,OAAA,EAAS,UAAA;AAAA;EAClC,IAAA;EAAuB,OAAA,EAAS,QAAA;AAAA;EAChC,IAAA;EAAsB,OAAA,EAAS,OAAA;AAAA;EAC/B,IAAA;EAA2B,OAAA,EAAS,UAAA;AAAA;EACpC,IAAA;EAAyB,OAAA,EAAS,QAAA;AAAA;EAClC,IAAA;EAAwB,OAAA,EAAS,OAAA;AAAA;EACjC,IAAA;EAAsB,OAAA,EAAS,WAAA;AAAA;EAC/B,IAAA;EAAsB,OAAA,EAAS,WAAA;AAAA;EAC/B,IAAA;EAAoB,OAAA;AAAA;EACpB,IAAA;EAAoB,OAAA;AAAA;EACpB,IAAA;EAAoB,OAAA;AAAA;EACpB,IAAA;EAAoB,OAAA;AAAA;AAAA,UA0DT,8BAAA;EACf,UAAA,GAAa,UAAA;EACb,QAAA,GAAW,QAAA;EACX,OAAA,GAAU,OAAA;AAAA;;;;;;;;;iBAWI,yBAAA,CAAA;EACd,QAAA;EACA,UAAA;EACA,QAAA;EACA;AAAA,GACC,iBAAA,CAAkB,8BAAA,IAA+B,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAapC,oBAAA,CAAA,aAAoB,sBAAA,EAAA,QAAA,CAAA,uBAAA"}

package/dist/context/form-customization-context.mjs

@@ -1,114 +0,0 @@
-import { createContext, useContext, useMemo, useReducer } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/context/form-customization-context.tsx
-const FormCustomizationContext = createContext(void 0);
-function reducer(state, action) {
-	switch (action.type) {
-		case "SET_SECTION_MAP": return {
-			...state,
-			sectionMap: action.payload
-		};
-		case "SET_GROUP_MAP": return {
-			...state,
-			groupMap: action.payload
-		};
-		case "SET_PATH_MAP": return {
-			...state,
-			pathMap: action.payload
-		};
-		case "MERGE_SECTION_MAP": return {
-			...state,
-			sectionMap: {
-				...state.sectionMap,
-				...action.payload
-			}
-		};
-		case "MERGE_GROUP_MAP": return {
-			...state,
-			groupMap: {
-				...state.groupMap,
-				...action.payload
-			}
-		};
-		case "MERGE_PATH_MAP": return {
-			...state,
-			pathMap: {
-				...state.pathMap,
-				...action.payload
-			}
-		};
-		case "HIDE_SECTION": return {
-			...state,
-			sectionMap: {
-				...state.sectionMap,
-				[action.payload]: null
-			}
-		};
-		case "SHOW_SECTION": {
-			const { [action.payload]: _, ...rest } = state.sectionMap;
-			return {
-				...state,
-				sectionMap: rest
-			};
-		}
-		case "HIDE_GROUP": return {
-			...state,
-			groupMap: {
-				...state.groupMap,
-				[action.payload]: null
-			}
-		};
-		case "SHOW_GROUP": {
-			const { [action.payload]: _, ...rest } = state.groupMap;
-			return {
-				...state,
-				groupMap: rest
-			};
-		}
-		case "HIDE_FIELD": return {
-			...state,
-			pathMap: {
-				...state.pathMap,
-				[action.payload]: null
-			}
-		};
-		case "SHOW_FIELD": {
-			const { [action.payload]: _, ...rest } = state.pathMap;
-			return {
-				...state,
-				pathMap: rest
-			};
-		}
-		default: throw new Error("Unknown action in FormCustomizationContext");
-	}
-}
-/**
-* The `sectionMap` / `groupMap` / `pathMap` props seed the reducer **once**
-* on mount. To swap maps after mount, either dispatch (`SET_*` / `MERGE_*`),
-* or remount the provider with a different `key`. We deliberately don't
-* sync prop changes into the reducer — doing so silently overwrote
-* dispatched mutations whenever a parent re-rendered with a fresh map
-* literal.
-*/
-function FormCustomizationProvider({ children, sectionMap, groupMap, pathMap }) {
-	const [state, dispatch] = useReducer(reducer, void 0, () => ({
-		sectionMap: sectionMap ?? {},
-		groupMap: groupMap ?? {},
-		pathMap: pathMap ?? {}
-	}));
-	const value = useMemo(() => [state, dispatch], [state]);
-	return /* @__PURE__ */ jsx(FormCustomizationContext.Provider, {
-		value,
-		children
-	});
-}
-function useFormCustomization() {
-	const value = useContext(FormCustomizationContext);
-	if (value == null) throw new Error("useFormCustomization must be used within FormCustomizationProvider");
-	return value;
-}
-
-//#endregion
-export { FormCustomizationProvider, useFormCustomization };
-//# sourceMappingURL=form-customization-context.mjs.map

package/dist/context/form-customization-context.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-customization-context.mjs","names":[],"sources":["../../src/context/form-customization-context.tsx"],"sourcesContent":["import type { SectionKeys } from \"@pipe0/base\";\nimport {\n  createContext,\n  type Dispatch,\n  type PropsWithChildren,\n  useContext,\n  useMemo,\n  useReducer,\n} from \"react\";\nimport type { GroupMap, PathMap, SectionMap } from \"../types/form-customization.js\";\n\nexport interface FormCustomizationState {\n  sectionMap: SectionMap;\n  groupMap: GroupMap;\n  pathMap: PathMap;\n}\n\nexport type FormCustomizationAction =\n  | { type: \"SET_SECTION_MAP\"; payload: SectionMap }\n  | { type: \"SET_GROUP_MAP\"; payload: GroupMap }\n  | { type: \"SET_PATH_MAP\"; payload: PathMap }\n  | { type: \"MERGE_SECTION_MAP\"; payload: SectionMap }\n  | { type: \"MERGE_GROUP_MAP\"; payload: GroupMap }\n  | { type: \"MERGE_PATH_MAP\"; payload: PathMap }\n  | { type: \"HIDE_SECTION\"; payload: SectionKeys }\n  | { type: \"SHOW_SECTION\"; payload: SectionKeys }\n  | { type: \"HIDE_GROUP\"; payload: string }\n  | { type: \"SHOW_GROUP\"; payload: string }\n  | { type: \"HIDE_FIELD\"; payload: string }\n  | { type: \"SHOW_FIELD\"; payload: string };\n\nconst FormCustomizationContext = createContext<\n  readonly [FormCustomizationState, Dispatch<FormCustomizationAction>] | undefined\n>(undefined);\n\nfunction reducer(\n  state: FormCustomizationState,\n  action: FormCustomizationAction,\n): FormCustomizationState {\n  switch (action.type) {\n    case \"SET_SECTION_MAP\":\n      return { ...state, sectionMap: action.payload };\n    case \"SET_GROUP_MAP\":\n      return { ...state, groupMap: action.payload };\n    case \"SET_PATH_MAP\":\n      return { ...state, pathMap: action.payload };\n    case \"MERGE_SECTION_MAP\":\n      return {\n        ...state,\n        sectionMap: { ...state.sectionMap, ...action.payload },\n      };\n    case \"MERGE_GROUP_MAP\":\n      return { ...state, groupMap: { ...state.groupMap, ...action.payload } };\n    case \"MERGE_PATH_MAP\":\n      return { ...state, pathMap: { ...state.pathMap, ...action.payload } };\n    case \"HIDE_SECTION\":\n      return {\n        ...state,\n        sectionMap: { ...state.sectionMap, [action.payload]: null },\n      };\n    case \"SHOW_SECTION\": {\n      const { [action.payload]: _, ...rest } = state.sectionMap;\n      return { ...state, sectionMap: rest };\n    }\n    case \"HIDE_GROUP\":\n      return {\n        ...state,\n        groupMap: { ...state.groupMap, [action.payload]: null },\n      };\n    case \"SHOW_GROUP\": {\n      const { [action.payload]: _, ...rest } = state.groupMap;\n      return { ...state, groupMap: rest };\n    }\n    case \"HIDE_FIELD\":\n      return {\n        ...state,\n        pathMap: { ...state.pathMap, [action.payload]: null },\n      };\n    case \"SHOW_FIELD\": {\n      const { [action.payload]: _, ...rest } = state.pathMap;\n      return { ...state, pathMap: rest };\n    }\n    default:\n      throw new Error(\"Unknown action in FormCustomizationContext\");\n  }\n}\n\nexport interface FormCustomizationProviderProps {\n  sectionMap?: SectionMap;\n  groupMap?: GroupMap;\n  pathMap?: PathMap;\n}\n\n/**\n * The `sectionMap` / `groupMap` / `pathMap` props seed the reducer **once**\n * on mount. To swap maps after mount, either dispatch (`SET_*` / `MERGE_*`),\n * or remount the provider with a different `key`. We deliberately don't\n * sync prop changes into the reducer — doing so silently overwrote\n * dispatched mutations whenever a parent re-rendered with a fresh map\n * literal.\n */\nexport function FormCustomizationProvider({\n  children,\n  sectionMap,\n  groupMap,\n  pathMap,\n}: PropsWithChildren<FormCustomizationProviderProps>) {\n  const [state, dispatch] = useReducer(reducer, undefined, () => ({\n    sectionMap: sectionMap ?? {},\n    groupMap: groupMap ?? {},\n    pathMap: pathMap ?? {},\n  }));\n  const value = useMemo(() => [state, dispatch] as const, [state]);\n\n  return (\n    <FormCustomizationContext.Provider value={value}>{children}</FormCustomizationContext.Provider>\n  );\n}\n\nexport function useFormCustomization() {\n  const value = useContext(FormCustomizationContext);\n  if (value == null)\n    throw new Error(\"useFormCustomization must be used within FormCustomizationProvider\");\n  return value;\n}\n"],"mappings":";;;;AA+BA,MAAM,2BAA2B,cAE/B,OAAU;AAEZ,SAAS,QACP,OACA,QACwB;AACxB,SAAQ,OAAO,MAAf;EACE,KAAK,kBACH,QAAO;GAAE,GAAG;GAAO,YAAY,OAAO;GAAS;EACjD,KAAK,gBACH,QAAO;GAAE,GAAG;GAAO,UAAU,OAAO;GAAS;EAC/C,KAAK,eACH,QAAO;GAAE,GAAG;GAAO,SAAS,OAAO;GAAS;EAC9C,KAAK,oBACH,QAAO;GACL,GAAG;GACH,YAAY;IAAE,GAAG,MAAM;IAAY,GAAG,OAAO;IAAS;GACvD;EACH,KAAK,kBACH,QAAO;GAAE,GAAG;GAAO,UAAU;IAAE,GAAG,MAAM;IAAU,GAAG,OAAO;IAAS;GAAE;EACzE,KAAK,iBACH,QAAO;GAAE,GAAG;GAAO,SAAS;IAAE,GAAG,MAAM;IAAS,GAAG,OAAO;IAAS;GAAE;EACvE,KAAK,eACH,QAAO;GACL,GAAG;GACH,YAAY;IAAE,GAAG,MAAM;KAAa,OAAO,UAAU;IAAM;GAC5D;EACH,KAAK,gBAAgB;GACnB,MAAM,GAAG,OAAO,UAAU,GAAG,GAAG,SAAS,MAAM;AAC/C,UAAO;IAAE,GAAG;IAAO,YAAY;IAAM;;EAEvC,KAAK,aACH,QAAO;GACL,GAAG;GACH,UAAU;IAAE,GAAG,MAAM;KAAW,OAAO,UAAU;IAAM;GACxD;EACH,KAAK,cAAc;GACjB,MAAM,GAAG,OAAO,UAAU,GAAG,GAAG,SAAS,MAAM;AAC/C,UAAO;IAAE,GAAG;IAAO,UAAU;IAAM;;EAErC,KAAK,aACH,QAAO;GACL,GAAG;GACH,SAAS;IAAE,GAAG,MAAM;KAAU,OAAO,UAAU;IAAM;GACtD;EACH,KAAK,cAAc;GACjB,MAAM,GAAG,OAAO,UAAU,GAAG,GAAG,SAAS,MAAM;AAC/C,UAAO;IAAE,GAAG;IAAO,SAAS;IAAM;;EAEpC,QACE,OAAM,IAAI,MAAM,6CAA6C;;;;;;;;;;;AAkBnE,SAAgB,0BAA0B,EACxC,UACA,YACA,UACA,WACoD;CACpD,MAAM,CAAC,OAAO,YAAY,WAAW,SAAS,eAAkB;EAC9D,YAAY,cAAc,EAAE;EAC5B,UAAU,YAAY,EAAE;EACxB,SAAS,WAAW,EAAE;EACvB,EAAE;CACH,MAAM,QAAQ,cAAc,CAAC,OAAO,SAAS,EAAW,CAAC,MAAM,CAAC;AAEhE,QACE,oBAAC,yBAAyB,UAA1B;EAA0C;EAAQ;EAA6C;;AAInG,SAAgB,uBAAuB;CACrC,MAAM,QAAQ,WAAW,yBAAyB;AAClD,KAAI,SAAS,KACX,OAAM,IAAI,MAAM,qEAAqE;AACvF,QAAO"}

package/dist/hooks/use-disclosure.mjs

@@ -1,35 +0,0 @@
-import { useCallback, useState } from "react";
-
-//#region src/hooks/use-disclosure.ts
-function useDisclosure(props = {}) {
-	const { onClose: onCloseProp, onOpen: onOpenProp, isOpen: isOpenProp } = props;
-	const [isOpenState, setIsOpen] = useState(props.defaultIsOpen || false);
-	const isOpen = isOpenProp !== void 0 ? isOpenProp : isOpenState;
-	const isControlled = isOpenProp !== void 0;
-	const onClose = useCallback(() => {
-		if (!isControlled) setIsOpen(false);
-		onCloseProp?.();
-	}, [isControlled, onCloseProp]);
-	const onOpen = useCallback(() => {
-		if (!isControlled) setIsOpen(true);
-		onOpenProp?.();
-	}, [isControlled, onOpenProp]);
-	return {
-		isOpen,
-		open: isOpen,
-		onOpen,
-		onClose,
-		onOpenChange: useCallback((open) => {
-			if (open && !isOpen) onOpen();
-			if (isOpen && !open) onClose();
-		}, [
-			isOpen,
-			onClose,
-			onOpen
-		])
-	};
-}
-
-//#endregion
-export { useDisclosure };
-//# sourceMappingURL=use-disclosure.mjs.map

package/dist/hooks/use-disclosure.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-disclosure.mjs","names":[],"sources":["../../src/hooks/use-disclosure.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nexport interface UseDisclosureProps {\n  isOpen?: boolean;\n  defaultIsOpen?: boolean;\n  onClose?(): void;\n  onOpen?(): void;\n}\n\nexport function useDisclosure(props: UseDisclosureProps = {}) {\n  const { onClose: onCloseProp, onOpen: onOpenProp, isOpen: isOpenProp } = props;\n\n  const [isOpenState, setIsOpen] = useState(props.defaultIsOpen || false);\n\n  const isOpen = isOpenProp !== undefined ? isOpenProp : isOpenState;\n  const isControlled = isOpenProp !== undefined;\n\n  const onClose = useCallback(() => {\n    if (!isControlled) setIsOpen(false);\n    onCloseProp?.();\n  }, [isControlled, onCloseProp]);\n\n  const onOpen = useCallback(() => {\n    if (!isControlled) setIsOpen(true);\n    onOpenProp?.();\n  }, [isControlled, onOpenProp]);\n\n  const onOpenChange = useCallback(\n    (open: boolean) => {\n      if (open && !isOpen) onOpen();\n      if (isOpen && !open) onClose();\n    },\n    [isOpen, onClose, onOpen],\n  );\n\n  return { isOpen, open: isOpen, onOpen, onClose, onOpenChange };\n}\n\nexport type UseDisclosureReturn = ReturnType<typeof useDisclosure>;\n"],"mappings":";;;AASA,SAAgB,cAAc,QAA4B,EAAE,EAAE;CAC5D,MAAM,EAAE,SAAS,aAAa,QAAQ,YAAY,QAAQ,eAAe;CAEzE,MAAM,CAAC,aAAa,aAAa,SAAS,MAAM,iBAAiB,MAAM;CAEvE,MAAM,SAAS,eAAe,SAAY,aAAa;CACvD,MAAM,eAAe,eAAe;CAEpC,MAAM,UAAU,kBAAkB;AAChC,MAAI,CAAC,aAAc,WAAU,MAAM;AACnC,iBAAe;IACd,CAAC,cAAc,YAAY,CAAC;CAE/B,MAAM,SAAS,kBAAkB;AAC/B,MAAI,CAAC,aAAc,WAAU,KAAK;AAClC,gBAAc;IACb,CAAC,cAAc,WAAW,CAAC;AAU9B,QAAO;EAAE;EAAQ,MAAM;EAAQ;EAAQ;EAAS,cAR3B,aAClB,SAAkB;AACjB,OAAI,QAAQ,CAAC,OAAQ,SAAQ;AAC7B,OAAI,UAAU,CAAC,KAAM,UAAS;KAEhC;GAAC;GAAQ;GAAS;GAAO,CAC1B;EAE6D"}