@lattice-php/lattice 0.38.0 → 0.40.0

package/dist/ui/confirm-dialog.js

@@ -1,48 +0,0 @@
-import { Button } from "./button.js";
-import { Dialog, DialogContent, DialogDescription, DialogTitle } from "./dialog.js";
-import { Spinner } from "./spinner.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/ui/confirm-dialog.tsx
-function ConfirmDialog({ title, description, confirmLabel, cancelLabel = "Cancel", confirmVariant = null, confirmEmphasis = null, processing = false, confirmDisabled = false, onConfirm, onCancel }) {
-	const blockWhileProcessing = (event) => {
-		if (processing) event.preventDefault();
-	};
-	return /* @__PURE__ */ jsx(Dialog, {
-		open: true,
-		onOpenChange: (open) => {
-			if (!open) onCancel();
-		},
-		children: /* @__PURE__ */ jsxs(DialogContent, {
-			...description ? {} : { "aria-describedby": void 0 },
-			width: "md",
-			onEscapeKeyDown: blockWhileProcessing,
-			onInteractOutside: blockWhileProcessing,
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "grid gap-2",
-				children: [/* @__PURE__ */ jsx(DialogTitle, { children: title }), description && /* @__PURE__ */ jsx(DialogDescription, { children: description })]
-			}), /* @__PURE__ */ jsxs("div", {
-				className: "mt-6 flex justify-end gap-2",
-				children: [/* @__PURE__ */ jsx(Button, {
-					type: "button",
-					emphasis: "outline",
-					"data-test": "confirm-cancel",
-					disabled: processing,
-					onClick: onCancel,
-					children: cancelLabel
-				}), /* @__PURE__ */ jsxs(Button, {
-					type: "button",
-					emphasis: confirmEmphasis,
-					variant: confirmVariant,
-					"data-test": "confirm-accept",
-					disabled: processing || confirmDisabled,
-					onClick: onConfirm,
-					children: [processing && /* @__PURE__ */ jsx(Spinner, {}), confirmLabel]
-				})]
-			})]
-		})
-	});
-}
-//#endregion
-export { ConfirmDialog };
-
-//# sourceMappingURL=confirm-dialog.js.map

package/dist/ui/confirm-dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"confirm-dialog.js","names":[],"sources":["../../resources/js/ui/confirm-dialog.tsx"],"sourcesContent":["import type { Emphasis, Variant } from \"@lattice-php/lattice/types/generated\";\nimport { Button } from \"./button\";\nimport { Dialog, DialogContent, DialogDescription, DialogTitle } from \"./dialog\";\nimport { Spinner } from \"./spinner\";\n\nexport function ConfirmDialog({\n  title,\n  description,\n  confirmLabel,\n  cancelLabel = \"Cancel\",\n  confirmVariant = null,\n  confirmEmphasis = null,\n  processing = false,\n  confirmDisabled = false,\n  onConfirm,\n  onCancel,\n}: {\n  title: string;\n  description?: string;\n  confirmLabel: string;\n  cancelLabel?: string;\n  confirmVariant?: Variant | null;\n  confirmEmphasis?: Emphasis | null;\n  processing?: boolean;\n  confirmDisabled?: boolean;\n  onConfirm: () => void;\n  onCancel: () => void;\n}) {\n  const blockWhileProcessing = (event: Event): void => {\n    if (processing) {\n      event.preventDefault();\n    }\n  };\n\n  return (\n    <Dialog\n      open\n      onOpenChange={(open) => {\n        if (!open) {\n          onCancel();\n        }\n      }}\n    >\n      <DialogContent\n        {...(description ? {} : { \"aria-describedby\": undefined })}\n        width=\"md\"\n        onEscapeKeyDown={blockWhileProcessing}\n        onInteractOutside={blockWhileProcessing}\n      >\n        <div className=\"grid gap-2\">\n          <DialogTitle>{title}</DialogTitle>\n          {description && <DialogDescription>{description}</DialogDescription>}\n        </div>\n        <div className=\"mt-6 flex justify-end gap-2\">\n          <Button\n            type=\"button\"\n            emphasis=\"outline\"\n            data-test=\"confirm-cancel\"\n            disabled={processing}\n            onClick={onCancel}\n          >\n            {cancelLabel}\n          </Button>\n          <Button\n            type=\"button\"\n            emphasis={confirmEmphasis}\n            variant={confirmVariant}\n            data-test=\"confirm-accept\"\n            disabled={processing || confirmDisabled}\n            onClick={onConfirm}\n          >\n            {processing && <Spinner />}\n            {confirmLabel}\n          </Button>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgB,cAAc,EAC5B,OACA,aACA,cACA,cAAc,UACd,iBAAiB,MACjB,kBAAkB,MAClB,aAAa,OACb,kBAAkB,OAClB,WACA,YAYC;CACD,MAAM,wBAAwB,UAAuB;EACnD,IAAI,YACF,MAAM,eAAe;CAEzB;CAEA,OACE,oBAAC,QAAD;EACE,MAAA;EACA,eAAe,SAAS;GACtB,IAAI,CAAC,MACH,SAAS;EAEb;EAEA,UAAA,qBAAC,eAAD;GACE,GAAK,cAAc,CAAC,IAAI,EAAE,oBAAoB,KAAA,EAAU;GACxD,OAAM;GACN,iBAAiB;GACjB,mBAAmB;GAJrB,UAAA,CAME,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,oBAAC,aAAD,EAAA,UAAc,MAAmB,CAAA,GAChC,eAAe,oBAAC,mBAAD,EAAA,UAAoB,YAA+B,CAAA,CAChE;GACL,CAAA,GAAA,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,oBAAC,QAAD;KACE,MAAK;KACL,UAAS;KACT,aAAU;KACV,UAAU;KACV,SAAS;KAER,UAAA;IACK,CAAA,GACR,qBAAC,QAAD;KACE,MAAK;KACL,UAAU;KACV,SAAS;KACT,aAAU;KACV,UAAU,cAAc;KACxB,SAAS;KANX,UAAA,CAQG,cAAc,oBAAC,SAAD,CAAU,CAAA,GACxB,YACK;IACL,CAAA,CAAA;GACQ,CAAA,CAAA;;CACT,CAAA;AAEZ"}

package/dist/ui/control.d.ts

