@lattice-php/lattice 0.38.0 → 0.40.0

package/dist/ui/icon-button.d.ts

@@ -1,22 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from "react";
-/**
- * A compact, resizable icon button — the shared affordance behind toolbar
- * triggers, popover triggers, and inline clear/remove buttons. `ghost` matches
- * `Button emphasis="ghost"` (accent hover) and reacts to `aria-pressed` (toggle)
- * and `data-[state=open]` (a popover trigger). `segmented` joins onto the right
- * of an adjacent input. Size defaults to `sm`; pass `size` to resize.
- */
-declare const iconButtonVariants: (props?: ({
-    emphasis?: "ghost" | "segmented" | null | undefined;
-    size?: "sm" | "md" | "xs" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare function IconButton({ icon, label, active, size, emphasis, className, children, ref, ...props }: Omit<React.ComponentProps<"button">, "aria-pressed"> & VariantProps<typeof iconButtonVariants> & {
-    /** Icon glyph name; omit and pass `children` for custom content. */
-    icon?: string;
-    /** Accessible name (also used when the button shows only an icon). */
-    label: string;
-    /** Toggle state — sets `aria-pressed` and the pressed styling. */
-    active?: boolean;
-}): React.JSX.Element;
-export { iconButtonVariants };

package/dist/ui/icon-button.js

@@ -1,51 +0,0 @@
-import { cn } from "../lib/utils.js";
-import { Icon } from "../icons/sprite.js";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-//#region resources/js/ui/icon-button.tsx
-/**
-* A compact, resizable icon button — the shared affordance behind toolbar
-* triggers, popover triggers, and inline clear/remove buttons. `ghost` matches
-* `Button emphasis="ghost"` (accent hover) and reacts to `aria-pressed` (toggle)
-* and `data-[state=open]` (a popover trigger). `segmented` joins onto the right
-* of an adjacent input. Size defaults to `sm`; pass `size` to resize.
-*/
-var iconButtonVariants = cva(cn("relative inline-flex shrink-0 items-center justify-center rounded-lt-sm transition-colors", "outline-none focus-visible:ring-[length:var(--lt-ring-width)] focus-visible:ring-lt-ring/50", "disabled:pointer-events-none disabled:bg-lt-disabled disabled:text-lt-disabled-fg"), {
-	variants: {
-		emphasis: {
-			ghost: cn("text-lt-muted-fg hover:bg-lt-accent hover:text-lt-accent-fg", "data-[state=open]:bg-lt-accent data-[state=open]:text-lt-accent-fg", "aria-pressed:bg-lt-accent aria-pressed:text-lt-accent-fg"),
-			segmented: cn("-ml-px rounded-l-none border border-lt-input text-lt-muted-fg hover:bg-lt-accent hover:text-lt-accent-fg", "data-[state=open]:z-10 data-[state=open]:border-lt-primary data-[state=open]:text-lt-fg")
-		},
-		size: {
-			xs: "size-5 [&_svg]:size-lt-icon-sm",
-			sm: "size-7 [&_svg]:size-lt-icon-md",
-			md: "size-lt-control-md [&_svg]:size-lt-icon-md"
-		}
-	},
-	defaultVariants: {
-		emphasis: "ghost",
-		size: "sm"
-	}
-});
-function IconButton({ icon, label, active, size, emphasis, className, children, ref, ...props }) {
-	return /* @__PURE__ */ jsxs("button", {
-		ref,
-		type: "button",
-		"aria-label": label,
-		"aria-pressed": active,
-		className: cn(iconButtonVariants({
-			emphasis,
-			size
-		}), className),
-		...props,
-		children: [icon ? /* @__PURE__ */ jsx(Icon, {
-			name: icon,
-			"aria-hidden": "true"
-		}) : null, children]
-	});
-}
-//#endregion
-export { IconButton, iconButtonVariants };
-
-//# sourceMappingURL=icon-button.js.map

package/dist/ui/icon-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-button.js","names":[],"sources":["../../resources/js/ui/icon-button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Icon } from \"@lattice-php/lattice/icons\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\n\n/**\n * A compact, resizable icon button — the shared affordance behind toolbar\n * triggers, popover triggers, and inline clear/remove buttons. `ghost` matches\n * `Button emphasis=\"ghost\"` (accent hover) and reacts to `aria-pressed` (toggle)\n * and `data-[state=open]` (a popover trigger). `segmented` joins onto the right\n * of an adjacent input. Size defaults to `sm`; pass `size` to resize.\n */\nconst iconButtonVariants = cva(\n  cn(\n    \"relative inline-flex shrink-0 items-center justify-center rounded-lt-sm transition-colors\",\n    \"outline-none focus-visible:ring-[length:var(--lt-ring-width)] focus-visible:ring-lt-ring/50\",\n    \"disabled:pointer-events-none disabled:bg-lt-disabled disabled:text-lt-disabled-fg\",\n  ),\n  {\n    variants: {\n      emphasis: {\n        ghost: cn(\n          \"text-lt-muted-fg hover:bg-lt-accent hover:text-lt-accent-fg\",\n          \"data-[state=open]:bg-lt-accent data-[state=open]:text-lt-accent-fg\",\n          \"aria-pressed:bg-lt-accent aria-pressed:text-lt-accent-fg\",\n        ),\n        segmented: cn(\n          \"-ml-px rounded-l-none border border-lt-input text-lt-muted-fg hover:bg-lt-accent hover:text-lt-accent-fg\",\n          \"data-[state=open]:z-10 data-[state=open]:border-lt-primary data-[state=open]:text-lt-fg\",\n        ),\n      },\n      size: {\n        xs: \"size-5 [&_svg]:size-lt-icon-sm\",\n        sm: \"size-7 [&_svg]:size-lt-icon-md\",\n        md: \"size-lt-control-md [&_svg]:size-lt-icon-md\",\n      },\n    },\n    defaultVariants: { emphasis: \"ghost\", size: \"sm\" },\n  },\n);\n\nexport function IconButton({\n  icon,\n  label,\n  active,\n  size,\n  emphasis,\n  className,\n  children,\n  ref,\n  ...props\n}: Omit<React.ComponentProps<\"button\">, \"aria-pressed\"> &\n  VariantProps<typeof iconButtonVariants> & {\n    /** Icon glyph name; omit and pass `children` for custom content. */\n    icon?: string;\n    /** Accessible name (also used when the button shows only an icon). */\n    label: string;\n    /** Toggle state — sets `aria-pressed` and the pressed styling. */\n    active?: boolean;\n  }) {\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      aria-label={label}\n      aria-pressed={active}\n      className={cn(iconButtonVariants({ emphasis, size }), className)}\n      {...props}\n    >\n      {icon ? <Icon name={icon} aria-hidden=\"true\" /> : null}\n      {children}\n    </button>\n  );\n}\n\nexport { iconButtonVariants };\n"],"mappings":";;;;;;;;;;;;;AAYA,IAAM,qBAAqB,IACzB,GACE,6FACA,+FACA,mFACF,GACA;CACE,UAAU;EACR,UAAU;GACR,OAAO,GACL,+DACA,sEACA,0DACF;GACA,WAAW,GACT,4GACA,yFACF;EACF;EACA,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EAAE,UAAU;EAAS,MAAM;CAAK;AACnD,CACF;AAEA,SAAgB,WAAW,EACzB,MACA,OACA,QACA,MACA,UACA,WACA,UACA,KACA,GAAG,SASA;CACH,OACE,qBAAC,UAAD;EACO;EACL,MAAK;EACL,cAAY;EACZ,gBAAc;EACd,WAAW,GAAG,mBAAmB;GAAE;GAAU;EAAK,CAAC,GAAG,SAAS;EAC/D,GAAI;EANN,UAAA,CAQG,OAAO,oBAAC,MAAD;GAAM,MAAM;GAAM,eAAY;EAAQ,CAAA,IAAI,MACjD,QACK;;AAEZ"}

