@lattice-php/lattice 0.1.0

package/dist/core/components/button.d.ts

@@ -0,0 +1,23 @@
+import { VariantProps } from 'class-variance-authority';
+import { RendererComponent } from '../../../../core/types';
+import * as React from "react";
+export type ButtonVariant = "default" | "destructive" | "ghost" | "link" | "outline" | "secondary";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "ghost" | "outline" | "secondary" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+declare module '../../../../core/types' {
+    interface ComponentProps {
+        button: {
+            href?: string;
+            label?: string;
+            variant?: ButtonVariant;
+        };
+    }
+}
+declare const ButtonComponent: RendererComponent<"button">;
+export default ButtonComponent;
+export { Button, buttonVariants };

package/dist/core/components/button.js

@@ -0,0 +1,68 @@
+import { cn } from "../../lib/utils.js";
+import { getStringProp } from "../props.js";
+import "react";
+import { Link } from "@inertiajs/react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+//#region resources/js/core/components/button.tsx
+var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lt-sm text-sm font-medium transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 outline-none focus-visible:border-lt-ring focus-visible:ring-lt-ring/50 focus-visible:ring-[3px] aria-invalid:ring-lt-danger/20 dark:aria-invalid:ring-lt-danger/40 aria-invalid:border-lt-danger", {
+	variants: {
+		variant: {
+			default: "bg-lt-primary text-lt-primary-fg shadow-xs hover:bg-lt-primary/90",
+			destructive: "bg-lt-danger text-lt-danger-fg shadow-xs hover:bg-lt-danger/90 focus-visible:ring-lt-danger/20 dark:focus-visible:ring-lt-danger/40",
+			outline: "border border-lt-input bg-lt-bg shadow-xs hover:bg-lt-accent hover:text-lt-accent-fg",
+			secondary: "bg-lt-secondary text-lt-secondary-fg shadow-xs hover:bg-lt-secondary/80",
+			ghost: "hover:bg-lt-accent hover:text-lt-accent-fg",
+			link: "text-lt-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-9 px-4 py-2 has-[>svg]:px-3",
+			sm: "h-8 rounded-lt-sm px-3 has-[>svg]:px-2.5",
+			lg: "h-10 rounded-lt-sm px-6 has-[>svg]:px-4",
+			icon: "size-9"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function Button({ className, variant, size, asChild = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
+		"data-slot": "button",
+		className: cn(buttonVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+}
+function getButtonVariant(variant) {
+	if (variant === "default" || variant === "destructive" || variant === "outline" || variant === "secondary" || variant === "ghost" || variant === "link") return variant;
+	return "default";
+}
+var ButtonComponent = ({ node }) => {
+	const href = getStringProp(node.props, "href");
+	const label = getStringProp(node.props, "label", "Action");
+	const variant = getButtonVariant(getStringProp(node.props, "variant", "default"));
+	if (href) return /* @__PURE__ */ jsx(Button, {
+		asChild: true,
+		variant,
+		size: "lg",
+		children: /* @__PURE__ */ jsx(Link, {
+			href,
+			children: label
+		})
+	});
+	return /* @__PURE__ */ jsx(Button, {
+		variant,
+		size: "lg",
+		children: label
+	});
+};
+//#endregion
+export { Button, buttonVariants, ButtonComponent as default };
+
+//# sourceMappingURL=button.js.map

package/dist/core/components/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","names":[],"sources":["../../../resources/js/core/components/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/lattice/lib/utils\";\nimport { getStringProp } from \"@lattice/lattice/core/props\";\nimport type { RendererComponent } from \"@lattice/lattice/core/types\";\n\nexport type ButtonVariant = \"default\" | \"destructive\" | \"ghost\" | \"link\" | \"outline\" | \"secondary\";\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lt-sm text-sm font-medium transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 outline-none focus-visible:border-lt-ring focus-visible:ring-lt-ring/50 focus-visible:ring-[3px] aria-invalid:ring-lt-danger/20 dark:aria-invalid:ring-lt-danger/40 aria-invalid:border-lt-danger\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-lt-primary text-lt-primary-fg shadow-xs hover:bg-lt-primary/90\",\n        destructive:\n          \"bg-lt-danger text-lt-danger-fg shadow-xs hover:bg-lt-danger/90 focus-visible:ring-lt-danger/20 dark:focus-visible:ring-lt-danger/40\",\n        outline:\n          \"border border-lt-input bg-lt-bg shadow-xs hover:bg-lt-accent hover:text-lt-accent-fg\",\n        secondary: \"bg-lt-secondary text-lt-secondary-fg shadow-xs hover:bg-lt-secondary/80\",\n        ghost: \"hover:bg-lt-accent hover:text-lt-accent-fg\",\n        link: \"text-lt-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 rounded-lt-sm px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-lt-sm px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean;\n  }) {\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\ndeclare module \"@lattice/lattice/core/types\" {\n  interface ComponentProps {\n    button: {\n      href?: string;\n      label?: string;\n      variant?: ButtonVariant;\n    };\n  }\n}\n\nfunction getButtonVariant(variant: string): ButtonVariant {\n  if (\n    variant === \"default\" ||\n    variant === \"destructive\" ||\n    variant === \"outline\" ||\n    variant === \"secondary\" ||\n    variant === \"ghost\" ||\n    variant === \"link\"\n  ) {\n    return variant;\n  }\n\n  return \"default\";\n}\n\nconst ButtonComponent: RendererComponent<\"button\"> = ({ node }) => {\n  const href = getStringProp(node.props, \"href\");\n  const label = getStringProp(node.props, \"label\", \"Action\");\n  const variant = getButtonVariant(getStringProp(node.props, \"variant\", \"default\"));\n\n  if (href) {\n    return (\n      <Button asChild variant={variant} size=\"lg\">\n        <Link href={href}>{label}</Link>\n      </Button>\n    );\n  }\n\n  return (\n    <Button variant={variant} size=\"lg\">\n      {label}\n    </Button>\n  );\n};\n\nexport default ButtonComponent;\nexport { Button, buttonVariants };\n"],"mappings":";;;;;;;;AAUA,IAAM,iBAAiB,IACrB,wcACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,aACE;GACF,SACE;GACF,WAAW;GACX,OAAO;GACP,MAAM;EACR;EACA,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,MAAM;EACR;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAEA,SAAS,OAAO,EACd,WACA,SACA,MACA,UAAU,OACV,GAAG,SAIA;CAGH,OACE,oBAHW,UAAU,OAAO,UAG5B;EACE,aAAU;EACV,WAAW,GAAG,eAAe;GAAE;GAAS;GAAM;EAAU,CAAC,CAAC;EAC1D,GAAI;CACL,CAAA;AAEL;AAYA,SAAS,iBAAiB,SAAgC;CACxD,IACE,YAAY,aACZ,YAAY,iBACZ,YAAY,aACZ,YAAY,eACZ,YAAY,WACZ,YAAY,QAEZ,OAAO;CAGT,OAAO;AACT;AAEA,IAAM,mBAAgD,EAAE,WAAW;CACjE,MAAM,OAAO,cAAc,KAAK,OAAO,MAAM;CAC7C,MAAM,QAAQ,cAAc,KAAK,OAAO,SAAS,QAAQ;CACzD,MAAM,UAAU,iBAAiB,cAAc,KAAK,OAAO,WAAW,SAAS,CAAC;CAEhF,IAAI,MACF,OACE,oBAAC,QAAD;EAAQ,SAAA;EAAiB;EAAS,MAAK;YACrC,oBAAC,MAAD;GAAY;aAAO;EAAY,CAAA;CACzB,CAAA;CAIZ,OACE,oBAAC,QAAD;EAAiB;EAAS,MAAK;YAC5B;CACK,CAAA;AAEZ"}

package/dist/core/components/card.d.ts

@@ -0,0 +1,19 @@
+import { RendererComponent } from '../../../../core/types';
+import * as React from "react";
+declare module '../../../../core/types' {
+    interface ComponentProps {
+        card: {
+            description?: string;
+            title?: string;
+        };
+    }
+}
+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/core/components/card.js

@@ -0,0 +1,62 @@
+import { cn } from "../../lib/utils.js";
+import { getStringProp } from "../props.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region resources/js/core/components/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-6 text-lt-surface-fg shadow-xs", className),
+		...props
+	});
+}
+function CardHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-header",
+		className: cn("flex flex-col gap-1.5 px-6", 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-6", className),
+		...props
+	});
+}
+function CardFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-footer",
+		className: cn("flex items-center px-6", className),
+		...props
+	});
+}
+var CardComponent = ({ children, node }) => {
+	const title = getStringProp(node.props, "title");
+	const description = getStringProp(node.props, "description");
+	return /* @__PURE__ */ jsxs(Card, {
+		"data-lattice-component": node.id,
+		children: [(title || description) && /* @__PURE__ */ jsxs(CardHeader, { children: [title && /* @__PURE__ */ jsx(CardTitle, { children: title }), description && /* @__PURE__ */ jsx(CardDescription, { children: description })] }), 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/core/components/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","names":[],"sources":["../../../resources/js/core/components/card.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@lattice/lattice/lib/utils\";\nimport { getStringProp } from \"@lattice/lattice/core/props\";\nimport type { RendererComponent } from \"@lattice/lattice/core/types\";\n\ndeclare module \"@lattice/lattice/core/types\" {\n  interface ComponentProps {\n    card: {\n      description?: string;\n      title?: string;\n    };\n  }\n}\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-6 text-lt-surface-fg shadow-xs\",\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-6\", 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-6\", className)} {...props} />;\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div data-slot=\"card-footer\" className={cn(\"flex items-center px-6\", className)} {...props} />\n  );\n}\n\nconst CardComponent: RendererComponent<\"card\"> = ({ children, node }) => {\n  const title = getStringProp(node.props, \"title\");\n  const description = getStringProp(node.props, \"description\");\n\n  return (\n    <Card data-lattice-component={node.id}>\n      {(title || description) && (\n        <CardHeader>\n          {title && <CardTitle>{title}</CardTitle>}\n          {description && <CardDescription>{description}</CardDescription>}\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":";;;;;AAcA,SAAS,KAAK,EAAE,WAAW,GAAG,SAA0C;CACtE,OACE,oBAAC,WAAD;EACE,aAAU;EACV,WAAW,GACT,0GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;CACxE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,8BAA8B,SAAS;EACrD,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,QAAQ,SAAS;EAAG,GAAI;CAAQ,CAAA;AACrF;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;CACxE,OACE,oBAAC,OAAD;EAAK,aAAU;EAAc,WAAW,GAAG,0BAA0B,SAAS;EAAG,GAAI;CAAQ,CAAA;AAEjG;AAEA,IAAM,iBAA4C,EAAE,UAAU,WAAW;CACvE,MAAM,QAAQ,cAAc,KAAK,OAAO,OAAO;CAC/C,MAAM,cAAc,cAAc,KAAK,OAAO,aAAa;CAE3D,OACE,qBAAC,MAAD;EAAM,0BAAwB,KAAK;YAAnC,EACI,SAAS,gBACT,qBAAC,YAAD,EAAA,UAAA,CACG,SAAS,oBAAC,WAAD,EAAA,UAAY,MAAiB,CAAA,GACtC,eAAe,oBAAC,iBAAD,EAAA,UAAkB,YAA6B,CAAA,CACrD,EAAA,CAAA,GAEb,YAAY,oBAAC,aAAD;GAAa,WAAU;GAAuB;EAAsB,CAAA,CAC7E;;AAEV"}

package/dist/core/components/confirm-dialog.d.ts

@@ -0,0 +1,13 @@
+import { ComponentProps } from 'react';
+import { Button } from './button';
+export declare function ConfirmDialog({ title, description, confirmLabel, cancelLabel, confirmVariant, processing, confirmDisabled, onConfirm, onCancel, }: {
+    title: string;
+    description?: string;
+    confirmLabel: string;
+    cancelLabel?: string;
+    confirmVariant?: ComponentProps<typeof Button>["variant"];
+    processing?: boolean;
+    confirmDisabled?: boolean;
+    onConfirm: () => void;
+    onCancel: () => void;
+}): import("react").JSX.Element;

package/dist/core/components/confirm-dialog.js

@@ -0,0 +1,47 @@
+import { Button } from "./button.js";
+import { Spinner } from "./spinner.js";
+import { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region resources/js/core/components/confirm-dialog.tsx
+function ConfirmDialog({ title, description, confirmLabel, cancelLabel = "Cancel", confirmVariant = "default", processing = false, confirmDisabled = false, onConfirm, onCancel }) {
+	const titleId = useId();
+	return /* @__PURE__ */ jsx("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
+		children: /* @__PURE__ */ jsxs("div", {
+			"aria-labelledby": titleId,
+			"aria-modal": "true",
+			className: "w-full max-w-md rounded-lt border border-lt-border bg-lt-bg p-6 shadow-lg",
+			role: "dialog",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "grid gap-2",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-lg font-semibold leading-none tracking-tight",
+					id: titleId,
+					children: title
+				}), description && /* @__PURE__ */ jsx("p", {
+					className: "text-sm text-lt-muted-fg",
+					children: description
+				})]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "mt-6 flex justify-end gap-2",
+				children: [/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					variant: "outline",
+					disabled: processing,
+					onClick: onCancel,
+					children: cancelLabel
+				}), /* @__PURE__ */ jsxs(Button, {
+					type: "button",
+					variant: confirmVariant,
+					disabled: processing || confirmDisabled,
+					onClick: onConfirm,
+					children: [processing && /* @__PURE__ */ jsx(Spinner, {}), confirmLabel]
+				})]
+			})]
+		})
+	});
+}
+//#endregion
+export { ConfirmDialog };
+
+//# sourceMappingURL=confirm-dialog.js.map