@@ -1,10 +0,0 @@
-export declare const FOCUS_RING = "focus-visible:border-lt-ring focus-visible:ring-lt-ring/50 focus-visible:ring-[length:var(--lt-ring-width)] focus-visible:ring-offset-[length:var(--lt-ring-offset)]";
-/**
- * The shared chrome for single-line form/table controls (text inputs, native
- * selects, and the Select/filter trigger buttons). `density` is the only axis
- * that differs between forms (comfortable) and table filters (compact); the
- * border, focus ring, invalid, and disabled treatment are unified.
- */
-export declare const controlSurface: (props?: ({
-    density?: "compact" | "comfortable" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/ui/control.js

@@ -1,26 +0,0 @@
-import { cva } from "class-variance-authority";
-//#region resources/js/ui/control.ts
-var FOCUS_RING = "focus-visible:border-lt-ring focus-visible:ring-lt-ring/50 focus-visible:ring-[length:var(--lt-ring-width)] focus-visible:ring-offset-[length:var(--lt-ring-offset)]";
-/**
-* The shared chrome for single-line form/table controls (text inputs, native
-* selects, and the Select/filter trigger buttons). `density` is the only axis
-* that differs between forms (comfortable) and table filters (compact); the
-* border, focus ring, invalid, and disabled treatment are unified.
-*/
-var controlSurface = cva([
-	"w-full min-w-0 rounded-lt-sm border border-lt-input shadow-lt-xs outline-none transition-[color,box-shadow]",
-	"placeholder:text-lt-muted-fg",
-	FOCUS_RING,
-	"aria-invalid:border-lt-danger aria-invalid:ring-lt-danger/20 dark:aria-invalid:ring-lt-danger/40",
-	"disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-lt-disabled disabled:text-lt-disabled-fg"
-], {
-	variants: { density: {
-		comfortable: "h-lt-control-md bg-transparent px-3 py-1 text-base",
-		compact: "h-lt-control-md bg-lt-bg px-2 text-sm font-normal"
-	} },
-	defaultVariants: { density: "comfortable" }
-});
-//#endregion
-export { FOCUS_RING, controlSurface };
-
-//# sourceMappingURL=control.js.map

package/dist/ui/control.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"control.js","names":[],"sources":["../../resources/js/ui/control.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const FOCUS_RING =\n  \"focus-visible:border-lt-ring focus-visible:ring-lt-ring/50 focus-visible:ring-[length:var(--lt-ring-width)] focus-visible:ring-offset-[length:var(--lt-ring-offset)]\";\n\n/**\n * The shared chrome for single-line form/table controls (text inputs, native\n * selects, and the Select/filter trigger buttons). `density` is the only axis\n * that differs between forms (comfortable) and table filters (compact); the\n * border, focus ring, invalid, and disabled treatment are unified.\n */\nexport const controlSurface = cva(\n  [\n    \"w-full min-w-0 rounded-lt-sm border border-lt-input shadow-lt-xs outline-none transition-[color,box-shadow]\",\n    \"placeholder:text-lt-muted-fg\",\n    FOCUS_RING,\n    \"aria-invalid:border-lt-danger aria-invalid:ring-lt-danger/20 dark:aria-invalid:ring-lt-danger/40\",\n    \"disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-lt-disabled disabled:text-lt-disabled-fg\",\n  ],\n  {\n    variants: {\n      density: {\n        comfortable: \"h-lt-control-md bg-transparent px-3 py-1 text-base\",\n        compact: \"h-lt-control-md bg-lt-bg px-2 text-sm font-normal\",\n      },\n    },\n    defaultVariants: { density: \"comfortable\" },\n  },\n);\n"],"mappings":";;AAEA,IAAa,aACX;;;;;;;AAQF,IAAa,iBAAiB,IAC5B;CACE;CACA;CACA;CACA;CACA;AACF,GACA;CACE,UAAU,EACR,SAAS;EACP,aAAa;EACb,SAAS;CACX,EACF;CACA,iBAAiB,EAAE,SAAS,cAAc;AAC5C,CACF"}

package/dist/ui/copyable-text.d.ts

@@ -1,19 +0,0 @@
-import { ReactNode } from 'react';
-export declare function copyToClipboard(text: string): Promise<boolean>;
-interface CopyButtonProps {
-    value: string;
-    label: string;
-    testId?: string;
-    className?: string;
-    iconOnly?: boolean;
-    children?: ReactNode;
-}
-export declare function CopyButton({ value, label, testId, className, iconOnly, children, }: CopyButtonProps): ReactNode;
-interface CopyableTextProps {
-    value: string;
-    label: string;
-    testId?: string;
-    children?: ReactNode;
-}
-export declare function CopyableText({ value, label, testId, children }: CopyableTextProps): ReactNode;
-export {};

package/dist/ui/copyable-text.js

@@ -1,60 +0,0 @@
-import { useT } from "../i18n/instance.js";
-import { Button } from "./button.js";
-import { IconButton } from "./icon-button.js";
-import { useEffect, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/ui/copyable-text.tsx
-async function copyToClipboard(text) {
-	if (!navigator?.clipboard) return false;
-	try {
-		await navigator.clipboard.writeText(text);
-		return true;
-	} catch {
-		return false;
-	}
-}
-function CopyButton({ value, label, testId, className, iconOnly = false, children }) {
-	const { t } = useT("lattice");
-	const [copied, setCopied] = useState(false);
-	useEffect(() => {
-		if (!copied) return;
-		const timeout = window.setTimeout(() => setCopied(false), 1500);
-		return () => window.clearTimeout(timeout);
-	}, [copied]);
-	async function handleCopy() {
-		if (await copyToClipboard(value)) setCopied(true);
-	}
-	const ariaLabel = copied ? t("common.copied-value", "Copied {{label}}", { label }) : t("common.copy-value", "Copy {{label}}", { label });
-	if (iconOnly) return /* @__PURE__ */ jsx(IconButton, {
-		icon: copied ? "check" : "copy",
-		label: ariaLabel,
-		"data-test": testId,
-		className,
-		onClick: () => void handleCopy()
-	});
-	return /* @__PURE__ */ jsx(Button, {
-		type: "button",
-		size: "sm",
-		emphasis: "outline",
-		icon: copied ? "check" : "copy",
-		"data-test": testId,
-		className,
-		"aria-label": ariaLabel,
-		onClick: () => void handleCopy(),
-		children: copied ? t("common.copied", "Copied") : children ?? t("common.copy", "Copy")
-	});
-}
-function CopyableText({ value, label, testId, children }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "inline-flex items-center gap-2",
-		children: [children ?? value, /* @__PURE__ */ jsx(CopyButton, {
-			value,
-			label,
-			testId
-		})]
-	});
-}
-//#endregion
-export { CopyButton, CopyableText, copyToClipboard };
-
-//# sourceMappingURL=copyable-text.js.map

package/dist/ui/copyable-text.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"copyable-text.js","names":[],"sources":["../../resources/js/ui/copyable-text.tsx"],"sourcesContent":["import { useT } from \"@lattice-php/lattice/i18n\";\nimport { type ReactNode, useEffect, useState } from \"react\";\nimport { Button } from \"./button\";\nimport { IconButton } from \"./icon-button\";\n\nexport async function copyToClipboard(text: string): Promise<boolean> {\n  if (!navigator?.clipboard) {\n    return false;\n  }\n\n  try {\n    await navigator.clipboard.writeText(text);\n\n    return true;\n  } catch {\n    return false;\n  }\n}\n\ninterface CopyButtonProps {\n  value: string;\n  label: string;\n  testId?: string;\n  className?: string;\n  iconOnly?: boolean;\n  children?: ReactNode;\n}\n\nexport function CopyButton({\n  value,\n  label,\n  testId,\n  className,\n  iconOnly = false,\n  children,\n}: CopyButtonProps): ReactNode {\n  const { t } = useT(\"lattice\");\n  const [copied, setCopied] = useState(false);\n\n  useEffect(() => {\n    if (!copied) {\n      return;\n    }\n\n    const timeout = window.setTimeout(() => setCopied(false), 1500);\n\n    return () => window.clearTimeout(timeout);\n  }, [copied]);\n\n  async function handleCopy(): Promise<void> {\n    if (await copyToClipboard(value)) {\n      setCopied(true);\n    }\n  }\n\n  const ariaLabel = copied\n    ? t(\"common.copied-value\", \"Copied {{label}}\", { label })\n    : t(\"common.copy-value\", \"Copy {{label}}\", { label });\n\n  if (iconOnly) {\n    return (\n      <IconButton\n        icon={copied ? \"check\" : \"copy\"}\n        label={ariaLabel}\n        data-test={testId}\n        className={className}\n        onClick={() => void handleCopy()}\n      />\n    );\n  }\n\n  return (\n    <Button\n      type=\"button\"\n      size=\"sm\"\n      emphasis=\"outline\"\n      icon={copied ? \"check\" : \"copy\"}\n      data-test={testId}\n      className={className}\n      aria-label={ariaLabel}\n      onClick={() => void handleCopy()}\n    >\n      {copied ? t(\"common.copied\", \"Copied\") : (children ?? t(\"common.copy\", \"Copy\"))}\n    </Button>\n  );\n}\n\ninterface CopyableTextProps {\n  value: string;\n  label: string;\n  testId?: string;\n  children?: ReactNode;\n}\n\nexport function CopyableText({ value, label, testId, children }: CopyableTextProps): ReactNode {\n  return (\n    <div className=\"inline-flex items-center gap-2\">\n      {children ?? value}\n      <CopyButton value={value} label={label} testId={testId} />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAKA,eAAsB,gBAAgB,MAAgC;CACpE,IAAI,CAAC,WAAW,WACd,OAAO;CAGT,IAAI;EACF,MAAM,UAAU,UAAU,UAAU,IAAI;EAExC,OAAO;CACT,QAAQ;EACN,OAAO;CACT;AACF;AAWA,SAAgB,WAAW,EACzB,OACA,OACA,QACA,WACA,WAAW,OACX,YAC6B;CAC7B,MAAM,EAAE,MAAM,KAAK,SAAS;CAC5B,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;CAE1C,gBAAgB;EACd,IAAI,CAAC,QACH;EAGF,MAAM,UAAU,OAAO,iBAAiB,UAAU,KAAK,GAAG,IAAI;EAE9D,aAAa,OAAO,aAAa,OAAO;CAC1C,GAAG,CAAC,MAAM,CAAC;CAEX,eAAe,aAA4B;EACzC,IAAI,MAAM,gBAAgB,KAAK,GAC7B,UAAU,IAAI;CAElB;CAEA,MAAM,YAAY,SACd,EAAE,uBAAuB,oBAAoB,EAAE,MAAM,CAAC,IACtD,EAAE,qBAAqB,kBAAkB,EAAE,MAAM,CAAC;CAEtD,IAAI,UACF,OACE,oBAAC,YAAD;EACE,MAAM,SAAS,UAAU;EACzB,OAAO;EACP,aAAW;EACA;EACX,eAAe,KAAK,WAAW;CAChC,CAAA;CAIL,OACE,oBAAC,QAAD;EACE,MAAK;EACL,MAAK;EACL,UAAS;EACT,MAAM,SAAS,UAAU;EACzB,aAAW;EACA;EACX,cAAY;EACZ,eAAe,KAAK,WAAW;EAE9B,UAAA,SAAS,EAAE,iBAAiB,QAAQ,IAAK,YAAY,EAAE,eAAe,MAAM;CACvE,CAAA;AAEZ;AASA,SAAgB,aAAa,EAAE,OAAO,OAAO,QAAQ,YAA0C;CAC7F,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACG,YAAY,OACb,oBAAC,YAAD;GAAmB;GAAc;GAAe;EAAS,CAAA,CACtD;;AAET"}

package/dist/ui/dialog.d.ts

@@ -1,23 +0,0 @@
-import { ModalWidth, Side } from '../types/generated.js';
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import * as React from "react";
-export type DialogPlacement = "center" | Side;
-declare function Dialog(props: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
-declare function DialogClose(props: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
-declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): React.JSX.Element;
-declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): React.JSX.Element;
-declare function DialogContent({ children, className, placement, width, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
-    placement?: DialogPlacement;
-    width?: ModalWidth;
-}): React.JSX.Element;
-/**
- * The shared dialog header: a title with an optional description and a ghost
- * close button. Pass `description` as `undefined` to suppress the description
- * and the matching `aria-describedby` wiring on the content.
- */
-declare function DialogHeader({ closeLabel, description, title, }: {
-    closeLabel?: string;
-    description?: React.ReactNode;
-    title: React.ReactNode;
-}): React.JSX.Element;
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogHeader, DialogTitle };