package/dist/ui/icon.d.ts

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

package/dist/ui/icon.js

@@ -1,33 +0,0 @@
-import { cn } from "../lib/utils.js";
-import { IconRenderer } from "../icons/icon-renderer.js";
-import { coerceColor, colorValue } from "../lib/color.js";
-import { jsx } from "react/jsx-runtime";
-//#region resources/js/ui/icon.tsx
-var sizeClass = {
-	xs: "size-lt-icon-xs",
-	sm: "size-lt-icon-sm",
-	md: "size-lt-icon-md",
-	lg: "size-lt-icon-lg",
-	xl: "size-lt-icon-xl",
-	"2xl": "size-lt-icon-2xl",
-	"3xl": "size-lt-icon-3xl",
-	"4xl": "size-lt-icon-4xl"
-};
-var IconComponent = ({ node }) => {
-	const { name, size, color, class: className } = node.props;
-	const icon = /* @__PURE__ */ jsx(IconRenderer, {
-		icon: name,
-		className: cn(sizeClass[size], className)
-	});
-	const coerced = coerceColor(color);
-	if (!coerced) return icon;
-	return /* @__PURE__ */ jsx("span", {
-		className: "contents",
-		style: { color: colorValue(coerced) },
-		children: icon
-	});
-};
-//#endregion
-export { IconComponent as default };
-
-//# sourceMappingURL=icon.js.map

package/dist/ui/icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.js","names":[],"sources":["../../resources/js/ui/icon.tsx"],"sourcesContent":["import type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { IconRenderer } from \"@lattice-php/lattice/icons\";\nimport { coerceColor, colorValue } from \"@lattice-php/lattice/lib/color\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport type { Size } from \"@lattice-php/lattice/types/generated\";\n\nconst sizeClass: Record<Size, string> = {\n  xs: \"size-lt-icon-xs\",\n  sm: \"size-lt-icon-sm\",\n  md: \"size-lt-icon-md\",\n  lg: \"size-lt-icon-lg\",\n  xl: \"size-lt-icon-xl\",\n  \"2xl\": \"size-lt-icon-2xl\",\n  \"3xl\": \"size-lt-icon-3xl\",\n  \"4xl\": \"size-lt-icon-4xl\",\n};\n\nconst IconComponent: RendererComponent<\"icon\"> = ({ node }) => {\n  const { name, size, color, class: className } = node.props;\n  const icon = <IconRenderer icon={name} className={cn(sizeClass[size], className)} />;\n  const coerced = coerceColor(color);\n\n  if (!coerced) {\n    return icon;\n  }\n\n  return (\n    <span className=\"contents\" style={{ color: colorValue(coerced) }}>\n      {icon}\n    </span>\n  );\n};\n\nexport default IconComponent;\n"],"mappings":";;;;;AAMA,IAAM,YAAkC;CACtC,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,OAAO;AACT;AAEA,IAAM,iBAA4C,EAAE,WAAW;CAC7D,MAAM,EAAE,MAAM,MAAM,OAAO,OAAO,cAAc,KAAK;CACrD,MAAM,OAAO,oBAAC,cAAD;EAAc,MAAM;EAAM,WAAW,GAAG,UAAU,OAAO,SAAS;CAAI,CAAA;CACnF,MAAM,UAAU,YAAY,KAAK;CAEjC,IAAI,CAAC,SACH,OAAO;CAGT,OACE,oBAAC,QAAD;EAAM,WAAU;EAAW,OAAO,EAAE,OAAO,WAAW,OAAO,EAAE;EAC5D,UAAA;CACG,CAAA;AAEV"}

package/dist/ui/image-preview.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from 'react';
-interface PreviewableImageProps {
-    src: string;
-    alt: string;
-    previewable: boolean;
-    width?: number;
-    height?: number;
-    className?: string;
-    testId?: string;
-}
-export declare function PreviewableImage({ src, alt, previewable, width, height, className, testId, }: PreviewableImageProps): ReactNode;
-export {};

package/dist/ui/image-preview.js

