@lattice-php/lattice 0.38.0 → 0.40.0

package/dist/form/components/base/field.d.ts

@@ -1,21 +0,0 @@
-import { LabelAction } from '../../types.js';
-import { ComponentProps, ReactNode } from 'react';
-export type FormFieldControlProps = {
-    id: string;
-    "aria-describedby"?: string;
-    "aria-invalid"?: boolean;
-    "aria-labelledby"?: string;
-    "aria-required"?: boolean;
-};
-type FormFieldFrameProps = Omit<ComponentProps<"div">, "children" | "id"> & {
-    children: (controlProps: FormFieldControlProps) => ReactNode;
-    error?: string;
-    helperText?: string;
-    id: string;
-    label: string;
-    labelAction?: LabelAction;
-    required?: boolean;
-    tooltip?: string;
-};
-export declare function FormFieldFrame({ children, className, error, helperText, id, label, labelAction, required, tooltip, ...props }: FormFieldFrameProps): ReactNode;
-export {};

package/dist/form/components/base/field.js

@@ -1,80 +0,0 @@
-import { cn } from "../../../lib/utils.js";
-import { useInTableCell } from "../../hooks/row-layout-context.js";
-import { InfoTooltip } from "../../../ui/info-tooltip.js";
-import { TextLink } from "../../../ui/link.js";
-import InputError from "../../../ui/input-error.js";
-import { Label } from "../../../ui/label.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/form/components/base/field.tsx
-function FormFieldFrame({ children, className, error, helperText, id, label, labelAction, required, tooltip, ...props }) {
-	const bare = useInTableCell();
-	const labelId = `${id}-label`;
-	const helperTextId = !bare && helperText ? `${id}-helper` : void 0;
-	const errorId = error ? `${id}-error` : void 0;
-	const control = children({
-		id,
-		"aria-describedby": [helperTextId, errorId].filter(Boolean).join(" ") || void 0,
-		"aria-invalid": error ? true : void 0,
-		"aria-labelledby": label ? labelId : void 0,
-		"aria-required": required || void 0
-	});
-	if (bare) return /* @__PURE__ */ jsxs("div", {
-		...props,
-		className: cn("grid gap-1", className),
-		children: [
-			/* @__PURE__ */ jsx(Label, {
-				id: labelId,
-				htmlFor: id,
-				className: "sr-only",
-				children: label
-			}),
-			control,
-			/* @__PURE__ */ jsx(InputError, {
-				id: errorId,
-				message: error
-			})
-		]
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		...props,
-		className: cn("grid gap-2", className),
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex min-h-5 items-center",
-				children: [
-					/* @__PURE__ */ jsx(Label, {
-						id: labelId,
-						htmlFor: id,
-						children: label
-					}),
-					required && /* @__PURE__ */ jsx("span", {
-						"aria-hidden": "true",
-						className: "ml-0.5 text-lt-danger",
-						children: "*"
-					}),
-					/* @__PURE__ */ jsx(InfoTooltip, { content: tooltip }),
-					labelAction && /* @__PURE__ */ jsx(TextLink, {
-						href: labelAction.href,
-						tabIndex: labelAction.tabIndex ?? void 0,
-						className: "ml-auto text-sm",
-						children: labelAction.label
-					})
-				]
-			}),
-			control,
-			helperText && /* @__PURE__ */ jsx("p", {
-				id: helperTextId,
-				className: "text-sm text-lt-muted-fg",
-				children: helperText
-			}),
-			/* @__PURE__ */ jsx(InputError, {
-				id: errorId,
-				message: error
-			})
-		]
-	});
-}
-//#endregion
-export { FormFieldFrame };
-
-//# sourceMappingURL=field.js.map

package/dist/form/components/base/field.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"field.js","names":[],"sources":["../../../../resources/js/form/components/base/field.tsx"],"sourcesContent":["import InputError from \"@lattice-php/lattice/ui/input-error\";\nimport { InfoTooltip } from \"@lattice-php/lattice/ui/info-tooltip\";\nimport { TextLink } from \"@lattice-php/lattice/ui/link\";\nimport { Label } from \"@lattice-php/lattice/ui/label\";\nimport { useInTableCell } from \"@lattice-php/lattice/form/hooks/row-layout-context\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport type { LabelAction } from \"@lattice-php/lattice/form/types\";\nimport type { ComponentProps, ReactNode } from \"react\";\n\nexport type FormFieldControlProps = {\n  id: string;\n  \"aria-describedby\"?: string;\n  \"aria-invalid\"?: boolean;\n  \"aria-labelledby\"?: string;\n  \"aria-required\"?: boolean;\n};\n\ntype FormFieldFrameProps = Omit<ComponentProps<\"div\">, \"children\" | \"id\"> & {\n  children: (controlProps: FormFieldControlProps) => ReactNode;\n  error?: string;\n  helperText?: string;\n  id: string;\n  label: string;\n  labelAction?: LabelAction;\n  required?: boolean;\n  tooltip?: string;\n};\n\nexport function FormFieldFrame({\n  children,\n  className,\n  error,\n  helperText,\n  id,\n  label,\n  labelAction,\n  required,\n  tooltip,\n  ...props\n}: FormFieldFrameProps): ReactNode {\n  const bare = useInTableCell();\n  const labelId = `${id}-label`;\n  const helperTextId = !bare && helperText ? `${id}-helper` : undefined;\n  const errorId = error ? `${id}-error` : undefined;\n  const describedBy = [helperTextId, errorId].filter(Boolean).join(\" \") || undefined;\n  const control = children({\n    id,\n    \"aria-describedby\": describedBy,\n    \"aria-invalid\": error ? true : undefined,\n    \"aria-labelledby\": label ? labelId : undefined,\n    \"aria-required\": required || undefined,\n  });\n\n  if (bare) {\n    return (\n      <div {...props} className={cn(\"grid gap-1\", className)}>\n        <Label id={labelId} htmlFor={id} className=\"sr-only\">\n          {label}\n        </Label>\n        {control}\n        <InputError id={errorId} message={error} />\n      </div>\n    );\n  }\n\n  return (\n    <div {...props} className={cn(\"grid gap-2\", className)}>\n      <div className=\"flex min-h-5 items-center\">\n        <Label id={labelId} htmlFor={id}>\n          {label}\n        </Label>\n        {required && (\n          <span aria-hidden=\"true\" className=\"ml-0.5 text-lt-danger\">\n            *\n          </span>\n        )}\n        <InfoTooltip content={tooltip} />\n        {labelAction && (\n          <TextLink\n            href={labelAction.href}\n            tabIndex={labelAction.tabIndex ?? undefined}\n            className=\"ml-auto text-sm\"\n          >\n            {labelAction.label}\n          </TextLink>\n        )}\n      </div>\n\n      {control}\n\n      {helperText && (\n        <p id={helperTextId} className=\"text-sm text-lt-muted-fg\">\n          {helperText}\n        </p>\n      )}\n\n      <InputError id={errorId} message={error} />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AA4BA,SAAgB,eAAe,EAC7B,UACA,WACA,OACA,YACA,IACA,OACA,aACA,UACA,SACA,GAAG,SAC8B;CACjC,MAAM,OAAO,eAAe;CAC5B,MAAM,UAAU,GAAG,GAAG;CACtB,MAAM,eAAe,CAAC,QAAQ,aAAa,GAAG,GAAG,WAAW,KAAA;CAC5D,MAAM,UAAU,QAAQ,GAAG,GAAG,UAAU,KAAA;CAExC,MAAM,UAAU,SAAS;EACvB;EACA,oBAHkB,CAAC,cAAc,OAAO,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,KAAK,KAAA;EAIvE,gBAAgB,QAAQ,OAAO,KAAA;EAC/B,mBAAmB,QAAQ,UAAU,KAAA;EACrC,iBAAiB,YAAY,KAAA;CAC/B,CAAC;CAED,IAAI,MACF,OACE,qBAAC,OAAD;EAAK,GAAI;EAAO,WAAW,GAAG,cAAc,SAAS;EAArD,UAAA;GACE,oBAAC,OAAD;IAAO,IAAI;IAAS,SAAS;IAAI,WAAU;IACxC,UAAA;GACI,CAAA;GACN;GACD,oBAAC,YAAD;IAAY,IAAI;IAAS,SAAS;GAAQ,CAAA;EACvC;;CAIT,OACE,qBAAC,OAAD;EAAK,GAAI;EAAO,WAAW,GAAG,cAAc,SAAS;EAArD,UAAA;GACE,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,oBAAC,OAAD;MAAO,IAAI;MAAS,SAAS;MAC1B,UAAA;KACI,CAAA;KACN,YACC,oBAAC,QAAD;MAAM,eAAY;MAAO,WAAU;MAAwB,UAAA;KAErD,CAAA;KAER,oBAAC,aAAD,EAAa,SAAS,QAAU,CAAA;KAC/B,eACC,oBAAC,UAAD;MACE,MAAM,YAAY;MAClB,UAAU,YAAY,YAAY,KAAA;MAClC,WAAU;MAET,UAAA,YAAY;KACL,CAAA;IAET;;GAEJ;GAEA,cACC,oBAAC,KAAD;IAAG,IAAI;IAAc,WAAU;IAC5B,UAAA;GACA,CAAA;GAGL,oBAAC,YAAD;IAAY,IAAI;IAAS,SAAS;GAAQ,CAAA;EACvC;;AAET"}

