@lattice-php/lattice 0.1.0

package/dist/core/renderer.js

@@ -0,0 +1,61 @@
+import { Suspense, createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region resources/js/core/renderer.tsx
+function MissingComponent({ node }) {
+	return null;
+}
+var RendererContext = createContext(null);
+function useRendererContext() {
+	const context = useContext(RendererContext);
+	if (!context) throw new Error("Renderer context is not available.");
+	return context;
+}
+function Renderer({ fallback = null, missingComponent: UnknownComponent = MissingComponent, nodes, registry }) {
+	const context = useMemo(() => ({
+		fallback,
+		missingComponent: UnknownComponent,
+		registry
+	}), [
+		fallback,
+		registry,
+		UnknownComponent
+	]);
+	return /* @__PURE__ */ jsx(RendererContext.Provider, {
+		value: context,
+		children: nodes.map((node, index) => /* @__PURE__ */ jsx(NodeRenderer, {
+			fallback,
+			missingComponent: UnknownComponent,
+			node,
+			registry
+		}, node.key ?? node.id ?? `${node.type}-${index}`))
+	});
+}
+function NodeRenderer({ fallback, missingComponent: UnknownComponent, node, registry }) {
+	const registration = registry[node.type];
+	if (!registration) return /* @__PURE__ */ jsx(UnknownComponent, { node });
+	const Component = registration.component;
+	const renderedComponent = /* @__PURE__ */ jsx(Component, {
+		node,
+		children: node.children?.length ? /* @__PURE__ */ jsx(Renderer, {
+			fallback,
+			missingComponent: UnknownComponent,
+			nodes: node.children,
+			registry
+		}) : null
+	});
+	if (registration.mode === "lazy") {
+		const FallbackComponent = registration.fallback;
+		return /* @__PURE__ */ jsx(Suspense, {
+			fallback: FallbackComponent ? /* @__PURE__ */ jsx(FallbackComponent, {
+				node,
+				children: null
+			}) : fallback,
+			children: renderedComponent
+		});
+	}
+	return renderedComponent;
+}
+//#endregion
+export { Renderer, useRendererContext };
+
+//# sourceMappingURL=renderer.js.map

package/dist/core/renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer.js","names":[],"sources":["../../resources/js/core/renderer.tsx"],"sourcesContent":["import { createContext, Suspense, useContext, useMemo } from \"react\";\nimport type { ReactNode } from \"react\";\nimport type { ComponentRegistry } from \"./registry\";\nimport type { Node, UnknownComponent } from \"./types\";\n\nfunction MissingComponent({ node }: { node: Node }) {\n  if (!import.meta.env.DEV) {\n    return null;\n  }\n\n  return <div data-lattice-missing-component={node.type}>Missing component: {node.type}</div>;\n}\n\ntype RendererContextValue = {\n  fallback: ReactNode;\n  missingComponent: UnknownComponent;\n  registry: ComponentRegistry;\n};\n\nconst RendererContext = createContext<RendererContextValue | null>(null);\n\nexport function useRendererContext(): RendererContextValue {\n  const context = useContext(RendererContext);\n\n  if (!context) {\n    throw new Error(\"Renderer context is not available.\");\n  }\n\n  return context;\n}\n\nexport function Renderer({\n  fallback = null,\n  missingComponent: UnknownComponent = MissingComponent,\n  nodes,\n  registry,\n}: {\n  fallback?: ReactNode;\n  missingComponent?: UnknownComponent;\n  nodes: Node[];\n  registry: ComponentRegistry;\n}) {\n  const context = useMemo(\n    () => ({\n      fallback,\n      missingComponent: UnknownComponent,\n      registry,\n    }),\n    [fallback, registry, UnknownComponent],\n  );\n\n  return (\n    <RendererContext.Provider value={context}>\n      {nodes.map((node, index) => (\n        <NodeRenderer\n          fallback={fallback}\n          key={node.key ?? node.id ?? `${node.type}-${index}`}\n          missingComponent={UnknownComponent}\n          node={node}\n          registry={registry}\n        />\n      ))}\n    </RendererContext.Provider>\n  );\n}\n\nfunction NodeRenderer({\n  fallback,\n  missingComponent: UnknownComponent,\n  node,\n  registry,\n}: {\n  fallback: ReactNode;\n  missingComponent: UnknownComponent;\n  node: Node;\n  registry: ComponentRegistry;\n}) {\n  const registration = registry[node.type];\n\n  if (!registration) {\n    return <UnknownComponent node={node} />;\n  }\n\n  const Component = registration.component;\n  const children = node.children?.length ? (\n    <Renderer\n      fallback={fallback}\n      missingComponent={UnknownComponent}\n      nodes={node.children}\n      registry={registry}\n    />\n  ) : null;\n\n  const renderedComponent = <Component node={node}>{children}</Component>;\n\n  if (registration.mode === \"lazy\") {\n    const FallbackComponent = registration.fallback;\n    const suspenseFallback = FallbackComponent ? (\n      <FallbackComponent node={node}>{null}</FallbackComponent>\n    ) : (\n      fallback\n    );\n\n    return <Suspense fallback={suspenseFallback}>{renderedComponent}</Suspense>;\n  }\n\n  return renderedComponent;\n}\n"],"mappings":";;;AAKA,SAAS,iBAAiB,EAAE,QAAwB;CAEhD,OAAO;AAIX;AAQA,IAAM,kBAAkB,cAA2C,IAAI;AAEvE,SAAgB,qBAA2C;CACzD,MAAM,UAAU,WAAW,eAAe;CAE1C,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,oCAAoC;CAGtD,OAAO;AACT;AAEA,SAAgB,SAAS,EACvB,WAAW,MACX,kBAAkB,mBAAmB,kBACrC,OACA,YAMC;CACD,MAAM,UAAU,eACP;EACL;EACA,kBAAkB;EAClB;CACF,IACA;EAAC;EAAU;EAAU;CAAgB,CACvC;CAEA,OACE,oBAAC,gBAAgB,UAAjB;EAA0B,OAAO;YAC9B,MAAM,KAAK,MAAM,UAChB,oBAAC,cAAD;GACY;GAEV,kBAAkB;GACZ;GACI;EACX,GAJM,KAAK,OAAO,KAAK,MAAM,GAAG,KAAK,KAAK,GAAG,OAI7C,CACF;CACuB,CAAA;AAE9B;AAEA,SAAS,aAAa,EACpB,UACA,kBAAkB,kBAClB,MACA,YAMC;CACD,MAAM,eAAe,SAAS,KAAK;CAEnC,IAAI,CAAC,cACH,OAAO,oBAAC,kBAAD,EAAwB,KAAO,CAAA;CAGxC,MAAM,YAAY,aAAa;CAU/B,MAAM,oBAAoB,oBAAC,WAAD;EAAiB;EAAO,UATjC,KAAK,UAAU,SAC9B,oBAAC,UAAD;GACY;GACV,kBAAkB;GAClB,OAAO,KAAK;GACF;EACX,CAAA,IACC;CAEkE,CAAA;CAEtE,IAAI,aAAa,SAAS,QAAQ;EAChC,MAAM,oBAAoB,aAAa;EAOvC,OAAO,oBAAC,UAAD;GAAU,UANQ,oBACvB,oBAAC,mBAAD;IAAyB;cAAO;GAAwB,CAAA,IAExD;aAG4C;EAA4B,CAAA;CAC5E;CAEA,OAAO;AACT"}