package/dist/core/components/confirm-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-dialog.js","names":[],"sources":["../../../resources/js/core/components/confirm-dialog.tsx"],"sourcesContent":["import { type ComponentProps, useId } from \"react\";\nimport { Button } from \"./button\";\nimport { Spinner } from \"./spinner\";\n\nexport function ConfirmDialog({\n  title,\n  description,\n  confirmLabel,\n  cancelLabel = \"Cancel\",\n  confirmVariant = \"default\",\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?: ComponentProps<typeof Button>[\"variant\"];\n  processing?: boolean;\n  confirmDisabled?: boolean;\n  onConfirm: () => void;\n  onCancel: () => void;\n}) {\n  const titleId = useId();\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4\">\n      <div\n        aria-labelledby={titleId}\n        aria-modal=\"true\"\n        className=\"w-full max-w-md rounded-lt border border-lt-border bg-lt-bg p-6 shadow-lg\"\n        role=\"dialog\"\n      >\n        <div className=\"grid gap-2\">\n          <h2 className=\"text-lg font-semibold leading-none tracking-tight\" id={titleId}>\n            {title}\n          </h2>\n          {description && <p className=\"text-sm text-lt-muted-fg\">{description}</p>}\n        </div>\n        <div className=\"mt-6 flex justify-end gap-2\">\n          <Button type=\"button\" variant=\"outline\" disabled={processing} onClick={onCancel}>\n            {cancelLabel}\n          </Button>\n          <Button\n            type=\"button\"\n            variant={confirmVariant}\n            disabled={processing || confirmDisabled}\n            onClick={onConfirm}\n          >\n            {processing && <Spinner />}\n            {confirmLabel}\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgB,cAAc,EAC5B,OACA,aACA,cACA,cAAc,UACd,iBAAiB,WACjB,aAAa,OACb,kBAAkB,OAClB,WACA,YAWC;CACD,MAAM,UAAU,MAAM;CAEtB,OACE,oBAAC,OAAD;EAAK,WAAU;YACb,qBAAC,OAAD;GACE,mBAAiB;GACjB,cAAW;GACX,WAAU;GACV,MAAK;aAJP,CAME,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,MAAD;KAAI,WAAU;KAAoD,IAAI;eACnE;IACC,CAAA,GACH,eAAe,oBAAC,KAAD;KAAG,WAAU;eAA4B;IAAe,CAAA,CACrE;OACL,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,QAAD;KAAQ,MAAK;KAAS,SAAQ;KAAU,UAAU;KAAY,SAAS;eACpE;IACK,CAAA,GACR,qBAAC,QAAD;KACE,MAAK;KACL,SAAS;KACT,UAAU,cAAc;KACxB,SAAS;eAJX,CAMG,cAAc,oBAAC,SAAD,CAAU,CAAA,GACxB,YACK;MACL;KACF;;CACF,CAAA;AAET"}