package/dist/ui/dialog.js

@@ -1,100 +0,0 @@
-import { cn } from "../lib/utils.js";
-import { Icon } from "../icons/sprite.js";
-import { Button } from "./button.js";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-//#region resources/js/ui/dialog.tsx
-var dialogContentVariants = cva("fixed z-lt-modal w-full overflow-y-auto bg-lt-bg p-6 shadow-lt-lg", {
-	variants: {
-		placement: {
-			center: "left-1/2 top-1/2 max-h-[min(680px,calc(100vh-2rem))] -translate-x-1/2 -translate-y-1/2 rounded-lt border border-lt-border data-[state=open]:animate-lt-dialog-in data-[state=closed]:animate-lt-dialog-out",
-			start: "inset-y-0 start-0 border-e border-lt-border data-[state=open]:animate-lt-sheet-in-start data-[state=closed]:animate-lt-sheet-out-start",
-			end: "inset-y-0 end-0 border-s border-lt-border data-[state=open]:animate-lt-sheet-in-end data-[state=closed]:animate-lt-sheet-out-end"
-		},
-		width: {
-			sm: "max-w-sm",
-			md: "max-w-md",
-			lg: "max-w-lg",
-			xl: "max-w-xl",
-			"2xl": "max-w-2xl",
-			"3xl": "max-w-3xl"
-		}
-	},
-	defaultVariants: {
-		placement: "center",
-		width: "lg"
-	}
-});
-function Dialog(props) {
-	return /* @__PURE__ */ jsx(DialogPrimitive.Root, {
-		"data-slot": "dialog",
-		...props
-	});
-}
-function DialogClose(props) {
-	return /* @__PURE__ */ jsx(DialogPrimitive.Close, {
-		"data-slot": "dialog-close",
-		...props
-	});
-}
-function DialogTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx(DialogPrimitive.Title, {
-		className: cn("text-lg font-semibold leading-none tracking-tight", className),
-		"data-slot": "dialog-title",
-		...props
-	});
-}
-function DialogDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx(DialogPrimitive.Description, {
-		className: cn("text-sm text-lt-muted-fg", className),
-		"data-slot": "dialog-description",
-		...props
-	});
-}
-function DialogContent({ children, className, placement = "center", width = "lg", ...props }) {
-	return /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [/* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
-		className: "fixed inset-0 z-lt-overlay bg-lt-overlay data-[state=open]:animate-lt-fade-in data-[state=closed]:animate-lt-fade-out",
-		"data-slot": "dialog-overlay"
-	}), /* @__PURE__ */ jsx(DialogPrimitive.Content, {
-		className: cn(dialogContentVariants({
-			placement,
-			width
-		}), className),
-		"data-slot": "dialog-content",
-		...props,
-		children
-	})] });
-}
-/**
-* The shared dialog header: a title with an optional description and a ghost
-* close button. Pass `description` as `undefined` to suppress the description
-* and the matching `aria-describedby` wiring on the content.
-*/
-function DialogHeader({ closeLabel, description, title }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex items-start justify-between gap-4",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "grid gap-2",
-			children: [/* @__PURE__ */ jsx(DialogTitle, { children: title }), description ? /* @__PURE__ */ jsx(DialogDescription, { children: description }) : null]
-		}), /* @__PURE__ */ jsx(DialogClose, {
-			asChild: true,
-			children: /* @__PURE__ */ jsx(Button, {
-				"aria-label": closeLabel,
-				"data-test": "dialog-close",
-				size: "icon",
-				emphasis: "ghost",
-				children: /* @__PURE__ */ jsx(Icon, {
-					name: "x",
-					"aria-hidden": "true",
-					className: "size-lt-icon-md"
-				})
-			})
-		})]
-	});
-}
-//#endregion
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogHeader, DialogTitle };
-
-//# sourceMappingURL=dialog.js.map