package/dist/core/types.d.ts

@@ -0,0 +1,55 @@
+import { Method } from '@inertiajs/core';
+import { ComponentType as ReactComponentType, ReactNode } from 'react';
+export type NodeProps = Record<string, unknown>;
+export interface ComponentProps {
+    [component: string]: NodeProps;
+}
+export type ComponentType = keyof ComponentProps & string;
+export type PropsFor<TType extends string> = TType extends ComponentType ? ComponentProps[TType] & NodeProps : NodeProps;
+export type Node<TType extends string = string> = {
+    children?: Node[];
+    id?: string;
+    key?: string;
+    props?: PropsFor<TType>;
+    type: TType;
+};
+export type PagePayload = {
+    breadcrumbs: PageBreadcrumb[];
+    components: Node[];
+    container: PageContainer;
+    layout: string;
+    menus: Record<string, MenuPayload | undefined>;
+    title: string | null;
+};
+export type PageBreadcrumb = {
+    href: string;
+    title: string;
+};
+export type MenuItem = {
+    active: boolean;
+    href: string;
+    icon: string | null;
+    key: string;
+    label: string;
+    method: Method;
+};
+export type MenuGroup = {
+    items: MenuItem[];
+    label: string | null;
+};
+export type MenuPayload = {
+    groups: MenuGroup[];
+};
+export type KnownPageContainer = "centered" | "default";
+export type PageContainer = KnownPageContainer | (string & {});
+export type RendererComponentProps<TType extends string = string> = {
+    children: ReactNode;
+    node: Node<TType>;
+};
+export type RendererComponent<TType extends string = string> = ReactComponentType<RendererComponentProps<TType>>;
+export type RendererComponentModule<TType extends string = string> = {
+    default: RendererComponent<TType>;
+};
+export type UnknownComponent = ReactComponentType<{
+    node: Node;
+}>;

package/dist/events/event-bridge.d.ts

@@ -0,0 +1,14 @@
+export declare const toastVariants: readonly ["success", "info", "warning", "error"];
+export declare const appearances: readonly ["light", "dark", "system"];
+export type ToastVariant = (typeof toastVariants)[number];
+export type Appearance = (typeof appearances)[number];
+export type ToastMessage = {
+    message: string;
+    variant: ToastVariant;
+};
+type EventBridgeProps = {
+    onAppearanceChange?: (appearance: Appearance) => void;
+    onToast?: (toast: ToastMessage) => void;
+};
+export declare function EventBridge({ onAppearanceChange, onToast }: EventBridgeProps): null;
+export {};

package/dist/events/event-bridge.js