package/dist/core/components/fragment.d.ts

@@ -0,0 +1,12 @@
+import { RendererComponent } from '../../../../core/types';
+declare module '../../../../core/types' {
+    interface ComponentProps {
+        fragment: {
+            endpoint?: string;
+            ref?: string;
+            lazy?: boolean;
+        };
+    }
+}
+declare const FragmentComponent: RendererComponent<"fragment">;
+export default FragmentComponent;

package/dist/core/components/fragment.js

@@ -0,0 +1,62 @@
+import { withRefHeader } from "../component-ref.js";
+import { getStringProp } from "../props.js";
+import { LATTICE_EVENT } from "../../events/event-names.js";
+import { Renderer, useRendererContext } from "../renderer.js";
+import { useCallback, useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region resources/js/core/components/fragment.tsx
+function getComponents(value) {
+	if (!Array.isArray(value)) return [];
+	return value.filter((node) => typeof node === "object" && node !== null && "type" in node && typeof node.type === "string");
+}
+var FragmentComponent = ({ node }) => {
+	const endpoint = getStringProp(node.props, "endpoint");
+	const isLazy = node.props?.lazy === true;
+	const componentRef = getStringProp(node.props, "ref");
+	const [components, setComponents] = useState(() => node.children ?? []);
+	const [hasLoaded, setHasLoaded] = useState(!isLazy);
+	const [processing, setProcessing] = useState(isLazy && endpoint !== "");
+	const { fallback, missingComponent, registry } = useRendererContext();
+	const load = useCallback(async () => {
+		if (!endpoint) return;
+		setProcessing(true);
+		try {
+			setComponents(getComponents((await (await fetch(endpoint, { headers: {
+				Accept: "application/json",
+				...withRefHeader(componentRef)
+			} })).json()).components));
+			setHasLoaded(true);
+		} finally {
+			setProcessing(false);
+		}
+	}, [endpoint, componentRef]);
+	useEffect(() => {
+		if (!isLazy || hasLoaded) return;
+		load();
+	}, [
+		hasLoaded,
+		isLazy,
+		load
+	]);
+	useEffect(() => {
+		function reload(event) {
+			if (event.detail?.component !== node.id) return;
+			load();
+		}
+		window.addEventListener(LATTICE_EVENT.reloadComponent, reload);
+		return () => window.removeEventListener(LATTICE_EVENT.reloadComponent, reload);
+	}, [load, node.id]);
+	return /* @__PURE__ */ jsx("div", {
+		"data-lattice-fragment": node.id,
+		children: processing && components.length === 0 ? /* @__PURE__ */ jsx("div", { className: "h-16 animate-pulse rounded-lt-sm bg-lt-muted" }) : /* @__PURE__ */ jsx(Renderer, {
+			fallback,
+			missingComponent,
+			nodes: components,
+			registry
+		})
+	});
+};
+//#endregion
+export { FragmentComponent as default };
+
+//# sourceMappingURL=fragment.js.map

package/dist/core/components/fragment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fragment.js","names":[],"sources":["../../../resources/js/core/components/fragment.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from \"react\";\nimport { withRefHeader } from \"@lattice/lattice/core/component-ref\";\nimport { getStringProp } from \"@lattice/lattice/core/props\";\nimport { Renderer, useRendererContext } from \"@lattice/lattice/core/renderer\";\nimport type { Node, RendererComponent } from \"@lattice/lattice/core/types\";\nimport { LATTICE_EVENT, type ReloadComponentEvent } from \"@lattice/lattice/events/event-names\";\n\ntype FragmentResponse = {\n  components?: Node[];\n};\n\ndeclare module \"@lattice/lattice/core/types\" {\n  interface ComponentProps {\n    fragment: {\n      endpoint?: string;\n      ref?: string;\n      lazy?: boolean;\n    };\n  }\n}\n\nfunction getComponents(value: unknown): Node[] {\n  if (!Array.isArray(value)) {\n    return [];\n  }\n\n  return value.filter(\n    (node): node is Node =>\n      typeof node === \"object\" && node !== null && \"type\" in node && typeof node.type === \"string\",\n  );\n}\n\nconst FragmentComponent: RendererComponent<\"fragment\"> = ({ node }) => {\n  const endpoint = getStringProp(node.props, \"endpoint\");\n  const isLazy = node.props?.lazy === true;\n  const componentRef = getStringProp(node.props, \"ref\");\n  const [components, setComponents] = useState(() => node.children ?? []);\n  const [hasLoaded, setHasLoaded] = useState(!isLazy);\n  const [processing, setProcessing] = useState(isLazy && endpoint !== \"\");\n  const { fallback, missingComponent, registry } = useRendererContext();\n\n  const load = useCallback(async (): Promise<void> => {\n    if (!endpoint) {\n      return;\n    }\n\n    setProcessing(true);\n\n    try {\n      const response = await fetch(endpoint, {\n        headers: {\n          Accept: \"application/json\",\n          ...withRefHeader(componentRef),\n        },\n      });\n      const result = (await response.json()) as FragmentResponse;\n\n      setComponents(getComponents(result.components));\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  return (\n    <div data-lattice-fragment={node.id}>\n      {processing && components.length === 0 ? (\n        <div className=\"h-16 animate-pulse rounded-lt-sm bg-lt-muted\" />\n      ) : (\n        <Renderer\n          fallback={fallback}\n          missingComponent={missingComponent}\n          nodes={components}\n          registry={registry}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default FragmentComponent;\n"],"mappings":";;;;;;;AAqBA,SAAS,cAAc,OAAwB;CAC7C,IAAI,CAAC,MAAM,QAAQ,KAAK,GACtB,OAAO,CAAC;CAGV,OAAO,MAAM,QACV,SACC,OAAO,SAAS,YAAY,SAAS,QAAQ,UAAU,QAAQ,OAAO,KAAK,SAAS,QACxF;AACF;AAEA,IAAM,qBAAoD,EAAE,WAAW;CACrE,MAAM,WAAW,cAAc,KAAK,OAAO,UAAU;CACrD,MAAM,SAAS,KAAK,OAAO,SAAS;CACpC,MAAM,eAAe,cAAc,KAAK,OAAO,KAAK;CACpD,MAAM,CAAC,YAAY,iBAAiB,eAAe,KAAK,YAAY,CAAC,CAAC;CACtE,MAAM,CAAC,WAAW,gBAAgB,SAAS,CAAC,MAAM;CAClD,MAAM,CAAC,YAAY,iBAAiB,SAAS,UAAU,aAAa,EAAE;CACtE,MAAM,EAAE,UAAU,kBAAkB,aAAa,mBAAmB;CAEpE,MAAM,OAAO,YAAY,YAA2B;EAClD,IAAI,CAAC,UACH;EAGF,cAAc,IAAI;EAElB,IAAI;GASF,cAAc,eAAc,OAFN,MANC,MAAM,UAAU,EACrC,SAAS;IACP,QAAQ;IACR,GAAG,cAAc,YAAY;GAC/B,EACF,CAAC,GAC8B,KAAK,GAED,UAAU,CAAC;GAC9C,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,OACE,oBAAC,OAAD;EAAK,yBAAuB,KAAK;YAC9B,cAAc,WAAW,WAAW,IACnC,oBAAC,OAAD,EAAK,WAAU,+CAAgD,CAAA,IAE/D,oBAAC,UAAD;GACY;GACQ;GAClB,OAAO;GACG;EACX,CAAA;CAEA,CAAA;AAET"}