package/dist/ui/dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dialog.js","names":[],"sources":["../../resources/js/ui/dialog.tsx"],"sourcesContent":["import { Icon } from \"@lattice-php/lattice/icons\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport * as React from \"react\";\nimport { cva } from \"class-variance-authority\";\nimport { Button } from \"@lattice-php/lattice/ui/button\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport type { ModalWidth, Side } from \"@lattice-php/lattice/types/generated\";\n\nexport type DialogPlacement = \"center\" | Side;\n\nconst dialogContentVariants = cva(\n  \"fixed z-lt-modal w-full overflow-y-auto bg-lt-bg p-6 shadow-lt-lg\",\n  {\n    variants: {\n      placement: {\n        center:\n          \"left-1/2 top-1/2 max-h-[min(680px,calc(100vh-2rem))] -translate-x-1/2 -translate-y-1/2 rounded-lt border border-lt-border data-[state=open]:animate-lt-dialog-in data-[state=closed]:animate-lt-dialog-out\",\n        start:\n          \"inset-y-0 start-0 border-e border-lt-border data-[state=open]:animate-lt-sheet-in-start data-[state=closed]:animate-lt-sheet-out-start\",\n        end: \"inset-y-0 end-0 border-s border-lt-border data-[state=open]:animate-lt-sheet-in-end data-[state=closed]:animate-lt-sheet-out-end\",\n      },\n      width: {\n        sm: \"max-w-sm\",\n        md: \"max-w-md\",\n        lg: \"max-w-lg\",\n        xl: \"max-w-xl\",\n        \"2xl\": \"max-w-2xl\",\n        \"3xl\": \"max-w-3xl\",\n      },\n    },\n    defaultVariants: { placement: \"center\", width: \"lg\" },\n  },\n);\n\nfunction Dialog(props: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogClose(props: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      className={cn(\"text-lg font-semibold leading-none tracking-tight\", className)}\n      data-slot=\"dialog-title\"\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      className={cn(\"text-sm text-lt-muted-fg\", className)}\n      data-slot=\"dialog-description\"\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  children,\n  className,\n  placement = \"center\",\n  width = \"lg\",\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  placement?: DialogPlacement;\n  width?: ModalWidth;\n}) {\n  return (\n    <DialogPrimitive.Portal>\n      <DialogPrimitive.Overlay\n        className=\"fixed inset-0 z-lt-overlay bg-lt-overlay data-[state=open]:animate-lt-fade-in data-[state=closed]:animate-lt-fade-out\"\n        data-slot=\"dialog-overlay\"\n      />\n      <DialogPrimitive.Content\n        className={cn(dialogContentVariants({ placement, width }), className)}\n        data-slot=\"dialog-content\"\n        {...props}\n      >\n        {children}\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  );\n}\n\n/**\n * The shared dialog header: a title with an optional description and a ghost\n * close button. Pass `description` as `undefined` to suppress the description\n * and the matching `aria-describedby` wiring on the content.\n */\nfunction DialogHeader({\n  closeLabel,\n  description,\n  title,\n}: {\n  closeLabel?: string;\n  description?: React.ReactNode;\n  title: React.ReactNode;\n}) {\n  return (\n    <div className=\"flex items-start justify-between gap-4\">\n      <div className=\"grid gap-2\">\n        <DialogTitle>{title}</DialogTitle>\n        {description ? <DialogDescription>{description}</DialogDescription> : null}\n      </div>\n      <DialogClose asChild>\n        <Button aria-label={closeLabel} data-test=\"dialog-close\" size=\"icon\" emphasis=\"ghost\">\n          <Icon name=\"x\" aria-hidden=\"true\" className=\"size-lt-icon-md\" />\n        </Button>\n      </DialogClose>\n    </div>\n  );\n}\n\nexport { Dialog, DialogClose, DialogContent, DialogDescription, DialogHeader, DialogTitle };\n"],"mappings":";;;;;;;;AAUA,IAAM,wBAAwB,IAC5B,qEACA;CACE,UAAU;EACR,WAAW;GACT,QACE;GACF,OACE;GACF,KAAK;EACP;EACA,OAAO;GACL,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACP,OAAO;EACT;CACF;CACA,iBAAiB;EAAE,WAAW;EAAU,OAAO;CAAK;AACtD,CACF;AAEA,SAAS,OAAO,OAA0D;CACxE,OAAO,oBAAC,gBAAgB,MAAjB;EAAsB,aAAU;EAAS,GAAI;CAAQ,CAAA;AAC9D;AAEA,SAAS,YAAY,OAA2D;CAC9E,OAAO,oBAAC,gBAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;CAAQ,CAAA;AACrE;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;CAChG,OACE,oBAAC,gBAAgB,OAAjB;EACE,WAAW,GAAG,qDAAqD,SAAS;EAC5E,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;CAC3D,OACE,oBAAC,gBAAgB,aAAjB;EACE,WAAW,GAAG,4BAA4B,SAAS;EACnD,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc,EACrB,UACA,WACA,YAAY,UACZ,QAAQ,MACR,GAAG,SAIF;CACD,OACE,qBAAC,gBAAgB,QAAjB,EAAA,UAAA,CACE,oBAAC,gBAAgB,SAAjB;EACE,WAAU;EACV,aAAU;CACX,CAAA,GACD,oBAAC,gBAAgB,SAAjB;EACE,WAAW,GAAG,sBAAsB;GAAE;GAAW;EAAM,CAAC,GAAG,SAAS;EACpE,aAAU;EACV,GAAI;EAEH;CACsB,CAAA,CACH,EAAA,CAAA;AAE5B;;;;;;AAOA,SAAS,aAAa,EACpB,YACA,aACA,SAKC;CACD,OACE,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,aAAD,EAAA,UAAc,MAAmB,CAAA,GAChC,cAAc,oBAAC,mBAAD,EAAA,UAAoB,YAA+B,CAAA,IAAI,IACnE;EACL,CAAA,GAAA,oBAAC,aAAD;GAAa,SAAA;GACX,UAAA,oBAAC,QAAD;IAAQ,cAAY;IAAY,aAAU;IAAe,MAAK;IAAO,UAAS;IAC5E,UAAA,oBAAC,MAAD;KAAM,MAAK;KAAI,eAAY;KAAO,WAAU;IAAmB,CAAA;GACzD,CAAA;EACG,CAAA,CACV;;AAET"}

package/dist/ui/dropdown-menu.d.ts

@@ -1,14 +0,0 @@
-import { Popover, PopoverContent, PopoverTrigger } from './popover.js';
-import * as React from "react";
-declare function DropdownMenu(props: React.ComponentProps<typeof Popover>): React.JSX.Element;
-declare function DropdownMenuTrigger(props: React.ComponentProps<typeof PopoverTrigger>): React.JSX.Element;
-declare function DropdownMenuContent({ className, ...props }: React.ComponentProps<typeof PopoverContent>): React.JSX.Element;
-/**
- * A menu entry that closes the menu when activated. Wrap the click handler in
- * `onClick`; selecting the item dismisses the popover via `PopoverClose`.
- */
-declare function DropdownMenuItem({ children, className, danger, icon, ...props }: React.ComponentProps<"button"> & {
-    danger?: boolean;
-    icon?: string;
-}): React.JSX.Element;
-export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger };

package/dist/ui/dropdown-menu.js