@@ -0,0 +1,75 @@
+import { LATTICE_EVENT } from "./event-names.js";
+import { useEffect } from "react";
+import { router } from "@inertiajs/react";
+//#region resources/js/events/event-bridge.tsx
+var toastVariants = [
+	"success",
+	"info",
+	"warning",
+	"error"
+];
+var appearances = [
+	"light",
+	"dark",
+	"system"
+];
+function isToastVariant(value) {
+	return toastVariants.some((variant) => variant === value);
+}
+function isAppearance(value) {
+	return appearances.some((appearance) => appearance === value);
+}
+function normalizeFlashToast(value) {
+	if (typeof value !== "object" || value === null) return null;
+	const candidate = value;
+	if (typeof candidate.message !== "string" || !isToastVariant(candidate.variant)) return null;
+	return {
+		message: candidate.message,
+		variant: candidate.variant
+	};
+}
+function normalizeLatticeToast(event) {
+	const detail = event.detail;
+	const message = detail?.message;
+	if (typeof message !== "string" || message === "") return null;
+	return {
+		message,
+		variant: isToastVariant(detail.variant) ? detail.variant : "success"
+	};
+}
+function EventBridge({ onAppearanceChange, onToast }) {
+	useEffect(() => {
+		if (!onToast) return;
+		return router.on("flash", (event) => {
+			const toast = normalizeFlashToast(event.detail?.flash?.toast);
+			if (toast) onToast(toast);
+		});
+	}, [onToast]);
+	useEffect(() => {
+		if (!onToast) return;
+		const listener = (event) => {
+			const toast = normalizeLatticeToast(event);
+			if (toast) onToast(toast);
+		};
+		window.addEventListener(LATTICE_EVENT.toast, listener);
+		return () => {
+			window.removeEventListener(LATTICE_EVENT.toast, listener);
+		};
+	}, [onToast]);
+	useEffect(() => {
+		if (!onAppearanceChange) return;
+		const listener = (event) => {
+			const value = event.detail?.value;
+			if (isAppearance(value)) onAppearanceChange(value);
+		};
+		window.addEventListener(LATTICE_EVENT.appearanceChange, listener);
+		return () => {
+			window.removeEventListener(LATTICE_EVENT.appearanceChange, listener);
+		};
+	}, [onAppearanceChange]);
+	return null;
+}
+//#endregion
+export { EventBridge, appearances, toastVariants };
+
+//# sourceMappingURL=event-bridge.js.map

package/dist/events/event-bridge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-bridge.js","names":[],"sources":["../../resources/js/events/event-bridge.tsx"],"sourcesContent":["import { router } from \"@inertiajs/react\";\nimport { useEffect } from \"react\";\nimport { LATTICE_EVENT } from \"./event-names\";\n\nexport const toastVariants = [\"success\", \"info\", \"warning\", \"error\"] as const;\nexport const appearances = [\"light\", \"dark\", \"system\"] as const;\n\nexport type ToastVariant = (typeof toastVariants)[number];\nexport type Appearance = (typeof appearances)[number];\n\nexport type ToastMessage = {\n  message: string;\n  variant: ToastVariant;\n};\n\ntype EventBridgeProps = {\n  onAppearanceChange?: (appearance: Appearance) => void;\n  onToast?: (toast: ToastMessage) => void;\n};\n\ntype ToastEvent = CustomEvent<{\n  message?: unknown;\n  variant?: unknown;\n}>;\n\ntype AppearanceEvent = CustomEvent<{\n  value?: unknown;\n}>;\n\ntype InertiaFlashEvent = CustomEvent<{\n  flash?: {\n    toast?: unknown;\n  };\n}>;\n\nfunction isToastVariant(value: unknown): value is ToastVariant {\n  return toastVariants.some((variant) => variant === value);\n}\n\nfunction isAppearance(value: unknown): value is Appearance {\n  return appearances.some((appearance) => appearance === value);\n}\n\nfunction normalizeFlashToast(value: unknown): ToastMessage | null {\n  if (typeof value !== \"object\" || value === null) {\n    return null;\n  }\n\n  const candidate = value as Partial<ToastMessage>;\n\n  if (typeof candidate.message !== \"string\" || !isToastVariant(candidate.variant)) {\n    return null;\n  }\n\n  return {\n    message: candidate.message,\n    variant: candidate.variant,\n  };\n}\n\nfunction normalizeLatticeToast(event: Event): ToastMessage | null {\n  const detail = (event as ToastEvent).detail;\n  const message = detail?.message;\n\n  if (typeof message !== \"string\" || message === \"\") {\n    return null;\n  }\n\n  return {\n    message,\n    variant: isToastVariant(detail.variant) ? detail.variant : \"success\",\n  };\n}\n\nexport function EventBridge({ onAppearanceChange, onToast }: EventBridgeProps) {\n  useEffect(() => {\n    if (!onToast) {\n      return;\n    }\n\n    return router.on(\"flash\", (event) => {\n      const toast = normalizeFlashToast((event as InertiaFlashEvent).detail?.flash?.toast);\n\n      if (toast) {\n        onToast(toast);\n      }\n    });\n  }, [onToast]);\n\n  useEffect(() => {\n    if (!onToast) {\n      return;\n    }\n\n    const listener = (event: Event): void => {\n      const toast = normalizeLatticeToast(event);\n\n      if (toast) {\n        onToast(toast);\n      }\n    };\n\n    window.addEventListener(LATTICE_EVENT.toast, listener);\n\n    return () => {\n      window.removeEventListener(LATTICE_EVENT.toast, listener);\n    };\n  }, [onToast]);\n\n  useEffect(() => {\n    if (!onAppearanceChange) {\n      return;\n    }\n\n    const listener = (event: Event): void => {\n      const value = (event as AppearanceEvent).detail?.value;\n\n      if (isAppearance(value)) {\n        onAppearanceChange(value);\n      }\n    };\n\n    window.addEventListener(LATTICE_EVENT.appearanceChange, listener);\n\n    return () => {\n      window.removeEventListener(LATTICE_EVENT.appearanceChange, listener);\n    };\n  }, [onAppearanceChange]);\n\n  return null;\n}\n"],"mappings":";;;;AAIA,IAAa,gBAAgB;CAAC;CAAW;CAAQ;CAAW;AAAO;AACnE,IAAa,cAAc;CAAC;CAAS;CAAQ;AAAQ;AA8BrD,SAAS,eAAe,OAAuC;CAC7D,OAAO,cAAc,MAAM,YAAY,YAAY,KAAK;AAC1D;AAEA,SAAS,aAAa,OAAqC;CACzD,OAAO,YAAY,MAAM,eAAe,eAAe,KAAK;AAC9D;AAEA,SAAS,oBAAoB,OAAqC;CAChE,IAAI,OAAO,UAAU,YAAY,UAAU,MACzC,OAAO;CAGT,MAAM,YAAY;CAElB,IAAI,OAAO,UAAU,YAAY,YAAY,CAAC,eAAe,UAAU,OAAO,GAC5E,OAAO;CAGT,OAAO;EACL,SAAS,UAAU;EACnB,SAAS,UAAU;CACrB;AACF;AAEA,SAAS,sBAAsB,OAAmC;CAChE,MAAM,SAAU,MAAqB;CACrC,MAAM,UAAU,QAAQ;CAExB,IAAI,OAAO,YAAY,YAAY,YAAY,IAC7C,OAAO;CAGT,OAAO;EACL;EACA,SAAS,eAAe,OAAO,OAAO,IAAI,OAAO,UAAU;CAC7D;AACF;AAEA,SAAgB,YAAY,EAAE,oBAAoB,WAA6B;CAC7E,gBAAgB;EACd,IAAI,CAAC,SACH;EAGF,OAAO,OAAO,GAAG,UAAU,UAAU;GACnC,MAAM,QAAQ,oBAAqB,MAA4B,QAAQ,OAAO,KAAK;GAEnF,IAAI,OACF,QAAQ,KAAK;EAEjB,CAAC;CACH,GAAG,CAAC,OAAO,CAAC;CAEZ,gBAAgB;EACd,IAAI,CAAC,SACH;EAGF,MAAM,YAAY,UAAuB;GACvC,MAAM,QAAQ,sBAAsB,KAAK;GAEzC,IAAI,OACF,QAAQ,KAAK;EAEjB;EAEA,OAAO,iBAAiB,cAAc,OAAO,QAAQ;EAErD,aAAa;GACX,OAAO,oBAAoB,cAAc,OAAO,QAAQ;EAC1D;CACF,GAAG,CAAC,OAAO,CAAC;CAEZ,gBAAgB;EACd,IAAI,CAAC,oBACH;EAGF,MAAM,YAAY,UAAuB;GACvC,MAAM,QAAS,MAA0B,QAAQ;GAEjD,IAAI,aAAa,KAAK,GACpB,mBAAmB,KAAK;EAE5B;EAEA,OAAO,iBAAiB,cAAc,kBAAkB,QAAQ;EAEhE,aAAa;GACX,OAAO,oBAAoB,cAAc,kBAAkB,QAAQ;EACrE;CACF,GAAG,CAAC,kBAAkB,CAAC;CAEvB,OAAO;AACT"}