package/dist/core/components/grid.d.ts

@@ -0,0 +1,10 @@
+import { RendererComponent } from '../../../../core/types';
+declare module '../../../../core/types' {
+    interface ComponentProps {
+        grid: {
+            columns?: number;
+        };
+    }
+}
+declare const GridComponent: RendererComponent<"grid">;
+export default GridComponent;

package/dist/core/components/grid.js

@@ -0,0 +1,16 @@
+import { cn } from "../../lib/utils.js";
+import { getNumberProp } from "../props.js";
+import { jsx } from "react/jsx-runtime";
+//#region resources/js/core/components/grid.tsx
+var GridComponent = ({ children, node }) => {
+	const columns = Math.min(Math.max(getNumberProp(node.props, "columns", 1), 1), 4);
+	return /* @__PURE__ */ jsx("div", {
+		"data-lattice-component": node.id,
+		className: cn("grid gap-x-4 gap-y-6", columns >= 2 && "md:grid-cols-2", columns >= 3 && "lg:grid-cols-3", columns >= 4 && "xl:grid-cols-4"),
+		children
+	});
+};
+//#endregion
+export { GridComponent as default };
+
+//# sourceMappingURL=grid.js.map

package/dist/core/components/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","names":[],"sources":["../../../resources/js/core/components/grid.tsx"],"sourcesContent":["import { getNumberProp } from \"@lattice/lattice/core/props\";\nimport type { RendererComponent } from \"@lattice/lattice/core/types\";\nimport { cn } from \"@lattice/lattice/lib/utils\";\n\ndeclare module \"@lattice/lattice/core/types\" {\n  interface ComponentProps {\n    grid: {\n      columns?: number;\n    };\n  }\n}\n\nconst GridComponent: RendererComponent<\"grid\"> = ({ children, node }) => {\n  const columns = Math.min(Math.max(getNumberProp(node.props, \"columns\", 1), 1), 4);\n\n  return (\n    <div\n      data-lattice-component={node.id}\n      className={cn(\n        \"grid gap-x-4 gap-y-6\",\n        columns >= 2 && \"md:grid-cols-2\",\n        columns >= 3 && \"lg:grid-cols-3\",\n        columns >= 4 && \"xl:grid-cols-4\",\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default GridComponent;\n"],"mappings":";;;;AAYA,IAAM,iBAA4C,EAAE,UAAU,WAAW;CACvE,MAAM,UAAU,KAAK,IAAI,KAAK,IAAI,cAAc,KAAK,OAAO,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC;CAEhF,OACE,oBAAC,OAAD;EACE,0BAAwB,KAAK;EAC7B,WAAW,GACT,wBACA,WAAW,KAAK,kBAChB,WAAW,KAAK,kBAChB,WAAW,KAAK,gBAClB;EAEC;CACE,CAAA;AAET"}