@@ -1,42 +0,0 @@
-import { cn } from "../lib/utils.js";
-import { Icon } from "../icons/sprite.js";
-import { Popover, PopoverClose, PopoverContent, PopoverTrigger } from "./popover.js";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/ui/dropdown-menu.tsx
-function DropdownMenu(props) {
-	return /* @__PURE__ */ jsx(Popover, { ...props });
-}
-function DropdownMenuTrigger(props) {
-	return /* @__PURE__ */ jsx(PopoverTrigger, { ...props });
-}
-function DropdownMenuContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx(PopoverContent, {
-		className: cn("grid min-w-40 gap-1 p-1", className),
-		role: "menu",
-		...props
-	});
-}
-/**
-* A menu entry that closes the menu when activated. Wrap the click handler in
-* `onClick`; selecting the item dismisses the popover via `PopoverClose`.
-*/
-function DropdownMenuItem({ children, className, danger = false, icon, ...props }) {
-	return /* @__PURE__ */ jsx(PopoverClose, {
-		asChild: true,
-		children: /* @__PURE__ */ jsxs("button", {
-			type: "button",
-			role: "menuitem",
-			className: cn("flex w-full items-center gap-2 rounded-lt-sm px-3 py-1.5 text-left text-sm [&_svg]:size-lt-icon-sm", danger ? "text-lt-danger hover:bg-lt-danger/10" : "hover:bg-lt-accent hover:text-lt-accent-fg", className),
-			...props,
-			children: [icon ? /* @__PURE__ */ jsx(Icon, {
-				name: icon,
-				"aria-hidden": "true"
-			}) : null, children]
-		})
-	});
-}
-//#endregion
-export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger };
-
-//# sourceMappingURL=dropdown-menu.js.map

package/dist/ui/dropdown-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-menu.js","names":[],"sources":["../../resources/js/ui/dropdown-menu.tsx"],"sourcesContent":["import { Icon } from \"@lattice-php/lattice/icons\";\nimport * as React from \"react\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { Popover, PopoverClose, PopoverContent, PopoverTrigger } from \"./popover\";\n\nfunction DropdownMenu(props: React.ComponentProps<typeof Popover>) {\n  return <Popover {...props} />;\n}\n\nfunction DropdownMenuTrigger(props: React.ComponentProps<typeof PopoverTrigger>) {\n  return <PopoverTrigger {...props} />;\n}\n\nfunction DropdownMenuContent({ className, ...props }: React.ComponentProps<typeof PopoverContent>) {\n  return (\n    <PopoverContent className={cn(\"grid min-w-40 gap-1 p-1\", className)} role=\"menu\" {...props} />\n  );\n}\n\n/**\n * A menu entry that closes the menu when activated. Wrap the click handler in\n * `onClick`; selecting the item dismisses the popover via `PopoverClose`.\n */\nfunction DropdownMenuItem({\n  children,\n  className,\n  danger = false,\n  icon,\n  ...props\n}: React.ComponentProps<\"button\"> & { danger?: boolean; icon?: string }) {\n  return (\n    <PopoverClose asChild>\n      <button\n        type=\"button\"\n        role=\"menuitem\"\n        className={cn(\n          \"flex w-full items-center gap-2 rounded-lt-sm px-3 py-1.5 text-left text-sm [&_svg]:size-lt-icon-sm\",\n          danger\n            ? \"text-lt-danger hover:bg-lt-danger/10\"\n            : \"hover:bg-lt-accent hover:text-lt-accent-fg\",\n          className,\n        )}\n        {...props}\n      >\n        {icon ? <Icon name={icon} aria-hidden=\"true\" /> : null}\n        {children}\n      </button>\n    </PopoverClose>\n  );\n}\n\nexport { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger };\n"],"mappings":";;;;;;AAKA,SAAS,aAAa,OAA6C;CACjE,OAAO,oBAAC,SAAD,EAAS,GAAI,MAAQ,CAAA;AAC9B;AAEA,SAAS,oBAAoB,OAAoD;CAC/E,OAAO,oBAAC,gBAAD,EAAgB,GAAI,MAAQ,CAAA;AACrC;AAEA,SAAS,oBAAoB,EAAE,WAAW,GAAG,SAAsD;CACjG,OACE,oBAAC,gBAAD;EAAgB,WAAW,GAAG,2BAA2B,SAAS;EAAG,MAAK;EAAO,GAAI;CAAQ,CAAA;AAEjG;;;;;AAMA,SAAS,iBAAiB,EACxB,UACA,WACA,SAAS,OACT,MACA,GAAG,SACoE;CACvE,OACE,oBAAC,cAAD;EAAc,SAAA;EACZ,UAAA,qBAAC,UAAD;GACE,MAAK;GACL,MAAK;GACL,WAAW,GACT,sGACA,SACI,yCACA,8CACJ,SACF;GACA,GAAI;GAVN,UAAA,CAYG,OAAO,oBAAC,MAAD;IAAM,MAAM;IAAM,eAAY;GAAQ,CAAA,IAAI,MACjD,QACK;;CACI,CAAA;AAElB"}

package/dist/ui/floating-panel.d.ts

@@ -1,3 +0,0 @@
-import { RendererComponent } from '../core/types.js';
-declare const FloatingPanelComponent: RendererComponent<"floating-panel">;
-export default FloatingPanelComponent;

package/dist/ui/floating-panel.js

@@ -1,66 +0,0 @@
-import { cn } from "../lib/utils.js";
-import { RenderNode } from "../core/renderer.js";
-import { nodeIdentity } from "../core/test-id.js";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/ui/floating-panel.tsx
-function placementStyle(placement, offset) {
-	if (placement === "top-start") return {
-		left: offset,
-		top: offset
-	};
-	if (placement === "top-end") return {
-		right: offset,
-		top: offset
-	};
-	if (placement === "bottom-start") return {
-		bottom: offset,
-		left: offset
-	};
-	return {
-		bottom: offset,
-		right: offset
-	};
-}
-var FloatingPanelComponent = ({ children, node }) => {
-	const label = node.props.label ?? void 0;
-	const offset = Math.max(0, node.props.offset ?? 16);
-	const placement = node.props.placement ?? "bottom-end";
-	const trigger = node.props.trigger ?? [];
-	const [open, setOpen] = useState(false);
-	if (trigger.length === 0) return /* @__PURE__ */ jsx("div", {
-		"aria-label": label,
-		className: "fixed z-lt-popover max-w-[calc(100vw-2rem)] rounded-lt border border-lt-border bg-lt-popover p-1 text-lt-popover-fg shadow-lt-md",
-		"data-lattice-component": nodeIdentity(node),
-		role: label ? "group" : void 0,
-		style: placementStyle(placement, offset),
-		children
-	});
-	const expandsUpward = placement === "bottom-start" || placement === "bottom-end";
-	const anchorsToStart = placement === "top-start" || placement === "bottom-start";
-	return /* @__PURE__ */ jsx("div", {
-		"aria-label": label,
-		className: "fixed z-lt-popover max-w-[calc(100vw-2rem)]",
-		"data-lattice-component": nodeIdentity(node),
-		role: label ? "group" : void 0,
-		style: placementStyle(placement, offset),
-		children: /* @__PURE__ */ jsxs("div", {
-			className: cn("flex w-fit gap-2", expandsUpward ? "flex-col-reverse" : "flex-col"),
-			children: [/* @__PURE__ */ jsx("button", {
-				"aria-expanded": open,
-				className: cn("inline-flex items-center gap-2 rounded-lt border border-lt-border bg-lt-popover px-3 py-1.5 text-sm font-medium text-lt-popover-fg shadow-lt-md hover:bg-lt-muted", anchorsToStart ? "self-start" : "self-end"),
-				"data-test": node.key ? `${node.key}-trigger` : void 0,
-				onClick: () => setOpen((value) => !value),
-				type: "button",
-				children: trigger.map((triggerNode, index) => /* @__PURE__ */ jsx(RenderNode, { node: triggerNode }, triggerNode.key ?? `${triggerNode.type}-${index}`))
-			}), /* @__PURE__ */ jsx("div", {
-				className: open ? "block" : "hidden",
-				children
-			})]
-		})
-	});
-};
-//#endregion
-export { FloatingPanelComponent as default };
-
-//# sourceMappingURL=floating-panel.js.map