package/dist/events/event-names.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Single source of truth for the `lattice:*` DOM events the runtime dispatches
+ * and listens for. Effect-driven events are mapped from the generated EffectType
+ * in action/effects.ts; the rest are framework events with no PHP counterpart.
+ */
+export declare const LATTICE_EVENT: {
+    readonly toast: "lattice:toast";
+    readonly reloadComponent: "lattice:reload-component";
+    readonly reloadPage: "lattice:reload-page";
+    readonly redirect: "lattice:redirect";
+    readonly download: "lattice:download";
+    readonly openModal: "lattice:open-modal";
+    readonly closeModal: "lattice:close-modal";
+    readonly resetForm: "lattice:reset-form";
+    readonly appearanceChange: "lattice:appearance-change";
+    readonly actionError: "lattice:action-error";
+};
+export type ReloadComponentEvent = CustomEvent<{
+    component?: string;
+    type?: string;
+}>;

package/dist/events/event-names.js

@@ -0,0 +1,22 @@
+//#region resources/js/events/event-names.ts
+/**
+* Single source of truth for the `lattice:*` DOM events the runtime dispatches
+* and listens for. Effect-driven events are mapped from the generated EffectType
+* in action/effects.ts; the rest are framework events with no PHP counterpart.
+*/
+var LATTICE_EVENT = {
+	toast: "lattice:toast",
+	reloadComponent: "lattice:reload-component",
+	reloadPage: "lattice:reload-page",
+	redirect: "lattice:redirect",
+	download: "lattice:download",
+	openModal: "lattice:open-modal",
+	closeModal: "lattice:close-modal",
+	resetForm: "lattice:reset-form",
+	appearanceChange: "lattice:appearance-change",
+	actionError: "lattice:action-error"
+};
+//#endregion
+export { LATTICE_EVENT };
+
+//# sourceMappingURL=event-names.js.map