package/dist/form/components/base/submit-button.d.ts

@@ -1,7 +0,0 @@
-import { Emphasis, Variant } from '../../../types/generated.js';
-export declare function FormSubmitButton({ label, summaryLabel, variant, emphasis, }: {
-    label: string;
-    summaryLabel: string;
-    variant?: Variant | null;
-    emphasis?: Emphasis | null;
-}): import("react").JSX.Element;

package/dist/form/components/base/submit-button.js

@@ -1,49 +0,0 @@
-import { Button } from "../../../ui/button.js";
-import { Spinner } from "../../../ui/spinner.js";
-import { useFormContext } from "../../hooks/context.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/form/components/base/submit-button.tsx
-function FormSubmitButton({ label, summaryLabel, variant, emphasis }) {
-	const { componentId, errors, fieldLabels, processing } = useFormContext();
-	const invalidFields = Object.entries(errors).filter(([, message]) => Boolean(message)).map(([name, message]) => ({
-		label: fieldLabels[name] ?? name,
-		message
-	}));
-	const hasErrors = invalidFields.length > 0;
-	return /* @__PURE__ */ jsxs("span", {
-		className: "group relative inline-flex flex-col",
-		children: [/* @__PURE__ */ jsxs(Button, {
-			"data-lattice-form": componentId,
-			"data-test": "form-submit",
-			disabled: processing || hasErrors,
-			emphasis,
-			type: "submit",
-			variant,
-			children: [processing && /* @__PURE__ */ jsx(Spinner, {}), label]
-		}), hasErrors && /* @__PURE__ */ jsxs("div", {
-			className: "pointer-events-none absolute bottom-full left-1/2 z-lt-popover mb-2 w-max max-w-xs -translate-x-1/2 rounded-lt border border-lt-border bg-lt-surface p-3 text-left text-sm opacity-0 shadow-lt-md transition-opacity group-hover:opacity-100",
-			role: "tooltip",
-			children: [/* @__PURE__ */ jsx("p", {
-				className: "mb-1 font-medium text-lt-fg",
-				children: summaryLabel
-			}), /* @__PURE__ */ jsx("ul", {
-				className: "space-y-1",
-				children: invalidFields.map((field) => /* @__PURE__ */ jsxs("li", {
-					className: "text-lt-muted-fg",
-					children: [
-						/* @__PURE__ */ jsx("span", {
-							className: "font-medium text-lt-fg",
-							children: field.label
-						}),
-						" — ",
-						field.message
-					]
-				}, field.label))
-			})]
-		})]
-	});
-}
-//#endregion
-export { FormSubmitButton };
-
-//# sourceMappingURL=submit-button.js.map