package/dist/ui/floating-panel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"floating-panel.js","names":[],"sources":["../../resources/js/ui/floating-panel.tsx"],"sourcesContent":["import { type CSSProperties, useState } from \"react\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport type { FloatingPlacement } from \"@lattice-php/lattice/types/generated\";\nimport { RenderNode } from \"@lattice-php/lattice/core/renderer\";\nimport { nodeIdentity } from \"@lattice-php/lattice/core/test-id\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\n\nfunction placementStyle(placement: FloatingPlacement, offset: number): CSSProperties {\n  if (placement === \"top-start\") {\n    return { left: offset, top: offset };\n  }\n\n  if (placement === \"top-end\") {\n    return { right: offset, top: offset };\n  }\n\n  if (placement === \"bottom-start\") {\n    return { bottom: offset, left: offset };\n  }\n\n  return { bottom: offset, right: offset };\n}\n\nconst FloatingPanelComponent: RendererComponent<\"floating-panel\"> = ({ children, node }) => {\n  const label = node.props.label ?? undefined;\n  const offset = Math.max(0, node.props.offset ?? 16);\n  const placement = node.props.placement ?? \"bottom-end\";\n  const trigger = node.props.trigger ?? [];\n  const [open, setOpen] = useState(false);\n\n  if (trigger.length === 0) {\n    return (\n      <div\n        aria-label={label}\n        className=\"fixed z-lt-popover max-w-[calc(100vw-2rem)] rounded-lt border border-lt-border bg-lt-popover p-1 text-lt-popover-fg shadow-lt-md\"\n        data-lattice-component={nodeIdentity(node)}\n        role={label ? \"group\" : undefined}\n        style={placementStyle(placement, offset)}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  const expandsUpward = placement === \"bottom-start\" || placement === \"bottom-end\";\n  const anchorsToStart = placement === \"top-start\" || placement === \"bottom-start\";\n\n  return (\n    <div\n      aria-label={label}\n      className=\"fixed z-lt-popover max-w-[calc(100vw-2rem)]\"\n      data-lattice-component={nodeIdentity(node)}\n      role={label ? \"group\" : undefined}\n      style={placementStyle(placement, offset)}\n    >\n      <div className={cn(\"flex w-fit gap-2\", expandsUpward ? \"flex-col-reverse\" : \"flex-col\")}>\n        <button\n          aria-expanded={open}\n          className={cn(\n            \"inline-flex items-center gap-2 rounded-lt border border-lt-border bg-lt-popover px-3 py-1.5 text-sm font-medium text-lt-popover-fg shadow-lt-md hover:bg-lt-muted\",\n            anchorsToStart ? \"self-start\" : \"self-end\",\n          )}\n          data-test={node.key ? `${node.key}-trigger` : undefined}\n          onClick={() => setOpen((value) => !value)}\n          type=\"button\"\n        >\n          {trigger.map((triggerNode, index) => (\n            <RenderNode\n              key={triggerNode.key ?? `${triggerNode.type}-${index}`}\n              node={triggerNode}\n            />\n          ))}\n        </button>\n        <div className={open ? \"block\" : \"hidden\"}>{children}</div>\n      </div>\n    </div>\n  );\n};\n\nexport default FloatingPanelComponent;\n"],"mappings":";;;;;;AAOA,SAAS,eAAe,WAA8B,QAA+B;CACnF,IAAI,cAAc,aAChB,OAAO;EAAE,MAAM;EAAQ,KAAK;CAAO;CAGrC,IAAI,cAAc,WAChB,OAAO;EAAE,OAAO;EAAQ,KAAK;CAAO;CAGtC,IAAI,cAAc,gBAChB,OAAO;EAAE,QAAQ;EAAQ,MAAM;CAAO;CAGxC,OAAO;EAAE,QAAQ;EAAQ,OAAO;CAAO;AACzC;AAEA,IAAM,0BAA+D,EAAE,UAAU,WAAW;CAC1F,MAAM,QAAQ,KAAK,MAAM,SAAS,KAAA;CAClC,MAAM,SAAS,KAAK,IAAI,GAAG,KAAK,MAAM,UAAU,EAAE;CAClD,MAAM,YAAY,KAAK,MAAM,aAAa;CAC1C,MAAM,UAAU,KAAK,MAAM,WAAW,CAAC;CACvC,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CAEtC,IAAI,QAAQ,WAAW,GACrB,OACE,oBAAC,OAAD;EACE,cAAY;EACZ,WAAU;EACV,0BAAwB,aAAa,IAAI;EACzC,MAAM,QAAQ,UAAU,KAAA;EACxB,OAAO,eAAe,WAAW,MAAM;EAEtC;CACE,CAAA;CAIT,MAAM,gBAAgB,cAAc,kBAAkB,cAAc;CACpE,MAAM,iBAAiB,cAAc,eAAe,cAAc;CAElE,OACE,oBAAC,OAAD;EACE,cAAY;EACZ,WAAU;EACV,0BAAwB,aAAa,IAAI;EACzC,MAAM,QAAQ,UAAU,KAAA;EACxB,OAAO,eAAe,WAAW,MAAM;EAEvC,UAAA,qBAAC,OAAD;GAAK,WAAW,GAAG,oBAAoB,gBAAgB,qBAAqB,UAAU;GAAtF,UAAA,CACE,oBAAC,UAAD;IACE,iBAAe;IACf,WAAW,GACT,qKACA,iBAAiB,eAAe,UAClC;IACA,aAAW,KAAK,MAAM,GAAG,KAAK,IAAI,YAAY,KAAA;IAC9C,eAAe,SAAS,UAAU,CAAC,KAAK;IACxC,MAAK;IAEJ,UAAA,QAAQ,KAAK,aAAa,UACzB,oBAAC,YAAD,EAEE,MAAM,YACP,GAFM,YAAY,OAAO,GAAG,YAAY,KAAK,GAAG,OAEhD,CACF;GACK,CAAA,GACR,oBAAC,OAAD;IAAK,WAAW,OAAO,UAAU;IAAW;GAAc,CAAA,CACvD;;CACF,CAAA;AAET"}