package/dist/events/event-names.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-names.js","names":[],"sources":["../../resources/js/events/event-names.ts"],"sourcesContent":["/**\n * Single source of truth for the `lattice:*` DOM events the runtime dispatches\n * and listens for. Effect-driven events are mapped from the generated EffectType\n * in action/effects.ts; the rest are framework events with no PHP counterpart.\n */\nexport const LATTICE_EVENT = {\n  toast: \"lattice:toast\",\n  reloadComponent: \"lattice:reload-component\",\n  reloadPage: \"lattice:reload-page\",\n  redirect: \"lattice:redirect\",\n  download: \"lattice:download\",\n  openModal: \"lattice:open-modal\",\n  closeModal: \"lattice:close-modal\",\n  resetForm: \"lattice:reset-form\",\n  appearanceChange: \"lattice:appearance-change\",\n  actionError: \"lattice:action-error\",\n} as const;\n\nexport type ReloadComponentEvent = CustomEvent<{\n  component?: string;\n  type?: string;\n}>;\n"],"mappings":";;;;;;AAKA,IAAa,gBAAgB;CAC3B,OAAO;CACP,iBAAiB;CACjB,YAAY;CACZ,UAAU;CACV,UAAU;CACV,WAAW;CACX,YAAY;CACZ,WAAW;CACX,kBAAkB;CAClB,aAAa;AACf"}

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

@@ -0,0 +1,4 @@
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import * as React from "react";
+declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): React.JSX.Element;
+export { Checkbox };

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

@@ -0,0 +1,22 @@
+import { cn } from "../../../lib/utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { CheckIcon } from "lucide-react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+//#region resources/js/form/components/base/checkbox.tsx
+function Checkbox({ className, ...props }) {
+	return /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
+		"data-slot": "checkbox",
+		className: cn("peer border-lt-input data-[state=checked]:bg-lt-primary data-[state=checked]:text-lt-primary-fg data-[state=checked]:border-lt-primary focus-visible:border-lt-ring focus-visible:ring-lt-ring/50 aria-invalid:ring-lt-danger/20 dark:aria-invalid:ring-lt-danger/40 aria-invalid:border-lt-danger size-4 shrink-0 rounded-lt-xs border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
+		...props,
+		children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, {
+			"data-slot": "checkbox-indicator",
+			className: "flex items-center justify-center text-current transition-none",
+			children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" })
+		})
+	});
+}
+//#endregion
+export { Checkbox };
+
+//# sourceMappingURL=checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","names":[],"sources":["../../../../resources/js/form/components/base/checkbox.tsx"],"sourcesContent":["import * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { cn } from \"@lattice/lattice/lib/utils\";\n\nfunction Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        \"peer border-lt-input data-[state=checked]:bg-lt-primary data-[state=checked]:text-lt-primary-fg data-[state=checked]:border-lt-primary focus-visible:border-lt-ring focus-visible:ring-lt-ring/50 aria-invalid:ring-lt-danger/20 dark:aria-invalid:ring-lt-danger/40 aria-invalid:border-lt-danger size-4 shrink-0 rounded-lt-xs border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"flex items-center justify-center text-current transition-none\"\n      >\n        <CheckIcon className=\"size-3.5\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n\nexport { Checkbox };\n"],"mappings":";;;;;;AAMA,SAAS,SAAS,EAAE,WAAW,GAAG,SAA8D;CAC9F,OACE,oBAAC,kBAAkB,MAAnB;EACE,aAAU;EACV,WAAW,GACT,6bACA,SACF;EACA,GAAI;YAEJ,oBAAC,kBAAkB,WAAnB;GACE,aAAU;GACV,WAAU;aAEV,oBAAC,WAAD,EAAW,WAAU,WAAY,CAAA;EACN,CAAA;CACP,CAAA;AAE5B"}

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

@@ -0,0 +1,9 @@
+import { FormLabelAction } from '../types';
+export declare function FormFieldFrame({ children, error, label, labelAction, name, required, }: {
+    children: React.ReactNode;
+    error?: string;
+    label: string;
+    labelAction?: FormLabelAction;
+    name: string;
+    required?: boolean;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,38 @@
+import { TextLink } from "../../../core/components/link.js";
+import { Label } from "./label.js";
+import InputError from "./input-error.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region resources/js/form/components/base/field.tsx
+function FormFieldFrame({ children, error, label, labelAction, name, required }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "grid gap-2",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex min-h-5 items-center",
+				children: [
+					/* @__PURE__ */ jsx(Label, {
+						htmlFor: name,
+						children: label
+					}),
+					required && /* @__PURE__ */ jsx("span", {
+						"aria-hidden": "true",
+						className: "ml-0.5 text-lt-danger",
+						children: "*"
+					}),
+					labelAction && /* @__PURE__ */ jsx(TextLink, {
+						href: labelAction.href,
+						tabIndex: labelAction.tabIndex,
+						className: "ml-auto text-sm",
+						children: labelAction.label
+					})
+				]
+			}),
+			children,
+			/* @__PURE__ */ jsx(InputError, { message: error })
+		]
+	});
+}
+//#endregion
+export { FormFieldFrame };
+
+//# sourceMappingURL=field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","names":[],"sources":["../../../../resources/js/form/components/base/field.tsx"],"sourcesContent":["import InputError from \"@lattice/lattice/form/components/base/input-error\";\nimport { TextLink } from \"@lattice/lattice/core/components/link\";\nimport { Label } from \"@lattice/lattice/form/components/base/label\";\nimport type { FormLabelAction } from \"../types\";\n\nexport function FormFieldFrame({\n  children,\n  error,\n  label,\n  labelAction,\n  name,\n  required,\n}: {\n  children: React.ReactNode;\n  error?: string;\n  label: string;\n  labelAction?: FormLabelAction;\n  name: string;\n  required?: boolean;\n}) {\n  return (\n    <div className=\"grid gap-2\">\n      <div className=\"flex min-h-5 items-center\">\n        <Label htmlFor={name}>{label}</Label>\n        {required && (\n          <span aria-hidden=\"true\" className=\"ml-0.5 text-lt-danger\">\n            *\n          </span>\n        )}\n        {labelAction && (\n          <TextLink\n            href={labelAction.href}\n            tabIndex={labelAction.tabIndex}\n            className=\"ml-auto text-sm\"\n          >\n            {labelAction.label}\n          </TextLink>\n        )}\n      </div>\n\n      {children}\n\n      <InputError message={error} />\n    </div>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgB,eAAe,EAC7B,UACA,OACA,OACA,aACA,MACA,YAQC;CACD,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACE,qBAAC,OAAD;IAAK,WAAU;cAAf;KACE,oBAAC,OAAD;MAAO,SAAS;gBAAO;KAAa,CAAA;KACnC,YACC,oBAAC,QAAD;MAAM,eAAY;MAAO,WAAU;gBAAwB;KAErD,CAAA;KAEP,eACC,oBAAC,UAAD;MACE,MAAM,YAAY;MAClB,UAAU,YAAY;MACtB,WAAU;gBAET,YAAY;KACL,CAAA;IAET;;GAEJ;GAED,oBAAC,YAAD,EAAY,SAAS,MAAQ,CAAA;EAC1B;;AAET"}