package/dist/form/components/base/submit-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"submit-button.js","names":[],"sources":["../../../../resources/js/form/components/base/submit-button.tsx"],"sourcesContent":["import { Button } from \"@lattice-php/lattice/ui/button\";\nimport { Spinner } from \"@lattice-php/lattice/ui/spinner\";\nimport type { Emphasis, Variant } from \"@lattice-php/lattice/types/generated\";\nimport { useFormContext } from \"@lattice-php/lattice/form/hooks/context\";\n\nexport function FormSubmitButton({\n  label,\n  summaryLabel,\n  variant,\n  emphasis,\n}: {\n  label: string;\n  summaryLabel: string;\n  variant?: Variant | null;\n  emphasis?: Emphasis | null;\n}) {\n  const { componentId, errors, fieldLabels, processing } = useFormContext();\n\n  const invalidFields = Object.entries(errors)\n    .filter(([, message]) => Boolean(message))\n    .map(([name, message]) => ({ label: fieldLabels[name] ?? name, message: message as string }));\n  const hasErrors = invalidFields.length > 0;\n\n  return (\n    <span className=\"group relative inline-flex flex-col\">\n      <Button\n        data-lattice-form={componentId}\n        data-test=\"form-submit\"\n        disabled={processing || hasErrors}\n        emphasis={emphasis}\n        type=\"submit\"\n        variant={variant}\n      >\n        {processing && <Spinner />}\n        {label}\n      </Button>\n\n      {hasErrors && (\n        <div\n          className=\"pointer-events-none absolute bottom-full left-1/2 z-lt-popover mb-2 w-max max-w-xs -translate-x-1/2 rounded-lt border border-lt-border bg-lt-surface p-3 text-left text-sm opacity-0 shadow-lt-md transition-opacity group-hover:opacity-100\"\n          role=\"tooltip\"\n        >\n          <p className=\"mb-1 font-medium text-lt-fg\">{summaryLabel}</p>\n          <ul className=\"space-y-1\">\n            {invalidFields.map((field) => (\n              <li className=\"text-lt-muted-fg\" key={field.label}>\n                <span className=\"font-medium text-lt-fg\">{field.label}</span> — {field.message}\n              </li>\n            ))}\n          </ul>\n        </div>\n      )}\n    </span>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgB,iBAAiB,EAC/B,OACA,cACA,SACA,YAMC;CACD,MAAM,EAAE,aAAa,QAAQ,aAAa,eAAe,eAAe;CAExE,MAAM,gBAAgB,OAAO,QAAQ,MAAM,CAAC,CACzC,QAAQ,GAAG,aAAa,QAAQ,OAAO,CAAC,CAAC,CACzC,KAAK,CAAC,MAAM,cAAc;EAAE,OAAO,YAAY,SAAS;EAAe;CAAkB,EAAE;CAC9F,MAAM,YAAY,cAAc,SAAS;CAEzC,OACE,qBAAC,QAAD;EAAM,WAAU;EAAhB,UAAA,CACE,qBAAC,QAAD;GACE,qBAAmB;GACnB,aAAU;GACV,UAAU,cAAc;GACd;GACV,MAAK;GACI;GANX,UAAA,CAQG,cAAc,oBAAC,SAAD,CAAU,CAAA,GACxB,KACK;EAEP,CAAA,GAAA,aACC,qBAAC,OAAD;GACE,WAAU;GACV,MAAK;GAFP,UAAA,CAIE,oBAAC,KAAD;IAAG,WAAU;IAA+B,UAAA;GAAgB,CAAA,GAC5D,oBAAC,MAAD;IAAI,WAAU;IACX,UAAA,cAAc,KAAK,UAClB,qBAAC,MAAD;KAAI,WAAU;KAAd,UAAA;MACE,oBAAC,QAAD;OAAM,WAAU;OAA0B,UAAA,MAAM;MAAY,CAAA;MAAC;MAAI,MAAM;KACrE;IAFkC,GAAA,MAAM,KAExC,CACL;GACC,CAAA,CACD;EAEH,CAAA,CAAA;;AAEV"}

package/dist/form/components/fields/add-row-menu.d.ts

@@ -1,9 +0,0 @@
-export type AddRowOption = {
-    type: string;
-    label: string;
-};
-export declare function AddRowMenu({ addLabel, options, onSelect, }: {
-    addLabel: string;
-    options: AddRowOption[];
-    onSelect: (type: string) => void;
-}): import("react").JSX.Element;

package/dist/form/components/fields/add-row-menu.js

@@ -1,27 +0,0 @@
-import { Icon } from "../../../icons/sprite.js";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../../../ui/dropdown-menu.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/form/components/fields/add-row-menu.tsx
-function AddRowMenu({ addLabel, options, onSelect }) {
-	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
-		asChild: true,
-		children: /* @__PURE__ */ jsxs("button", {
-			type: "button",
-			"data-test": "builder-add",
-			className: "inline-flex items-center gap-1.5 self-start rounded-lt-sm border border-lt-border px-3 py-1.5 text-sm hover:bg-lt-accent [&_svg]:size-lt-icon-sm",
-			children: [/* @__PURE__ */ jsx(Icon, { name: "plus" }), addLabel]
-		})
-	}), /* @__PURE__ */ jsx(DropdownMenuContent, {
-		align: "start",
-		className: "min-w-[12rem]",
-		children: options.map((option) => /* @__PURE__ */ jsx(DropdownMenuItem, {
-			"data-test": `builder-add-${option.type}`,
-			onClick: () => onSelect(option.type),
-			children: option.label
-		}, option.type))
-	})] });
-}
-//#endregion
-export { AddRowMenu };
-
-//# sourceMappingURL=add-row-menu.js.map