package/dist/core/components/heading.d.ts

@@ -0,0 +1,11 @@
+import { RendererComponent } from '../../../../core/types';
+declare module '../../../../core/types' {
+    interface ComponentProps {
+        heading: {
+            level?: number;
+            text?: string;
+        };
+    }
+}
+declare const HeadingComponent: RendererComponent<"heading">;
+export default HeadingComponent;

package/dist/core/components/heading.js

@@ -0,0 +1,39 @@
+import { cn } from "../../lib/utils.js";
+import { getNumberProp, getStringProp } from "../props.js";
+import { jsx } from "react/jsx-runtime";
+//#region resources/js/core/components/heading.tsx
+var HeadingComponent = ({ node }) => {
+	const text = getStringProp(node.props, "text");
+	const level = Math.min(Math.max(getNumberProp(node.props, "level", 1), 1), 6);
+	const className = cn("max-w-3xl font-semibold tracking-normal text-balance text-lt-fg", level === 1 && "text-4xl leading-tight sm:text-5xl", level === 2 && "text-2xl", level > 2 && "text-lg");
+	switch (level) {
+		case 1: return /* @__PURE__ */ jsx("h1", {
+			className,
+			children: text
+		});
+		case 2: return /* @__PURE__ */ jsx("h2", {
+			className,
+			children: text
+		});
+		case 3: return /* @__PURE__ */ jsx("h3", {
+			className,
+			children: text
+		});
+		case 4: return /* @__PURE__ */ jsx("h4", {
+			className,
+			children: text
+		});
+		case 5: return /* @__PURE__ */ jsx("h5", {
+			className,
+			children: text
+		});
+		default: return /* @__PURE__ */ jsx("h6", {
+			className,
+			children: text
+		});
+	}
+};
+//#endregion
+export { HeadingComponent as default };
+
+//# sourceMappingURL=heading.js.map