package/dist/form/components/base/input-error.d.ts

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from 'react';
+export default function InputError({ message, className, ...props }: HTMLAttributes<HTMLParagraphElement> & {
+    message?: string;
+}): import("react").JSX.Element | null;

package/dist/form/components/base/input-error.js

@@ -0,0 +1,14 @@
+import { cn } from "../../../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+//#region resources/js/form/components/base/input-error.tsx
+function InputError({ message, className = "", ...props }) {
+	return message ? /* @__PURE__ */ jsx("p", {
+		...props,
+		className: cn("text-sm text-red-600 dark:text-red-400", className),
+		children: message
+	}) : null;
+}
+//#endregion
+export { InputError as default };
+
+//# sourceMappingURL=input-error.js.map

package/dist/form/components/base/input-error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-error.js","names":[],"sources":["../../../../resources/js/form/components/base/input-error.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"@lattice/lattice/lib/utils\";\n\nexport default function InputError({\n  message,\n  className = \"\",\n  ...props\n}: HTMLAttributes<HTMLParagraphElement> & { message?: string }) {\n  return message ? (\n    <p {...props} className={cn(\"text-sm text-red-600 dark:text-red-400\", className)}>\n      {message}\n    </p>\n  ) : null;\n}\n"],"mappings":";;;AAGA,SAAwB,WAAW,EACjC,SACA,YAAY,IACZ,GAAG,SAC2D;CAC9D,OAAO,UACL,oBAAC,KAAD;EAAG,GAAI;EAAO,WAAW,GAAG,0CAA0C,SAAS;YAC5E;CACA,CAAA,IACD;AACN"}

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

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): React.JSX.Element;
+export { Input };

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

@@ -0,0 +1,16 @@
+import { cn } from "../../../lib/utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region resources/js/form/components/base/input.tsx
+function Input({ className, type, ...props }) {
+	return /* @__PURE__ */ jsx("input", {
+		type,
+		"data-slot": "input",
+		className: cn("border-lt-input file:text-lt-fg placeholder:text-lt-muted-fg selection:bg-lt-primary selection:text-lt-primary-fg flex h-9 w-full min-w-0 rounded-lt-sm border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-lt-ring focus-visible:ring-lt-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-lt-danger/20 dark:aria-invalid:ring-lt-danger/40 aria-invalid:border-lt-danger", className),
+		...props
+	});
+}
+//#endregion
+export { Input };
+
+//# sourceMappingURL=input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","names":[],"sources":["../../../../resources/js/form/components/base/input.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@lattice/lattice/lib/utils\";\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"border-lt-input file:text-lt-fg placeholder:text-lt-muted-fg selection:bg-lt-primary selection:text-lt-primary-fg flex h-9 w-full min-w-0 rounded-lt-sm border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n        \"focus-visible:border-lt-ring focus-visible:ring-lt-ring/50 focus-visible:ring-[3px]\",\n        \"aria-invalid:ring-lt-danger/20 dark:aria-invalid:ring-lt-danger/40 aria-invalid:border-lt-danger\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n"],"mappings":";;;;AAIA,SAAS,MAAM,EAAE,WAAW,MAAM,GAAG,SAAwC;CAC3E,OACE,oBAAC,SAAD;EACQ;EACN,aAAU;EACV,WAAW,GACT,4aACA,uFACA,oGACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

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

@@ -0,0 +1,4 @@
+import * as LabelPrimitive from "@radix-ui/react-label";
+import * as React from "react";
+declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): React.JSX.Element;
+export { Label };

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