package/dist/ui/fragment.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fragment.js","names":[],"sources":["../../resources/js/ui/fragment.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { apiJson } from \"@lattice-php/lattice/core/api\";\nimport { Skeleton } from \"@lattice-php/lattice/ui/skeleton\";\nimport { Renderer } from \"@lattice-php/lattice/core/renderer\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport type { FragmentResponse } from \"@lattice-php/lattice/types/generated\";\nimport { toNodes } from \"@lattice-php/lattice/core/nodes\";\nimport { LATTICE_EVENT, type ReloadComponentEvent } from \"@lattice-php/lattice/core/event-names\";\n\nconst fragmentSizeHeights = {\n  lg: 320,\n  md: 64,\n  sm: 40,\n  xl: 384,\n  xs: 32,\n  \"2xl\": 448,\n  \"3xl\": 512,\n  \"4xl\": 576,\n} as const;\n\nconst FragmentComponent: RendererComponent<\"fragment\"> = ({ node }) => {\n  const endpoint = node.props.endpoint ?? \"\";\n  const isLazy = node.props.lazy === true;\n  const componentRef = node.props.ref ?? \"\";\n  const placeholderHeight = fragmentSizeHeights[node.props.size];\n  const [components, setComponents] = useState(() => node.schema ?? []);\n  const [hasLoaded, setHasLoaded] = useState(!isLazy);\n  const [processing, setProcessing] = useState(isLazy && endpoint !== \"\");\n\n  const load = useCallback(async (): Promise<void> => {\n    if (!endpoint) {\n      return;\n    }\n\n    setProcessing(true);\n\n    try {\n      const result = await apiJson<FragmentResponse>(endpoint, { ref: componentRef });\n\n      setComponents(toNodes(result.schema));\n      setHasLoaded(true);\n    } finally {\n      setProcessing(false);\n    }\n  }, [endpoint, componentRef]);\n\n  useEffect(() => {\n    if (!isLazy || hasLoaded) {\n      return;\n    }\n\n    void load();\n  }, [hasLoaded, isLazy, load]);\n\n  useEffect(() => {\n    function reload(event: Event): void {\n      const detail = (event as ReloadComponentEvent).detail;\n\n      if (detail?.component !== node.id) {\n        return;\n      }\n\n      void load();\n    }\n\n    window.addEventListener(LATTICE_EVENT.reloadComponent, reload);\n\n    return () => window.removeEventListener(LATTICE_EVENT.reloadComponent, reload);\n  }, [load, node.id]);\n\n  useEffect(() => {\n    function reloadOnLocaleChange(): void {\n      if (!hasLoaded) {\n        return;\n      }\n\n      void load();\n    }\n\n    window.addEventListener(LATTICE_EVENT.localeChange, reloadOnLocaleChange);\n\n    return () => window.removeEventListener(LATTICE_EVENT.localeChange, reloadOnLocaleChange);\n  }, [hasLoaded, load]);\n\n  return (\n    <div\n      data-lattice-fragment={node.id}\n      style={processing && components.length === 0 ? { minHeight: placeholderHeight } : undefined}\n    >\n      {processing && components.length === 0 ? (\n        <Skeleton className=\"w-full\" style={{ height: placeholderHeight }} />\n      ) : (\n        <Renderer nodes={components} />\n      )}\n    </div>\n  );\n};\n\nexport default FragmentComponent;\n"],"mappings":";;;;;;;;AASA,IAAM,sBAAsB;CAC1B,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,OAAO;AACT;AAEA,IAAM,qBAAoD,EAAE,WAAW;CACrE,MAAM,WAAW,KAAK,MAAM,YAAY;CACxC,MAAM,SAAS,KAAK,MAAM,SAAS;CACnC,MAAM,eAAe,KAAK,MAAM,OAAO;CACvC,MAAM,oBAAoB,oBAAoB,KAAK,MAAM;CACzD,MAAM,CAAC,YAAY,iBAAiB,eAAe,KAAK,UAAU,CAAC,CAAC;CACpE,MAAM,CAAC,WAAW,gBAAgB,SAAS,CAAC,MAAM;CAClD,MAAM,CAAC,YAAY,iBAAiB,SAAS,UAAU,aAAa,EAAE;CAEtE,MAAM,OAAO,YAAY,YAA2B;EAClD,IAAI,CAAC,UACH;EAGF,cAAc,IAAI;EAElB,IAAI;GACF,MAAM,SAAS,MAAM,QAA0B,UAAU,EAAE,KAAK,aAAa,CAAC;GAE9E,cAAc,QAAQ,OAAO,MAAM,CAAC;GACpC,aAAa,IAAI;EACnB,UAAU;GACR,cAAc,KAAK;EACrB;CACF,GAAG,CAAC,UAAU,YAAY,CAAC;CAE3B,gBAAgB;EACd,IAAI,CAAC,UAAU,WACb;EAGF,KAAU;CACZ,GAAG;EAAC;EAAW;EAAQ;CAAI,CAAC;CAE5B,gBAAgB;EACd,SAAS,OAAO,OAAoB;GAGlC,IAFgB,MAA+B,QAEnC,cAAc,KAAK,IAC7B;GAGF,KAAU;EACZ;EAEA,OAAO,iBAAiB,cAAc,iBAAiB,MAAM;EAE7D,aAAa,OAAO,oBAAoB,cAAc,iBAAiB,MAAM;CAC/E,GAAG,CAAC,MAAM,KAAK,EAAE,CAAC;CAElB,gBAAgB;EACd,SAAS,uBAA6B;GACpC,IAAI,CAAC,WACH;GAGF,KAAU;EACZ;EAEA,OAAO,iBAAiB,cAAc,cAAc,oBAAoB;EAExE,aAAa,OAAO,oBAAoB,cAAc,cAAc,oBAAoB;CAC1F,GAAG,CAAC,WAAW,IAAI,CAAC;CAEpB,OACE,oBAAC,OAAD;EACE,yBAAuB,KAAK;EAC5B,OAAO,cAAc,WAAW,WAAW,IAAI,EAAE,WAAW,kBAAkB,IAAI,KAAA;EAEjF,UAAA,cAAc,WAAW,WAAW,IACnC,oBAAC,UAAD;GAAU,WAAU;GAAS,OAAO,EAAE,QAAQ,kBAAkB;EAAI,CAAA,IAEpE,oBAAC,UAAD,EAAU,OAAO,WAAa,CAAA;CAE7B,CAAA;AAET"}

package/dist/ui/grid.d.ts

@@ -1,3 +0,0 @@
-import { RendererComponent } from '../core/types.js';
-declare const GridComponent: RendererComponent<"grid">;
-export default GridComponent;

package/dist/ui/grid.js

@@ -1,29 +0,0 @@
-import { nodeKey } from "../core/nodes.js";
-import { RenderNode } from "../core/renderer.js";
-import { nodeIdentity } from "../core/test-id.js";
-import { jsx } from "react/jsx-runtime";
-//#region resources/js/ui/grid.tsx
-function breakpointVars(map, prefix, toValue) {
-	const entries = Object.entries(map ?? {});
-	if (entries.length === 0) return;
-	return Object.fromEntries(entries.map(([breakpoint, value]) => [`${prefix}-${breakpoint}`, toValue(value)]));
-}
-var trackList = (value) => typeof value === "number" ? `repeat(${value}, minmax(0, 1fr))` : value;
-var gridColumn = (value) => value === "full" ? "1 / -1" : `span ${value} / span ${value}`;
-var GridComponent = ({ node }) => {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "grid",
-		"data-lattice-component": nodeIdentity(node),
-		className: "lt-grid grid gap-x-4 gap-y-6",
-		style: breakpointVars(node.props.columns, "--lt-grid-cols", trackList),
-		children: (node.schema ?? []).map((child, index) => /* @__PURE__ */ jsx("div", {
-			"data-slot": "grid-item",
-			style: breakpointVars(child.props?.columnSpan, "--lt-col-span", gridColumn),
-			children: /* @__PURE__ */ jsx(RenderNode, { node: child })
-		}, nodeKey(child, index)))
-	});
-};
-//#endregion
-export { GridComponent as default };
-
-//# sourceMappingURL=grid.js.map