package/dist/core/components/heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.js","names":[],"sources":["../../../resources/js/core/components/heading.tsx"],"sourcesContent":["import { getNumberProp, getStringProp } from \"@lattice/lattice/core/props\";\nimport type { RendererComponent } from \"@lattice/lattice/core/types\";\nimport { cn } from \"@lattice/lattice/lib/utils\";\n\ndeclare module \"@lattice/lattice/core/types\" {\n  interface ComponentProps {\n    heading: {\n      level?: number;\n      text?: string;\n    };\n  }\n}\n\nconst HeadingComponent: RendererComponent<\"heading\"> = ({ node }) => {\n  const text = getStringProp(node.props, \"text\");\n  const level = Math.min(Math.max(getNumberProp(node.props, \"level\", 1), 1), 6);\n  const className = cn(\n    \"max-w-3xl font-semibold tracking-normal text-balance text-lt-fg\",\n    level === 1 && \"text-4xl leading-tight sm:text-5xl\",\n    level === 2 && \"text-2xl\",\n    level > 2 && \"text-lg\",\n  );\n\n  switch (level) {\n    case 1:\n      return <h1 className={className}>{text}</h1>;\n    case 2:\n      return <h2 className={className}>{text}</h2>;\n    case 3:\n      return <h3 className={className}>{text}</h3>;\n    case 4:\n      return <h4 className={className}>{text}</h4>;\n    case 5:\n      return <h5 className={className}>{text}</h5>;\n    default:\n      return <h6 className={className}>{text}</h6>;\n  }\n};\n\nexport default HeadingComponent;\n"],"mappings":";;;;AAaA,IAAM,oBAAkD,EAAE,WAAW;CACnE,MAAM,OAAO,cAAc,KAAK,OAAO,MAAM;CAC7C,MAAM,QAAQ,KAAK,IAAI,KAAK,IAAI,cAAc,KAAK,OAAO,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC;CAC5E,MAAM,YAAY,GAChB,mEACA,UAAU,KAAK,sCACf,UAAU,KAAK,YACf,QAAQ,KAAK,SACf;CAEA,QAAQ,OAAR;EACE,KAAK,GACH,OAAO,oBAAC,MAAD;GAAe;aAAY;EAAS,CAAA;EAC7C,KAAK,GACH,OAAO,oBAAC,MAAD;GAAe;aAAY;EAAS,CAAA;EAC7C,KAAK,GACH,OAAO,oBAAC,MAAD;GAAe;aAAY;EAAS,CAAA;EAC7C,KAAK,GACH,OAAO,oBAAC,MAAD;GAAe;aAAY;EAAS,CAAA;EAC7C,KAAK,GACH,OAAO,oBAAC,MAAD;GAAe;aAAY;EAAS,CAAA;EAC7C,SACE,OAAO,oBAAC,MAAD;GAAe;aAAY;EAAS,CAAA;CAC/C;AACF"}

