@lattice-php/lattice 0.1.0 → 0.2.0

package/dist/action/components/action.js.map

@@ -1 +1 @@
-{"version":3,"file":"action.js","names":[],"sources":["../../../resources/js/action/components/action.tsx"],"sourcesContent":["import { router, useHttp } from \"@inertiajs/react\";\nimport type { Method } from \"@inertiajs/core\";\nimport { useState } from \"react\";\nimport { withRefHeader } from \"@lattice/lattice/core/component-ref\";\nimport { Button } from \"@lattice/lattice/core/components/button\";\nimport { ConfirmDialog } from \"@lattice/lattice/core/components/confirm-dialog\";\nimport { Spinner } from \"@lattice/lattice/core/components/spinner\";\nimport { getStringProp } from \"@lattice/lattice/core/props\";\nimport type { NodeProps, RendererComponent } from \"@lattice/lattice/core/types\";\nimport { IconRenderer } from \"@lattice/lattice/icons\";\nimport { dispatchActionEffects, dispatchActionError, getActionEffects } from \"../effects\";\nimport type { ActionEffect } from \"../effects\";\n\ntype ActionVariant = \"default\" | \"destructive\" | \"ghost\" | \"link\" | \"outline\" | \"secondary\";\n\ntype ActionConfirmation = {\n  cancelLabel?: string;\n  confirmLabel?: string;\n  description?: string;\n  title?: string;\n};\n\ntype ActionResponse = {\n  data?: Record<string, unknown>;\n  effects?: ActionEffect[];\n  ok?: boolean;\n};\n\ntype ActionData = Record<string, never>;\n\ndeclare module \"@lattice/lattice/core/types\" {\n  interface ComponentProps {\n    action: {\n      confirmation?: ActionConfirmation;\n      effects?: ActionEffect[];\n      endpoint?: string;\n      icon?: string;\n      label?: string;\n      ref?: string;\n      method?: Method;\n      variant?: ActionVariant;\n    };\n  }\n}\n\nconst actionMethods = [\"delete\", \"get\", \"patch\", \"post\", \"put\"] satisfies Method[];\n\nfunction getActionMethod(props: NodeProps | undefined): Method {\n  const method = getStringProp(props, \"method\", \"post\");\n\n  return actionMethods.includes(method as Method) ? (method as Method) : \"post\";\n}\n\nfunction getConfirmation(props: NodeProps | undefined): ActionConfirmation | null {\n  const confirmation = props?.confirmation;\n\n  if (typeof confirmation !== \"object\" || confirmation === null || Array.isArray(confirmation)) {\n    return null;\n  }\n\n  return confirmation;\n}\n\nconst ActionComponent: RendererComponent<\"action\"> = ({ node }) => {\n  const endpoint = getStringProp(node.props, \"endpoint\");\n  const icon = getStringProp(node.props, \"icon\");\n  const label = getStringProp(node.props, \"label\", \"Run action\");\n  const componentRef = getStringProp(node.props, \"ref\");\n  const method = getActionMethod(node.props);\n  const http = useHttp<ActionData, ActionResponse>({});\n  const [isConfirming, setIsConfirming] = useState(false);\n  const confirmation = getConfirmation(node.props);\n\n  const submit = async (): Promise<void> => {\n    if (!endpoint) {\n      return;\n    }\n\n    try {\n      if (method === \"get\") {\n        router.visit(endpoint, { headers: withRefHeader(componentRef) });\n        setIsConfirming(false);\n\n        return;\n      }\n\n      const response = await http[method](endpoint, { headers: withRefHeader(componentRef) });\n      const responseEffects = getActionEffects(response.effects);\n\n      dispatchActionEffects(\n        responseEffects.length > 0 ? responseEffects : getActionEffects(node.props?.effects),\n      );\n      setIsConfirming(false);\n    } catch (error) {\n      dispatchActionError(error);\n    }\n  };\n\n  const requestSubmit = (): void => {\n    if (confirmation) {\n      setIsConfirming(true);\n\n      return;\n    }\n\n    void submit();\n  };\n\n  const confirmationTitle = confirmation?.title ?? label;\n  const confirmationConfirmLabel = confirmation?.confirmLabel ?? label;\n  const confirmationCancelLabel = confirmation?.cancelLabel ?? \"Cancel\";\n\n  return (\n    <>\n      <Button\n        data-lattice-component={node.id}\n        disabled={http.processing || !endpoint}\n        onClick={requestSubmit}\n        type=\"button\"\n        variant={node.props?.variant ?? \"default\"}\n      >\n        {http.processing ? <Spinner /> : icon && <IconRenderer className=\"size-4\" icon={icon} />}\n        {label}\n      </Button>\n\n      {isConfirming && confirmation && (\n        <ConfirmDialog\n          title={confirmationTitle}\n          description={confirmation.description}\n          confirmLabel={confirmationConfirmLabel}\n          cancelLabel={confirmationCancelLabel}\n          confirmVariant={node.props?.variant ?? \"default\"}\n          processing={http.processing}\n          confirmDisabled={!endpoint}\n          onConfirm={() => void submit()}\n          onCancel={() => setIsConfirming(false)}\n        />\n      )}\n    </>\n  );\n};\n\nexport default ActionComponent;\n"],"mappings":";;;;;;;;;;;AA6CA,IAAM,gBAAgB;CAAC;CAAU;CAAO;CAAS;CAAQ;AAAK;AAE9D,SAAS,gBAAgB,OAAsC;CAC7D,MAAM,SAAS,cAAc,OAAO,UAAU,MAAM;CAEpD,OAAO,cAAc,SAAS,MAAgB,IAAK,SAAoB;AACzE;AAEA,SAAS,gBAAgB,OAAyD;CAChF,MAAM,eAAe,OAAO;CAE5B,IAAI,OAAO,iBAAiB,YAAY,iBAAiB,QAAQ,MAAM,QAAQ,YAAY,GACzF,OAAO;CAGT,OAAO;AACT;AAEA,IAAM,mBAAgD,EAAE,WAAW;CACjE,MAAM,WAAW,cAAc,KAAK,OAAO,UAAU;CACrD,MAAM,OAAO,cAAc,KAAK,OAAO,MAAM;CAC7C,MAAM,QAAQ,cAAc,KAAK,OAAO,SAAS,YAAY;CAC7D,MAAM,eAAe,cAAc,KAAK,OAAO,KAAK;CACpD,MAAM,SAAS,gBAAgB,KAAK,KAAK;CACzC,MAAM,OAAO,QAAoC,CAAC,CAAC;CACnD,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;CACtD,MAAM,eAAe,gBAAgB,KAAK,KAAK;CAE/C,MAAM,SAAS,YAA2B;EACxC,IAAI,CAAC,UACH;EAGF,IAAI;GACF,IAAI,WAAW,OAAO;IACpB,OAAO,MAAM,UAAU,EAAE,SAAS,cAAc,YAAY,EAAE,CAAC;IAC/D,gBAAgB,KAAK;IAErB;GACF;GAGA,MAAM,kBAAkB,kBAAiB,MADlB,KAAK,QAAQ,UAAU,EAAE,SAAS,cAAc,YAAY,EAAE,CAAC,GACpC,OAAO;GAEzD,sBACE,gBAAgB,SAAS,IAAI,kBAAkB,iBAAiB,KAAK,OAAO,OAAO,CACrF;GACA,gBAAgB,KAAK;EACvB,SAAS,OAAO;GACd,oBAAoB,KAAK;EAC3B;CACF;CAEA,MAAM,sBAA4B;EAChC,IAAI,cAAc;GAChB,gBAAgB,IAAI;GAEpB;EACF;EAEA,OAAY;CACd;CAEA,MAAM,oBAAoB,cAAc,SAAS;CACjD,MAAM,2BAA2B,cAAc,gBAAgB;CAC/D,MAAM,0BAA0B,cAAc,eAAe;CAE7D,OACE,qBAAA,UAAA,EAAA,UAAA,CACE,qBAAC,QAAD;EACE,0BAAwB,KAAK;EAC7B,UAAU,KAAK,cAAc,CAAC;EAC9B,SAAS;EACT,MAAK;EACL,SAAS,KAAK,OAAO,WAAW;YALlC,CAOG,KAAK,aAAa,oBAAC,SAAD,CAAU,CAAA,IAAI,QAAQ,oBAAC,cAAD;GAAc,WAAU;GAAe;EAAO,CAAA,GACtF,KACK;KAEP,gBAAgB,gBACf,oBAAC,eAAD;EACE,OAAO;EACP,aAAa,aAAa;EAC1B,cAAc;EACd,aAAa;EACb,gBAAgB,KAAK,OAAO,WAAW;EACvC,YAAY,KAAK;EACjB,iBAAiB,CAAC;EAClB,iBAAiB,KAAK,OAAO;EAC7B,gBAAgB,gBAAgB,KAAK;CACtC,CAAA,CAEH,EAAA,CAAA;AAEN"}
+{"version":3,"file":"action.js","names":[],"sources":["../../../resources/js/action/components/action.tsx"],"sourcesContent":["import { router, useHttp } from \"@inertiajs/react\";\nimport type { Method } from \"@inertiajs/core\";\nimport { useState } from \"react\";\nimport { withRefHeader } from \"@lattice/lattice/core/component-ref\";\nimport { Button } from \"@lattice/lattice/core/components/button\";\nimport { ConfirmDialog } from \"@lattice/lattice/core/components/confirm-dialog\";\nimport { Spinner } from \"@lattice/lattice/core/components/spinner\";\nimport type { Node, RendererComponent } from \"@lattice/lattice/core/types\";\nimport { IconRenderer } from \"@lattice/lattice/icons\";\nimport { dispatchActionEffects, dispatchActionError, getActionEffects } from \"../effects\";\nimport type { ActionResponse } from \"../effects\";\nimport { ActionForm, useLazyActionForm } from \"./action-form\";\n\nconst ActionComponent: RendererComponent<\"action\"> = ({ node }) => {\n  const endpoint = node.props.endpoint ?? \"\";\n  const icon = node.props.icon;\n  const label = node.props.label ?? \"Run action\";\n  const componentRef = node.props.ref ?? \"\";\n  const method: Method = node.props.method ?? \"post\";\n  const http = useHttp<Record<string, never>, ActionResponse>({});\n  const [isConfirming, setIsConfirming] = useState(false);\n  const [isFilling, setIsFilling] = useState(false);\n  const confirmation = node.props.confirmation;\n  const variant = node.props.variant ?? \"default\";\n  // The wire carries the embedded form as a full node; the generated prop type\n  // reflects Form's props, so read it through the Node lens the renderer uses.\n  const inlineForm = node.props.form as unknown as Node | null;\n  const lazyForm = node.props.lazyForm === true;\n  const hasForm = Boolean(inlineForm) || lazyForm;\n  const lazyNode = useLazyActionForm(endpoint, method, componentRef, isFilling && lazyForm);\n  const formNode = lazyForm ? lazyNode : inlineForm;\n\n  const submit = async (): Promise<void> => {\n    if (!endpoint) {\n      return;\n    }\n\n    try {\n      if (method === \"get\") {\n        router.visit(endpoint, { headers: withRefHeader(componentRef) });\n        setIsConfirming(false);\n\n        return;\n      }\n\n      const response = await http[method](endpoint, { headers: withRefHeader(componentRef) });\n      const responseEffects = getActionEffects(response.effects);\n\n      dispatchActionEffects(\n        responseEffects.length > 0 ? responseEffects : getActionEffects(node.props.effects),\n      );\n      setIsConfirming(false);\n    } catch (error) {\n      dispatchActionError(error);\n    }\n  };\n\n  const requestSubmit = (): void => {\n    if (hasForm) {\n      setIsFilling(true);\n\n      return;\n    }\n\n    if (confirmation) {\n      setIsConfirming(true);\n\n      return;\n    }\n\n    void submit();\n  };\n\n  const confirmationTitle = confirmation?.title ?? label;\n  const confirmationConfirmLabel = confirmation?.confirmLabel ?? label;\n  const confirmationCancelLabel = confirmation?.cancelLabel ?? \"Cancel\";\n\n  return (\n    <>\n      <Button\n        data-lattice-component={node.id}\n        data-test={`action-${label.toLowerCase().replace(/\\s+/g, \"-\")}`}\n        disabled={http.processing || !endpoint}\n        onClick={requestSubmit}\n        type=\"button\"\n        variant={variant}\n      >\n        {http.processing ? (\n          <Spinner />\n        ) : (\n          icon && <IconRenderer className=\"size-lt-icon-md\" icon={icon} />\n        )}\n        {label}\n      </Button>\n\n      {isConfirming && confirmation && (\n        <ConfirmDialog\n          title={confirmationTitle}\n          description={confirmation.description ?? undefined}\n          confirmLabel={confirmationConfirmLabel}\n          cancelLabel={confirmationCancelLabel}\n          confirmVariant={variant}\n          processing={http.processing}\n          confirmDisabled={!endpoint}\n          onConfirm={() => void submit()}\n          onCancel={() => setIsConfirming(false)}\n        />\n      )}\n\n      {isFilling && hasForm && (\n        <ActionForm\n          cancelLabel={confirmationCancelLabel}\n          componentRef={componentRef}\n          description={confirmation?.description ?? undefined}\n          endpoint={endpoint}\n          formNode={formNode}\n          method={method}\n          onClose={() => setIsFilling(false)}\n          onSuccess={(response) => {\n            const responseEffects = getActionEffects(response.effects);\n\n            dispatchActionEffects(\n              responseEffects.length > 0 ? responseEffects : getActionEffects(node.props.effects),\n            );\n            setIsFilling(false);\n          }}\n          submitLabel={confirmationConfirmLabel}\n          title={confirmationTitle}\n        />\n      )}\n    </>\n  );\n};\n\nexport default ActionComponent;\n"],"mappings":";;;;;;;;;;;AAaA,IAAM,mBAAgD,EAAE,WAAW;CACjE,MAAM,WAAW,KAAK,MAAM,YAAY;CACxC,MAAM,OAAO,KAAK,MAAM;CACxB,MAAM,QAAQ,KAAK,MAAM,SAAS;CAClC,MAAM,eAAe,KAAK,MAAM,OAAO;CACvC,MAAM,SAAiB,KAAK,MAAM,UAAU;CAC5C,MAAM,OAAO,QAA+C,CAAC,CAAC;CAC9D,MAAM,CAAC,cAAc,mBAAmB,SAAS,KAAK;CACtD,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAChD,MAAM,eAAe,KAAK,MAAM;CAChC,MAAM,UAAU,KAAK,MAAM,WAAW;CAGtC,MAAM,aAAa,KAAK,MAAM;CAC9B,MAAM,WAAW,KAAK,MAAM,aAAa;CACzC,MAAM,UAAU,QAAQ,UAAU,KAAK;CACvC,MAAM,WAAW,kBAAkB,UAAU,QAAQ,cAAc,aAAa,QAAQ;CACxF,MAAM,WAAW,WAAW,WAAW;CAEvC,MAAM,SAAS,YAA2B;EACxC,IAAI,CAAC,UACH;EAGF,IAAI;GACF,IAAI,WAAW,OAAO;IACpB,OAAO,MAAM,UAAU,EAAE,SAAS,cAAc,YAAY,EAAE,CAAC;IAC/D,gBAAgB,KAAK;IAErB;GACF;GAGA,MAAM,kBAAkB,kBAAiB,MADlB,KAAK,QAAQ,UAAU,EAAE,SAAS,cAAc,YAAY,EAAE,CAAC,GACpC,OAAO;GAEzD,sBACE,gBAAgB,SAAS,IAAI,kBAAkB,iBAAiB,KAAK,MAAM,OAAO,CACpF;GACA,gBAAgB,KAAK;EACvB,SAAS,OAAO;GACd,oBAAoB,KAAK;EAC3B;CACF;CAEA,MAAM,sBAA4B;EAChC,IAAI,SAAS;GACX,aAAa,IAAI;GAEjB;EACF;EAEA,IAAI,cAAc;GAChB,gBAAgB,IAAI;GAEpB;EACF;EAEA,OAAY;CACd;CAEA,MAAM,oBAAoB,cAAc,SAAS;CACjD,MAAM,2BAA2B,cAAc,gBAAgB;CAC/D,MAAM,0BAA0B,cAAc,eAAe;CAE7D,OACE,qBAAA,UAAA,EAAA,UAAA;EACE,qBAAC,QAAD;GACE,0BAAwB,KAAK;GAC7B,aAAW,UAAU,MAAM,YAAY,EAAE,QAAQ,QAAQ,GAAG;GAC5D,UAAU,KAAK,cAAc,CAAC;GAC9B,SAAS;GACT,MAAK;GACI;aANX,CAQG,KAAK,aACJ,oBAAC,SAAD,CAAU,CAAA,IAEV,QAAQ,oBAAC,cAAD;IAAc,WAAU;IAAwB;GAAO,CAAA,GAEhE,KACK;;EAEP,gBAAgB,gBACf,oBAAC,eAAD;GACE,OAAO;GACP,aAAa,aAAa,eAAe,KAAA;GACzC,cAAc;GACd,aAAa;GACb,gBAAgB;GAChB,YAAY,KAAK;GACjB,iBAAiB,CAAC;GAClB,iBAAiB,KAAK,OAAO;GAC7B,gBAAgB,gBAAgB,KAAK;EACtC,CAAA;EAGF,aAAa,WACZ,oBAAC,YAAD;GACE,aAAa;GACC;GACd,aAAa,cAAc,eAAe,KAAA;GAChC;GACA;GACF;GACR,eAAe,aAAa,KAAK;GACjC,YAAY,aAAa;IACvB,MAAM,kBAAkB,iBAAiB,SAAS,OAAO;IAEzD,sBACE,gBAAgB,SAAS,IAAI,kBAAkB,iBAAiB,KAAK,MAAM,OAAO,CACpF;IACA,aAAa,KAAK;GACpB;GACA,aAAa;GACb,OAAO;EACR,CAAA;CAEH,EAAA,CAAA;AAEN"}