package/dist/ui/grid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"grid.js","names":[],"sources":["../../resources/js/ui/grid.tsx"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { RenderNode } from \"@lattice-php/lattice/core/renderer\";\nimport { nodeKey } from \"@lattice-php/lattice/core/nodes\";\nimport { nodeIdentity } from \"@lattice-php/lattice/core/test-id\";\n\ntype BreakpointMap = Record<string, number | string>;\n\nfunction breakpointVars(\n  map: BreakpointMap | null | undefined,\n  prefix: string,\n  toValue: (value: number | string) => string,\n): CSSProperties | undefined {\n  const entries = Object.entries(map ?? {});\n\n  if (entries.length === 0) {\n    return undefined;\n  }\n\n  return Object.fromEntries(\n    entries.map(([breakpoint, value]) => [`${prefix}-${breakpoint}`, toValue(value)]),\n  ) as CSSProperties;\n}\n\nconst trackList = (value: number | string): string =>\n  typeof value === \"number\" ? `repeat(${value}, minmax(0, 1fr))` : value;\n\nconst gridColumn = (value: number | string): string =>\n  value === \"full\" ? \"1 / -1\" : `span ${value} / span ${value}`;\n\nconst GridComponent: RendererComponent<\"grid\"> = ({ node }) => {\n  return (\n    <div\n      data-slot=\"grid\"\n      data-lattice-component={nodeIdentity(node)}\n      className=\"lt-grid grid gap-x-4 gap-y-6\"\n      style={breakpointVars(node.props.columns, \"--lt-grid-cols\", trackList)}\n    >\n      {(node.schema ?? []).map((child, index) => (\n        <div\n          key={nodeKey(child, index)}\n          data-slot=\"grid-item\"\n          style={breakpointVars(\n            child.props?.columnSpan as BreakpointMap | undefined,\n            \"--lt-col-span\",\n            gridColumn,\n          )}\n        >\n          <RenderNode node={child} />\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport default GridComponent;\n"],"mappings":";;;;;AAQA,SAAS,eACP,KACA,QACA,SAC2B;CAC3B,MAAM,UAAU,OAAO,QAAQ,OAAO,CAAC,CAAC;CAExC,IAAI,QAAQ,WAAW,GACrB;CAGF,OAAO,OAAO,YACZ,QAAQ,KAAK,CAAC,YAAY,WAAW,CAAC,GAAG,OAAO,GAAG,cAAc,QAAQ,KAAK,CAAC,CAAC,CAClF;AACF;AAEA,IAAM,aAAa,UACjB,OAAO,UAAU,WAAW,UAAU,MAAM,qBAAqB;AAEnE,IAAM,cAAc,UAClB,UAAU,SAAS,WAAW,QAAQ,MAAM,UAAU;AAExD,IAAM,iBAA4C,EAAE,WAAW;CAC7D,OACE,oBAAC,OAAD;EACE,aAAU;EACV,0BAAwB,aAAa,IAAI;EACzC,WAAU;EACV,OAAO,eAAe,KAAK,MAAM,SAAS,kBAAkB,SAAS;EAEnE,WAAA,KAAK,UAAU,CAAC,EAAA,CAAG,KAAK,OAAO,UAC/B,oBAAC,OAAD;GAEE,aAAU;GACV,OAAO,eACL,MAAM,OAAO,YACb,iBACA,UACF;GAEA,UAAA,oBAAC,YAAD,EAAY,MAAM,MAAQ,CAAA;EACvB,GATE,QAAQ,OAAO,KAAK,CAStB,CACN;CACE,CAAA;AAET"}

package/dist/ui/heading.d.ts

@@ -1,3 +0,0 @@
-import { RendererComponent } from '../core/types.js';
-declare const HeadingComponent: RendererComponent<"heading">;
-export default HeadingComponent;

package/dist/ui/heading.js

@@ -1,58 +0,0 @@
-import { cn } from "../lib/utils.js";
-import { InfoTooltip } from "./info-tooltip.js";
-import { CopyableText } from "./copyable-text.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/ui/heading.tsx
-var HeadingComponent = ({ node }) => {
-	const { text, tooltip } = node.props;
-	const level = Math.min(Math.max(node.props.level, 1), 6);
-	const className = cn("max-w-3xl font-semibold tracking-normal text-balance text-lt-fg", level === 1 && "text-2xl font-bold leading-tight", level === 2 && "text-xl", level > 2 && "text-base");
-	const content = /* @__PURE__ */ jsxs(Fragment, { children: [text, /* @__PURE__ */ jsx(InfoTooltip, { content: tooltip })] });
-	let heading;
-	switch (level) {
-		case 1:
-			heading = /* @__PURE__ */ jsx("h1", {
-				className,
-				children: content
-			});
-			break;
-		case 2:
-			heading = /* @__PURE__ */ jsx("h2", {
-				className,
-				children: content
-			});
-			break;
-		case 3:
-			heading = /* @__PURE__ */ jsx("h3", {
-				className,
-				children: content
-			});
-			break;
-		case 4:
-			heading = /* @__PURE__ */ jsx("h4", {
-				className,
-				children: content
-			});
-			break;
-		case 5:
-			heading = /* @__PURE__ */ jsx("h5", {
-				className,
-				children: content
-			});
-			break;
-		default: heading = /* @__PURE__ */ jsx("h6", {
-			className,
-			children: content
-		});
-	}
-	if (!node.props.copyable) return heading;
-	return /* @__PURE__ */ jsx(CopyableText, {
-		value: text,
-		label: text,
-		children: heading
-	});
-};
-//#endregion
-export { HeadingComponent as default };
-
-//# sourceMappingURL=heading.js.map

package/dist/ui/heading.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"heading.js","names":[],"sources":["../../resources/js/ui/heading.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { CopyableText } from \"./copyable-text\";\nimport { InfoTooltip } from \"./info-tooltip\";\n\nconst HeadingComponent: RendererComponent<\"heading\"> = ({ node }) => {\n  const { text, tooltip } = node.props;\n  const level = Math.min(Math.max(node.props.level, 1), 6);\n  const className = cn(\n    \"max-w-3xl font-semibold tracking-normal text-balance text-lt-fg\",\n    level === 1 && \"text-2xl font-bold leading-tight\",\n    level === 2 && \"text-xl\",\n    level > 2 && \"text-base\",\n  );\n\n  const content = (\n    <>\n      {text}\n      <InfoTooltip content={tooltip} />\n    </>\n  );\n\n  let heading: ReactNode;\n\n  switch (level) {\n    case 1:\n      heading = <h1 className={className}>{content}</h1>;\n      break;\n    case 2:\n      heading = <h2 className={className}>{content}</h2>;\n      break;\n    case 3:\n      heading = <h3 className={className}>{content}</h3>;\n      break;\n    case 4:\n      heading = <h4 className={className}>{content}</h4>;\n      break;\n    case 5:\n      heading = <h5 className={className}>{content}</h5>;\n      break;\n    default:\n      heading = <h6 className={className}>{content}</h6>;\n  }\n\n  if (!node.props.copyable) {\n    return heading;\n  }\n\n  return (\n    <CopyableText value={text} label={text}>\n      {heading}\n    </CopyableText>\n  );\n};\n\nexport default HeadingComponent;\n"],"mappings":";;;;;AAMA,IAAM,oBAAkD,EAAE,WAAW;CACnE,MAAM,EAAE,MAAM,YAAY,KAAK;CAC/B,MAAM,QAAQ,KAAK,IAAI,KAAK,IAAI,KAAK,MAAM,OAAO,CAAC,GAAG,CAAC;CACvD,MAAM,YAAY,GAChB,mEACA,UAAU,KAAK,oCACf,UAAU,KAAK,WACf,QAAQ,KAAK,WACf;CAEA,MAAM,UACJ,qBAAA,UAAA,EAAA,UAAA,CACG,MACD,oBAAC,aAAD,EAAa,SAAS,QAAU,CAAA,CAChC,EAAA,CAAA;CAGJ,IAAI;CAEJ,QAAQ,OAAR;EACE,KAAK;GACH,UAAU,oBAAC,MAAD;IAAe;IAAY,UAAA;GAAY,CAAA;GACjD;EACF,KAAK;GACH,UAAU,oBAAC,MAAD;IAAe;IAAY,UAAA;GAAY,CAAA;GACjD;EACF,KAAK;GACH,UAAU,oBAAC,MAAD;IAAe;IAAY,UAAA;GAAY,CAAA;GACjD;EACF,KAAK;GACH,UAAU,oBAAC,MAAD;IAAe;IAAY,UAAA;GAAY,CAAA;GACjD;EACF,KAAK;GACH,UAAU,oBAAC,MAAD;IAAe;IAAY,UAAA;GAAY,CAAA;GACjD;EACF,SACE,UAAU,oBAAC,MAAD;GAAe;GAAY,UAAA;EAAY,CAAA;CACrD;CAEA,IAAI,CAAC,KAAK,MAAM,UACd,OAAO;CAGT,OACE,oBAAC,cAAD;EAAc,OAAO;EAAM,OAAO;EAC/B,UAAA;CACW,CAAA;AAElB"}