package/dist/core/components/index.d.ts

@@ -0,0 +1 @@
+export declare const coreComponents: import('../../../../core/registry').Plugin;

package/dist/core/components/index.js

@@ -0,0 +1,36 @@
+import { createPlugin, eagerComponent } from "../registry.js";
+import ButtonComponent from "./button.js";
+import BadgeComponent from "./badge.js";
+import CardComponent from "./card.js";
+import FragmentComponent from "./fragment.js";
+import GridComponent from "./grid.js";
+import HeadingComponent from "./heading.js";
+import LinkComponent from "./link.js";
+import ModalComponent from "./modal.js";
+import SegmentedControlComponent from "./segmented-control.js";
+import StackComponent from "./stack.js";
+import TabComponent, { TabsComponent } from "./tabs.js";
+import TextComponent from "./text.js";
+//#region resources/js/core/components/index.ts
+var coreComponents = createPlugin({
+	components: {
+		badge: eagerComponent(BadgeComponent),
+		button: eagerComponent(ButtonComponent),
+		card: eagerComponent(CardComponent),
+		fragment: eagerComponent(FragmentComponent),
+		grid: eagerComponent(GridComponent),
+		heading: eagerComponent(HeadingComponent),
+		link: eagerComponent(LinkComponent),
+		modal: eagerComponent(ModalComponent),
+		"segmented-control": eagerComponent(SegmentedControlComponent),
+		stack: eagerComponent(StackComponent),
+		tab: eagerComponent(TabComponent),
+		tabs: eagerComponent(TabsComponent),
+		text: eagerComponent(TextComponent)
+	},
+	name: "lattice/core"
+});
+//#endregion
+export { coreComponents };
+
+//# sourceMappingURL=index.js.map

package/dist/core/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../resources/js/core/components/index.ts"],"sourcesContent":["import { createPlugin, eagerComponent } from \"@lattice/lattice/core/registry\";\nimport BadgeComponent from \"./badge\";\nimport ButtonComponent from \"./button\";\nimport CardComponent from \"./card\";\nimport FragmentComponent from \"./fragment\";\nimport GridComponent from \"./grid\";\nimport HeadingComponent from \"./heading\";\nimport LinkComponent from \"./link\";\nimport ModalComponent from \"./modal\";\nimport SegmentedControlComponent from \"./segmented-control\";\nimport StackComponent from \"./stack\";\nimport TabComponent, { TabsComponent } from \"./tabs\";\nimport TextComponent from \"./text\";\n\nexport const coreComponents = createPlugin({\n  components: {\n    badge: eagerComponent(BadgeComponent),\n    button: eagerComponent(ButtonComponent),\n    card: eagerComponent(CardComponent),\n    fragment: eagerComponent(FragmentComponent),\n    grid: eagerComponent(GridComponent),\n    heading: eagerComponent(HeadingComponent),\n    link: eagerComponent(LinkComponent),\n    modal: eagerComponent(ModalComponent),\n    \"segmented-control\": eagerComponent(SegmentedControlComponent),\n    stack: eagerComponent(StackComponent),\n    tab: eagerComponent(TabComponent),\n    tabs: eagerComponent(TabsComponent),\n    text: eagerComponent(TextComponent),\n  },\n  name: \"lattice/core\",\n});\n"],"mappings":";;;;;;;;;;;;;;AAcA,IAAa,iBAAiB,aAAa;CACzC,YAAY;EACV,OAAO,eAAe,cAAc;EACpC,QAAQ,eAAe,eAAe;EACtC,MAAM,eAAe,aAAa;EAClC,UAAU,eAAe,iBAAiB;EAC1C,MAAM,eAAe,aAAa;EAClC,SAAS,eAAe,gBAAgB;EACxC,MAAM,eAAe,aAAa;EAClC,OAAO,eAAe,cAAc;EACpC,qBAAqB,eAAe,yBAAyB;EAC7D,OAAO,eAAe,cAAc;EACpC,KAAK,eAAe,YAAY;EAChC,MAAM,eAAe,aAAa;EAClC,MAAM,eAAe,aAAa;CACpC;CACA,MAAM;AACR,CAAC"}