package/dist/form/components/fields/add-row-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"add-row-menu.js","names":[],"sources":["../../../../resources/js/form/components/fields/add-row-menu.tsx"],"sourcesContent":["import { Icon } from \"@lattice-php/lattice/icons\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@lattice-php/lattice/ui/dropdown-menu\";\n\nexport type AddRowOption = { type: string; label: string };\n\nexport function AddRowMenu({\n  addLabel,\n  options,\n  onSelect,\n}: {\n  addLabel: string;\n  options: AddRowOption[];\n  onSelect: (type: string) => void;\n}) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <button\n          type=\"button\"\n          data-test=\"builder-add\"\n          className=\"inline-flex items-center gap-1.5 self-start rounded-lt-sm border border-lt-border px-3 py-1.5 text-sm hover:bg-lt-accent [&_svg]:size-lt-icon-sm\"\n        >\n          <Icon name=\"plus\" />\n          {addLabel}\n        </button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"start\" className=\"min-w-[12rem]\">\n        {options.map((option) => (\n          <DropdownMenuItem\n            key={option.type}\n            data-test={`builder-add-${option.type}`}\n            onClick={() => onSelect(option.type)}\n          >\n            {option.label}\n          </DropdownMenuItem>\n        ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"mappings":";;;;AAUA,SAAgB,WAAW,EACzB,UACA,SACA,YAKC;CACD,OACE,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,qBAAD;EAAqB,SAAA;EACnB,UAAA,qBAAC,UAAD;GACE,MAAK;GACL,aAAU;GACV,WAAU;GAHZ,UAAA,CAKE,oBAAC,MAAD,EAAM,MAAK,OAAQ,CAAA,GAClB,QACK;;CACW,CAAA,GACrB,oBAAC,qBAAD;EAAqB,OAAM;EAAQ,WAAU;EAC1C,UAAA,QAAQ,KAAK,WACZ,oBAAC,kBAAD;GAEE,aAAW,eAAe,OAAO;GACjC,eAAe,SAAS,OAAO,IAAI;GAElC,UAAA,OAAO;EACQ,GALX,OAAO,IAKI,CACnB;CACkB,CAAA,CACT,EAAA,CAAA;AAElB"}

package/dist/form/components/fields/builder.d.ts

@@ -1,2 +0,0 @@
-import { RendererComponent } from '../../../core/types.js';
-export declare const BuilderComponent: RendererComponent<"field.builder">;

package/dist/form/components/fields/builder.js

@@ -1,132 +0,0 @@
-import { useT } from "../../../i18n/instance.js";
-import { useFormContext } from "../../hooks/context.js";
-import { ROW_ID_KEY } from "./repeater-rows.js";
-import { rowTemplatesOf } from "./row-templates.js";
-import { FormFieldFrame } from "../base/field.js";
-import { useDependentField } from "../../hooks/use-dependent-field.js";
-import { AddRowMenu } from "./add-row-menu.js";
-import { buildRowActions } from "./row-action-menu.js";
-import { RowActions } from "./row-actions.js";
-import { RowKeyInputs } from "./row-key-inputs.js";
-import { RowItem } from "./row-item.js";
-import { TableRows, columnsFromSchema } from "./table-rows.js";
-import { useFlipReorder } from "./use-flip-reorder.js";
-import { useRowCollection } from "./use-row-collection.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/form/components/fields/builder.tsx
-var EMPTY_TEMPLATE = [];
-var BuilderComponent = ({ node }) => {
-	const props = node.props;
-	const name = props.name;
-	const templates = rowTemplatesOf(node) ?? [];
-	const { errors } = useFormContext();
-	const { hidden, required } = useDependentField(node);
-	const { path, rows, onField, onRemove, onMove, onDuplicate, append } = useRowCollection(name, props.defaultItems ?? 0);
-	const { t } = useT("lattice");
-	const orderSignature = rows.map((r) => String(r["rowId"] ?? "")).join(",");
-	const registerRow = useFlipReorder(orderSignature);
-	const atMax = props.maxItems != null && rows.length >= props.maxItems;
-	const atMin = props.minItems != null && rows.length <= props.minItems;
-	const isTable = props.layout === "table";
-	const templateFor = (type) => templates.find((template) => template.type === type);
-	const options = templates.map((template) => ({
-		type: template.type,
-		label: template.label
-	}));
-	if (hidden) return null;
-	const primary = templates[0];
-	const tableRows = rows.map((row, index) => {
-		const template = templateFor(row.type);
-		const isPrimary = !!template && !!primary && template.type === primary.type;
-		return {
-			key: String(row["rowId"] ?? index),
-			index,
-			row,
-			template: template?.schema ?? EMPTY_TEMPLATE,
-			span: !isPrimary,
-			heading: template?.label ?? `Unknown block: ${String(row.type)}`
-		};
-	});
-	return /* @__PURE__ */ jsx(FormFieldFrame, {
-		error: errors[path],
-		helperText: props.helperText ?? void 0,
-		tooltip: props.tooltip ?? void 0,
-		label: props.label ?? "",
-		id: path,
-		required,
-		children: (controlProps) => /* @__PURE__ */ jsxs("div", {
-			...controlProps,
-			className: "flex flex-col gap-3",
-			role: "group",
-			children: [
-				/* @__PURE__ */ jsx(RowKeyInputs, {
-					path,
-					rows,
-					rowKey: ROW_ID_KEY
-				}),
-				/* @__PURE__ */ jsx(RowKeyInputs, {
-					path,
-					rows,
-					rowKey: "type"
-				}),
-				isTable ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(TableRows, {
-					base: path,
-					columns: columnsFromSchema(primary?.schema ?? []),
-					rows: tableRows,
-					reorderable: props.reorderable ?? false,
-					removable: () => !atMin,
-					rowActions: props.rowActions,
-					onField,
-					onMove,
-					onRemove,
-					onDuplicate,
-					registerRow,
-					resizableColumns: props.resizableColumns === true,
-					resizeIndicator: props.resizeIndicator === true
-				}) }) : rows.map((row, index) => {
-					const template = templateFor(row.type);
-					const key = String(row["rowId"] ?? index);
-					return /* @__PURE__ */ jsx("div", {
-						ref: (el) => registerRow(key, el),
-						"data-flip-key": key,
-						children: template ? /* @__PURE__ */ jsx(RowItem, {
-							base: path,
-							index,
-							row,
-							template: template.schema ?? EMPTY_TEMPLATE,
-							heading: template.label,
-							reorderable: props.reorderable ?? false,
-							isFirst: index === 0,
-							isLast: index === rows.length - 1,
-							removable: !atMin,
-							rowActions: props.rowActions,
-							onField,
-							onRemove,
-							onMove,
-							onDuplicate
-						}) : /* @__PURE__ */ jsxs("div", {
-							"data-test": `repeater-${name}-row-${index}`,
-							className: "flex items-center justify-between rounded-lt border border-dashed border-lt-border p-4 text-sm text-lt-muted-fg",
-							children: [/* @__PURE__ */ jsxs("span", { children: ["Unknown block: ", String(row.type)] }), /* @__PURE__ */ jsx(RowActions, { actions: buildRowActions(props.rowActions, {
-								index,
-								removable: !atMin,
-								onRemove,
-								onDuplicate,
-								t
-							}) })]
-						})
-					}, key);
-				}),
-				!atMax && /* @__PURE__ */ jsx(AddRowMenu, {
-					addLabel: props.addLabel ?? "Add",
-					options,
-					onSelect: (type) => append({ type })
-				})
-			]
-		})
-	});
-};
-//#endregion
-export { BuilderComponent };
-
-//# sourceMappingURL=builder.js.map

