@lattice-php/lattice 0.38.0 → 0.40.0

package/dist/ui/button.js

@@ -1,243 +0,0 @@
-import { cn } from "../lib/utils.js";
-import { Icon } from "../icons/sprite.js";
-import { IconRenderer } from "../icons/icon-renderer.js";
-import { nodeIdentity } from "../core/test-id.js";
-import { ActionTrigger, useClickBehavior } from "./click-behavior.js";
-import { Link } from "@inertiajs/react";
-import "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-//#region resources/js/ui/button.tsx
-var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lt-sm text-base font-medium transition-[color,box-shadow] disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-lt-icon-md [&_svg]:shrink-0 outline-none focus-visible:border-lt-ring focus-visible:ring-lt-ring/50 focus-visible:ring-[length:var(--lt-ring-width)] aria-invalid:ring-lt-danger/20 dark:aria-invalid:ring-lt-danger/40 aria-invalid:border-lt-danger", {
-	variants: {
-		emphasis: {
-			solid: "shadow-lt-xs disabled:bg-lt-disabled disabled:text-lt-disabled-fg disabled:shadow-none",
-			outline: "border border-lt-input bg-lt-bg shadow-lt-xs hover:bg-lt-accent hover:text-lt-accent-fg disabled:bg-lt-disabled disabled:text-lt-disabled-fg disabled:border-transparent disabled:shadow-none",
-			ghost: "hover:bg-lt-accent hover:text-lt-accent-fg disabled:text-lt-disabled-fg",
-			link: "underline-offset-4 hover:underline disabled:text-lt-disabled-fg disabled:no-underline"
-		},
-		variant: {
-			primary: "",
-			secondary: "",
-			success: "",
-			info: "",
-			warning: "",
-			danger: ""
-		},
-		size: {
-			md: "h-lt-control-md px-4 py-2 has-[>svg]:px-3",
-			sm: "h-lt-control-sm rounded-lt-sm px-3 has-[>svg]:px-2.5",
-			lg: "h-lt-control-lg rounded-lt-sm px-6 has-[>svg]:px-4",
-			icon: "size-lt-control-md"
-		}
-	},
-	compoundVariants: [
-		{
-			emphasis: "solid",
-			variant: "primary",
-			class: "bg-lt-primary text-lt-primary-fg hover:bg-lt-primary-hover active:bg-lt-primary-active"
-		},
-		{
-			emphasis: "solid",
-			variant: "secondary",
-			class: "bg-lt-secondary text-lt-secondary-fg hover:bg-lt-secondary-hover active:bg-lt-secondary-active"
-		},
-		{
-			emphasis: "solid",
-			variant: "success",
-			class: "bg-lt-success text-lt-success-fg hover:bg-lt-success-hover active:bg-lt-success-active"
-		},
-		{
-			emphasis: "solid",
-			variant: "info",
-			class: "bg-lt-info text-lt-info-fg hover:bg-lt-info-hover active:bg-lt-info-active"
-		},
-		{
-			emphasis: "solid",
-			variant: "warning",
-			class: "bg-lt-warning text-lt-warning-fg hover:bg-lt-warning-hover active:bg-lt-warning-active"
-		},
-		{
-			emphasis: "solid",
-			variant: "danger",
-			class: "bg-lt-danger text-lt-danger-fg hover:bg-lt-danger-hover active:bg-lt-danger-active focus-visible:ring-lt-danger/20 dark:focus-visible:ring-lt-danger/40"
-		},
-		{
-			emphasis: "outline",
-			variant: "primary",
-			class: "border-lt-primary/40 text-lt-primary hover:bg-lt-primary/10 hover:text-lt-primary"
-		},
-		{
-			emphasis: "outline",
-			variant: "secondary",
-			class: "border-lt-secondary text-lt-secondary-fg hover:bg-lt-secondary hover:text-lt-secondary-fg"
-		},
-		{
-			emphasis: "outline",
-			variant: "success",
-			class: "border-lt-success/40 text-lt-success hover:bg-lt-success/10 hover:text-lt-success"
-		},
-		{
-			emphasis: "outline",
-			variant: "info",
-			class: "border-lt-info/40 text-lt-info hover:bg-lt-info/10 hover:text-lt-info"
-		},
-		{
-			emphasis: "outline",
-			variant: "warning",
-			class: "border-lt-warning/40 text-lt-warning hover:bg-lt-warning/10 hover:text-lt-warning"
-		},
-		{
-			emphasis: "outline",
-			variant: "danger",
-			class: "border-lt-danger/40 text-lt-danger hover:bg-lt-danger/10 hover:text-lt-danger"
-		},
-		{
-			emphasis: "ghost",
-			variant: "primary",
-			class: "text-lt-primary hover:bg-lt-primary/10 hover:text-lt-primary"
-		},
-		{
-			emphasis: "ghost",
-			variant: "secondary",
-			class: "text-lt-secondary-fg hover:bg-lt-secondary hover:text-lt-secondary-fg"
-		},
-		{
-			emphasis: "ghost",
-			variant: "success",
-			class: "text-lt-success hover:bg-lt-success/10 hover:text-lt-success"
-		},
-		{
-			emphasis: "ghost",
-			variant: "info",
-			class: "text-lt-info hover:bg-lt-info/10 hover:text-lt-info"
-		},
-		{
-			emphasis: "ghost",
-			variant: "warning",
-			class: "text-lt-warning hover:bg-lt-warning/10 hover:text-lt-warning"
-		},
-		{
-			emphasis: "ghost",
-			variant: "danger",
-			class: "text-lt-danger hover:bg-lt-danger/10 hover:text-lt-danger"
-		},
-		{
-			emphasis: "link",
-			variant: "primary",
-			class: "text-lt-primary"
-		},
-		{
-			emphasis: "link",
-			variant: "secondary",
-			class: "text-lt-secondary-fg"
-		},
-		{
-			emphasis: "link",
-			variant: "success",
-			class: "text-lt-success"
-		},
-		{
-			emphasis: "link",
-			variant: "info",
-			class: "text-lt-info"
-		},
-		{
-			emphasis: "link",
-			variant: "warning",
-			class: "text-lt-warning"
-		},
-		{
-			emphasis: "link",
-			variant: "danger",
-			class: "text-lt-danger"
-		}
-	],
-	defaultVariants: {
-		emphasis: "solid",
-		size: "md"
-	}
-});
-/**
-* Solid and link buttons read as primary when no variant is given; outline and
-* ghost stay neutral so chrome buttons do not turn teal by default.
-*/
-function resolveButtonVariant(emphasis, variant) {
-	if (variant) return variant;
-	return (emphasis ?? "solid") === "solid" || emphasis === "link" ? "primary" : void 0;
-}
-function Button({ className, variant, emphasis, size, asChild = false, icon, children, ...props }) {
-	const Comp = asChild ? Slot : "button";
-	const content = icon && !asChild ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Icon, {
-		name: icon,
-		"aria-hidden": "true"
-	}), children] }) : children;
-	return /* @__PURE__ */ jsx(Comp, {
-		"data-slot": "button",
-		className: cn(buttonVariants({
-			emphasis,
-			variant: resolveButtonVariant(emphasis, variant),
-			size,
-			className
-		})),
-		...props,
-		children: content
-	});
-}
-var ButtonComponent = ({ node }) => {
-	const { label, icon } = node.props;
-	const variant = node.props.variant ?? null;
-	const emphasis = node.props.emphasis ?? "solid";
-	const testId = nodeIdentity(node);
-	const behavior = useClickBehavior(node.props);
-	const size = icon ? "icon" : "md";
-	const content = icon ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(IconRenderer, {
-		className: "size-lt-icon-md",
-		icon
-	}), label ? /* @__PURE__ */ jsx("span", {
-		className: "sr-only",
-		children: label
-	}) : null] }) : label;
-	const triggerButton = ({ onClick, processing }) => /* @__PURE__ */ jsx(Button, {
-		"data-test": testId,
-		disabled: processing,
-		emphasis,
-		onClick,
-		size,
-		variant,
-		children: content
-	});
-	if (behavior.kind === "navigate") return /* @__PURE__ */ jsx(Button, {
-		asChild: true,
-		"data-test": testId,
-		emphasis,
-		variant,
-		size,
-		children: /* @__PURE__ */ jsx(Link, {
-			href: behavior.href,
-			method: behavior.method,
-			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(Button, {
-		"data-test": testId,
-		emphasis,
-		size,
-		type: node.props.buttonType,
-		variant,
-		children: content
-	});
-};
-//#endregion
-export { Button, buttonVariants, ButtonComponent as default };
-
-//# sourceMappingURL=button.js.map

package/dist/ui/button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.js","names":[],"sources":["../../resources/js/ui/button.tsx"],"sourcesContent":["import { Link } from \"@inertiajs/react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\nimport { cn } from \"@lattice-php/lattice/lib/utils\";\nimport { Icon, IconRenderer } from \"@lattice-php/lattice/icons\";\nimport { nodeIdentity } from \"@lattice-php/lattice/core/test-id\";\nimport type { RendererComponent } from \"@lattice-php/lattice/core/types\";\nimport { ActionTrigger, type TriggerState, useClickBehavior } from \"./click-behavior\";\nimport type { Emphasis, Variant } from \"@lattice-php/lattice/types/generated\";\n\nexport type { Emphasis, Variant };\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lt-sm text-base font-medium transition-[color,box-shadow] disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-lt-icon-md [&_svg]:shrink-0 outline-none focus-visible:border-lt-ring focus-visible:ring-lt-ring/50 focus-visible:ring-[length:var(--lt-ring-width)] aria-invalid:ring-lt-danger/20 dark:aria-invalid:ring-lt-danger/40 aria-invalid:border-lt-danger\",\n  {\n    variants: {\n      emphasis: {\n        solid:\n          \"shadow-lt-xs disabled:bg-lt-disabled disabled:text-lt-disabled-fg disabled:shadow-none\",\n        outline:\n          \"border border-lt-input bg-lt-bg shadow-lt-xs hover:bg-lt-accent hover:text-lt-accent-fg disabled:bg-lt-disabled disabled:text-lt-disabled-fg disabled:border-transparent disabled:shadow-none\",\n        ghost: \"hover:bg-lt-accent hover:text-lt-accent-fg disabled:text-lt-disabled-fg\",\n        link: \"underline-offset-4 hover:underline disabled:text-lt-disabled-fg disabled:no-underline\",\n      },\n      variant: {\n        primary: \"\",\n        secondary: \"\",\n        success: \"\",\n        info: \"\",\n        warning: \"\",\n        danger: \"\",\n      },\n      size: {\n        md: \"h-lt-control-md px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-lt-control-sm rounded-lt-sm px-3 has-[>svg]:px-2.5\",\n        lg: \"h-lt-control-lg rounded-lt-sm px-6 has-[>svg]:px-4\",\n        icon: \"size-lt-control-md\",\n      },\n    },\n    compoundVariants: [\n      {\n        emphasis: \"solid\",\n        variant: \"primary\",\n        class:\n          \"bg-lt-primary text-lt-primary-fg hover:bg-lt-primary-hover active:bg-lt-primary-active\",\n      },\n      {\n        emphasis: \"solid\",\n        variant: \"secondary\",\n        class:\n          \"bg-lt-secondary text-lt-secondary-fg hover:bg-lt-secondary-hover active:bg-lt-secondary-active\",\n      },\n      {\n        emphasis: \"solid\",\n        variant: \"success\",\n        class:\n          \"bg-lt-success text-lt-success-fg hover:bg-lt-success-hover active:bg-lt-success-active\",\n      },\n      {\n        emphasis: \"solid\",\n        variant: \"info\",\n        class: \"bg-lt-info text-lt-info-fg hover:bg-lt-info-hover active:bg-lt-info-active\",\n      },\n      {\n        emphasis: \"solid\",\n        variant: \"warning\",\n        class:\n          \"bg-lt-warning text-lt-warning-fg hover:bg-lt-warning-hover active:bg-lt-warning-active\",\n      },\n      {\n        emphasis: \"solid\",\n        variant: \"danger\",\n        class:\n          \"bg-lt-danger text-lt-danger-fg hover:bg-lt-danger-hover active:bg-lt-danger-active focus-visible:ring-lt-danger/20 dark:focus-visible:ring-lt-danger/40\",\n      },\n      {\n        emphasis: \"outline\",\n        variant: \"primary\",\n        class: \"border-lt-primary/40 text-lt-primary hover:bg-lt-primary/10 hover:text-lt-primary\",\n      },\n      {\n        emphasis: \"outline\",\n        variant: \"secondary\",\n        class:\n          \"border-lt-secondary text-lt-secondary-fg hover:bg-lt-secondary hover:text-lt-secondary-fg\",\n      },\n      {\n        emphasis: \"outline\",\n        variant: \"success\",\n        class: \"border-lt-success/40 text-lt-success hover:bg-lt-success/10 hover:text-lt-success\",\n      },\n      {\n        emphasis: \"outline\",\n        variant: \"info\",\n        class: \"border-lt-info/40 text-lt-info hover:bg-lt-info/10 hover:text-lt-info\",\n      },\n      {\n        emphasis: \"outline\",\n        variant: \"warning\",\n        class: \"border-lt-warning/40 text-lt-warning hover:bg-lt-warning/10 hover:text-lt-warning\",\n      },\n      {\n        emphasis: \"outline\",\n        variant: \"danger\",\n        class: \"border-lt-danger/40 text-lt-danger hover:bg-lt-danger/10 hover:text-lt-danger\",\n      },\n      {\n        emphasis: \"ghost\",\n        variant: \"primary\",\n        class: \"text-lt-primary hover:bg-lt-primary/10 hover:text-lt-primary\",\n      },\n      {\n        emphasis: \"ghost\",\n        variant: \"secondary\",\n        class: \"text-lt-secondary-fg hover:bg-lt-secondary hover:text-lt-secondary-fg\",\n      },\n      {\n        emphasis: \"ghost\",\n        variant: \"success\",\n        class: \"text-lt-success hover:bg-lt-success/10 hover:text-lt-success\",\n      },\n      {\n        emphasis: \"ghost\",\n        variant: \"info\",\n        class: \"text-lt-info hover:bg-lt-info/10 hover:text-lt-info\",\n      },\n      {\n        emphasis: \"ghost\",\n        variant: \"warning\",\n        class: \"text-lt-warning hover:bg-lt-warning/10 hover:text-lt-warning\",\n      },\n      {\n        emphasis: \"ghost\",\n        variant: \"danger\",\n        class: \"text-lt-danger hover:bg-lt-danger/10 hover:text-lt-danger\",\n      },\n      { emphasis: \"link\", variant: \"primary\", class: \"text-lt-primary\" },\n      { emphasis: \"link\", variant: \"secondary\", class: \"text-lt-secondary-fg\" },\n      { emphasis: \"link\", variant: \"success\", class: \"text-lt-success\" },\n      { emphasis: \"link\", variant: \"info\", class: \"text-lt-info\" },\n      { emphasis: \"link\", variant: \"warning\", class: \"text-lt-warning\" },\n      { emphasis: \"link\", variant: \"danger\", class: \"text-lt-danger\" },\n    ],\n    defaultVariants: {\n      emphasis: \"solid\",\n      size: \"md\",\n    },\n  },\n);\n\n/**\n * Solid and link buttons read as primary when no variant is given; outline and\n * ghost stay neutral so chrome buttons do not turn teal by default.\n */\nfunction resolveButtonVariant(\n  emphasis: Emphasis | null | undefined,\n  variant: Variant | null | undefined,\n): Variant | undefined {\n  if (variant) {\n    return variant;\n  }\n\n  return (emphasis ?? \"solid\") === \"solid\" || emphasis === \"link\" ? \"primary\" : undefined;\n}\n\nfunction Button({\n  className,\n  variant,\n  emphasis,\n  size,\n  asChild = false,\n  icon,\n  children,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean;\n    /** Leading icon glyph. Ignored with `asChild` (Slot needs a single child). */\n    icon?: string;\n  }) {\n  const Comp = asChild ? Slot : \"button\";\n  const content =\n    icon && !asChild ? (\n      <>\n        <Icon name={icon} aria-hidden=\"true\" />\n        {children}\n      </>\n    ) : (\n      children\n    );\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(\n        buttonVariants({\n          emphasis,\n          variant: resolveButtonVariant(emphasis, variant),\n          size,\n          className,\n        }),\n      )}\n      {...props}\n    >\n      {content}\n    </Comp>\n  );\n}\n\nconst ButtonComponent: RendererComponent<\"button\"> = ({ node }) => {\n  const { label, icon } = node.props;\n  const variant = node.props.variant ?? null;\n  const emphasis = node.props.emphasis ?? \"solid\";\n  const testId = nodeIdentity(node);\n  const behavior = useClickBehavior(node.props);\n  const size = icon ? \"icon\" : \"md\";\n  const content = icon ? (\n    <>\n      <IconRenderer className=\"size-lt-icon-md\" icon={icon} />\n      {label ? <span className=\"sr-only\">{label}</span> : null}\n    </>\n  ) : (\n    label\n  );\n\n  const triggerButton = ({ onClick, processing }: TriggerState) => (\n    <Button\n      data-test={testId}\n      disabled={processing}\n      emphasis={emphasis}\n      onClick={onClick}\n      size={size}\n      variant={variant}\n    >\n      {content}\n    </Button>\n  );\n\n  if (behavior.kind === \"navigate\") {\n    return (\n      <Button asChild data-test={testId} emphasis={emphasis} variant={variant} size={size}>\n        <Link href={behavior.href} method={behavior.method}>\n          {content}\n        </Link>\n      </Button>\n    );\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    <Button\n      data-test={testId}\n      emphasis={emphasis}\n      size={size}\n      type={node.props.buttonType}\n      variant={variant}\n    >\n      {content}\n    </Button>\n  );\n};\n\nexport default ButtonComponent;\nexport { Button, buttonVariants };\n"],"mappings":";;;;;;;;;;;AAaA,IAAM,iBAAiB,IACrB,udACA;CACE,UAAU;EACR,UAAU;GACR,OACE;GACF,SACE;GACF,OAAO;GACP,MAAM;EACR;EACA,SAAS;GACP,SAAS;GACT,WAAW;GACX,SAAS;GACT,MAAM;GACN,SAAS;GACT,QAAQ;EACV;EACA,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,MAAM;EACR;CACF;CACA,kBAAkB;EAChB;GACE,UAAU;GACV,SAAS;GACT,OACE;EACJ;EACA;GACE,UAAU;GACV,SAAS;GACT,OACE;EACJ;EACA;GACE,UAAU;GACV,SAAS;GACT,OACE;EACJ;EACA;GACE,UAAU;GACV,SAAS;GACT,OAAO;EACT;EACA;GACE,UAAU;GACV,SAAS;GACT,OACE;EACJ;EACA;GACE,UAAU;GACV,SAAS;GACT,OACE;EACJ;EACA;GACE,UAAU;GACV,SAAS;GACT,OAAO;EACT;EACA;GACE,UAAU;GACV,SAAS;GACT,OACE;EACJ;EACA;GACE,UAAU;GACV,SAAS;GACT,OAAO;EACT;EACA;GACE,UAAU;GACV,SAAS;GACT,OAAO;EACT;EACA;GACE,UAAU;GACV,SAAS;GACT,OAAO;EACT;EACA;GACE,UAAU;GACV,SAAS;GACT,OAAO;EACT;EACA;GACE,UAAU;GACV,SAAS;GACT,OAAO;EACT;EACA;GACE,UAAU;GACV,SAAS;GACT,OAAO;EACT;EACA;GACE,UAAU;GACV,SAAS;GACT,OAAO;EACT;EACA;GACE,UAAU;GACV,SAAS;GACT,OAAO;EACT;EACA;GACE,UAAU;GACV,SAAS;GACT,OAAO;EACT;EACA;GACE,UAAU;GACV,SAAS;GACT,OAAO;EACT;EACA;GAAE,UAAU;GAAQ,SAAS;GAAW,OAAO;EAAkB;EACjE;GAAE,UAAU;GAAQ,SAAS;GAAa,OAAO;EAAuB;EACxE;GAAE,UAAU;GAAQ,SAAS;GAAW,OAAO;EAAkB;EACjE;GAAE,UAAU;GAAQ,SAAS;GAAQ,OAAO;EAAe;EAC3D;GAAE,UAAU;GAAQ,SAAS;GAAW,OAAO;EAAkB;EACjE;GAAE,UAAU;GAAQ,SAAS;GAAU,OAAO;EAAiB;CACjE;CACA,iBAAiB;EACf,UAAU;EACV,MAAM;CACR;AACF,CACF;;;;;AAMA,SAAS,qBACP,UACA,SACqB;CACrB,IAAI,SACF,OAAO;CAGT,QAAQ,YAAY,aAAa,WAAW,aAAa,SAAS,YAAY,KAAA;AAChF;AAEA,SAAS,OAAO,EACd,WACA,SACA,UACA,MACA,UAAU,OACV,MACA,UACA,GAAG,SAMA;CACH,MAAM,OAAO,UAAU,OAAO;CAC9B,MAAM,UACJ,QAAQ,CAAC,UACP,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,MAAD;EAAM,MAAM;EAAM,eAAY;CAAQ,CAAA,GACrC,QACD,EAAA,CAAA,IAEF;CAGJ,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,eAAe;GACb;GACA,SAAS,qBAAqB,UAAU,OAAO;GAC/C;GACA;EACF,CAAC,CACH;EACA,GAAI;EAEH,UAAA;CACG,CAAA;AAEV;AAEA,IAAM,mBAAgD,EAAE,WAAW;CACjE,MAAM,EAAE,OAAO,SAAS,KAAK;CAC7B,MAAM,UAAU,KAAK,MAAM,WAAW;CACtC,MAAM,WAAW,KAAK,MAAM,YAAY;CACxC,MAAM,SAAS,aAAa,IAAI;CAChC,MAAM,WAAW,iBAAiB,KAAK,KAAK;CAC5C,MAAM,OAAO,OAAO,SAAS;CAC7B,MAAM,UAAU,OACd,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,cAAD;EAAc,WAAU;EAAwB;CAAO,CAAA,GACtD,QAAQ,oBAAC,QAAD;EAAM,WAAU;EAAW,UAAA;CAAY,CAAA,IAAI,IACpD,EAAA,CAAA,IAEF;CAGF,MAAM,iBAAiB,EAAE,SAAS,iBAChC,oBAAC,QAAD;EACE,aAAW;EACX,UAAU;EACA;EACD;EACH;EACG;EAER,UAAA;CACK,CAAA;CAGV,IAAI,SAAS,SAAS,YACpB,OACE,oBAAC,QAAD;EAAQ,SAAA;EAAQ,aAAW;EAAkB;EAAmB;EAAe;EAC7E,UAAA,oBAAC,MAAD;GAAM,MAAM,SAAS;GAAM,QAAQ,SAAS;GACzC,UAAA;EACG,CAAA;CACA,CAAA;CAIZ,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,QAAD;EACE,aAAW;EACD;EACJ;EACN,MAAM,KAAK,MAAM;EACR;EAER,UAAA;CACK,CAAA;AAEZ"}

package/dist/ui/card.d.ts

@@ -1,11 +0,0 @@
-import { RendererComponent } from '../core/types.js';
-import * as React from "react";
-declare function Card({ className, ...props }: React.ComponentProps<"article">): React.JSX.Element;
-declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare const CardComponent: RendererComponent<"card">;
-export default CardComponent;
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/ui/card.js

@@ -1,68 +0,0 @@
-import { cn } from "../lib/utils.js";
-import { nodeIdentity } from "../core/test-id.js";
-import { InfoTooltip } from "./info-tooltip.js";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region resources/js/ui/card.tsx
-function Card({ className, ...props }) {
-	return /* @__PURE__ */ jsx("article", {
-		"data-slot": "card",
-		className: cn("flex flex-col gap-6 rounded-lt border border-lt-border bg-lt-surface py-lt-gutter text-lt-surface-fg shadow-lt-sm", className),
-		...props
-	});
-}
-function CardHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card-header",
-		className: cn("flex flex-col gap-1.5 px-lt-gutter", className),
-		...props
-	});
-}
-function CardTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card-title",
-		className: cn("font-semibold leading-none", className),
-		...props
-	});
-}
-function CardDescription({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card-description",
-		className: cn("text-sm text-lt-muted-fg", className),
-		...props
-	});
-}
-function CardContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card-content",
-		className: cn("px-lt-gutter", className),
-		...props
-	});
-}
-function CardFooter({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "card-footer",
-		className: cn("flex items-center px-lt-gutter", className),
-		...props
-	});
-}
-var CardComponent = ({ children, node }) => {
-	const { title, description, tooltip } = node.props;
-	return /* @__PURE__ */ jsxs(Card, {
-		"data-lattice-component": nodeIdentity(node),
-		children: [(title || description) && /* @__PURE__ */ jsxs(CardHeader, { children: [title && /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center",
-			children: [/* @__PURE__ */ jsx(CardTitle, { children: title }), /* @__PURE__ */ jsx(InfoTooltip, { content: tooltip })]
-		}), description && /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center",
-			children: [/* @__PURE__ */ jsx(CardDescription, { children: description }), !title && /* @__PURE__ */ jsx(InfoTooltip, { content: tooltip })]
-		})] }), children && /* @__PURE__ */ jsx(CardContent, {
-			className: "flex flex-col gap-6",
-			children
-		})]
-	});
-};
-//#endregion
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardComponent as default };
-
-//# sourceMappingURL=card.js.map