package/dist/action/effects.d.ts

@@ -1,28 +1,9 @@
-import { ToastVariant } from '../../../generated/types';
-export type ActionEffect = {
-    message?: string;
-    type: "toast";
-    variant?: ToastVariant;
-} | {
-    type: "reloadPage";
-} | {
-    component?: string;
-    type: "reloadComponent";
-} | {
-    type: "redirect";
-    url?: string;
-} | {
-    type: "download";
-    url?: string;
-} | {
-    modal?: string;
-    type: "openModal";
-} | {
-    modal?: string;
-    type: "closeModal";
-} | {
-    form?: string;
-    type: "resetForm";
+import { Effect } from '../types/generated';
+export type ActionEffect = Effect;
+export type ActionResponse = {
+    data?: Record<string, unknown>;
+    effects?: ActionEffect[];
+    ok?: boolean;
 };
 export declare function dispatchActionEffects(effects: ActionEffect[]): void;
 export declare function dispatchActionError(error: unknown): void;

package/dist/action/effects.js

@@ -23,8 +23,8 @@ function dispatchActionEffects(effects) {
 	if (typeof window === "undefined") return;
 	for (const effect of effects) {
 		if (effect.type === "reloadPage") router.reload();
-		if (effect.type === "redirect" && typeof effect.url === "string") router.visit(effect.url);
-		if (effect.type === "download" && typeof effect.url === "string") triggerDownload(effect.url);
+		if (effect.type === "redirect") router.visit(effect.url);
+		if (effect.type === "download") triggerDownload(effect.url);
 		window.dispatchEvent(new CustomEvent(eventNames[effect.type], { detail: effect }));
 	}
 }

package/dist/action/effects.js.map

@@ -1 +1 @@
-{"version":3,"file":"effects.js","names":[],"sources":["../../resources/js/action/effects.ts"],"sourcesContent":["import { router } from \"@inertiajs/react\";\nimport type { EffectType, ToastVariant } from \"@lattice/lattice/generated/types\";\nimport { LATTICE_EVENT } from \"@lattice/lattice/events/event-names\";\n\nexport type ActionEffect =\n  | {\n      message?: string;\n      type: \"toast\";\n      variant?: ToastVariant;\n    }\n  | {\n      type: \"reloadPage\";\n    }\n  | {\n      component?: string;\n      type: \"reloadComponent\";\n    }\n  | {\n      type: \"redirect\";\n      url?: string;\n    }\n  | {\n      type: \"download\";\n      url?: string;\n    }\n  | {\n      modal?: string;\n      type: \"openModal\";\n    }\n  | {\n      modal?: string;\n      type: \"closeModal\";\n    }\n  | {\n      form?: string;\n      type: \"resetForm\";\n    };\n\nconst eventNames = {\n  toast: LATTICE_EVENT.toast,\n  reloadComponent: LATTICE_EVENT.reloadComponent,\n  reloadPage: LATTICE_EVENT.reloadPage,\n  redirect: LATTICE_EVENT.redirect,\n  download: LATTICE_EVENT.download,\n  openModal: LATTICE_EVENT.openModal,\n  closeModal: LATTICE_EVENT.closeModal,\n  resetForm: LATTICE_EVENT.resetForm,\n} satisfies Record<EffectType, string>;\n\nfunction triggerDownload(url: string): void {\n  const link = document.createElement(\"a\");\n  link.href = url;\n  link.rel = \"noopener\";\n  document.body.appendChild(link);\n  link.click();\n  link.remove();\n}\n\nexport function dispatchActionEffects(effects: ActionEffect[]): void {\n  if (typeof window === \"undefined\") {\n    return;\n  }\n\n  for (const effect of effects) {\n    if (effect.type === \"reloadPage\") {\n      router.reload();\n    }\n\n    if (effect.type === \"redirect\" && typeof effect.url === \"string\") {\n      router.visit(effect.url);\n    }\n\n    if (effect.type === \"download\" && typeof effect.url === \"string\") {\n      triggerDownload(effect.url);\n    }\n\n    window.dispatchEvent(new CustomEvent(eventNames[effect.type], { detail: effect }));\n  }\n}\n\nexport function dispatchActionError(error: unknown): void {\n  if (typeof window === \"undefined\") {\n    return;\n  }\n\n  window.dispatchEvent(new CustomEvent(LATTICE_EVENT.actionError, { detail: { error } }));\n}\n\nexport function getActionEffects(effects: unknown): ActionEffect[] {\n  return Array.isArray(effects) ? effects.filter(isActionEffect) : [];\n}\n\nexport function isActionEffect(effect: unknown): effect is ActionEffect {\n  return (\n    typeof effect === \"object\" &&\n    effect !== null &&\n    \"type\" in effect &&\n    typeof effect.type === \"string\" &&\n    Object.hasOwn(eventNames, effect.type)\n  );\n}\n"],"mappings":";;;AAsCA,IAAM,aAAa;CACjB,OAAO,cAAc;CACrB,iBAAiB,cAAc;CAC/B,YAAY,cAAc;CAC1B,UAAU,cAAc;CACxB,UAAU,cAAc;CACxB,WAAW,cAAc;CACzB,YAAY,cAAc;CAC1B,WAAW,cAAc;AAC3B;AAEA,SAAS,gBAAgB,KAAmB;CAC1C,MAAM,OAAO,SAAS,cAAc,GAAG;CACvC,KAAK,OAAO;CACZ,KAAK,MAAM;CACX,SAAS,KAAK,YAAY,IAAI;CAC9B,KAAK,MAAM;CACX,KAAK,OAAO;AACd;AAEA,SAAgB,sBAAsB,SAA+B;CACnE,IAAI,OAAO,WAAW,aACpB;CAGF,KAAK,MAAM,UAAU,SAAS;EAC5B,IAAI,OAAO,SAAS,cAClB,OAAO,OAAO;EAGhB,IAAI,OAAO,SAAS,cAAc,OAAO,OAAO,QAAQ,UACtD,OAAO,MAAM,OAAO,GAAG;EAGzB,IAAI,OAAO,SAAS,cAAc,OAAO,OAAO,QAAQ,UACtD,gBAAgB,OAAO,GAAG;EAG5B,OAAO,cAAc,IAAI,YAAY,WAAW,OAAO,OAAO,EAAE,QAAQ,OAAO,CAAC,CAAC;CACnF;AACF;AAEA,SAAgB,oBAAoB,OAAsB;CACxD,IAAI,OAAO,WAAW,aACpB;CAGF,OAAO,cAAc,IAAI,YAAY,cAAc,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;AACxF;AAEA,SAAgB,iBAAiB,SAAkC;CACjE,OAAO,MAAM,QAAQ,OAAO,IAAI,QAAQ,OAAO,cAAc,IAAI,CAAC;AACpE;AAEA,SAAgB,eAAe,QAAyC;CACtE,OACE,OAAO,WAAW,YAClB,WAAW,QACX,UAAU,UACV,OAAO,OAAO,SAAS,YACvB,OAAO,OAAO,YAAY,OAAO,IAAI;AAEzC"}
+{"version":3,"file":"effects.js","names":[],"sources":["../../resources/js/action/effects.ts"],"sourcesContent":["import { router } from \"@inertiajs/react\";\nimport type { Effect, EffectType } from \"@lattice/lattice/types/generated\";\nimport { LATTICE_EVENT } from \"@lattice/lattice/events/event-names\";\n\nexport type ActionEffect = Effect;\n\nexport type ActionResponse = {\n  data?: Record<string, unknown>;\n  effects?: ActionEffect[];\n  ok?: boolean;\n};\n\nconst eventNames = {\n  toast: LATTICE_EVENT.toast,\n  reloadComponent: LATTICE_EVENT.reloadComponent,\n  reloadPage: LATTICE_EVENT.reloadPage,\n  redirect: LATTICE_EVENT.redirect,\n  download: LATTICE_EVENT.download,\n  openModal: LATTICE_EVENT.openModal,\n  closeModal: LATTICE_EVENT.closeModal,\n  resetForm: LATTICE_EVENT.resetForm,\n} satisfies Record<EffectType, string>;\n\nfunction triggerDownload(url: string): void {\n  const link = document.createElement(\"a\");\n  link.href = url;\n  link.rel = \"noopener\";\n  document.body.appendChild(link);\n  link.click();\n  link.remove();\n}\n\nexport function dispatchActionEffects(effects: ActionEffect[]): void {\n  if (typeof window === \"undefined\") {\n    return;\n  }\n\n  for (const effect of effects) {\n    if (effect.type === \"reloadPage\") {\n      router.reload();\n    }\n\n    if (effect.type === \"redirect\") {\n      router.visit(effect.url);\n    }\n\n    if (effect.type === \"download\") {\n      triggerDownload(effect.url);\n    }\n\n    window.dispatchEvent(new CustomEvent(eventNames[effect.type], { detail: effect }));\n  }\n}\n\nexport function dispatchActionError(error: unknown): void {\n  if (typeof window === \"undefined\") {\n    return;\n  }\n\n  window.dispatchEvent(new CustomEvent(LATTICE_EVENT.actionError, { detail: { error } }));\n}\n\nexport function getActionEffects(effects: unknown): ActionEffect[] {\n  return Array.isArray(effects) ? effects.filter(isActionEffect) : [];\n}\n\nexport function isActionEffect(effect: unknown): effect is ActionEffect {\n  return (\n    typeof effect === \"object\" &&\n    effect !== null &&\n    \"type\" in effect &&\n    typeof effect.type === \"string\" &&\n    Object.hasOwn(eventNames, effect.type)\n  );\n}\n"],"mappings":";;;AAYA,IAAM,aAAa;CACjB,OAAO,cAAc;CACrB,iBAAiB,cAAc;CAC/B,YAAY,cAAc;CAC1B,UAAU,cAAc;CACxB,UAAU,cAAc;CACxB,WAAW,cAAc;CACzB,YAAY,cAAc;CAC1B,WAAW,cAAc;AAC3B;AAEA,SAAS,gBAAgB,KAAmB;CAC1C,MAAM,OAAO,SAAS,cAAc,GAAG;CACvC,KAAK,OAAO;CACZ,KAAK,MAAM;CACX,SAAS,KAAK,YAAY,IAAI;CAC9B,KAAK,MAAM;CACX,KAAK,OAAO;AACd;AAEA,SAAgB,sBAAsB,SAA+B;CACnE,IAAI,OAAO,WAAW,aACpB;CAGF,KAAK,MAAM,UAAU,SAAS;EAC5B,IAAI,OAAO,SAAS,cAClB,OAAO,OAAO;EAGhB,IAAI,OAAO,SAAS,YAClB,OAAO,MAAM,OAAO,GAAG;EAGzB,IAAI,OAAO,SAAS,YAClB,gBAAgB,OAAO,GAAG;EAG5B,OAAO,cAAc,IAAI,YAAY,WAAW,OAAO,OAAO,EAAE,QAAQ,OAAO,CAAC,CAAC;CACnF;AACF;AAEA,SAAgB,oBAAoB,OAAsB;CACxD,IAAI,OAAO,WAAW,aACpB;CAGF,OAAO,cAAc,IAAI,YAAY,cAAc,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;AACxF;AAEA,SAAgB,iBAAiB,SAAkC;CACjE,OAAO,MAAM,QAAQ,OAAO,IAAI,QAAQ,OAAO,cAAc,IAAI,CAAC;AACpE;AAEA,SAAgB,eAAe,QAAyC;CACtE,OACE,OAAO,WAAW,YAClB,WAAW,QACX,UAAU,UACV,OAAO,OAAO,SAAS,YACvB,OAAO,OAAO,YAAY,OAAO,IAAI;AAEzC"}

package/dist/action/index.d.ts

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

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

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { RendererComponent } from '../../../../core/types';
+import { RendererComponent } from '../types';
 import * as React from "react";
 declare const badgeVariants: (props?: ({
     variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
@@ -7,13 +7,6 @@ declare const badgeVariants: (props?: ({
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;
 }): React.JSX.Element;
-declare module '../../../../core/types' {
-    interface ComponentProps {
-        badge: {
-            label?: string;
-        };
-    }
-}
 declare const BadgeComponent: RendererComponent<"badge">;
 export default BadgeComponent;
 export { Badge, badgeVariants };

package/dist/core/components/badge.js

@@ -1,11 +1,10 @@
 import { cn } from "../../lib/utils.js";
-import { getStringProp } from "../props.js";
 import "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/badge.tsx
-var badgeVariants = cva("inline-flex items-center justify-center rounded-lt-sm border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden", {
+var badgeVariants = cva("inline-flex items-center justify-center rounded-lt-sm border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-lt-icon-xs gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden", {
 	variants: { variant: {
 		default: "border-transparent bg-lt-primary text-lt-primary-fg [a&]:hover:bg-lt-primary/90",
 		secondary: "border-transparent bg-lt-secondary text-lt-secondary-fg [a&]:hover:bg-lt-secondary/90",
@@ -24,7 +23,7 @@ function Badge({ className, variant, asChild = false, ...props }) {
 var BadgeComponent = ({ node }) => /* @__PURE__ */ jsx(Badge, {
 	variant: "secondary",
 	className: "w-fit px-3 py-1",
-	children: getStringProp(node.props, "label")
+	children: node.props.label
 });
 //#endregion
 export { Badge, badgeVariants, BadgeComponent as default };

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

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":[],"sources":["../../../resources/js/core/components/badge.tsx"],"sourcesContent":["import { 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\nconst badgeVariants = cva(\n  \"inline-flex items-center justify-center rounded-lt-sm border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden\",\n  {\n    variants: {\n      variant: {\n        default: \"border-transparent bg-lt-primary text-lt-primary-fg [a&]:hover:bg-lt-primary/90\",\n        secondary:\n          \"border-transparent bg-lt-secondary text-lt-secondary-fg [a&]:hover:bg-lt-secondary/90\",\n        destructive:\n          \"border-transparent bg-lt-danger text-lt-danger-fg [a&]:hover:bg-lt-danger/90 focus-visible:ring-lt-danger/20 dark:focus-visible:ring-lt-danger/40 dark:bg-lt-danger/60\",\n        outline: \"border-lt-border text-lt-fg [a&]:hover:bg-lt-accent [a&]:hover:text-lt-accent-fg\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction Badge({\n  className,\n  variant,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> & VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : \"span\";\n\n  return (\n    <Comp data-slot=\"badge\" className={cn(badgeVariants({ variant }), className)} {...props} />\n  );\n}\n\ndeclare module \"@lattice/lattice/core/types\" {\n  interface ComponentProps {\n    badge: {\n      label?: string;\n    };\n  }\n}\n\nconst BadgeComponent: RendererComponent<\"badge\"> = ({ node }) => (\n  <Badge variant=\"secondary\" className=\"w-fit px-3 py-1\">\n    {getStringProp(node.props, \"label\")}\n  </Badge>\n);\n\nexport default BadgeComponent;\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;;AAOA,IAAM,gBAAgB,IACpB,qZACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,WACE;EACF,aACE;EACF,SAAS;CACX,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,MAAM,EACb,WACA,SACA,UAAU,OACV,GAAG,SACyF;CAG5F,OACE,oBAHW,UAAU,OAAO,QAG5B;EAAM,aAAU;EAAQ,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AAE9F;AAUA,IAAM,kBAA8C,EAAE,WACpD,oBAAC,OAAD;CAAO,SAAQ;CAAY,WAAU;WAClC,cAAc,KAAK,OAAO,OAAO;AAC7B,CAAA"}
+{"version":3,"file":"badge.js","names":[],"sources":["../../../resources/js/core/components/badge.tsx"],"sourcesContent":["import { 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 type { RendererComponent } from \"@lattice/lattice/core/types\";\n\nconst badgeVariants = cva(\n  \"inline-flex items-center justify-center rounded-lt-sm border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-lt-icon-xs gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden\",\n  {\n    variants: {\n      variant: {\n        default: \"border-transparent bg-lt-primary text-lt-primary-fg [a&]:hover:bg-lt-primary/90\",\n        secondary:\n          \"border-transparent bg-lt-secondary text-lt-secondary-fg [a&]:hover:bg-lt-secondary/90\",\n        destructive:\n          \"border-transparent bg-lt-danger text-lt-danger-fg [a&]:hover:bg-lt-danger/90 focus-visible:ring-lt-danger/20 dark:focus-visible:ring-lt-danger/40 dark:bg-lt-danger/60\",\n        outline: \"border-lt-border text-lt-fg [a&]:hover:bg-lt-accent [a&]:hover:text-lt-accent-fg\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction Badge({\n  className,\n  variant,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> & VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : \"span\";\n\n  return (\n    <Comp data-slot=\"badge\" className={cn(badgeVariants({ variant }), className)} {...props} />\n  );\n}\n\nconst BadgeComponent: RendererComponent<\"badge\"> = ({ node }) => (\n  <Badge variant=\"secondary\" className=\"w-fit px-3 py-1\">\n    {node.props.label}\n  </Badge>\n);\n\nexport default BadgeComponent;\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;AAMA,IAAM,gBAAgB,IACpB,8ZACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,WACE;EACF,aACE;EACF,SAAS;CACX,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,MAAM,EACb,WACA,SACA,UAAU,OACV,GAAG,SACyF;CAG5F,OACE,oBAHW,UAAU,OAAO,QAG5B;EAAM,aAAU;EAAQ,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AAE9F;AAEA,IAAM,kBAA8C,EAAE,WACpD,oBAAC,OAAD;CAAO,SAAQ;CAAY,WAAU;WAClC,KAAK,MAAM;AACP,CAAA"}

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

@@ -1,23 +1,15 @@
 import { VariantProps } from 'class-variance-authority';
-import { RendererComponent } from '../../../../core/types';
+import { RendererComponent } from '../types';
+import { ButtonVariant } from '../../types/generated';
 import * as React from "react";
-export type ButtonVariant = "default" | "destructive" | "ghost" | "link" | "outline" | "secondary";
+export type { ButtonVariant };
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "ghost" | "outline" | "secondary" | null | undefined;
+    variant?: "default" | "destructive" | "ghost" | "info" | "link" | "outline" | "secondary" | "success" | 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

@@ -1,16 +1,17 @@
 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", {
+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-lt-icon-md [&_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",
+			success: "bg-lt-success text-lt-success-fg shadow-xs hover:bg-lt-success/90",
+			info: "bg-lt-info text-lt-info-fg shadow-xs hover:bg-lt-info/90",
 			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",
@@ -39,14 +40,9 @@ function Button({ className, variant, size, asChild = false, ...props }) {
 		...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"));
+	const { href, label } = node.props;
+	const variant = node.props.variant ?? "default";
 	if (href) return /* @__PURE__ */ jsx(Button, {
 		asChild: true,
 		variant,
@@ -57,6 +53,7 @@ var ButtonComponent = ({ node }) => {
 		})
 	});
 	return /* @__PURE__ */ jsx(Button, {
+		type: node.props.buttonType,
 		variant,
 		size: "lg",
 		children: label

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

@@ -1 +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"}
+{"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 type { RendererComponent } from \"@lattice/lattice/core/types\";\nimport type { ButtonVariant } from \"@lattice/lattice/types/generated\";\n\nexport type { ButtonVariant };\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-lt-icon-md [&_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        success: \"bg-lt-success text-lt-success-fg shadow-xs hover:bg-lt-success/90\",\n        info: \"bg-lt-info text-lt-info-fg shadow-xs hover:bg-lt-info/90\",\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\nconst ButtonComponent: RendererComponent<\"button\"> = ({ node }) => {\n  const { href, label } = node.props;\n  const variant = 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 type={node.props.buttonType} variant={variant} size=\"lg\">\n      {label}\n    </Button>\n  );\n};\n\nexport default ButtonComponent;\nexport { Button, buttonVariants };\n"],"mappings":";;;;;;;AAUA,IAAM,iBAAiB,IACrB,idACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,aACE;GACF,SAAS;GACT,MAAM;GACN,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;AAEA,IAAM,mBAAgD,EAAE,WAAW;CACjE,MAAM,EAAE,MAAM,UAAU,KAAK;CAC7B,MAAM,UAAU,KAAK,MAAM,WAAW;CAEtC,IAAI,MACF,OACE,oBAAC,QAAD;EAAQ,SAAA;EAAiB;EAAS,MAAK;YACrC,oBAAC,MAAD;GAAY;aAAO;EAAY,CAAA;CACzB,CAAA;CAIZ,OACE,oBAAC,QAAD;EAAQ,MAAM,KAAK,MAAM;EAAqB;EAAS,MAAK;YACzD;CACK,CAAA;AAEZ"}

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

@@ -1,13 +1,5 @@
-import { RendererComponent } from '../../../../core/types';
+import { RendererComponent } from '../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;

package/dist/core/components/card.js

@@ -1,5 +1,4 @@
 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
@@ -46,8 +45,7 @@ function CardFooter({ className, ...props }) {
 	});
 }
 var CardComponent = ({ children, node }) => {
-	const title = getStringProp(node.props, "title");
-	const description = getStringProp(node.props, "description");
+	const { title, description } = node.props;
 	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, {

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

@@ -1 +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"}
+{"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 type { RendererComponent } from \"@lattice/lattice/core/types\";\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, description } = node.props;\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":";;;;AAIA,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,EAAE,OAAO,gBAAgB,KAAK;CAEpC,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

@@ -1,11 +1,10 @@
-import { ComponentProps } from 'react';
-import { Button } from './button';
+import { ButtonVariant } from '../../types/generated';
 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"];
+    confirmVariant?: ButtonVariant;
     processing?: boolean;
     confirmDisabled?: boolean;
     onConfirm: () => void;

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

@@ -1,24 +1,28 @@
 import { Button } from "./button.js";
 import { Spinner } from "./spinner.js";
-import { useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as Dialog from "@radix-ui/react-dialog";
 //#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",
+	const blockWhileProcessing = (event) => {
+		if (processing) event.preventDefault();
+	};
+	return /* @__PURE__ */ jsx(Dialog.Root, {
+		open: true,
+		onOpenChange: (open) => {
+			if (!open) onCancel();
+		},
+		children: /* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Overlay, { className: "fixed inset-0 z-50 bg-black/50" }), /* @__PURE__ */ jsxs(Dialog.Content, {
+			...description ? {} : { "aria-describedby": void 0 },
+			className: "fixed left-1/2 top-1/2 z-50 w-full max-w-md -translate-x-1/2 -translate-y-1/2 rounded-lt border border-lt-border bg-lt-bg p-6 shadow-lg",
+			onEscapeKeyDown: blockWhileProcessing,
+			onInteractOutside: blockWhileProcessing,
 			children: [/* @__PURE__ */ jsxs("div", {
 				className: "grid gap-2",
-				children: [/* @__PURE__ */ jsx("h2", {
+				children: [/* @__PURE__ */ jsx(Dialog.Title, {
 					className: "text-lg font-semibold leading-none tracking-tight",
-					id: titleId,
 					children: title
-				}), description && /* @__PURE__ */ jsx("p", {
+				}), description && /* @__PURE__ */ jsx(Dialog.Description, {
 					className: "text-sm text-lt-muted-fg",
 					children: description
 				})]
@@ -27,18 +31,20 @@ function ConfirmDialog({ title, description, confirmLabel, cancelLabel = "Cancel
 				children: [/* @__PURE__ */ jsx(Button, {
 					type: "button",
 					variant: "outline",
+					"data-test": "confirm-cancel",
 					disabled: processing,
 					onClick: onCancel,
 					children: cancelLabel
 				}), /* @__PURE__ */ jsxs(Button, {
 					type: "button",
 					variant: confirmVariant,
+					"data-test": "confirm-accept",
 					disabled: processing || confirmDisabled,
 					onClick: onConfirm,
 					children: [processing && /* @__PURE__ */ jsx(Spinner, {}), confirmLabel]
 				})]
 			})]
-		})
+		})] })
 	});
 }
 //#endregion

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

@@ -1 +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"}
+{"version":3,"file":"confirm-dialog.js","names":[],"sources":["../../../resources/js/core/components/confirm-dialog.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\nimport type { ButtonVariant } from \"@lattice/lattice/types/generated\";\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?: ButtonVariant;\n  processing?: boolean;\n  confirmDisabled?: boolean;\n  onConfirm: () => void;\n  onCancel: () => void;\n}) {\n  const blockWhileProcessing = (event: Event): void => {\n    if (processing) {\n      event.preventDefault();\n    }\n  };\n\n  return (\n    <Dialog.Root\n      open\n      onOpenChange={(open) => {\n        if (!open) {\n          onCancel();\n        }\n      }}\n    >\n      <Dialog.Portal>\n        <Dialog.Overlay className=\"fixed inset-0 z-50 bg-black/50\" />\n        <Dialog.Content\n          {...(description ? {} : { \"aria-describedby\": undefined })}\n          className=\"fixed left-1/2 top-1/2 z-50 w-full max-w-md -translate-x-1/2 -translate-y-1/2 rounded-lt border border-lt-border bg-lt-bg p-6 shadow-lg\"\n          onEscapeKeyDown={blockWhileProcessing}\n          onInteractOutside={blockWhileProcessing}\n        >\n          <div className=\"grid gap-2\">\n            <Dialog.Title className=\"text-lg font-semibold leading-none tracking-tight\">\n              {title}\n            </Dialog.Title>\n            {description && (\n              <Dialog.Description className=\"text-sm text-lt-muted-fg\">\n                {description}\n              </Dialog.Description>\n            )}\n          </div>\n          <div className=\"mt-6 flex justify-end gap-2\">\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              data-test=\"confirm-cancel\"\n              disabled={processing}\n              onClick={onCancel}\n            >\n              {cancelLabel}\n            </Button>\n            <Button\n              type=\"button\"\n              variant={confirmVariant}\n              data-test=\"confirm-accept\"\n              disabled={processing || confirmDisabled}\n              onClick={onConfirm}\n            >\n              {processing && <Spinner />}\n              {confirmLabel}\n            </Button>\n          </div>\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgB,cAAc,EAC5B,OACA,aACA,cACA,cAAc,UACd,iBAAiB,WACjB,aAAa,OACb,kBAAkB,OAClB,WACA,YAWC;CACD,MAAM,wBAAwB,UAAuB;EACnD,IAAI,YACF,MAAM,eAAe;CAEzB;CAEA,OACE,oBAAC,OAAO,MAAR;EACE,MAAA;EACA,eAAe,SAAS;GACtB,IAAI,CAAC,MACH,SAAS;EAEb;YAEA,qBAAC,OAAO,QAAR,EAAA,UAAA,CACE,oBAAC,OAAO,SAAR,EAAgB,WAAU,iCAAkC,CAAA,GAC5D,qBAAC,OAAO,SAAR;GACE,GAAK,cAAc,CAAC,IAAI,EAAE,oBAAoB,KAAA,EAAU;GACxD,WAAU;GACV,iBAAiB;GACjB,mBAAmB;aAJrB,CAME,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,OAAO,OAAR;KAAc,WAAU;eACrB;IACW,CAAA,GACb,eACC,oBAAC,OAAO,aAAR;KAAoB,WAAU;eAC3B;IACiB,CAAA,CAEnB;OACL,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,QAAD;KACE,MAAK;KACL,SAAQ;KACR,aAAU;KACV,UAAU;KACV,SAAS;eAER;IACK,CAAA,GACR,qBAAC,QAAD;KACE,MAAK;KACL,SAAS;KACT,aAAU;KACV,UAAU,cAAc;KACxB,SAAS;eALX,CAOG,cAAc,oBAAC,SAAD,CAAU,CAAA,GACxB,YACK;MACL;KACS;IACH,EAAA,CAAA;CACJ,CAAA;AAEjB"}

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

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

package/dist/core/components/fragment.js

@@ -1,5 +1,4 @@
 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";
@@ -10,10 +9,10 @@ function getComponents(value) {
 	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 endpoint = node.props.endpoint ?? "";
+	const isLazy = node.props.lazy === true;
+	const componentRef = node.props.ref ?? "";
+	const [components, setComponents] = useState(() => node.schema ?? []);
 	const [hasLoaded, setHasLoaded] = useState(!isLazy);
 	const [processing, setProcessing] = useState(isLazy && endpoint !== "");
 	const { fallback, missingComponent, registry } = useRendererContext();
@@ -24,7 +23,7 @@ var FragmentComponent = ({ node }) => {
 			setComponents(getComponents((await (await fetch(endpoint, { headers: {
 				Accept: "application/json",
 				...withRefHeader(componentRef)
-			} })).json()).components));
+			} })).json()).schema));
 			setHasLoaded(true);
 		} finally {
 			setProcessing(false);

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

@@ -1 +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"}
+{"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 { Renderer, useRendererContext } from \"@lattice/lattice/core/renderer\";\nimport type { Node, RendererComponent, Schema } from \"@lattice/lattice/core/types\";\nimport { LATTICE_EVENT, type ReloadComponentEvent } from \"@lattice/lattice/events/event-names\";\n\ntype FragmentResponse = {\n  schema?: Schema;\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 = node.props.endpoint ?? \"\";\n  const isLazy = node.props.lazy === true;\n  const componentRef = node.props.ref ?? \"\";\n  const [components, setComponents] = useState(() => node.schema ?? []);\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.schema));\n      setHasLoaded(true);\n    } finally {\n      setProcessing(false);\n    }\n  }, [endpoint, componentRef]);\n\n  useEffect(() => {\n    if (!isLazy || hasLoaded) {\n      return;\n    }\n\n    void load();\n  }, [hasLoaded, isLazy, load]);\n\n  useEffect(() => {\n    function reload(event: Event): void {\n      const detail = (event as ReloadComponentEvent).detail;\n\n      if (detail?.component !== node.id) {\n        return;\n      }\n\n      void load();\n    }\n\n    window.addEventListener(LATTICE_EVENT.reloadComponent, reload);\n\n    return () => window.removeEventListener(LATTICE_EVENT.reloadComponent, reload);\n  }, [load, node.id]);\n\n  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":";;;;;;AAUA,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,KAAK,MAAM,YAAY;CACxC,MAAM,SAAS,KAAK,MAAM,SAAS;CACnC,MAAM,eAAe,KAAK,MAAM,OAAO;CACvC,MAAM,CAAC,YAAY,iBAAiB,eAAe,KAAK,UAAU,CAAC,CAAC;CACpE,MAAM,CAAC,WAAW,gBAAgB,SAAS,CAAC,MAAM;CAClD,MAAM,CAAC,YAAY,iBAAiB,SAAS,UAAU,aAAa,EAAE;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,MAAM,CAAC;GAC1C,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

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

package/dist/core/components/grid.js

@@ -1,9 +1,8 @@
 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);
+	const columns = Math.min(Math.max(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"),

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

@@ -1 +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"}
+{"version":3,"file":"grid.js","names":[],"sources":["../../../resources/js/core/components/grid.tsx"],"sourcesContent":["import type { RendererComponent } from \"@lattice/lattice/core/types\";\nimport { cn } from \"@lattice/lattice/lib/utils\";\n\nconst GridComponent: RendererComponent<\"grid\"> = ({ children, node }) => {\n  const columns = Math.min(Math.max(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":";;;AAGA,IAAM,iBAA4C,EAAE,UAAU,WAAW;CACvE,MAAM,UAAU,KAAK,IAAI,KAAK,IAAI,KAAK,MAAM,WAAW,GAAG,CAAC,GAAG,CAAC;CAEhE,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

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

package/dist/core/components/heading.js

@@ -1,10 +1,9 @@
 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 { text } = node.props;
+	const level = Math.min(Math.max(node.props.level, 1), 6);
 	const className = cn("max-w-3xl font-semibold tracking-normal text-balance text-lt-fg", level === 1 && "text-4xl leading-tight sm:text-5xl", level === 2 && "text-2xl", level > 2 && "text-lg");
 	switch (level) {
 		case 1: return /* @__PURE__ */ jsx("h1", {

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

@@ -1 +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"}
+{"version":3,"file":"heading.js","names":[],"sources":["../../../resources/js/core/components/heading.tsx"],"sourcesContent":["import type { RendererComponent } from \"@lattice/lattice/core/types\";\nimport { cn } from \"@lattice/lattice/lib/utils\";\n\nconst HeadingComponent: RendererComponent<\"heading\"> = ({ node }) => {\n  const { text } = node.props;\n  const level = Math.min(Math.max(node.props.level, 1), 6);\n  const className = cn(\n    \"max-w-3xl font-semibold tracking-normal text-balance text-lt-fg\",\n    level === 1 && \"text-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":";;;AAGA,IAAM,oBAAkD,EAAE,WAAW;CACnE,MAAM,EAAE,SAAS,KAAK;CACtB,MAAM,QAAQ,KAAK,IAAI,KAAK,IAAI,KAAK,MAAM,OAAO,CAAC,GAAG,CAAC;CACvD,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/icon.d.ts

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