@@ -0,0 +1,16 @@
+import { cn } from "../../../lib/utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import * as LabelPrimitive from "@radix-ui/react-label";
+//#region resources/js/form/components/base/label.tsx
+function Label({ className, ...props }) {
+	return /* @__PURE__ */ jsx(LabelPrimitive.Root, {
+		"data-slot": "label",
+		className: cn("text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className),
+		...props
+	});
+}
+//#endregion
+export { Label };
+
+//# sourceMappingURL=label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","names":[],"sources":["../../../../resources/js/form/components/base/label.tsx"],"sourcesContent":["import * as LabelPrimitive from \"@radix-ui/react-label\";\nimport * as React from \"react\";\n\nimport { cn } from \"@lattice/lattice/lib/utils\";\n\nfunction Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"],"mappings":";;;;;AAKA,SAAS,MAAM,EAAE,WAAW,GAAG,SAA2D;CACxF,OACE,oBAAC,eAAe,MAAhB;EACE,aAAU;EACV,WAAW,GACT,+LACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/form/components/base/password-input.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps, Ref } from 'react';
+type PasswordInputProps = Omit<ComponentProps<"input">, "type"> & {
+    passwordrules?: string;
+    ref?: Ref<HTMLInputElement>;
+};
+export default function PasswordInput({ className, ref, ...props }: PasswordInputProps): import("react").JSX.Element;
+export {};

package/dist/form/components/base/password-input.js

@@ -0,0 +1,29 @@
+import { cn } from "../../../lib/utils.js";
+import { Input } from "./input.js";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Eye, EyeOff } from "lucide-react";
+//#region resources/js/form/components/base/password-input.tsx
+function PasswordInput({ className, ref, ...props }) {
+	const [showPassword, setShowPassword] = useState(false);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "relative",
+		children: [/* @__PURE__ */ jsx(Input, {
+			type: showPassword ? "text" : "password",
+			className: cn("pr-10", className),
+			ref,
+			...props
+		}), /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: () => setShowPassword((prev) => !prev),
+			className: "absolute inset-y-0 right-0 flex items-center rounded-r-lt-sm px-3 text-lt-muted-fg hover:text-lt-fg focus-visible:ring-[3px] focus-visible:ring-lt-ring focus-visible:outline-none",
+			"aria-label": showPassword ? "Hide password" : "Show password",
+			tabIndex: -1,
+			children: showPassword ? /* @__PURE__ */ jsx(EyeOff, { className: "size-4" }) : /* @__PURE__ */ jsx(Eye, { className: "size-4" })
+		})]
+	});
+}
+//#endregion
+export { PasswordInput as default };
+
+//# sourceMappingURL=password-input.js.map

package/dist/form/components/base/password-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-input.js","names":[],"sources":["../../../../resources/js/form/components/base/password-input.tsx"],"sourcesContent":["import { Eye, EyeOff } from \"lucide-react\";\nimport type { ComponentProps, Ref } from \"react\";\nimport { useState } from \"react\";\nimport { Input } from \"@lattice/lattice/form/components/base/input\";\nimport { cn } from \"@lattice/lattice/lib/utils\";\n\ntype PasswordInputProps = Omit<ComponentProps<\"input\">, \"type\"> & {\n  passwordrules?: string;\n  ref?: Ref<HTMLInputElement>;\n};\n\nexport default function PasswordInput({ className, ref, ...props }: PasswordInputProps) {\n  const [showPassword, setShowPassword] = useState(false);\n\n  return (\n    <div className=\"relative\">\n      <Input\n        type={showPassword ? \"text\" : \"password\"}\n        className={cn(\"pr-10\", className)}\n        ref={ref}\n        {...props}\n      />\n      <button\n        type=\"button\"\n        onClick={() => setShowPassword((prev) => !prev)}\n        className=\"absolute inset-y-0 right-0 flex items-center rounded-r-lt-sm px-3 text-lt-muted-fg hover:text-lt-fg focus-visible:ring-[3px] focus-visible:ring-lt-ring focus-visible:outline-none\"\n        aria-label={showPassword ? \"Hide password\" : \"Show password\"}\n        tabIndex={-1}\n      >\n        {showPassword ? <EyeOff className=\"size-4\" /> : <Eye className=\"size-4\" />}\n      </button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAWA,SAAwB,cAAc,EAAE,WAAW,KAAK,GAAG,SAA6B;CACtF,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;CAEtD,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,OAAD;GACE,MAAM,eAAe,SAAS;GAC9B,WAAW,GAAG,SAAS,SAAS;GAC3B;GACL,GAAI;EACL,CAAA,GACD,oBAAC,UAAD;GACE,MAAK;GACL,eAAe,iBAAiB,SAAS,CAAC,IAAI;GAC9C,WAAU;GACV,cAAY,eAAe,kBAAkB;GAC7C,UAAU;aAET,eAAe,oBAAC,QAAD,EAAQ,WAAU,SAAU,CAAA,IAAI,oBAAC,KAAD,EAAK,WAAU,SAAU,CAAA;EACnE,CAAA,CACL;;AAET"}

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