@@ -1,65 +0,0 @@
-import { useT } from "../i18n/instance.js";
-import { Button } from "./button.js";
-import { Dialog, DialogClose, DialogContent, DialogTitle } from "./dialog.js";
-import { useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/ui/image-preview.tsx
-function PreviewableImage({ src, alt, previewable, width, height, className, testId }) {
-	const { t } = useT("lattice");
-	const [open, setOpen] = useState(false);
-	const image = /* @__PURE__ */ jsx("img", {
-		alt,
-		src,
-		width,
-		height,
-		className,
-		style: width ? {
-			width,
-			height
-		} : void 0
-	});
-	if (!previewable) return image;
-	const openLabel = t("common.image.open-preview", "View image");
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("button", {
-		type: "button",
-		"data-test": testId,
-		className: "cursor-zoom-in",
-		"aria-label": openLabel,
-		onClick: () => setOpen(true),
-		children: image
-	}), /* @__PURE__ */ jsx(Dialog, {
-		open,
-		onOpenChange: setOpen,
-		children: /* @__PURE__ */ jsxs(DialogContent, {
-			"aria-describedby": void 0,
-			className: "max-h-[90vh] w-auto max-w-[90vw] border-none bg-transparent p-0 shadow-none",
-			children: [
-				/* @__PURE__ */ jsx(DialogTitle, {
-					className: "sr-only",
-					children: alt || openLabel
-				}),
-				/* @__PURE__ */ jsx("img", {
-					alt,
-					src,
-					"data-slot": "image-lightbox",
-					className: "max-h-[90vh] max-w-[90vw] rounded-lt object-contain"
-				}),
-				/* @__PURE__ */ jsx(DialogClose, {
-					asChild: true,
-					children: /* @__PURE__ */ jsx(Button, {
-						icon: "x",
-						"aria-label": t("common.close", "Close"),
-						"data-test": "lightbox-close",
-						size: "icon",
-						emphasis: "ghost",
-						className: "absolute top-2 right-2 bg-lt-bg/80 hover:bg-lt-bg"
-					})
-				})
-			]
-		})
-	})] });
-}
-//#endregion
-export { PreviewableImage };
-
-//# sourceMappingURL=image-preview.js.map

package/dist/ui/image-preview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-preview.js","names":[],"sources":["../../resources/js/ui/image-preview.tsx"],"sourcesContent":["import { useT } from \"@lattice-php/lattice/i18n\";\nimport { type ReactNode, useState } from \"react\";\nimport { Button } from \"@lattice-php/lattice/ui/button\";\nimport { Dialog, DialogClose, DialogContent, DialogTitle } from \"./dialog\";\n\ninterface PreviewableImageProps {\n  src: string;\n  alt: string;\n  previewable: boolean;\n  width?: number;\n  height?: number;\n  className?: string;\n  testId?: string;\n}\n\nexport function PreviewableImage({\n  src,\n  alt,\n  previewable,\n  width,\n  height,\n  className,\n  testId,\n}: PreviewableImageProps): ReactNode {\n  const { t } = useT(\"lattice\");\n  const [open, setOpen] = useState(false);\n\n  const image = (\n    <img\n      alt={alt}\n      src={src}\n      width={width}\n      height={height}\n      className={className}\n      style={width ? { width, height } : undefined}\n    />\n  );\n\n  if (!previewable) {\n    return image;\n  }\n\n  const openLabel = t(\"common.image.open-preview\", \"View image\");\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        data-test={testId}\n        className=\"cursor-zoom-in\"\n        aria-label={openLabel}\n        onClick={() => setOpen(true)}\n      >\n        {image}\n      </button>\n      <Dialog open={open} onOpenChange={setOpen}>\n        <DialogContent\n          aria-describedby={undefined}\n          className=\"max-h-[90vh] w-auto max-w-[90vw] border-none bg-transparent p-0 shadow-none\"\n        >\n          <DialogTitle className=\"sr-only\">{alt || openLabel}</DialogTitle>\n          <img\n            alt={alt}\n            src={src}\n            data-slot=\"image-lightbox\"\n            className=\"max-h-[90vh] max-w-[90vw] rounded-lt object-contain\"\n          />\n          <DialogClose asChild>\n            <Button\n              icon=\"x\"\n              aria-label={t(\"common.close\", \"Close\")}\n              data-test=\"lightbox-close\"\n              size=\"icon\"\n              emphasis=\"ghost\"\n              className=\"absolute top-2 right-2 bg-lt-bg/80 hover:bg-lt-bg\"\n            />\n          </DialogClose>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n"],"mappings":";;;;;;AAeA,SAAgB,iBAAiB,EAC/B,KACA,KACA,aACA,OACA,QACA,WACA,UACmC;CACnC,MAAM,EAAE,MAAM,KAAK,SAAS;CAC5B,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CAEtC,MAAM,QACJ,oBAAC,OAAD;EACO;EACA;EACE;EACC;EACG;EACX,OAAO,QAAQ;GAAE;GAAO;EAAO,IAAI,KAAA;CACpC,CAAA;CAGH,IAAI,CAAC,aACH,OAAO;CAGT,MAAM,YAAY,EAAE,6BAA6B,YAAY;CAE7D,OACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,UAAD;EACE,MAAK;EACL,aAAW;EACX,WAAU;EACV,cAAY;EACZ,eAAe,QAAQ,IAAI;EAE1B,UAAA;CACK,CAAA,GACR,oBAAC,QAAD;EAAc;EAAM,cAAc;EAChC,UAAA,qBAAC,eAAD;GACE,oBAAkB,KAAA;GAClB,WAAU;GAFZ,UAAA;IAIE,oBAAC,aAAD;KAAa,WAAU;KAAW,UAAA,OAAO;IAAuB,CAAA;IAChE,oBAAC,OAAD;KACO;KACA;KACL,aAAU;KACV,WAAU;IACX,CAAA;IACD,oBAAC,aAAD;KAAa,SAAA;KACX,UAAA,oBAAC,QAAD;MACE,MAAK;MACL,cAAY,EAAE,gBAAgB,OAAO;MACrC,aAAU;MACV,MAAK;MACL,UAAS;MACT,WAAU;KACX,CAAA;IACU,CAAA;GACA;;CACT,CAAA,CACR,EAAA,CAAA;AAEN"}

package/dist/ui/image.d.ts

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

package/dist/ui/image.js