package/dist/core/components/link.d.ts

@@ -0,0 +1,18 @@
+import { Method } from '@inertiajs/core';
+import { Link } from '@inertiajs/react';
+import { ComponentProps } from 'react';
+import { RendererComponent } from '../../../../core/types';
+declare module '../../../../core/types' {
+    interface ComponentProps {
+        link: {
+            href?: string;
+            label?: string;
+            method?: Method;
+            tabIndex?: number;
+        };
+    }
+}
+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/core/components/link.js

@@ -0,0 +1,26 @@
+import { cn } from "../../lib/utils.js";
+import { getOptionalNumberProp, getStringProp } from "../props.js";
+import { Link } from "@inertiajs/react";
+import { jsx } from "react/jsx-runtime";
+//#region resources/js/core/components/link.tsx
+function TextLink({ className = "", children, ...props }) {
+	return /* @__PURE__ */ jsx(Link, {
+		className: cn("text-lt-fg underline decoration-lt-border underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current! dark:decoration-lt-border", className),
+		...props,
+		children
+	});
+}
+function getLinkMethod(method) {
+	if (method === "delete" || method === "patch" || method === "post" || method === "put") return method;
+	return "get";
+}
+var LinkComponent = ({ node }) => /* @__PURE__ */ jsx(TextLink, {
+	href: getStringProp(node.props, "href", "#"),
+	method: getLinkMethod(getStringProp(node.props, "method", "get")),
+	tabIndex: getOptionalNumberProp(node.props, "tabIndex"),
+	children: getStringProp(node.props, "label", "Link")
+});
+//#endregion
+export { TextLink, LinkComponent as default };
+
+//# sourceMappingURL=link.js.map

package/dist/core/components/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","names":[],"sources":["../../../resources/js/core/components/link.tsx"],"sourcesContent":["import type { Method } from \"@inertiajs/core\";\nimport { Link } from \"@inertiajs/react\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"@lattice/lattice/lib/utils\";\nimport { getOptionalNumberProp, getStringProp } from \"@lattice/lattice/core/props\";\nimport type { RendererComponent } from \"@lattice/lattice/core/types\";\n\ndeclare module \"@lattice/lattice/core/types\" {\n  interface ComponentProps {\n    link: {\n      href?: string;\n      label?: string;\n      method?: Method;\n      tabIndex?: number;\n    };\n  }\n}\n\nfunction TextLink({ className = \"\", children, ...props }: ComponentProps<typeof Link>) {\n  return (\n    <Link\n      className={cn(\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        className,\n      )}\n      {...props}\n    >\n      {children}\n    </Link>\n  );\n}\n\nfunction getLinkMethod(method: string): Method {\n  if (method === \"delete\" || method === \"patch\" || method === \"post\" || method === \"put\") {\n    return method;\n  }\n\n  return \"get\";\n}\n\nconst LinkComponent: RendererComponent<\"link\"> = ({ node }) => (\n  <TextLink\n    href={getStringProp(node.props, \"href\", \"#\")}\n    method={getLinkMethod(getStringProp(node.props, \"method\", \"get\"))}\n    tabIndex={getOptionalNumberProp(node.props, \"tabIndex\")}\n  >\n    {getStringProp(node.props, \"label\", \"Link\")}\n  </TextLink>\n);\n\nexport default LinkComponent;\nexport { TextLink };\n"],"mappings":";;;;;AAkBA,SAAS,SAAS,EAAE,YAAY,IAAI,UAAU,GAAG,SAAsC;CACrF,OACE,oBAAC,MAAD;EACE,WAAW,GACT,4JACA,SACF;EACA,GAAI;EAEH;CACG,CAAA;AAEV;AAEA,SAAS,cAAc,QAAwB;CAC7C,IAAI,WAAW,YAAY,WAAW,WAAW,WAAW,UAAU,WAAW,OAC/E,OAAO;CAGT,OAAO;AACT;AAEA,IAAM,iBAA4C,EAAE,WAClD,oBAAC,UAAD;CACE,MAAM,cAAc,KAAK,OAAO,QAAQ,GAAG;CAC3C,QAAQ,cAAc,cAAc,KAAK,OAAO,UAAU,KAAK,CAAC;CAChE,UAAU,sBAAsB,KAAK,OAAO,UAAU;WAErD,cAAc,KAAK,OAAO,SAAS,MAAM;AAClC,CAAA"}

package/dist/core/components/modal.d.ts

@@ -0,0 +1,13 @@
+import { RendererComponent } from '../../../../core/types';
+declare module '../../../../core/types' {
+    interface ComponentProps {
+        modal: {
+            closeLabel?: string;
+            description?: string;
+            open?: boolean;
+            title?: string;
+        };
+    }
+}
+declare const ModalComponent: RendererComponent<"modal">;
+export default ModalComponent;