package/dist/form/components/fields/builder.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"builder.js","names":[],"sources":["../../../../resources/js/form/components/fields/builder.tsx"],"sourcesContent":["import type { Node, RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport { FormFieldFrame } from \"@lattice-php/lattice/form/components/base/field\";\nimport { useFormContext } from \"@lattice-php/lattice/form/hooks/context\";\nimport { useDependentField } from \"@lattice-php/lattice/form/hooks/use-dependent-field\";\nimport { AddRowMenu, type AddRowOption } from \"./add-row-menu\";\nimport { ROW_ID_KEY } from \"./repeater-rows\";\nimport { buildRowActions } from \"./row-action-menu\";\nimport { RowActions } from \"./row-actions\";\nimport { RowKeyInputs } from \"./row-key-inputs\";\nimport { RowItem } from \"./row-item\";\nimport { rowTemplatesOf, type RowTemplate } from \"./row-templates\";\nimport { columnsFromSchema, TableRows } from \"./table-rows\";\nimport { useFlipReorder } from \"./use-flip-reorder\";\nimport { useRowCollection } from \"./use-row-collection\";\n\nconst EMPTY_TEMPLATE: Node[] = [];\n\nexport const BuilderComponent: RendererComponent<\"field.builder\"> = ({ node }) => {\n  const props = node.props;\n  const name = props.name;\n  const templates = rowTemplatesOf(node) ?? [];\n  const { errors } = useFormContext();\n  const { hidden, required } = useDependentField(node);\n  const { path, rows, onField, onRemove, onMove, onDuplicate, append } = useRowCollection(\n    name,\n    props.defaultItems ?? 0,\n  );\n  const { t } = useT(\"lattice\");\n  const orderSignature = rows.map((r) => String(r[ROW_ID_KEY] ?? \"\")).join(\",\");\n  const registerRow = useFlipReorder(orderSignature);\n  const atMax = props.maxItems != null && rows.length >= props.maxItems;\n  const atMin = props.minItems != null && rows.length <= props.minItems;\n  const isTable = props.layout === \"table\";\n\n  const templateFor = (type: unknown): RowTemplate | undefined =>\n    templates.find((template) => template.type === type);\n  const options: AddRowOption[] = templates.map((template) => ({\n    type: template.type,\n    label: template.label,\n  }));\n\n  if (hidden) {\n    return null;\n  }\n\n  const primary = templates[0];\n  const tableRows = rows.map((row, index) => {\n    const template = templateFor(row.type);\n    const isPrimary = !!template && !!primary && template.type === primary.type;\n    return {\n      key: String(row[ROW_ID_KEY] ?? index),\n      index,\n      row,\n      template: template?.schema ?? EMPTY_TEMPLATE,\n      span: !isPrimary,\n      heading: template?.label ?? `Unknown block: ${String(row.type)}`,\n    };\n  });\n\n  return (\n    <FormFieldFrame\n      error={errors[path]}\n      helperText={props.helperText ?? undefined}\n      tooltip={props.tooltip ?? undefined}\n      label={props.label ?? \"\"}\n      id={path}\n      required={required}\n    >\n      {(controlProps) => (\n        <div {...controlProps} className=\"flex flex-col gap-3\" role=\"group\">\n          <RowKeyInputs path={path} rows={rows} rowKey={ROW_ID_KEY} />\n          <RowKeyInputs path={path} rows={rows} rowKey=\"type\" />\n          {isTable ? (\n            <>\n              <TableRows\n                base={path}\n                columns={columnsFromSchema(primary?.schema ?? [])}\n                rows={tableRows}\n                reorderable={props.reorderable ?? false}\n                removable={() => !atMin}\n                rowActions={props.rowActions}\n                onField={onField}\n                onMove={onMove}\n                onRemove={onRemove}\n                onDuplicate={onDuplicate}\n                registerRow={registerRow}\n                resizableColumns={props.resizableColumns === true}\n                resizeIndicator={props.resizeIndicator === true}\n              />\n            </>\n          ) : (\n            rows.map((row, index) => {\n              const template = templateFor(row.type);\n              const key = String(row[ROW_ID_KEY] ?? index);\n\n              return (\n                <div key={key} ref={(el) => registerRow(key, el)} data-flip-key={key}>\n                  {template ? (\n                    <RowItem\n                      base={path}\n                      index={index}\n                      row={row}\n                      template={template.schema ?? EMPTY_TEMPLATE}\n                      heading={template.label}\n                      reorderable={props.reorderable ?? false}\n                      isFirst={index === 0}\n                      isLast={index === rows.length - 1}\n                      removable={!atMin}\n                      rowActions={props.rowActions}\n                      onField={onField}\n                      onRemove={onRemove}\n                      onMove={onMove}\n                      onDuplicate={onDuplicate}\n                    />\n                  ) : (\n                    <div\n                      data-test={`repeater-${name}-row-${index}`}\n                      className=\"flex items-center justify-between rounded-lt border border-dashed border-lt-border p-4 text-sm text-lt-muted-fg\"\n                    >\n                      <span>Unknown block: {String(row.type)}</span>\n                      <RowActions\n                        actions={buildRowActions(props.rowActions, {\n                          index,\n                          removable: !atMin,\n                          onRemove,\n                          onDuplicate,\n                          t,\n                        })}\n                      />\n                    </div>\n                  )}\n                </div>\n              );\n            })\n          )}\n\n          {!atMax && (\n            <AddRowMenu\n              addLabel={props.addLabel ?? \"Add\"}\n              options={options}\n              onSelect={(type) => append({ type })}\n            />\n          )}\n        </div>\n      )}\n    </FormFieldFrame>\n  );\n};\n"],"mappings":"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"}

package/dist/form/components/fields/checkbox.d.ts

@@ -1,2 +0,0 @@
-import { RendererComponent } from '../../../core/types.js';
-export declare const CheckboxComponent: RendererComponent<"field.checkbox">;

package/dist/form/components/fields/checkbox.js

@@ -1,52 +0,0 @@
-import { testIdentity } from "../../../core/test-id.js";
-import { useFormContext } from "../../hooks/context.js";
-import { useFieldScope } from "../../hooks/field-scope.js";
-import { useFormValue } from "../../hooks/values.js";
-import { useFieldCommit } from "../../hooks/use-field-commit.js";
-import { Label } from "../../../ui/label.js";
-import { toBoolean } from "../../lib/conditions.js";
-import { useDependentField } from "../../hooks/use-dependent-field.js";
-import { Checkbox } from "../../../ui/checkbox.js";
-import { fieldDomName } from "../../lib/field-dom-name.js";
-import { useSeedDefault } from "../../hooks/use-seed-default.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/form/components/fields/checkbox.tsx
-var CheckboxComponent = ({ node }) => {
-	const { hidden, readOnly, disabled } = useDependentField(node);
-	const localName = node.props.name;
-	const scope = useFieldScope();
-	const { fieldIdPrefix } = useFormContext();
-	const name = fieldDomName(scope ? scope.scopedName(localName) : localName, fieldIdPrefix);
-	const globalValue = useFormValue(localName);
-	const storedValue = scope ? scope.getValue(localName) : globalValue;
-	const { commit } = useFieldCommit();
-	const defaultChecked = toBoolean(node.props.value);
-	const checked = storedValue !== void 0 ? toBoolean(storedValue) : defaultChecked;
-	useSeedDefault(localName, defaultChecked);
-	if (hidden) return null;
-	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
-		className: "flex items-center space-x-3",
-		children: [/* @__PURE__ */ jsx(Checkbox, {
-			autoFocus: node.props.autoFocus ?? void 0,
-			checked,
-			"data-test": testIdentity(localName),
-			disabled: readOnly || disabled,
-			id: name,
-			name,
-			onCheckedChange: (next) => {
-				commit(localName, next === true);
-			},
-			tabIndex: node.props.tabIndex ?? void 0
-		}), /* @__PURE__ */ jsx(Label, {
-			htmlFor: name,
-			children: node.props.label
-		})]
-	}), node.props.helperText && /* @__PURE__ */ jsx("p", {
-		className: "mt-1 pl-7 text-sm text-lt-muted-fg",
-		children: node.props.helperText
-	})] });
-};
-//#endregion
-export { CheckboxComponent };
-
-//# sourceMappingURL=checkbox.js.map