package/dist/ui/card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"card.js","names":[],"sources":["../../resources/js/ui/card.tsx"],"sourcesContent":["import * as React 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 { InfoTooltip } from \"./info-tooltip\";\n\nfunction Card({ className, ...props }: React.ComponentProps<\"article\">) {\n  return (\n    <article\n      data-slot=\"card\"\n      className={cn(\n        \"flex flex-col gap-6 rounded-lt border border-lt-border bg-lt-surface py-lt-gutter text-lt-surface-fg shadow-lt-sm\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\"flex flex-col gap-1.5 px-lt-gutter\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-title\"\n      className={cn(\"font-semibold leading-none\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-description\"\n      className={cn(\"text-sm text-lt-muted-fg\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return <div data-slot=\"card-content\" className={cn(\"px-lt-gutter\", className)} {...props} />;\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn(\"flex items-center px-lt-gutter\", className)}\n      {...props}\n    />\n  );\n}\n\nconst CardComponent: RendererComponent<\"card\"> = ({ children, node }) => {\n  const { title, description, tooltip } = node.props;\n\n  return (\n    <Card data-lattice-component={nodeIdentity(node)}>\n      {(title || description) && (\n        <CardHeader>\n          {title && (\n            <div className=\"flex items-center\">\n              <CardTitle>{title}</CardTitle>\n              <InfoTooltip content={tooltip} />\n            </div>\n          )}\n          {description && (\n            <div className=\"flex items-center\">\n              <CardDescription>{description}</CardDescription>\n              {!title && <InfoTooltip content={tooltip} />}\n            </div>\n          )}\n        </CardHeader>\n      )}\n      {children && <CardContent className=\"flex flex-col gap-6\">{children}</CardContent>}\n    </Card>\n  );\n};\n\nexport default CardComponent;\nexport { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };\n"],"mappings":";;;;;;AAMA,SAAS,KAAK,EAAE,WAAW,GAAG,SAA0C;CACtE,OACE,oBAAC,WAAD;EACE,aAAU;EACV,WAAW,GACT,qHACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;CACxE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,sCAAsC,SAAS;EAC7D,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAsC;CACvE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,8BAA8B,SAAS;EACrD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAsC;CAC7E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,4BAA4B,SAAS;EACnD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OAAO,oBAAC,OAAD;EAAK,aAAU;EAAe,WAAW,GAAG,gBAAgB,SAAS;EAAG,GAAI;CAAQ,CAAA;AAC7F;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;CACxE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,kCAAkC,SAAS;EACzD,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,iBAA4C,EAAE,UAAU,WAAW;CACvE,MAAM,EAAE,OAAO,aAAa,YAAY,KAAK;CAE7C,OACE,qBAAC,MAAD;EAAM,0BAAwB,aAAa,IAAI;EAA/C,UAAA,EACI,SAAS,gBACT,qBAAC,YAAD,EAAA,UAAA,CACG,SACC,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,WAAD,EAAA,UAAY,MAAiB,CAAA,GAC7B,oBAAC,aAAD,EAAa,SAAS,QAAU,CAAA,CAC7B;EAEN,CAAA,GAAA,eACC,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,iBAAD,EAAA,UAAkB,YAA6B,CAAA,GAC9C,CAAC,SAAS,oBAAC,aAAD,EAAa,SAAS,QAAU,CAAA,CACxC;EAEG,CAAA,CAAA,EAAA,CAAA,GAEb,YAAY,oBAAC,aAAD;GAAa,WAAU;GAAuB;EAAsB,CAAA,CAC7E;;AAEV"}

package/dist/ui/chart-view.d.ts

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