@@ -1,21 +0,0 @@
-import { cn } from "../lib/utils.js";
-import { nodeIdentity } from "../core/test-id.js";
-import { PreviewableImage } from "./image-preview.js";
-import { jsx } from "react/jsx-runtime";
-//#region resources/js/ui/image.tsx
-var ImageComponent = ({ node }) => {
-	const { src, alt, size, circular, previewable } = node.props;
-	return /* @__PURE__ */ jsx(PreviewableImage, {
-		alt: alt ?? "",
-		className: cn("object-cover", circular ? "rounded-full" : "rounded-lt-sm"),
-		height: size ?? void 0,
-		previewable,
-		src,
-		testId: nodeIdentity(node),
-		width: size ?? void 0
-	});
-};
-//#endregion
-export { ImageComponent as default };
-
-//# sourceMappingURL=image.js.map

package/dist/ui/image.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image.js","names":[],"sources":["../../resources/js/ui/image.tsx"],"sourcesContent":["import type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { nodeIdentity } from \"@lattice-php/lattice/core/test-id\";\nimport { PreviewableImage } from \"./image-preview\";\n\nconst ImageComponent: RendererComponent<\"image\"> = ({ node }) => {\n  const { src, alt, size, circular, previewable } = node.props;\n\n  return (\n    <PreviewableImage\n      alt={alt ?? \"\"}\n      className={cn(\"object-cover\", circular ? \"rounded-full\" : \"rounded-lt-sm\")}\n      height={size ?? undefined}\n      previewable={previewable}\n      src={src}\n      testId={nodeIdentity(node)}\n      width={size ?? undefined}\n    />\n  );\n};\n\nexport default ImageComponent;\n"],"mappings":";;;;;AAKA,IAAM,kBAA8C,EAAE,WAAW;CAC/D,MAAM,EAAE,KAAK,KAAK,MAAM,UAAU,gBAAgB,KAAK;CAEvD,OACE,oBAAC,kBAAD;EACE,KAAK,OAAO;EACZ,WAAW,GAAG,gBAAgB,WAAW,iBAAiB,eAAe;EACzE,QAAQ,QAAQ,KAAA;EACH;EACR;EACL,QAAQ,aAAa,IAAI;EACzB,OAAO,QAAQ,KAAA;CAChB,CAAA;AAEL"}

package/dist/ui/index.d.ts

@@ -1,31 +0,0 @@
-export { AffixGroup } from './affix-group.js';
-export { ActionMenuProvider, actionMenuItemClassName, useActionMenu } from './action-menu-context.js';
-export { Badge } from './badge.js';
-export { Button, buttonVariants } from './button.js';
-export type { Emphasis, Variant } from './button.js';
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './card.js';
-export { Checkbox } from './checkbox.js';
-export { CodeBlock } from './code-block.js';
-export type { CodeBlockLanguage, CodeBlockLanguageLoader, CodeBlockProps } from './code-block.js';
-export { Combobox } from './combobox.js';
-export { ConfirmDialog } from './confirm-dialog.js';
-export { ActionTrigger, ActionTriggerProvider, useActionTrigger, useClickBehavior, } from './click-behavior.js';
-export type { ActionTriggerRenderer, ClickBehavior, TriggerState } from './click-behavior.js';
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from './dialog.js';
-export { CopyButton, CopyableText, copyToClipboard } from './copyable-text.js';
-export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from './dropdown-menu.js';
-export { PreviewableImage } from './image-preview.js';
-export { InfoTooltip } from './info-tooltip.js';
-export { Input } from './input.js';
-export { default as InputError } from './input-error.js';
-export { InputOTP } from './input-otp.js';
-export { Label } from './label.js';
-export { NativeSelect } from './native-select.js';
-export { TextLink } from './link.js';
-export { default as PasswordInput } from './password-input.js';
-export { Popover, PopoverClose, PopoverContent, PopoverTrigger } from './popover.js';
-export { SegmentedPills } from './segmented-pills.js';
-export { Skeleton } from './skeleton.js';
-export { Spinner } from './spinner.js';
-export { Textarea } from './textarea.js';
-export { uiComponents } from './plugin.js';

package/dist/ui/index.js

@@ -1,29 +0,0 @@
-import { Popover, PopoverClose, PopoverContent, PopoverTrigger } from "./popover.js";
-import { ActionTrigger, ActionTriggerProvider, useActionTrigger, useClickBehavior } from "./click-behavior.js";
-import { Button, buttonVariants } from "./button.js";
-import { Dialog, DialogClose, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "./dialog.js";
-import { Spinner } from "./spinner.js";
-import { ConfirmDialog } from "./confirm-dialog.js";
-import { Skeleton } from "./skeleton.js";
-import { ActionMenuProvider, actionMenuItemClassName, useActionMenu } from "./action-menu-context.js";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "./dropdown-menu.js";
-import { Badge } from "./badge.js";
-import { InfoTooltip } from "./info-tooltip.js";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./card.js";
-import { CopyButton, CopyableText, copyToClipboard } from "./copyable-text.js";
-import { CodeBlock } from "./code-block.js";
-import { PreviewableImage } from "./image-preview.js";
-import { TextLink } from "./link.js";
-import { SegmentedPills } from "./segmented-pills.js";
-import { uiComponents } from "./plugin.js";
-import InputError from "./input-error.js";
-import { Label } from "./label.js";
-import { Checkbox } from "./checkbox.js";
-import { Input } from "./input.js";
-import { AffixGroup } from "./affix-group.js";
-import { InputOTP } from "./input-otp.js";
-import PasswordInput from "./password-input.js";
-import { Combobox } from "./combobox.js";
-import { Textarea } from "./textarea.js";
-import { NativeSelect } from "./native-select.js";
-export { ActionMenuProvider, ActionTrigger, ActionTriggerProvider, AffixGroup, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CodeBlock, Combobox, ConfirmDialog, CopyButton, CopyableText, Dialog, DialogClose, DialogContent, DialogDescription, DialogHeader, DialogTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, InfoTooltip, Input, InputError, InputOTP, Label, NativeSelect, PasswordInput, Popover, PopoverClose, PopoverContent, PopoverTrigger, PreviewableImage, SegmentedPills, Skeleton, Spinner, TextLink, Textarea, actionMenuItemClassName, buttonVariants, copyToClipboard, uiComponents, useActionMenu, useActionTrigger, useClickBehavior };

package/dist/ui/info-tooltip.d.ts

@@ -1,3 +0,0 @@
-export declare function InfoTooltip({ content }: {
-    content?: string | null;
-}): import("react").JSX.Element | null;

package/dist/ui/info-tooltip.js

@@ -1,26 +0,0 @@
-import { useT } from "../i18n/instance.js";
-import { Icon } from "../icons/sprite.js";
-import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/ui/info-tooltip.tsx
-function InfoTooltip({ content }) {
-	const { t } = useT("lattice");
-	if (!content) return null;
-	return /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(PopoverTrigger, {
-		type: "button",
-		"aria-label": t("common.more-info", "More information"),
-		className: "ml-1 inline-flex rounded-lt-sm text-lt-muted-fg outline-none hover:text-lt-fg focus-visible:text-lt-fg focus-visible:ring-lt-ring/50 focus-visible:ring-[length:var(--lt-ring-width)]",
-		children: /* @__PURE__ */ jsx(Icon, {
-			name: "info",
-			className: "size-lt-icon-sm"
-		})
-	}), /* @__PURE__ */ jsx(PopoverContent, {
-		align: "start",
-		className: "max-w-xs p-3 text-sm [&_a]:underline",
-		dangerouslySetInnerHTML: { __html: content }
-	})] });
-}
-//#endregion
-export { InfoTooltip };
-
-//# sourceMappingURL=info-tooltip.js.map