package/dist/form/components/fields/checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.js","names":[],"sources":["../../../../resources/js/form/components/fields/checkbox.tsx"],"sourcesContent":["import type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { testIdentity } from \"@lattice-php/lattice/core/test-id\";\nimport { Checkbox } from \"@lattice-php/lattice/ui/checkbox\";\nimport { Label } from \"@lattice-php/lattice/ui/label\";\nimport { toBoolean } from \"@lattice-php/lattice/form/lib/conditions\";\nimport { useFormContext } from \"@lattice-php/lattice/form/hooks/context\";\nimport { fieldDomName } from \"@lattice-php/lattice/form/lib/field-dom-name\";\nimport { useFieldScope } from \"@lattice-php/lattice/form/hooks/field-scope\";\nimport { useDependentField } from \"@lattice-php/lattice/form/hooks/use-dependent-field\";\nimport { useFieldCommit } from \"@lattice-php/lattice/form/hooks/use-field-commit\";\nimport { useSeedDefault } from \"@lattice-php/lattice/form/hooks/use-seed-default\";\nimport { useFormValue } from \"@lattice-php/lattice/form/hooks/values\";\n\nexport const CheckboxComponent: RendererComponent<\"field.checkbox\"> = ({ node }) => {\n  const { hidden, readOnly, disabled } = useDependentField(node);\n  const localName = node.props.name;\n  const scope = useFieldScope();\n  const { fieldIdPrefix } = useFormContext();\n  const name = fieldDomName(scope ? scope.scopedName(localName) : localName, fieldIdPrefix);\n  const globalValue = useFormValue(localName);\n  const storedValue = scope ? scope.getValue(localName) : globalValue;\n  const { commit } = useFieldCommit();\n  const defaultChecked = toBoolean(node.props.value);\n  const checked = storedValue !== undefined ? toBoolean(storedValue) : defaultChecked;\n\n  useSeedDefault(localName, defaultChecked);\n\n  if (hidden) {\n    return null;\n  }\n\n  return (\n    <div>\n      <div className=\"flex items-center space-x-3\">\n        <Checkbox\n          autoFocus={node.props.autoFocus ?? undefined}\n          checked={checked}\n          data-test={testIdentity(localName)}\n          disabled={readOnly || disabled}\n          id={name}\n          name={name}\n          onCheckedChange={(next) => {\n            commit(localName, next === true);\n          }}\n          tabIndex={node.props.tabIndex ?? undefined}\n        />\n        <Label htmlFor={name}>{node.props.label}</Label>\n      </div>\n      {node.props.helperText && (\n        <p className=\"mt-1 pl-7 text-sm text-lt-muted-fg\">{node.props.helperText}</p>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAaA,IAAa,qBAA0D,EAAE,WAAW;CAClF,MAAM,EAAE,QAAQ,UAAU,aAAa,kBAAkB,IAAI;CAC7D,MAAM,YAAY,KAAK,MAAM;CAC7B,MAAM,QAAQ,cAAc;CAC5B,MAAM,EAAE,kBAAkB,eAAe;CACzC,MAAM,OAAO,aAAa,QAAQ,MAAM,WAAW,SAAS,IAAI,WAAW,aAAa;CACxF,MAAM,cAAc,aAAa,SAAS;CAC1C,MAAM,cAAc,QAAQ,MAAM,SAAS,SAAS,IAAI;CACxD,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,iBAAiB,UAAU,KAAK,MAAM,KAAK;CACjD,MAAM,UAAU,gBAAgB,KAAA,IAAY,UAAU,WAAW,IAAI;CAErE,eAAe,WAAW,cAAc;CAExC,IAAI,QACF,OAAO;CAGT,OACE,qBAAC,OAAD,EAAA,UAAA,CACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,oBAAC,UAAD;GACE,WAAW,KAAK,MAAM,aAAa,KAAA;GAC1B;GACT,aAAW,aAAa,SAAS;GACjC,UAAU,YAAY;GACtB,IAAI;GACE;GACN,kBAAkB,SAAS;IACzB,OAAO,WAAW,SAAS,IAAI;GACjC;GACA,UAAU,KAAK,MAAM,YAAY,KAAA;EAClC,CAAA,GACD,oBAAC,OAAD;GAAO,SAAS;GAAO,UAAA,KAAK,MAAM;EAAa,CAAA,CAC5C;CACJ,CAAA,GAAA,KAAK,MAAM,cACV,oBAAC,KAAD;EAAG,WAAU;EAAsC,UAAA,KAAK,MAAM;CAAc,CAAA,CAE3E,EAAA,CAAA;AAET"}

package/dist/form/components/fields/choice.d.ts

@@ -1,2 +0,0 @@
-import { RendererComponent } from '../../../core/types.js';
-export declare const ChoiceComponent: RendererComponent<"field.choice">;

package/dist/form/components/fields/choice.js

@@ -1,44 +0,0 @@
-import { useResolvedNode } from "../../hooks/resolved-nodes.js";
-import { SegmentedPills } from "../../../ui/segmented-pills.js";
-import { FormFieldFrame } from "../base/field.js";
-import { useSeedDefault } from "../../hooks/use-seed-default.js";
-import { useControlledField } from "../../hooks/use-controlled-field.js";
-import { useMemo } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/form/components/fields/choice.tsx
-var ChoiceComponent = ({ node }) => {
-	const resolvedNode = useResolvedNode(node);
-	const { localName, name, testId, value, error, hidden, required, readOnly, disabled, commit } = useControlledField(node);
-	const options = useMemo(() => resolvedNode.props.options ?? [], [resolvedNode.props]);
-	const fallbackValue = options[0]?.value ?? "";
-	const selected = value || fallbackValue;
-	useSeedDefault(localName, selected || void 0);
-	if (hidden || options.length === 0) return null;
-	return /* @__PURE__ */ jsx(FormFieldFrame, {
-		error,
-		helperText: node.props.helperText ?? void 0,
-		tooltip: node.props.tooltip ?? void 0,
-		label: node.props.label ?? "",
-		id: name,
-		required,
-		children: (controlProps) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("input", {
-			name,
-			type: "hidden",
-			value: selected
-		}), /* @__PURE__ */ jsx(SegmentedPills, {
-			...controlProps,
-			ariaLabel: node.props.label ?? void 0,
-			autoFocus: node.props.autoFocus ?? void 0,
-			disabled: readOnly || disabled,
-			name: testId ?? "segment",
-			onSelect: commit,
-			options,
-			tabIndex: node.props.tabIndex ?? void 0,
-			value: selected
-		})] })
-	});
-};
-//#endregion
-export { ChoiceComponent };
-
-//# sourceMappingURL=choice.js.map