@@ -0,0 +1,6 @@
+type SubmitButtonVariant = "default" | "destructive" | "ghost" | "link" | "outline" | "secondary";
+export declare function FormSubmitButton({ label, variant, }: {
+    label: string;
+    variant?: SubmitButtonVariant;
+}): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,46 @@
+import { Button } from "../../../core/components/button.js";
+import { Spinner } from "../../../core/components/spinner.js";
+import { useFormContext } from "../context.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region resources/js/form/components/base/submit-button.tsx
+function FormSubmitButton({ label, variant = "default" }) {
+	const { 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, {
+			disabled: processing || hasErrors,
+			type: "submit",
+			variant,
+			children: [processing && /* @__PURE__ */ jsx(Spinner, {}), label]
+		}), hasErrors && /* @__PURE__ */ jsxs("div", {
+			className: "pointer-events-none absolute bottom-full left-1/2 z-10 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-md transition-opacity group-hover:opacity-100",
+			role: "tooltip",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "mb-1 font-medium text-lt-fg",
+				children: "Fix these fields to continue:"
+			}), /* @__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

@@ -0,0 +1 @@
+{"version":3,"file":"submit-button.js","names":[],"sources":["../../../../resources/js/form/components/base/submit-button.tsx"],"sourcesContent":["import { Button } from \"@lattice/lattice/core/components/button\";\nimport { Spinner } from \"@lattice/lattice/core/components/spinner\";\nimport { useFormContext } from \"../context\";\n\ntype SubmitButtonVariant = \"default\" | \"destructive\" | \"ghost\" | \"link\" | \"outline\" | \"secondary\";\n\nexport function FormSubmitButton({\n  label,\n  variant = \"default\",\n}: {\n  label: string;\n  variant?: SubmitButtonVariant;\n}) {\n  const { 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 disabled={processing || hasErrors} type=\"submit\" variant={variant}>\n        {processing && <Spinner />}\n        {label}\n      </Button>\n\n      {hasErrors && (\n        <div\n          className=\"pointer-events-none absolute bottom-full left-1/2 z-10 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-md transition-opacity group-hover:opacity-100\"\n          role=\"tooltip\"\n        >\n          <p className=\"mb-1 font-medium text-lt-fg\">Fix these fields to continue:</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":";;;;;AAMA,SAAgB,iBAAiB,EAC/B,OACA,UAAU,aAIT;CACD,MAAM,EAAE,QAAQ,aAAa,eAAe,eAAe;CAE3D,MAAM,gBAAgB,OAAO,QAAQ,MAAM,EACxC,QAAQ,GAAG,aAAa,QAAQ,OAAO,CAAC,EACxC,KAAK,CAAC,MAAM,cAAc;EAAE,OAAO,YAAY,SAAS;EAAe;CAAkB,EAAE;CAC9F,MAAM,YAAY,cAAc,SAAS;CAEzC,OACE,qBAAC,QAAD;EAAM,WAAU;YAAhB,CACE,qBAAC,QAAD;GAAQ,UAAU,cAAc;GAAW,MAAK;GAAkB;aAAlE,CACG,cAAc,oBAAC,SAAD,CAAU,CAAA,GACxB,KACK;MAEP,aACC,qBAAC,OAAD;GACE,WAAU;GACV,MAAK;aAFP,CAIE,oBAAC,KAAD;IAAG,WAAU;cAA8B;GAAgC,CAAA,GAC3E,oBAAC,MAAD;IAAI,WAAU;cACX,cAAc,KAAK,UAClB,qBAAC,MAAD;KAAI,WAAU;eAAd;MACE,oBAAC,QAAD;OAAM,WAAU;iBAA0B,MAAM;MAAY,CAAA;MAAC;MAAI,MAAM;KACrE;OAFkC,MAAM,KAExC,CACL;GACC,CAAA,CACD;IAEH;;AAEV"}

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

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
+export { Textarea };

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

@@ -0,0 +1,15 @@
+import { cn } from "../../../lib/utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region resources/js/form/components/base/textarea.tsx
+function Textarea({ className, ...props }) {
+	return /* @__PURE__ */ jsx("textarea", {
+		"data-slot": "textarea",
+		className: cn("border-lt-input placeholder:text-lt-muted-fg flex field-sizing-content min-h-16 w-full rounded-lt-sm border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-lt-ring focus-visible:ring-lt-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-lt-danger/20 dark:aria-invalid:ring-lt-danger/40 aria-invalid:border-lt-danger", className),
+		...props
+	});
+}
+//#endregion
+export { Textarea };
+
+//# sourceMappingURL=textarea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","names":[],"sources":["../../../../resources/js/form/components/base/textarea.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"@lattice/lattice/lib/utils\";\n\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        \"border-lt-input placeholder:text-lt-muted-fg flex field-sizing-content min-h-16 w-full rounded-lt-sm border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n        \"focus-visible:border-lt-ring focus-visible:ring-lt-ring/50 focus-visible:ring-[3px]\",\n        \"aria-invalid:ring-lt-danger/20 dark:aria-invalid:ring-lt-danger/40 aria-invalid:border-lt-danger\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Textarea };\n"],"mappings":";;;;AAIA,SAAS,SAAS,EAAE,WAAW,GAAG,SAA2C;CAC3E,OACE,oBAAC,YAAD;EACE,aAAU;EACV,WAAW,GACT,+RACA,uFACA,oGACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/form/components/conditions.d.ts

@@ -0,0 +1,25 @@
+import { ConditionOperator } from '../../../../generated/types';
+export type Condition = {
+    field: string;
+    operator: ConditionOperator;
+    value: unknown;
+};
+export type FieldConditions = {
+    visible?: Condition[];
+    required?: Condition[];
+    readonly?: Condition[];
+    disabled?: Condition[];
+};
+export type FieldFlags = {
+    hidden?: boolean;
+    required?: boolean;
+    readonly?: boolean;
+    disabled?: boolean;
+};
+export type FieldState = {
+    hidden: boolean;
+    required: boolean;
+    readonly: boolean;
+    disabled: boolean;
+};
+export declare function evaluateConditions(conditions: FieldConditions | undefined, values: Record<string, unknown>, flags: FieldFlags): FieldState;