package/dist/ui/info-tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"info-tooltip.js","names":[],"sources":["../../resources/js/ui/info-tooltip.tsx"],"sourcesContent":["import { Icon } from \"@lattice-php/lattice/icons\";\nimport { useT } from \"@lattice-php/lattice/i18n\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover\";\n\nexport function InfoTooltip({ content }: { content?: string | null }) {\n  const { t } = useT(\"lattice\");\n\n  if (!content) {\n    return null;\n  }\n\n  return (\n    <Popover>\n      <PopoverTrigger\n        type=\"button\"\n        aria-label={t(\"common.more-info\", \"More information\")}\n        className=\"ml-1 inline-flex rounded-lt-sm text-lt-muted-fg outline-none hover:text-lt-fg focus-visible:text-lt-fg focus-visible:ring-lt-ring/50 focus-visible:ring-[length:var(--lt-ring-width)]\"\n      >\n        <Icon name=\"info\" className=\"size-lt-icon-sm\" />\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"start\"\n        className=\"max-w-xs p-3 text-sm [&_a]:underline\"\n        dangerouslySetInnerHTML={{ __html: content }}\n      />\n    </Popover>\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgB,YAAY,EAAE,WAAwC;CACpE,MAAM,EAAE,MAAM,KAAK,SAAS;CAE5B,IAAI,CAAC,SACH,OAAO;CAGT,OACE,qBAAC,SAAD,EAAA,UAAA,CACE,oBAAC,gBAAD;EACE,MAAK;EACL,cAAY,EAAE,oBAAoB,kBAAkB;EACpD,WAAU;EAEV,UAAA,oBAAC,MAAD;GAAM,MAAK;GAAO,WAAU;EAAmB,CAAA;CACjC,CAAA,GAChB,oBAAC,gBAAD;EACE,OAAM;EACN,WAAU;EACV,yBAAyB,EAAE,QAAQ,QAAQ;CAC5C,CAAA,CACM,EAAA,CAAA;AAEb"}

package/dist/ui/input-error.d.ts

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

package/dist/ui/input-error.js

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

package/dist/ui/input-error.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-error.js","names":[],"sources":["../../resources/js/ui/input-error.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"@lattice-php/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-lt-danger\", 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,0BAA0B,SAAS;EAC5D,UAAA;CACA,CAAA,IACD;AACN"}

package/dist/ui/input-otp.d.ts

@@ -1,7 +0,0 @@
-import { OTPInput } from 'input-otp';
-import { ComponentProps } from 'react';
-type InputOTPProps = Omit<ComponentProps<typeof OTPInput>, "children" | "maxLength" | "render"> & {
-    length: number;
-};
-export declare function InputOTP({ length, containerClassName, pattern, ...props }: InputOTPProps): import("react").JSX.Element;
-export {};

package/dist/ui/input-otp.js

@@ -1,29 +0,0 @@
-import { cn } from "../lib/utils.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { OTPInput, REGEXP_ONLY_DIGITS } from "input-otp";
-//#region resources/js/ui/input-otp.tsx
-function Slot({ char, hasFakeCaret, isActive }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("relative flex h-lt-control-md w-10 items-center justify-center border-y border-r border-lt-input text-base shadow-lt-xs transition-all first:rounded-l-lt-sm first:border-l last:rounded-r-lt-sm", isActive && "z-10 border-lt-ring ring-lt-ring/50 ring-[length:var(--lt-ring-width)]"),
-		children: [char, hasFakeCaret ? /* @__PURE__ */ jsx("div", {
-			className: "pointer-events-none absolute inset-0 flex items-center justify-center",
-			children: /* @__PURE__ */ jsx("div", { className: "bg-lt-fg h-5 w-px animate-pulse" })
-		}) : null]
-	});
-}
-function InputOTP({ length, containerClassName, pattern = REGEXP_ONLY_DIGITS, ...props }) {
-	return /* @__PURE__ */ jsx(OTPInput, {
-		maxLength: length,
-		pattern,
-		containerClassName: cn("flex items-center gap-2 has-[:disabled]:opacity-50", containerClassName),
-		render: ({ slots }) => /* @__PURE__ */ jsx("div", {
-			className: "flex items-center",
-			children: slots.map((slot, index) => /* @__PURE__ */ jsx(Slot, { ...slot }, index))
-		}),
-		...props
-	});
-}
-//#endregion
-export { InputOTP };
-
-//# sourceMappingURL=input-otp.js.map