package/dist/form/components/fields/choice.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"choice.js","names":[],"sources":["../../../../resources/js/form/components/fields/choice.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { Option, RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { SegmentedPills } from \"@lattice-php/lattice/ui/segmented-pills\";\nimport { FormFieldFrame } from \"@lattice-php/lattice/form/components/base/field\";\nimport { useControlledField } from \"@lattice-php/lattice/form/hooks/use-controlled-field\";\nimport { useResolvedNode } from \"@lattice-php/lattice/form/hooks/resolved-nodes\";\nimport { useSeedDefault } from \"@lattice-php/lattice/form/hooks/use-seed-default\";\n\nexport const ChoiceComponent: RendererComponent<\"field.choice\"> = ({ node }) => {\n  const resolvedNode = useResolvedNode(node);\n  const { localName, name, testId, value, error, hidden, required, readOnly, disabled, commit } =\n    useControlledField(node);\n  const options = useMemo(\n    () => (resolvedNode.props as { options?: Option[] }).options ?? [],\n    [resolvedNode.props],\n  );\n  const fallbackValue = options[0]?.value ?? \"\";\n  const selected = value || fallbackValue;\n\n  useSeedDefault(localName, selected || undefined);\n\n  if (hidden || options.length === 0) {\n    return null;\n  }\n\n  return (\n    <FormFieldFrame\n      error={error}\n      helperText={node.props.helperText ?? undefined}\n      tooltip={node.props.tooltip ?? undefined}\n      label={node.props.label ?? \"\"}\n      id={name}\n      required={required}\n    >\n      {(controlProps) => (\n        <>\n          <input name={name} type=\"hidden\" value={selected} />\n          <SegmentedPills\n            {...controlProps}\n            ariaLabel={node.props.label ?? undefined}\n            autoFocus={node.props.autoFocus ?? undefined}\n            disabled={readOnly || disabled}\n            name={testId ?? \"segment\"}\n            onSelect={commit}\n            options={options}\n            tabIndex={node.props.tabIndex ?? undefined}\n            value={selected}\n          />\n        </>\n      )}\n    </FormFieldFrame>\n  );\n};\n"],"mappings":";;;;;;;;AAQA,IAAa,mBAAsD,EAAE,WAAW;CAC9E,MAAM,eAAe,gBAAgB,IAAI;CACzC,MAAM,EAAE,WAAW,MAAM,QAAQ,OAAO,OAAO,QAAQ,UAAU,UAAU,UAAU,WACnF,mBAAmB,IAAI;CACzB,MAAM,UAAU,cACP,aAAa,MAAiC,WAAW,CAAC,GACjE,CAAC,aAAa,KAAK,CACrB;CACA,MAAM,gBAAgB,QAAQ,EAAE,EAAE,SAAS;CAC3C,MAAM,WAAW,SAAS;CAE1B,eAAe,WAAW,YAAY,KAAA,CAAS;CAE/C,IAAI,UAAU,QAAQ,WAAW,GAC/B,OAAO;CAGT,OACE,oBAAC,gBAAD;EACS;EACP,YAAY,KAAK,MAAM,cAAc,KAAA;EACrC,SAAS,KAAK,MAAM,WAAW,KAAA;EAC/B,OAAO,KAAK,MAAM,SAAS;EAC3B,IAAI;EACM;EAER,WAAA,iBACA,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,SAAD;GAAa;GAAM,MAAK;GAAS,OAAO;EAAW,CAAA,GACnD,oBAAC,gBAAD;GACE,GAAI;GACJ,WAAW,KAAK,MAAM,SAAS,KAAA;GAC/B,WAAW,KAAK,MAAM,aAAa,KAAA;GACnC,UAAU,YAAY;GACtB,MAAM,UAAU;GAChB,UAAU;GACD;GACT,UAAU,KAAK,MAAM,YAAY,KAAA;GACjC,OAAO;EACR,CAAA,CACD,EAAA,CAAA;CAEU,CAAA;AAEpB"}

package/dist/form/components/fields/color-picker-field.d.ts

@@ -1,2 +0,0 @@
-import { RendererComponent } from '../../../core/types.js';
-export declare const ColorPickerFieldComponent: RendererComponent<"field.color-picker">;

package/dist/form/components/fields/color-picker-field.js

@@ -1,57 +0,0 @@
-import { cn } from "../../../lib/utils.js";
-import { Popover, PopoverContent, PopoverTrigger } from "../../../ui/popover.js";
-import { controlSurface } from "../../../ui/control.js";
-import { ColorPicker, normalizeHex } from "../../../ui/color-picker.js";
-import { SimpleField } from "./simple-field.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/form/components/fields/color-picker-field.tsx
-var ColorPickerFieldComponent = ({ node }) => {
-	const props = node.props;
-	return /* @__PURE__ */ jsx(SimpleField, {
-		node,
-		label: props.label ?? "",
-		children: ({ name, value, readOnly, disabled, commit }, controlProps) => {
-			const hex = normalizeHex(value);
-			return /* @__PURE__ */ jsxs(Popover, { children: [
-				/* @__PURE__ */ jsx("input", {
-					name,
-					type: "hidden",
-					value: hex ?? ""
-				}),
-				/* @__PURE__ */ jsx(PopoverTrigger, {
-					asChild: true,
-					children: /* @__PURE__ */ jsx("button", {
-						...controlProps,
-						className: cn(controlSurface(), "flex items-center gap-2 text-left"),
-						"data-test": `color-picker-${name}`,
-						disabled: disabled || readOnly,
-						type: "button",
-						children: hex ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
-							"aria-hidden": "true",
-							className: "size-4 shrink-0 rounded-full border border-lt-border",
-							style: { background: hex }
-						}), /* @__PURE__ */ jsx("span", {
-							className: "tabular-nums",
-							children: hex
-						})] }) : /* @__PURE__ */ jsx("span", {
-							className: "text-lt-muted-fg",
-							children: props.placeholder ?? ""
-						})
-					})
-				}),
-				/* @__PURE__ */ jsx(PopoverContent, {
-					className: "p-3",
-					children: /* @__PURE__ */ jsx(ColorPicker, {
-						onChange: (next) => commit(next),
-						palette: props.palette,
-						value: hex ?? "#6b7280"
-					})
-				})
-			] });
-		}
-	});
-};
-//#endregion
-export { ColorPickerFieldComponent };
-
-//# sourceMappingURL=color-picker-field.js.map