package/dist/ui/input-otp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-otp.js","names":[],"sources":["../../resources/js/ui/input-otp.tsx"],"sourcesContent":["import { OTPInput, REGEXP_ONLY_DIGITS, type SlotProps } from \"input-otp\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\n\nfunction Slot({ char, hasFakeCaret, isActive }: SlotProps) {\n  return (\n    <div\n      className={cn(\n        \"relative flex h-lt-control-md w-10 items-center justify-center border-y border-r border-lt-input text-base shadow-lt-xs transition-all first:rounded-l-lt-sm first:border-l last:rounded-r-lt-sm\",\n        isActive && \"z-10 border-lt-ring ring-lt-ring/50 ring-[length:var(--lt-ring-width)]\",\n      )}\n    >\n      {char}\n      {hasFakeCaret ? (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"bg-lt-fg h-5 w-px animate-pulse\" />\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\ntype InputOTPProps = Omit<ComponentProps<typeof OTPInput>, \"children\" | \"maxLength\" | \"render\"> & {\n  length: number;\n};\n\nexport function InputOTP({\n  length,\n  containerClassName,\n  pattern = REGEXP_ONLY_DIGITS,\n  ...props\n}: InputOTPProps) {\n  return (\n    <OTPInput\n      maxLength={length}\n      pattern={pattern}\n      containerClassName={cn(\n        \"flex items-center gap-2 has-[:disabled]:opacity-50\",\n        containerClassName,\n      )}\n      render={({ slots }) => (\n        <div className=\"flex items-center\">\n          {slots.map((slot, index) => (\n            <Slot key={index} {...slot} />\n          ))}\n        </div>\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;AAIA,SAAS,KAAK,EAAE,MAAM,cAAc,YAAuB;CACzD,OACE,qBAAC,OAAD;EACE,WAAW,GACT,oMACA,YAAY,wEACd;EAJF,UAAA,CAMG,MACA,eACC,oBAAC,OAAD;GAAK,WAAU;GACb,UAAA,oBAAC,OAAD,EAAK,WAAU,kCAAmC,CAAA;EAC/C,CAAA,IACH,IACD;;AAET;AAMA,SAAgB,SAAS,EACvB,QACA,oBACA,UAAU,oBACV,GAAG,SACa;CAChB,OACE,oBAAC,UAAD;EACE,WAAW;EACF;EACT,oBAAoB,GAClB,sDACA,kBACF;EACA,SAAS,EAAE,YACT,oBAAC,OAAD;GAAK,WAAU;GACZ,UAAA,MAAM,KAAK,MAAM,UAChB,oBAAC,MAAD,EAAkB,GAAI,KAAO,GAAlB,KAAkB,CAC9B;EACE,CAAA;EAEP,GAAI;CACL,CAAA;AAEL"}

package/dist/ui/input.d.ts

@@ -1,5 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import { controlSurface } from './control.js';
-import * as React from "react";
-declare function Input({ className, type, density, ...props }: React.ComponentProps<"input"> & VariantProps<typeof controlSurface>): React.JSX.Element;
-export { Input };

package/dist/ui/input.js

@@ -1,17 +0,0 @@
-import { cn } from "../lib/utils.js";
-import { controlSurface } from "./control.js";
-import "react";
-import { jsx } from "react/jsx-runtime";
-//#region resources/js/ui/input.tsx
-function Input({ className, type, density, ...props }) {
-	return /* @__PURE__ */ jsx("input", {
-		type,
-		"data-slot": "input",
-		className: cn(controlSurface({ density }), "file:text-lt-fg selection:bg-lt-primary selection:text-lt-primary-fg file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium", className),
-		...props
-	});
-}
-//#endregion
-export { Input };
-
-//# sourceMappingURL=input.js.map

package/dist/ui/input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.js","names":[],"sources":["../../resources/js/ui/input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { VariantProps } from \"class-variance-authority\";\n\nimport { controlSurface } from \"@lattice-php/lattice/ui/control\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\n\nfunction Input({\n  className,\n  type,\n  density,\n  ...props\n}: React.ComponentProps<\"input\"> & VariantProps<typeof controlSurface>) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        controlSurface({ density }),\n        \"file:text-lt-fg selection:bg-lt-primary selection:text-lt-primary-fg file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n"],"mappings":";;;;;AAMA,SAAS,MAAM,EACb,WACA,MACA,SACA,GAAG,SACmE;CACtE,OACE,oBAAC,SAAD;EACQ;EACN,aAAU;EACV,WAAW,GACT,eAAe,EAAE,QAAQ,CAAC,GAC1B,kKACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/ui/label.d.ts

@@ -1,4 +0,0 @@
-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/ui/label.js

@@ -1,16 +0,0 @@
-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/ui/label.tsx
-function Label({ className, ...props }) {
-	return /* @__PURE__ */ jsx(LabelPrimitive.Root, {
-		"data-slot": "label",
-		className: cn("text-base leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:text-lt-disabled-fg peer-disabled:cursor-not-allowed peer-disabled:text-lt-disabled-fg", className),
-		...props
-	});
-}
-//#endregion
-export { Label };
-
-//# sourceMappingURL=label.js.map

package/dist/ui/label.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"label.js","names":[],"sources":["../../resources/js/ui/label.tsx"],"sourcesContent":["import * as LabelPrimitive from \"@radix-ui/react-label\";\nimport * as React from \"react\";\n\nimport { cn } from \"@lattice-php/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-base leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:text-lt-disabled-fg peer-disabled:cursor-not-allowed peer-disabled:text-lt-disabled-fg\",\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,mNACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/ui/link.d.ts

@@ -1,7 +0,0 @@
-import { Link } from '@inertiajs/react';
-import { ComponentProps } from 'react';
-import { RendererComponent } from '../core/types.js';
-declare function TextLink({ className, children, ...props }: ComponentProps<typeof Link>): import("react").JSX.Element;
-declare const LinkComponent: RendererComponent<"link">;
-export default LinkComponent;
-export { TextLink };

package/dist/ui/link.js

@@ -1,103 +0,0 @@
-import { cn } from "../lib/utils.js";
-import { IconRenderer } from "../icons/icon-renderer.js";
-import { nodeIdentity } from "../core/test-id.js";
-import { ActionTrigger, useClickBehavior } from "./click-behavior.js";
-import { actionMenuItemClassName, useActionMenu } from "./action-menu-context.js";
-import { Link } from "@inertiajs/react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/ui/link.tsx
-var textLinkClassName = "text-lt-fg underline decoration-lt-border underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current! dark:decoration-lt-border";
-function TextLink({ className = "", children, ...props }) {
-	return /* @__PURE__ */ jsx(Link, {
-		className: cn(textLinkClassName, className),
-		...props,
-		children
-	});
-}
-function LinkAffix({ affix, className }) {
-	if (affix.icon) return /* @__PURE__ */ jsx(IconRenderer, {
-		className: cn("size-lt-icon-md shrink-0", className),
-		icon: affix.icon
-	});
-	return /* @__PURE__ */ jsx("span", {
-		className: cn("shrink-0 text-sm text-lt-muted-fg", className),
-		children: affix.text
-	});
-}
-function LinkContent({ icon, isMenuItem, label, prefix, suffix }) {
-	if (icon) return /* @__PURE__ */ jsx(IconRenderer, {
-		className: "size-lt-icon-md shrink-0",
-		icon
-	});
-	if (isMenuItem) return /* @__PURE__ */ jsxs(Fragment, { children: [
-		prefix ? /* @__PURE__ */ jsx(LinkAffix, { affix: prefix }) : null,
-		/* @__PURE__ */ jsx("span", { children: label }),
-		suffix ? /* @__PURE__ */ jsx(LinkAffix, {
-			affix: suffix,
-			className: "ml-auto"
-		}) : null
-	] });
-	if (prefix || suffix) return /* @__PURE__ */ jsxs("span", {
-		className: "inline-flex items-center gap-1.5 align-baseline",
-		children: [
-			prefix ? /* @__PURE__ */ jsx(LinkAffix, { affix: prefix }) : null,
-			/* @__PURE__ */ jsx("span", { children: label }),
-			suffix ? /* @__PURE__ */ jsx(LinkAffix, { affix: suffix }) : null
-		]
-	});
-	return label;
-}
-function labelWithTextAffixes(label, prefix, suffix) {
-	if (!prefix?.text && !suffix?.text) return;
-	return [
-		prefix?.text,
-		label,
-		suffix?.text
-	].filter((part) => Boolean(part)).join(" ");
-}
-var LinkComponent = ({ node }) => {
-	const isMenuItem = useActionMenu();
-	const { icon, label: rawLabel, prefix, suffix } = node.props;
-	const label = rawLabel ?? "";
-	const behavior = useClickBehavior(node.props);
-	const className = isMenuItem ? actionMenuItemClassName : void 0;
-	const testId = nodeIdentity(node);
-	const content = /* @__PURE__ */ jsx(LinkContent, {
-		icon,
-		isMenuItem,
-		label,
-		prefix,
-		suffix
-	});
-	const ariaLabel = icon ? label : labelWithTextAffixes(label, prefix, suffix);
-	const triggerButton = ({ onClick, processing }) => /* @__PURE__ */ jsx("button", {
-		"aria-label": ariaLabel,
-		className: cn(textLinkClassName, className),
-		"data-test": testId,
-		disabled: processing,
-		onClick,
-		type: "button",
-		children: content
-	});
-	if (behavior.kind === "action") return /* @__PURE__ */ jsx(ActionTrigger, {
-		action: behavior.action,
-		children: triggerButton
-	});
-	if (behavior.kind === "effects") return triggerButton({
-		onClick: behavior.onClick,
-		processing: false
-	});
-	return /* @__PURE__ */ jsx(TextLink, {
-		"aria-label": ariaLabel,
-		className,
-		"data-test": testId,
-		href: behavior.kind === "navigate" ? behavior.href : "#",
-		method: behavior.kind === "navigate" ? behavior.method : "get",
-		tabIndex: node.props.tabIndex ?? void 0,
-		children: content
-	});
-};
-//#endregion
-export { TextLink, LinkComponent as default };
-
-//# sourceMappingURL=link.js.map

package/dist/ui/link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link.js","names":[],"sources":["../../resources/js/ui/link.tsx"],"sourcesContent":["import { Link } from \"@inertiajs/react\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { nodeIdentity } from \"@lattice-php/lattice/core/test-id\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { IconRenderer } from \"@lattice-php/lattice/icons\";\nimport type { Affix } from \"@lattice-php/lattice/types/generated\";\nimport { actionMenuItemClassName, useActionMenu } from \"./action-menu-context\";\nimport { ActionTrigger, type TriggerState, useClickBehavior } from \"./click-behavior\";\n\nconst textLinkClassName =\n  \"text-lt-fg underline decoration-lt-border underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current! dark:decoration-lt-border\";\n\nfunction TextLink({ className = \"\", children, ...props }: ComponentProps<typeof Link>) {\n  return (\n    <Link className={cn(textLinkClassName, className)} {...props}>\n      {children}\n    </Link>\n  );\n}\n\nfunction LinkAffix({ affix, className }: { affix: Affix; className?: string }) {\n  if (affix.icon) {\n    return <IconRenderer className={cn(\"size-lt-icon-md shrink-0\", className)} icon={affix.icon} />;\n  }\n\n  return <span className={cn(\"shrink-0 text-sm text-lt-muted-fg\", className)}>{affix.text}</span>;\n}\n\nfunction LinkContent({\n  icon,\n  isMenuItem,\n  label,\n  prefix,\n  suffix,\n}: {\n  icon?: string | null;\n  isMenuItem: boolean;\n  label: string;\n  prefix?: Affix | null;\n  suffix?: Affix | null;\n}) {\n  if (icon) {\n    return <IconRenderer className=\"size-lt-icon-md shrink-0\" icon={icon} />;\n  }\n\n  if (isMenuItem) {\n    return (\n      <>\n        {prefix ? <LinkAffix affix={prefix} /> : null}\n        <span>{label}</span>\n        {suffix ? <LinkAffix affix={suffix} className=\"ml-auto\" /> : null}\n      </>\n    );\n  }\n\n  if (prefix || suffix) {\n    return (\n      <span className=\"inline-flex items-center gap-1.5 align-baseline\">\n        {prefix ? <LinkAffix affix={prefix} /> : null}\n        <span>{label}</span>\n        {suffix ? <LinkAffix affix={suffix} /> : null}\n      </span>\n    );\n  }\n\n  return label;\n}\n\nfunction labelWithTextAffixes(label: string, prefix?: Affix | null, suffix?: Affix | null) {\n  if (!prefix?.text && !suffix?.text) {\n    return undefined;\n  }\n\n  return [prefix?.text, label, suffix?.text]\n    .filter((part): part is string => Boolean(part))\n    .join(\" \");\n}\n\nconst LinkComponent: RendererComponent<\"link\"> = ({ node }) => {\n  const isMenuItem = useActionMenu();\n  const { icon, label: rawLabel, prefix, suffix } = node.props;\n  const label = rawLabel ?? \"\";\n  const behavior = useClickBehavior(node.props);\n  const className = isMenuItem ? actionMenuItemClassName : undefined;\n  const testId = nodeIdentity(node);\n  const content = (\n    <LinkContent\n      icon={icon}\n      isMenuItem={isMenuItem}\n      label={label}\n      prefix={prefix}\n      suffix={suffix}\n    />\n  );\n  const ariaLabel = icon ? label : labelWithTextAffixes(label, prefix, suffix);\n\n  const triggerButton = ({ onClick, processing }: TriggerState) => (\n    <button\n      aria-label={ariaLabel}\n      className={cn(textLinkClassName, className)}\n      data-test={testId}\n      disabled={processing}\n      onClick={onClick}\n      type=\"button\"\n    >\n      {content}\n    </button>\n  );\n\n  if (behavior.kind === \"action\") {\n    return <ActionTrigger action={behavior.action}>{triggerButton}</ActionTrigger>;\n  }\n\n  if (behavior.kind === \"effects\") {\n    return triggerButton({ onClick: behavior.onClick, processing: false });\n  }\n\n  return (\n    <TextLink\n      aria-label={ariaLabel}\n      className={className}\n      data-test={testId}\n      href={behavior.kind === \"navigate\" ? behavior.href : \"#\"}\n      method={behavior.kind === \"navigate\" ? behavior.method : \"get\"}\n      tabIndex={node.props.tabIndex ?? undefined}\n    >\n      {content}\n    </TextLink>\n  );\n};\n\nexport default LinkComponent;\nexport { TextLink };\n"],"mappings":";;;;;;;;AAUA,IAAM,oBACJ;AAEF,SAAS,SAAS,EAAE,YAAY,IAAI,UAAU,GAAG,SAAsC;CACrF,OACE,oBAAC,MAAD;EAAM,WAAW,GAAG,mBAAmB,SAAS;EAAG,GAAI;EACpD;CACG,CAAA;AAEV;AAEA,SAAS,UAAU,EAAE,OAAO,aAAmD;CAC7E,IAAI,MAAM,MACR,OAAO,oBAAC,cAAD;EAAc,WAAW,GAAG,4BAA4B,SAAS;EAAG,MAAM,MAAM;CAAO,CAAA;CAGhG,OAAO,oBAAC,QAAD;EAAM,WAAW,GAAG,qCAAqC,SAAS;EAAI,UAAA,MAAM;CAAW,CAAA;AAChG;AAEA,SAAS,YAAY,EACnB,MACA,YACA,OACA,QACA,UAOC;CACD,IAAI,MACF,OAAO,oBAAC,cAAD;EAAc,WAAU;EAAiC;CAAO,CAAA;CAGzE,IAAI,YACF,OACE,qBAAA,UAAA,EAAA,UAAA;EACG,SAAS,oBAAC,WAAD,EAAW,OAAO,OAAS,CAAA,IAAI;EACzC,oBAAC,QAAD,EAAA,UAAO,MAAY,CAAA;EAClB,SAAS,oBAAC,WAAD;GAAW,OAAO;GAAQ,WAAU;EAAW,CAAA,IAAI;CAC7D,EAAA,CAAA;CAIN,IAAI,UAAU,QACZ,OACE,qBAAC,QAAD;EAAM,WAAU;EAAhB,UAAA;GACG,SAAS,oBAAC,WAAD,EAAW,OAAO,OAAS,CAAA,IAAI;GACzC,oBAAC,QAAD,EAAA,UAAO,MAAY,CAAA;GAClB,SAAS,oBAAC,WAAD,EAAW,OAAO,OAAS,CAAA,IAAI;EACrC;;CAIV,OAAO;AACT;AAEA,SAAS,qBAAqB,OAAe,QAAuB,QAAuB;CACzF,IAAI,CAAC,QAAQ,QAAQ,CAAC,QAAQ,MAC5B;CAGF,OAAO;EAAC,QAAQ;EAAM;EAAO,QAAQ;CAAI,CAAC,CACvC,QAAQ,SAAyB,QAAQ,IAAI,CAAC,CAAC,CAC/C,KAAK,GAAG;AACb;AAEA,IAAM,iBAA4C,EAAE,WAAW;CAC7D,MAAM,aAAa,cAAc;CACjC,MAAM,EAAE,MAAM,OAAO,UAAU,QAAQ,WAAW,KAAK;CACvD,MAAM,QAAQ,YAAY;CAC1B,MAAM,WAAW,iBAAiB,KAAK,KAAK;CAC5C,MAAM,YAAY,aAAa,0BAA0B,KAAA;CACzD,MAAM,SAAS,aAAa,IAAI;CAChC,MAAM,UACJ,oBAAC,aAAD;EACQ;EACM;EACL;EACC;EACA;CACT,CAAA;CAEH,MAAM,YAAY,OAAO,QAAQ,qBAAqB,OAAO,QAAQ,MAAM;CAE3E,MAAM,iBAAiB,EAAE,SAAS,iBAChC,oBAAC,UAAD;EACE,cAAY;EACZ,WAAW,GAAG,mBAAmB,SAAS;EAC1C,aAAW;EACX,UAAU;EACD;EACT,MAAK;EAEJ,UAAA;CACK,CAAA;CAGV,IAAI,SAAS,SAAS,UACpB,OAAO,oBAAC,eAAD;EAAe,QAAQ,SAAS;EAAS,UAAA;CAA6B,CAAA;CAG/E,IAAI,SAAS,SAAS,WACpB,OAAO,cAAc;EAAE,SAAS,SAAS;EAAS,YAAY;CAAM,CAAC;CAGvE,OACE,oBAAC,UAAD;EACE,cAAY;EACD;EACX,aAAW;EACX,MAAM,SAAS,SAAS,aAAa,SAAS,OAAO;EACrD,QAAQ,SAAS,SAAS,aAAa,SAAS,SAAS;EACzD,UAAU,KAAK,MAAM,YAAY,KAAA;EAEhC,UAAA;CACO,CAAA;AAEd"}

package/dist/ui/modal.d.ts

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