package/dist/form/components/fields/color-picker-field.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"color-picker-field.js","names":[],"sources":["../../../../resources/js/form/components/fields/color-picker-field.tsx"],"sourcesContent":["import type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { ColorPicker, normalizeHex } from \"@lattice-php/lattice/ui/color-picker\";\nimport { controlSurface } from \"@lattice-php/lattice/ui/control\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@lattice-php/lattice/ui/popover\";\nimport { SimpleField } from \"./simple-field\";\n\nexport const ColorPickerFieldComponent: RendererComponent<\"field.color-picker\"> = ({ node }) => {\n  const props = node.props;\n\n  return (\n    <SimpleField node={node} label={props.label ?? \"\"}>\n      {({ name, value, readOnly, disabled, commit }, controlProps) => {\n        const hex = normalizeHex(value);\n\n        return (\n          <Popover>\n            <input name={name} type=\"hidden\" value={hex ?? \"\"} />\n            <PopoverTrigger asChild>\n              <button\n                {...controlProps}\n                className={cn(controlSurface(), \"flex items-center gap-2 text-left\")}\n                data-test={`color-picker-${name}`}\n                disabled={disabled || readOnly}\n                type=\"button\"\n              >\n                {hex ? (\n                  <>\n                    <span\n                      aria-hidden=\"true\"\n                      className=\"size-4 shrink-0 rounded-full border border-lt-border\"\n                      style={{ background: hex }}\n                    />\n                    <span className=\"tabular-nums\">{hex}</span>\n                  </>\n                ) : (\n                  <span className=\"text-lt-muted-fg\">{props.placeholder ?? \"\"}</span>\n                )}\n              </button>\n            </PopoverTrigger>\n            <PopoverContent className=\"p-3\">\n              <ColorPicker\n                onChange={(next) => commit(next)}\n                palette={props.palette}\n                value={hex ?? \"#6b7280\"}\n              />\n            </PopoverContent>\n          </Popover>\n        );\n      }}\n    </SimpleField>\n  );\n};\n"],"mappings":";;;;;;;AAOA,IAAa,6BAAsE,EAAE,WAAW;CAC9F,MAAM,QAAQ,KAAK;CAEnB,OACE,oBAAC,aAAD;EAAmB;EAAM,OAAO,MAAM,SAAS;EAC3C,WAAA,EAAE,MAAM,OAAO,UAAU,UAAU,UAAU,iBAAiB;GAC9D,MAAM,MAAM,aAAa,KAAK;GAE9B,OACE,qBAAC,SAAD,EAAA,UAAA;IACE,oBAAC,SAAD;KAAa;KAAM,MAAK;KAAS,OAAO,OAAO;IAAK,CAAA;IACpD,oBAAC,gBAAD;KAAgB,SAAA;KACd,UAAA,oBAAC,UAAD;MACE,GAAI;MACJ,WAAW,GAAG,eAAe,GAAG,mCAAmC;MACnE,aAAW,gBAAgB;MAC3B,UAAU,YAAY;MACtB,MAAK;MAEJ,UAAA,MACC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD;OACE,eAAY;OACZ,WAAU;OACV,OAAO,EAAE,YAAY,IAAI;MAC1B,CAAA,GACD,oBAAC,QAAD;OAAM,WAAU;OAAgB,UAAA;MAAU,CAAA,CAC1C,EAAA,CAAA,IAEF,oBAAC,QAAD;OAAM,WAAU;OAAoB,UAAA,MAAM,eAAe;MAAS,CAAA;KAE9D,CAAA;IACM,CAAA;IAChB,oBAAC,gBAAD;KAAgB,WAAU;KACxB,UAAA,oBAAC,aAAD;MACE,WAAW,SAAS,OAAO,IAAI;MAC/B,SAAS,MAAM;MACf,OAAO,OAAO;KACf,CAAA;IACa,CAAA;GACT,EAAA,CAAA;EAEb;CACW,CAAA;AAEjB"}

package/dist/form/components/fields/date-input.d.ts

@@ -1,2 +0,0 @@
-import { RendererComponent } from '../../../core/types.js';
-export declare const DateInputComponent: RendererComponent<"field.date-input">;

package/dist/form/components/fields/date-input.js

@@ -1,31 +0,0 @@
-import { SimpleField } from "./simple-field.js";
-import { DatePicker } from "./date-picker.js";
-import { jsx } from "react/jsx-runtime";
-//#region resources/js/form/components/fields/date-input.tsx
-var DateInputComponent = ({ node }) => {
-	const props = node.props;
-	return /* @__PURE__ */ jsx(SimpleField, {
-		node,
-		label: props.label ?? "",
-		children: ({ name, testId, value, readOnly, disabled, change, blur }, controlProps) => /* @__PURE__ */ jsx(DatePicker, {
-			controlProps,
-			autoFocus: props.autoFocus ?? false,
-			disabled,
-			label: props.label ?? props.name,
-			max: props.max || void 0,
-			min: props.min || void 0,
-			mode: "date",
-			name,
-			onBlur: blur,
-			onChange: change,
-			readOnly,
-			tabIndex: props.tabIndex ?? void 0,
-			testId: testId ?? props.name,
-			value
-		})
-	});
-};
-//#endregion
-export { DateInputComponent };
-
-//# sourceMappingURL=date-input.js.map

package/dist/form/components/fields/date-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-input.js","names":[],"sources":["../../../../resources/js/form/components/fields/date-input.tsx"],"sourcesContent":["import type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { DatePicker } from \"./date-picker\";\nimport { SimpleField } from \"./simple-field\";\n\nexport const DateInputComponent: RendererComponent<\"field.date-input\"> = ({ node }) => {\n  const props = node.props;\n\n  return (\n    <SimpleField node={node} label={props.label ?? \"\"}>\n      {({ name, testId, value, readOnly, disabled, change, blur }, controlProps) => (\n        <DatePicker\n          controlProps={controlProps}\n          autoFocus={props.autoFocus ?? false}\n          disabled={disabled}\n          label={props.label ?? props.name}\n          max={props.max || undefined}\n          min={props.min || undefined}\n          mode=\"date\"\n          name={name}\n          onBlur={blur}\n          onChange={change}\n          readOnly={readOnly}\n          tabIndex={props.tabIndex ?? undefined}\n          testId={testId ?? props.name}\n          value={value}\n        />\n      )}\n    </SimpleField>\n  );\n};\n"],"mappings":";;;;AAIA,IAAa,sBAA6D,EAAE,WAAW;CACrF,MAAM,QAAQ,KAAK;CAEnB,OACE,oBAAC,aAAD;EAAmB;EAAM,OAAO,MAAM,SAAS;EAC3C,WAAA,EAAE,MAAM,QAAQ,OAAO,UAAU,UAAU,QAAQ,QAAQ,iBAC3D,oBAAC,YAAD;GACgB;GACd,WAAW,MAAM,aAAa;GACpB;GACV,OAAO,MAAM,SAAS,MAAM;GAC5B,KAAK,MAAM,OAAO,KAAA;GAClB,KAAK,MAAM,OAAO,KAAA;GAClB,MAAK;GACC;GACN,QAAQ;GACR,UAAU;GACA;GACV,UAAU,MAAM,YAAY,KAAA;GAC5B,QAAQ,UAAU,MAAM;GACjB;EACR,CAAA;CAEQ,CAAA;AAEjB"}