@choco-vanille/ui 1.1.2 → 1.3.0

package/dist/components/data-display/rich-text-renderer/styles/RichTextRenderer.css.d.ts

@@ -0,0 +1 @@
+export declare const RICH_TEXT_RENDERER_STYLES: string;

package/dist/components/data-display/rich-text-renderer/styles/RichTextRenderer.css.js

@@ -0,0 +1,7 @@
+/* empty css                                            */
+/* empty css                                    */
+var r = "_14fy7o60";
+export {
+  r as RICH_TEXT_RENDERER_STYLES
+};
+//# sourceMappingURL=RichTextRenderer.css.js.map

package/dist/components/data-display/rich-text-renderer/styles/RichTextRenderer.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextRenderer.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/data-display/rich-text-renderer/types/RichTextRenderer.props.d.ts

@@ -0,0 +1,7 @@
+import { RefAttributes } from 'react';
+import { RichTextValue } from '../../../forms/rich-text-editor/types/RichTextEditor.types.ts';
+import { BoxProps } from '../../../layout/box';
+export type RichTextRendererProps = Omit<BoxProps, 'children' | 'ref'> & RefAttributes<HTMLDivElement> & {
+    /** Versioned document emitted by RichTextEditor. */
+    value: RichTextValue;
+};

package/dist/components/data-display/rich-text-renderer/types/index.d.ts

@@ -0,0 +1 @@
+export type { RichTextRendererProps } from './RichTextRenderer.props.ts';

package/dist/components/data-display/rich-text-renderer/utils/renderRichTextNodes.utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const x=require("../../_shared/utils/extractText.utils.cjs"),o=require("../../../foundation/typography/Typography.cjs");require("../../../foundation/typography/styles/Typography.css.cjs");const h=require("../../../navigation/link/Link.cjs");require("../../../navigation/link/styles/Link.css.cjs");const l=require("../../../forms/rich-text-editor/utils/richText.utils.cjs"),j=(c,t=[])=>t.reduceRight((a,r)=>{switch(r.type){case"bold":return e.jsx(o,{as:"strong",variant:"strong",children:a});case"italic":return e.jsx(o,{as:"em",variant:"em",children:a});case"underline":return e.jsx("u",{children:a});case"strike":return e.jsx("s",{children:a});case"code":return e.jsx("code",{children:a});case"textStyle":{const s=l.normalizeRichTextColorValue(r.attrs.color),i=l.normalizeRichTextFontSizeValue(r.attrs.fontSize);return s||i?e.jsx("span",{style:{color:s,fontSize:i},children:a}):a}case"link":{const s=l.normalizeRichTextUrl(r.attrs.href),i=x.extractTextFromReactNode(a);return s&&i?e.jsx(h,{href:s,label:i,target:"_blank",rel:"noopener noreferrer"}):a}}},c),p=c=>j(c.text,c.marks),u=(c=[])=>c.map((t,a)=>{const r=`${t.type}-${a}`;if(t.type==="text")return e.jsx("span",{children:p(t)},r);if(t.type==="image"){const n=t.attrs.src.startsWith("data:image/")?t.attrs.src:l.normalizeRichTextUrl(t.attrs.src);return n?e.jsx("img",{src:n,alt:t.attrs.alt??"",title:t.attrs.title??void 0,style:t.attrs.width&&/^\d+(?:\.\d+)?(?:%|px|rem|em)?$/.test(t.attrs.width)?{width:t.attrs.width}:void 0},r):null}if(t.type==="horizontalRule")return e.jsx("hr",{},r);if(t.type==="hardBreak")return e.jsx("br",{},r);const s=u(t.content),i=t.attrs?.textAlign?{textAlign:t.attrs.textAlign}:void 0;switch(t.type){case"paragraph":return e.jsx(o,{variant:"p",style:i,children:s},r);case"heading":{const n=t.attrs?.level===1?"h1":t.attrs?.level===2?"h2":"h3";return e.jsx(o,{variant:n,style:i,children:s},r)}case"bulletList":return e.jsx("ul",{children:s},r);case"orderedList":return e.jsx("ol",{children:s},r);case"listItem":return e.jsx("li",{children:s},r);case"blockquote":return e.jsx("blockquote",{children:s},r);case"codeBlock":return e.jsx("pre",{children:e.jsx("code",{children:s})},r)}});exports.renderRichTextNodes=u;
+//# sourceMappingURL=renderRichTextNodes.utils.cjs.map

package/dist/components/data-display/rich-text-renderer/utils/renderRichTextNodes.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderRichTextNodes.utils.cjs","sources":["../../../../../src/components/data-display/rich-text-renderer/utils/renderRichTextNodes.utils.tsx"],"sourcesContent":["import { type ReactNode } from 'react'\r\n\r\nimport { extractTextFromReactNode } from '@components/data-display/_shared/utils/extractText.utils.ts'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { Link } from '@components/navigation/link'\r\nimport type {\r\n    RichTextMark,\r\n    RichTextNode,\r\n    RichTextTextNode,\r\n} from '@components/forms/rich-text-editor/types/RichTextEditor.types.ts'\r\nimport {\r\n    normalizeRichTextColorValue,\r\n    normalizeRichTextFontSizeValue,\r\n    normalizeRichTextUrl,\r\n} from '@components/forms/rich-text-editor/utils/richText.utils.ts'\r\n\r\nconst renderMarks = (content: ReactNode, marks: RichTextMark[] = []): ReactNode =>\r\n    marks.reduceRight<ReactNode>((children, mark) => {\r\n        switch (mark.type) {\r\n            case 'bold':\r\n                return (\r\n                    <Typography\r\n                        as={'strong'}\r\n                        variant={'strong'}\r\n                    >\r\n                        {children}\r\n                    </Typography>\r\n                )\r\n            case 'italic':\r\n                return (\r\n                    <Typography\r\n                        as={'em'}\r\n                        variant={'em'}\r\n                    >\r\n                        {children}\r\n                    </Typography>\r\n                )\r\n            case 'underline':\r\n                return <u>{children}</u>\r\n            case 'strike':\r\n                return <s>{children}</s>\r\n            case 'code':\r\n                return <code>{children}</code>\r\n            case 'textStyle': {\r\n                const color = normalizeRichTextColorValue(mark.attrs.color)\r\n                const fontSize = normalizeRichTextFontSizeValue(mark.attrs.fontSize)\r\n\r\n                return color || fontSize\r\n                    ? <span style={{ color, fontSize }}>{children}</span>\r\n                    : children\r\n            }\r\n            case 'link': {\r\n                const href = normalizeRichTextUrl(mark.attrs.href)\r\n                const label = extractTextFromReactNode(children)\r\n\r\n                return href && label ? (\r\n                    <Link\r\n                        href={href}\r\n                        label={label}\r\n                        target={'_blank'}\r\n                        rel={'noopener noreferrer'}\r\n                    />\r\n                ) : children\r\n            }\r\n        }\r\n    }, content)\r\n\r\nconst renderTextNode = (node: RichTextTextNode): ReactNode => renderMarks(node.text, node.marks)\r\n\r\nexport const renderRichTextNodes = (nodes: RichTextNode[] = []): ReactNode[] =>\r\n    nodes.map((node, index) => {\r\n        const key = `${node.type}-${index}`\r\n\r\n        if (node.type === 'text') {\r\n            return <span key={key}>{renderTextNode(node)}</span>\r\n        }\r\n\r\n        if (node.type === 'image') {\r\n            const src = node.attrs.src.startsWith('data:image/')\r\n                ? node.attrs.src\r\n                : normalizeRichTextUrl(node.attrs.src)\r\n\r\n            return src ? (\r\n                <img\r\n                    key={key}\r\n                    src={src}\r\n                    alt={node.attrs.alt ?? ''}\r\n                    title={node.attrs.title ?? undefined}\r\n                    style={node.attrs.width && /^\\d+(?:\\.\\d+)?(?:%|px|rem|em)?$/.test(node.attrs.width)\r\n                        ? { width: node.attrs.width }\r\n                        : undefined}\r\n                />\r\n            ) : null\r\n        }\r\n\r\n        if (node.type === 'horizontalRule') {\r\n            return <hr key={key} />\r\n        }\r\n\r\n        if (node.type === 'hardBreak') {\r\n            return <br key={key} />\r\n        }\r\n\r\n        const children = renderRichTextNodes(node.content)\r\n        const style = node.attrs?.textAlign\r\n            ? { textAlign: node.attrs.textAlign }\r\n            : undefined\r\n\r\n        switch (node.type) {\r\n            case 'paragraph':\r\n                return (\r\n                    <Typography\r\n                        key={key}\r\n                        variant={'p'}\r\n                        style={style}\r\n                    >\r\n                        {children}\r\n                    </Typography>\r\n                )\r\n            case 'heading': {\r\n                const variant = node.attrs?.level === 1\r\n                    ? 'h1'\r\n                    : node.attrs?.level === 2\r\n                        ? 'h2'\r\n                        : 'h3'\r\n\r\n                return (\r\n                    <Typography\r\n                        key={key}\r\n                        variant={variant}\r\n                        style={style}\r\n                    >\r\n                        {children}\r\n                    </Typography>\r\n                )\r\n            }\r\n            case 'bulletList':\r\n                return <ul key={key}>{children}</ul>\r\n            case 'orderedList':\r\n                return <ol key={key}>{children}</ol>\r\n            case 'listItem':\r\n                return <li key={key}>{children}</li>\r\n            case 'blockquote':\r\n                return <blockquote key={key}>{children}</blockquote>\r\n            case 'codeBlock':\r\n                return <pre key={key}><code>{children}</code></pre>\r\n        }\r\n    })\r\n"],"names":["renderMarks","content","marks","children","mark","jsx","Typography","color","normalizeRichTextColorValue","fontSize","normalizeRichTextFontSizeValue","href","normalizeRichTextUrl","label","extractTextFromReactNode","Link","renderTextNode","node","renderRichTextNodes","nodes","index","key","src","style","variant"],"mappings":"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"}

package/dist/components/data-display/rich-text-renderer/utils/renderRichTextNodes.utils.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode } from 'react';
+import { RichTextNode } from '../../../forms/rich-text-editor/types/RichTextEditor.types.ts';
+export declare const renderRichTextNodes: (nodes?: RichTextNode[]) => ReactNode[];

package/dist/components/data-display/rich-text-renderer/utils/renderRichTextNodes.utils.js

@@ -0,0 +1,112 @@
+import { jsx as r } from "react/jsx-runtime";
+import "react";
+import { extractTextFromReactNode as u } from "../../_shared/utils/extractText.utils.js";
+import l from "../../../foundation/typography/Typography.js";
+import "../../../foundation/typography/styles/Typography.css.js";
+import p from "../../../navigation/link/Link.js";
+import "../../../navigation/link/styles/Link.css.js";
+import { normalizeRichTextUrl as n, normalizeRichTextColorValue as m, normalizeRichTextFontSizeValue as h } from "../../../forms/rich-text-editor/utils/richText.utils.js";
+const x = (o, t = []) => t.reduceRight((a, e) => {
+  switch (e.type) {
+    case "bold":
+      return /* @__PURE__ */ r(
+        l,
+        {
+          as: "strong",
+          variant: "strong",
+          children: a
+        }
+      );
+    case "italic":
+      return /* @__PURE__ */ r(
+        l,
+        {
+          as: "em",
+          variant: "em",
+          children: a
+        }
+      );
+    case "underline":
+      return /* @__PURE__ */ r("u", { children: a });
+    case "strike":
+      return /* @__PURE__ */ r("s", { children: a });
+    case "code":
+      return /* @__PURE__ */ r("code", { children: a });
+    case "textStyle": {
+      const s = m(e.attrs.color), i = h(e.attrs.fontSize);
+      return s || i ? /* @__PURE__ */ r("span", { style: { color: s, fontSize: i }, children: a }) : a;
+    }
+    case "link": {
+      const s = n(e.attrs.href), i = u(a);
+      return s && i ? /* @__PURE__ */ r(
+        p,
+        {
+          href: s,
+          label: i,
+          target: "_blank",
+          rel: "noopener noreferrer"
+        }
+      ) : a;
+    }
+  }
+}, o), f = (o) => x(o.text, o.marks), y = (o = []) => o.map((t, a) => {
+  const e = `${t.type}-${a}`;
+  if (t.type === "text")
+    return /* @__PURE__ */ r("span", { children: f(t) }, e);
+  if (t.type === "image") {
+    const c = t.attrs.src.startsWith("data:image/") ? t.attrs.src : n(t.attrs.src);
+    return c ? /* @__PURE__ */ r(
+      "img",
+      {
+        src: c,
+        alt: t.attrs.alt ?? "",
+        title: t.attrs.title ?? void 0,
+        style: t.attrs.width && /^\d+(?:\.\d+)?(?:%|px|rem|em)?$/.test(t.attrs.width) ? { width: t.attrs.width } : void 0
+      },
+      e
+    ) : null;
+  }
+  if (t.type === "horizontalRule")
+    return /* @__PURE__ */ r("hr", {}, e);
+  if (t.type === "hardBreak")
+    return /* @__PURE__ */ r("br", {}, e);
+  const s = y(t.content), i = t.attrs?.textAlign ? { textAlign: t.attrs.textAlign } : void 0;
+  switch (t.type) {
+    case "paragraph":
+      return /* @__PURE__ */ r(
+        l,
+        {
+          variant: "p",
+          style: i,
+          children: s
+        },
+        e
+      );
+    case "heading": {
+      const c = t.attrs?.level === 1 ? "h1" : t.attrs?.level === 2 ? "h2" : "h3";
+      return /* @__PURE__ */ r(
+        l,
+        {
+          variant: c,
+          style: i,
+          children: s
+        },
+        e
+      );
+    }
+    case "bulletList":
+      return /* @__PURE__ */ r("ul", { children: s }, e);
+    case "orderedList":
+      return /* @__PURE__ */ r("ol", { children: s }, e);
+    case "listItem":
+      return /* @__PURE__ */ r("li", { children: s }, e);
+    case "blockquote":
+      return /* @__PURE__ */ r("blockquote", { children: s }, e);
+    case "codeBlock":
+      return /* @__PURE__ */ r("pre", { children: /* @__PURE__ */ r("code", { children: s }) }, e);
+  }
+});
+export {
+  y as renderRichTextNodes
+};
+//# sourceMappingURL=renderRichTextNodes.utils.js.map

package/dist/components/data-display/rich-text-renderer/utils/renderRichTextNodes.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderRichTextNodes.utils.js","sources":["../../../../../src/components/data-display/rich-text-renderer/utils/renderRichTextNodes.utils.tsx"],"sourcesContent":["import { type ReactNode } from 'react'\r\n\r\nimport { extractTextFromReactNode } from '@components/data-display/_shared/utils/extractText.utils.ts'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { Link } from '@components/navigation/link'\r\nimport type {\r\n    RichTextMark,\r\n    RichTextNode,\r\n    RichTextTextNode,\r\n} from '@components/forms/rich-text-editor/types/RichTextEditor.types.ts'\r\nimport {\r\n    normalizeRichTextColorValue,\r\n    normalizeRichTextFontSizeValue,\r\n    normalizeRichTextUrl,\r\n} from '@components/forms/rich-text-editor/utils/richText.utils.ts'\r\n\r\nconst renderMarks = (content: ReactNode, marks: RichTextMark[] = []): ReactNode =>\r\n    marks.reduceRight<ReactNode>((children, mark) => {\r\n        switch (mark.type) {\r\n            case 'bold':\r\n                return (\r\n                    <Typography\r\n                        as={'strong'}\r\n                        variant={'strong'}\r\n                    >\r\n                        {children}\r\n                    </Typography>\r\n                )\r\n            case 'italic':\r\n                return (\r\n                    <Typography\r\n                        as={'em'}\r\n                        variant={'em'}\r\n                    >\r\n                        {children}\r\n                    </Typography>\r\n                )\r\n            case 'underline':\r\n                return <u>{children}</u>\r\n            case 'strike':\r\n                return <s>{children}</s>\r\n            case 'code':\r\n                return <code>{children}</code>\r\n            case 'textStyle': {\r\n                const color = normalizeRichTextColorValue(mark.attrs.color)\r\n                const fontSize = normalizeRichTextFontSizeValue(mark.attrs.fontSize)\r\n\r\n                return color || fontSize\r\n                    ? <span style={{ color, fontSize }}>{children}</span>\r\n                    : children\r\n            }\r\n            case 'link': {\r\n                const href = normalizeRichTextUrl(mark.attrs.href)\r\n                const label = extractTextFromReactNode(children)\r\n\r\n                return href && label ? (\r\n                    <Link\r\n                        href={href}\r\n                        label={label}\r\n                        target={'_blank'}\r\n                        rel={'noopener noreferrer'}\r\n                    />\r\n                ) : children\r\n            }\r\n        }\r\n    }, content)\r\n\r\nconst renderTextNode = (node: RichTextTextNode): ReactNode => renderMarks(node.text, node.marks)\r\n\r\nexport const renderRichTextNodes = (nodes: RichTextNode[] = []): ReactNode[] =>\r\n    nodes.map((node, index) => {\r\n        const key = `${node.type}-${index}`\r\n\r\n        if (node.type === 'text') {\r\n            return <span key={key}>{renderTextNode(node)}</span>\r\n        }\r\n\r\n        if (node.type === 'image') {\r\n            const src = node.attrs.src.startsWith('data:image/')\r\n                ? node.attrs.src\r\n                : normalizeRichTextUrl(node.attrs.src)\r\n\r\n            return src ? (\r\n                <img\r\n                    key={key}\r\n                    src={src}\r\n                    alt={node.attrs.alt ?? ''}\r\n                    title={node.attrs.title ?? undefined}\r\n                    style={node.attrs.width && /^\\d+(?:\\.\\d+)?(?:%|px|rem|em)?$/.test(node.attrs.width)\r\n                        ? { width: node.attrs.width }\r\n                        : undefined}\r\n                />\r\n            ) : null\r\n        }\r\n\r\n        if (node.type === 'horizontalRule') {\r\n            return <hr key={key} />\r\n        }\r\n\r\n        if (node.type === 'hardBreak') {\r\n            return <br key={key} />\r\n        }\r\n\r\n        const children = renderRichTextNodes(node.content)\r\n        const style = node.attrs?.textAlign\r\n            ? { textAlign: node.attrs.textAlign }\r\n            : undefined\r\n\r\n        switch (node.type) {\r\n            case 'paragraph':\r\n                return (\r\n                    <Typography\r\n                        key={key}\r\n                        variant={'p'}\r\n                        style={style}\r\n                    >\r\n                        {children}\r\n                    </Typography>\r\n                )\r\n            case 'heading': {\r\n                const variant = node.attrs?.level === 1\r\n                    ? 'h1'\r\n                    : node.attrs?.level === 2\r\n                        ? 'h2'\r\n                        : 'h3'\r\n\r\n                return (\r\n                    <Typography\r\n                        key={key}\r\n                        variant={variant}\r\n                        style={style}\r\n                    >\r\n                        {children}\r\n                    </Typography>\r\n                )\r\n            }\r\n            case 'bulletList':\r\n                return <ul key={key}>{children}</ul>\r\n            case 'orderedList':\r\n                return <ol key={key}>{children}</ol>\r\n            case 'listItem':\r\n                return <li key={key}>{children}</li>\r\n            case 'blockquote':\r\n                return <blockquote key={key}>{children}</blockquote>\r\n            case 'codeBlock':\r\n                return <pre key={key}><code>{children}</code></pre>\r\n        }\r\n    })\r\n"],"names":["renderMarks","content","marks","children","mark","jsx","Typography","color","normalizeRichTextColorValue","fontSize","normalizeRichTextFontSizeValue","href","normalizeRichTextUrl","label","extractTextFromReactNode","Link","renderTextNode","node","renderRichTextNodes","nodes","index","key","src","style","variant"],"mappings":"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"}

package/dist/components/data-display/table/components/table-body/TableBody.cjs

@@ -1,2 +1,2 @@
-"use strict";const c=require("react/jsx-runtime"),r=require("react"),a=require("./styles/TableBody.css.cjs"),n=require("../../../../../utils/cn.cjs"),e=r.memo(({className:s,ref:o,...t})=>c.jsx("tbody",{ref:o,className:n.cn(a.TABLE_BODY_STYLES.root,s),...t}));e.displayName="Table.Body";module.exports=e;
+"use strict";const t=require("react/jsx-runtime"),c=require("react"),a=require("./styles/TableBody.css.cjs"),n=require("../../../../../utils/cn.cjs"),e=c.memo(({className:s,ref:o,...r})=>t.jsx("tbody",{ref:o,className:n.cn(a.TABLE_BODY_STYLES.root,s),...r}));e.displayName="Table.Body";module.exports=e;
 //# sourceMappingURL=TableBody.cjs.map

package/dist/components/data-display/table/components/table-caption/TableCaption.cjs

@@ -1,2 +1,2 @@
-"use strict";const a=require("react/jsx-runtime"),c=require("react"),n=require("./styles/TableCaption.css.cjs"),i=require("../../../../../utils/cn.cjs"),e=c.memo(({className:s,ref:t,...o})=>a.jsx("caption",{ref:t,className:i.cn(n.TABLE_CAPTION_STYLES.root,s),...o}));e.displayName="Table.Caption";module.exports=e;
+"use strict";const a=require("react/jsx-runtime"),c=require("react"),n=require("./styles/TableCaption.css.cjs"),r=require("../../../../../utils/cn.cjs"),e=c.memo(({className:s,ref:t,...o})=>a.jsx("caption",{ref:t,className:r.cn(n.TABLE_CAPTION_STYLES.root,s),...o}));e.displayName="Table.Caption";module.exports=e;
 //# sourceMappingURL=TableCaption.cjs.map

package/dist/components/data-display/table/components/table-cell/styles/TableCell.css.d.ts

@@ -1,4 +1,4 @@
-import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
+import { RuntimeFn } from '@vanilla-extract/recipes';
 export declare const TABLE_CELL_STYLES: {
     recipe: RuntimeFn<{
         align: {
@@ -26,4 +26,3 @@ export declare const TABLE_CELL_STYLES: {
      */
     numeric: string;
 };
-export type TableCellRecipeVariants = NonNullable<RecipeVariants<typeof TABLE_CELL_STYLES.recipe>>;

package/dist/components/data-display/table/components/table-cell/types/TableCell.props.d.ts

@@ -1,6 +1,7 @@
-import { TableCellRecipeVariants } from '../styles/TableCell.css.ts';
+import { TableCellAlign } from '../../../types/Table.types.ts';
 import type * as React from 'react';
-export type TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement> & TableCellRecipeVariants & {
+export type TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement> & {
+    align?: TableCellAlign;
     /**
      * Right-aligns the content and enables tabular number rendering.
      * Takes precedence over the `align` variant when both are set.

package/dist/components/data-display/table/components/table-col/TableCol.cjs

@@ -1,2 +1,2 @@
-"use strict";const a=require("react/jsx-runtime"),i=require("react"),e=i.memo(({width:s,minWidth:t,maxWidth:o,style:l,ref:c,...r})=>a.jsx("col",{ref:c,style:{width:s,minWidth:t,maxWidth:o,...l},...r}));e.displayName="Table.Col";module.exports=e;
+"use strict";const a=require("react/jsx-runtime"),i=require("react"),e=i.memo(({width:s,minWidth:t,maxWidth:o,style:l,ref:r,...c})=>a.jsx("col",{ref:r,style:{width:s,minWidth:t,maxWidth:o,...l},...c}));e.displayName="Table.Col";module.exports=e;
 //# sourceMappingURL=TableCol.cjs.map

package/dist/components/data-display/table/components/table-footer/TableFooter.cjs

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),c=require("react"),a=require("./styles/TableFooter.css.cjs"),n=require("../../../../../utils/cn.cjs"),e=c.memo(({className:o,ref:t,...s})=>r.jsx("tfoot",{ref:t,className:n.cn(a.TABLE_FOOTER_STYLES.root,o),...s}));e.displayName="Table.Footer";module.exports=e;
+"use strict";const s=require("react/jsx-runtime"),c=require("react"),a=require("./styles/TableFooter.css.cjs"),n=require("../../../../../utils/cn.cjs"),e=c.memo(({className:o,ref:t,...r})=>s.jsx("tfoot",{ref:t,className:n.cn(a.TABLE_FOOTER_STYLES.root,o),...r}));e.displayName="Table.Footer";module.exports=e;
 //# sourceMappingURL=TableFooter.cjs.map

package/dist/components/data-display/table/components/table-head/styles/TableHead.css.d.ts

@@ -1,4 +1,4 @@
-import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
+import { RuntimeFn } from '@vanilla-extract/recipes';
 export declare const TABLE_HEAD_STYLES: {
     recipe: RuntimeFn<{
         align: {
@@ -22,4 +22,3 @@ export declare const TABLE_HEAD_STYLES: {
     /** Sort icon when a direction is active (`asc` or `desc`). */
     sortIconActive: string;
 };
-export type TableHeadRecipeVariants = NonNullable<RecipeVariants<typeof TABLE_HEAD_STYLES.recipe>>;

package/dist/components/data-display/table/components/table-head/types/TableHead.props.d.ts

@@ -1,7 +1,8 @@
-import { TableHeadRecipeVariants } from '../styles/TableHead.css.ts';
+import { TableCellAlign } from '../../../types/Table.types.ts';
 import type * as React from 'react';
 export type TableSortDirection = 'asc' | 'desc' | 'none';
-export type TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement> & TableHeadRecipeVariants & {
+export type TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement> & {
+    align?: TableCellAlign;
     /**
      * Renders the column header as interactive (cursor pointer + hover tint).
      * Wire up an `onClick` handler to implement sorting logic.

package/dist/components/data-display/table/components/table-header/TableHeader.cjs

@@ -1,2 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),c=require("react"),o=require("./styles/TableHeader.css.cjs"),n=require("../../../../../utils/cn.cjs"),e=c.memo(({className:s,ref:r,...a})=>t.jsx("thead",{ref:r,className:n.cn(o.TABLE_HEADER_STYLES.root,s),...a}));e.displayName="Table.Header";module.exports=e;
+"use strict";const t=require("react/jsx-runtime"),c=require("react"),o=require("./styles/TableHeader.css.cjs"),n=require("../../../../../utils/cn.cjs"),e=c.memo(({className:r,ref:s,...a})=>t.jsx("thead",{ref:s,className:n.cn(o.TABLE_HEADER_STYLES.root,r),...a}));e.displayName="Table.Header";module.exports=e;
 //# sourceMappingURL=TableHeader.cjs.map

package/dist/components/data-display/table/components/table-row/TableRow.cjs

@@ -1,2 +1,2 @@
-"use strict";const T=require("react/jsx-runtime"),n=require("react"),m=require("./styles/TableRow.css.cjs"),k=require("../../../../../utils/cn.cjs"),o=n.memo(({hoverable:s,selectable:r,selected:e,intent:i,className:c,ref:u,onKeyDown:a,...d})=>{const R=n.useCallback(t=>{r&&(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),t.currentTarget.click()),a?.(t)},[r,a]);return T.jsx("tr",{ref:u,"data-intent":i,"aria-selected":r?e??!1:void 0,tabIndex:r?0:void 0,onKeyDown:r||a?R:void 0,className:k.cn(m.TABLE_ROW_STYLES.recipe({hoverable:s,selectable:r,selected:e,intent:i}),c),...d})});o.displayName="Table.Row";module.exports=o;
+"use strict";const m=require("react/jsx-runtime"),n=require("react"),R=require("./styles/TableRow.css.cjs"),k=require("../../../../../utils/cn.cjs"),o=n.memo(({hoverable:s,selectable:r,selected:e,intent:i,className:c,ref:u,onKeyDown:a,...d})=>{const T=n.useCallback(t=>{r&&(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),t.currentTarget.click()),a?.(t)},[r,a]);return m.jsx("tr",{ref:u,"data-intent":i,"aria-selected":r?e??!1:void 0,tabIndex:r?0:void 0,onKeyDown:r||a?T:void 0,className:k.cn(R.TABLE_ROW_STYLES.recipe({hoverable:s,selectable:r,selected:e,intent:i}),c),...d})});o.displayName="Table.Row";module.exports=o;
 //# sourceMappingURL=TableRow.cjs.map

package/dist/components/data-display/table/components/table-row/styles/TableRow.css.d.ts

@@ -1,4 +1,4 @@
-import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
+import { RuntimeFn } from '@vanilla-extract/recipes';
 export declare const TABLE_ROW_STYLES: {
     recipe: RuntimeFn<{
         hoverable: {
@@ -55,4 +55,3 @@ export declare const TABLE_ROW_STYLES: {
         };
     }>;
 };
-export type TableRowRecipeVariants = NonNullable<RecipeVariants<typeof TABLE_ROW_STYLES.recipe>>;

package/dist/components/data-display/table/components/table-row/types/TableRow.props.d.ts

@@ -1,3 +1,8 @@
-import { TableRowRecipeVariants } from '../styles/TableRow.css.ts';
+import { TableRowIntent } from '../../../types/Table.types.ts';
 import type * as React from 'react';
-export type TableRowProps = React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement> & TableRowRecipeVariants;
+export type TableRowProps = React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement> & {
+    hoverable?: boolean;
+    selectable?: boolean;
+    selected?: boolean;
+    intent?: TableRowIntent;
+};

package/dist/components/data-display/table/index.d.ts

@@ -8,7 +8,7 @@ export { TABLE_HEAD_STYLES } from './components/table-head/styles/TableHead.css.
 export { TABLE_CELL_STYLES } from './components/table-cell/styles/TableCell.css.ts';
 export { TABLE_CAPTION_STYLES } from './components/table-caption/styles/TableCaption.css.ts';
 export type { TableProps } from './types/Table.props.ts';
-export type { TableSize, TableCellAlign } from './types/Table.types.ts';
+export type { TableSize, TableCellAlign, TableRowIntent, } from './types/Table.types.ts';
 export type { TableHeaderProps } from './components/table-header/types/TableHeader.props.ts';
 export type { TableBodyProps } from './components/table-body/types/TableBody.props.ts';
 export type { TableFooterProps } from './components/table-footer/types/TableFooter.props.ts';

package/dist/components/data-display/table/styles/Table.css.d.ts

@@ -1,4 +1,4 @@
-import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
+import { RuntimeFn } from '@vanilla-extract/recipes';
 /**
  * CSS custom property seeded on <table>, inherited by every <th>/<td>
  * descendant — lets the `size` variant control cell density from one place.
@@ -38,5 +38,4 @@ export declare const TABLE_STYLES: {
         };
     }>;
 };
-export type TableRecipeVariants = NonNullable<RecipeVariants<typeof TABLE_STYLES.recipe>>;
 export {};

package/dist/components/data-display/table/types/Table.props.d.ts

@@ -1,6 +1,7 @@
-import { TableRecipeVariants } from '../styles/Table.css.ts';
+import { TableSize } from './Table.types.ts';
 import type * as React from 'react';
-export type TableProps = React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement> & TableRecipeVariants & {
+export type TableProps = React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement> & {
+    size?: TableSize;
     /** Applies an alternating background to even body rows. */
     striped?: boolean;
     /** Adds borders on all four sides of every header and data cell. */

package/dist/components/data-display/table/types/Table.types.d.ts

@@ -2,3 +2,5 @@
 export type TableSize = 'sm' | 'md' | 'lg';
 /** Text alignment for header and data cells. */
 export type TableCellAlign = 'left' | 'center' | 'right';
+/** Semantic background intent for table rows. */
+export type TableRowIntent = 'success' | 'warning' | 'destructive' | 'info';

package/dist/components/feedback/callout/Callout.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),j=require("react"),g=require("./context/Callout.context.cjs"),p=require("./styles/Callout.css.cjs"),u=require("./components/callout-description/CalloutDescription.cjs"),n=require("./components/callout-icon/CalloutIcon.cjs");;/* empty css                                                                */const a=require("./components/callout-title/CalloutTitle.cjs"),l=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const D=require("../../../utils/createIconChildUtils.cjs"),T=require("../../../utils/cn.cjs"),{hasIconChild:f,extractIconChild:L}=D.createIconChildUtils(n),t=j.memo(({variant:r="info",role:C="status",icon:d,title:s,description:i,children:o,className:x,ref:h,...m})=>{const q=!f(o),c=L(o),I=c.remaining;return e.jsx(g.CalloutContext.Provider,{value:{variant:r},children:e.jsxs(l,{ref:h,alignItems:"start",gap:"md",className:T.cn(p.CALLOUT_STYLES.recipe({variant:r}),x),role:C,...m,children:[q?e.jsx(n,{icon:d}):c.node,e.jsxs(l,{flexDirection:"column",alignItems:"start",gap:"xs",minWidth:0,children:[s&&e.jsx(a,{children:s}),i&&e.jsx(u,{children:i}),I]})]})})});t.displayName="Callout";t.Icon=n;t.Title=a;t.Description=u;module.exports=t;
+"use strict";const e=require("react/jsx-runtime"),j=require("react"),g=require("./context/Callout.context.cjs"),f=require("./styles/Callout.css.cjs"),u=require("./components/callout-description/CalloutDescription.cjs"),i=require("./components/callout-icon/CalloutIcon.cjs"),d=require("./components/callout-title/CalloutTitle.cjs"),a=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const D=require("../../../utils/createIconChildUtils.cjs"),T=require("../../../utils/cn.cjs"),{hasIconChild:v,extractIconChild:L}=D.createIconChildUtils(i),t=j.memo(n=>{const{variant:r="info",icon:C,title:s,description:c,children:o,className:h,ref:x,...m}=n,q="role"in n?n.role:"status",I=!v(o),l=L(o),p=l.remaining;return e.jsx(g.CalloutContext.Provider,{value:{variant:r},children:e.jsxs(a,{ref:x,alignItems:"start",gap:"md",className:T.cn(f.CALLOUT_STYLES.recipe({variant:r}),h),...m,role:q,children:[I?e.jsx(i,{icon:C}):l.node,e.jsxs(a,{flexDirection:"column",alignItems:"start",gap:"xs",minWidth:0,children:[s&&e.jsx(d,{children:s}),c&&e.jsx(u,{children:c}),p]})]})})});t.displayName="Callout";t.Icon=i;t.Title=d;t.Description=u;module.exports=t;
 //# sourceMappingURL=Callout.cjs.map

package/dist/components/feedback/callout/Callout.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.cjs","sources":["../../../../src/components/feedback/callout/Callout.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { CalloutContext } from '@components/feedback/callout/context/Callout.context.ts'\r\nimport { CALLOUT_STYLES } from '@components/feedback/callout/styles/Callout.css.ts'\r\nimport { CalloutDescription } from '@components/feedback/callout/components/callout-description'\r\nimport { CalloutIcon } from '@components/feedback/callout/components/callout-icon'\r\nimport { CalloutTitle } from '@components/feedback/callout/components/callout-title'\r\nimport type { CalloutCompound } from '@components/feedback/callout/types'\r\nimport type { CalloutProps } from '@components/feedback/callout/types/Callout.props.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { createIconChildUtils } from '@utils/createIconChildUtils.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst { hasIconChild, extractIconChild } = createIconChildUtils(CalloutIcon)\r\n\r\nconst Callout = memo<CalloutProps>(({\r\n    variant = 'info',\r\n    role = 'status',\r\n    icon,\r\n    title,\r\n    description,\r\n    children,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const showDefaultIcon = !hasIconChild(children)\r\n    const iconChild = extractIconChild(children)\r\n    const remainingChildren = iconChild.remaining\r\n\r\n    return (\r\n        <CalloutContext.Provider value={{ variant }}>\r\n            <Flex\r\n                ref={ref}\r\n                alignItems={'start'}\r\n                gap={'md'}\r\n                className={cn(CALLOUT_STYLES.recipe({ variant }), className)}\r\n                role={role}\r\n                {...props}\r\n            >\r\n                {showDefaultIcon ? (\r\n                    <CalloutIcon icon={icon} />\r\n                ) : (\r\n                    iconChild.node\r\n                )}\r\n                <Flex\r\n                    flexDirection={'column'}\r\n                    alignItems={'start'}\r\n                    gap={'xs'}\r\n                    minWidth={0}\r\n                >\r\n                    {title && <CalloutTitle>{title}</CalloutTitle>}\r\n                    {description && (\r\n                        <CalloutDescription>{description}</CalloutDescription>\r\n                    )}\r\n                    {remainingChildren}\r\n                </Flex>\r\n            </Flex>\r\n        </CalloutContext.Provider>\r\n    )\r\n}) as unknown as CalloutCompound\r\n\r\nCallout.displayName = 'Callout'\r\nCallout.Icon = CalloutIcon\r\nCallout.Title = CalloutTitle\r\nCallout.Description = CalloutDescription\r\n\r\nexport default Callout\r\n"],"names":["hasIconChild","extractIconChild","createIconChildUtils","CalloutIcon","Callout","memo","variant","role","icon","title","description","children","className","ref","props","showDefaultIcon","iconChild","remainingChildren","CalloutContext","jsxs","Flex","cn","CALLOUT_STYLES","jsx","CalloutTitle","CalloutDescription"],"mappings":"ulBAaM,CAAE,aAAAA,EAAc,iBAAAC,GAAqBC,EAAAA,qBAAqBC,CAAW,EAErEC,EAAUC,EAAAA,KAAmB,CAAC,CAChC,QAAAC,EAAU,OACV,KAAAC,EAAO,SACP,KAAAC,EACA,MAAAC,EACA,YAAAC,EACA,SAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAkB,CAACf,EAAaW,CAAQ,EACxCK,EAAYf,EAAiBU,CAAQ,EACrCM,EAAoBD,EAAU,UAEpC,aACKE,EAAAA,eAAe,SAAf,CAAwB,MAAO,CAAE,QAAAZ,GAC9B,SAAAa,EAAAA,KAACC,EAAA,CACG,IAAAP,EACA,WAAY,QACZ,IAAK,KACL,UAAWQ,EAAAA,GAAGC,iBAAe,OAAO,CAAE,QAAAhB,CAAA,CAAS,EAAGM,CAAS,EAC3D,KAAAL,EACC,GAAGO,EAEH,SAAA,CAAAC,EACGQ,EAAAA,IAACpB,EAAA,CAAY,KAAAK,CAAA,CAAY,EAEzBQ,EAAU,KAEdG,EAAAA,KAACC,EAAA,CACG,cAAe,SACf,WAAY,QACZ,IAAK,KACL,SAAU,EAET,SAAA,CAAAX,GAASc,EAAAA,IAACC,GAAc,SAAAf,CAAA,CAAM,EAC9BC,GACGa,EAAAA,IAACE,EAAA,CAAoB,SAAAf,CAAA,CAAY,EAEpCO,CAAA,CAAA,CAAA,CACL,CAAA,CAAA,EAER,CAER,CAAC,EAEDb,EAAQ,YAAc,UACtBA,EAAQ,KAAOD,EACfC,EAAQ,MAAQoB,EAChBpB,EAAQ,YAAcqB"}
+{"version":3,"file":"Callout.cjs","sources":["../../../../src/components/feedback/callout/Callout.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { CalloutContext } from '@components/feedback/callout/context/Callout.context.ts'\r\nimport { CALLOUT_STYLES } from '@components/feedback/callout/styles/Callout.css.ts'\r\nimport CalloutDescription from '@components/feedback/callout/components/callout-description/CalloutDescription.tsx'\r\nimport CalloutIcon from '@components/feedback/callout/components/callout-icon/CalloutIcon.tsx'\r\nimport CalloutTitle from '@components/feedback/callout/components/callout-title/CalloutTitle.tsx'\r\nimport type { CalloutCompound } from '@components/feedback/callout/types'\r\nimport type { CalloutProps } from '@components/feedback/callout/types/Callout.props.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { createIconChildUtils } from '@utils/createIconChildUtils.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst { hasIconChild, extractIconChild } = createIconChildUtils(CalloutIcon)\r\n\r\nconst Callout = memo<CalloutProps>((calloutProps) => {\r\n    const {\r\n        variant = 'info',\r\n        icon,\r\n        title,\r\n        description,\r\n        children,\r\n        className,\r\n        ref,\r\n        ...props\r\n    } = calloutProps\r\n    const role = 'role' in calloutProps ? calloutProps.role : 'status'\r\n\r\n    const showDefaultIcon = !hasIconChild(children)\r\n    const iconChild = extractIconChild(children)\r\n    const remainingChildren = iconChild.remaining\r\n\r\n    return (\r\n        <CalloutContext.Provider value={{ variant }}>\r\n            <Flex\r\n                ref={ref}\r\n                alignItems={'start'}\r\n                gap={'md'}\r\n                className={cn(CALLOUT_STYLES.recipe({ variant }), className)}\r\n                {...props}\r\n                role={role}\r\n            >\r\n                {showDefaultIcon ? (\r\n                    <CalloutIcon icon={icon} />\r\n                ) : (\r\n                    iconChild.node\r\n                )}\r\n                <Flex\r\n                    flexDirection={'column'}\r\n                    alignItems={'start'}\r\n                    gap={'xs'}\r\n                    minWidth={0}\r\n                >\r\n                    {title && <CalloutTitle>{title}</CalloutTitle>}\r\n                    {description && (\r\n                        <CalloutDescription>{description}</CalloutDescription>\r\n                    )}\r\n                    {remainingChildren}\r\n                </Flex>\r\n            </Flex>\r\n        </CalloutContext.Provider>\r\n    )\r\n}) as unknown as CalloutCompound\r\n\r\nCallout.displayName = 'Callout'\r\nCallout.Icon = CalloutIcon\r\nCallout.Title = CalloutTitle\r\nCallout.Description = CalloutDescription\r\n\r\nexport default Callout\r\n"],"names":["hasIconChild","extractIconChild","createIconChildUtils","CalloutIcon","Callout","memo","calloutProps","variant","icon","title","description","children","className","ref","props","role","showDefaultIcon","iconChild","remainingChildren","CalloutContext","jsxs","Flex","cn","CALLOUT_STYLES","jsx","CalloutTitle","CalloutDescription"],"mappings":"kgBAaM,CAAE,aAAAA,EAAc,iBAAAC,GAAqBC,EAAAA,qBAAqBC,CAAW,EAErEC,EAAUC,EAAAA,KAAoBC,GAAiB,CACjD,KAAM,CACF,QAAAC,EAAU,OACV,KAAAC,EACA,MAAAC,EACA,YAAAC,EACA,SAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CAAA,EACHR,EACES,EAAO,SAAUT,EAAeA,EAAa,KAAO,SAEpDU,EAAkB,CAAChB,EAAaW,CAAQ,EACxCM,EAAYhB,EAAiBU,CAAQ,EACrCO,EAAoBD,EAAU,UAEpC,aACKE,EAAAA,eAAe,SAAf,CAAwB,MAAO,CAAE,QAAAZ,GAC9B,SAAAa,EAAAA,KAACC,EAAA,CACG,IAAAR,EACA,WAAY,QACZ,IAAK,KACL,UAAWS,EAAAA,GAAGC,iBAAe,OAAO,CAAE,QAAAhB,CAAA,CAAS,EAAGK,CAAS,EAC1D,GAAGE,EACJ,KAAAC,EAEC,SAAA,CAAAC,EACGQ,EAAAA,IAACrB,EAAA,CAAY,KAAAK,CAAA,CAAY,EAEzBS,EAAU,KAEdG,EAAAA,KAACC,EAAA,CACG,cAAe,SACf,WAAY,QACZ,IAAK,KACL,SAAU,EAET,SAAA,CAAAZ,GAASe,EAAAA,IAACC,GAAc,SAAAhB,CAAA,CAAM,EAC9BC,GACGc,EAAAA,IAACE,EAAA,CAAoB,SAAAhB,CAAA,CAAY,EAEpCQ,CAAA,CAAA,CAAA,CACL,CAAA,CAAA,EAER,CAER,CAAC,EAEDd,EAAQ,YAAc,UACtBA,EAAQ,KAAOD,EACfC,EAAQ,MAAQqB,EAChBrB,EAAQ,YAAcsB"}

package/dist/components/feedback/callout/Callout.js

@@ -1,49 +1,47 @@
 import { jsx as o, jsxs as a } from "react/jsx-runtime";
-import { memo as g } from "react";
-import { CalloutContext as D } from "./context/Callout.context.js";
-import { CALLOUT_STYLES as T } from "./styles/Callout.css.js";
-import s from "./components/callout-description/CalloutDescription.js";
+import { memo as D } from "react";
+import { CalloutContext as T } from "./context/Callout.context.js";
+import { CALLOUT_STYLES as v } from "./styles/Callout.css.js";
+import p from "./components/callout-description/CalloutDescription.js";
 import r from "./components/callout-icon/CalloutIcon.js";
-/* empty css                                                              */
-import p from "./components/callout-title/CalloutTitle.js";
-import c from "../../layout/flex/Flex.js";
+import d from "./components/callout-title/CalloutTitle.js";
+import s from "../../layout/flex/Flex.js";
 import "../../layout/flex/styles/Flex.css.js";
 import { createIconChildUtils as L } from "../../../utils/createIconChildUtils.js";
-import { cn as j } from "../../../utils/cn.js";
-const { hasIconChild: N, extractIconChild: S } = L(r), t = g(({
-  variant: i = "info",
-  role: d = "status",
-  icon: f,
-  title: l,
-  description: m,
-  children: n,
-  className: C,
-  ref: h,
-  ...u
-}) => {
-  const x = !N(n), e = S(n), I = e.remaining;
-  return /* @__PURE__ */ o(D.Provider, { value: { variant: i }, children: /* @__PURE__ */ a(
-    c,
+import { cn as N } from "../../../utils/cn.js";
+const { hasIconChild: j, extractIconChild: S } = L(r), i = D((t) => {
+  const {
+    variant: e = "info",
+    icon: f,
+    title: n,
+    description: l,
+    children: m,
+    className: h,
+    ref: C,
+    ...u
+  } = t, x = "role" in t ? t.role : "status", I = !j(m), c = S(m), g = c.remaining;
+  return /* @__PURE__ */ o(T.Provider, { value: { variant: e }, children: /* @__PURE__ */ a(
+    s,
     {
-      ref: h,
+      ref: C,
       alignItems: "start",
       gap: "md",
-      className: j(T.recipe({ variant: i }), C),
-      role: d,
+      className: N(v.recipe({ variant: e }), h),
       ...u,
+      role: x,
       children: [
-        x ? /* @__PURE__ */ o(r, { icon: f }) : e.node,
+        I ? /* @__PURE__ */ o(r, { icon: f }) : c.node,
         /* @__PURE__ */ a(
-          c,
+          s,
           {
             flexDirection: "column",
             alignItems: "start",
             gap: "xs",
             minWidth: 0,
             children: [
+              n && /* @__PURE__ */ o(d, { children: n }),
               l && /* @__PURE__ */ o(p, { children: l }),
-              m && /* @__PURE__ */ o(s, { children: m }),
-              I
+              g
             ]
           }
         )
@@ -51,11 +49,11 @@ const { hasIconChild: N, extractIconChild: S } = L(r), t = g(({
     }
   ) });
 });
-t.displayName = "Callout";
-t.Icon = r;
-t.Title = p;
-t.Description = s;
+i.displayName = "Callout";
+i.Icon = r;
+i.Title = d;
+i.Description = p;
 export {
-  t as default
+  i as default
 };
 //# sourceMappingURL=Callout.js.map

package/dist/components/feedback/callout/Callout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.js","sources":["../../../../src/components/feedback/callout/Callout.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { CalloutContext } from '@components/feedback/callout/context/Callout.context.ts'\r\nimport { CALLOUT_STYLES } from '@components/feedback/callout/styles/Callout.css.ts'\r\nimport { CalloutDescription } from '@components/feedback/callout/components/callout-description'\r\nimport { CalloutIcon } from '@components/feedback/callout/components/callout-icon'\r\nimport { CalloutTitle } from '@components/feedback/callout/components/callout-title'\r\nimport type { CalloutCompound } from '@components/feedback/callout/types'\r\nimport type { CalloutProps } from '@components/feedback/callout/types/Callout.props.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { createIconChildUtils } from '@utils/createIconChildUtils.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst { hasIconChild, extractIconChild } = createIconChildUtils(CalloutIcon)\r\n\r\nconst Callout = memo<CalloutProps>(({\r\n    variant = 'info',\r\n    role = 'status',\r\n    icon,\r\n    title,\r\n    description,\r\n    children,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const showDefaultIcon = !hasIconChild(children)\r\n    const iconChild = extractIconChild(children)\r\n    const remainingChildren = iconChild.remaining\r\n\r\n    return (\r\n        <CalloutContext.Provider value={{ variant }}>\r\n            <Flex\r\n                ref={ref}\r\n                alignItems={'start'}\r\n                gap={'md'}\r\n                className={cn(CALLOUT_STYLES.recipe({ variant }), className)}\r\n                role={role}\r\n                {...props}\r\n            >\r\n                {showDefaultIcon ? (\r\n                    <CalloutIcon icon={icon} />\r\n                ) : (\r\n                    iconChild.node\r\n                )}\r\n                <Flex\r\n                    flexDirection={'column'}\r\n                    alignItems={'start'}\r\n                    gap={'xs'}\r\n                    minWidth={0}\r\n                >\r\n                    {title && <CalloutTitle>{title}</CalloutTitle>}\r\n                    {description && (\r\n                        <CalloutDescription>{description}</CalloutDescription>\r\n                    )}\r\n                    {remainingChildren}\r\n                </Flex>\r\n            </Flex>\r\n        </CalloutContext.Provider>\r\n    )\r\n}) as unknown as CalloutCompound\r\n\r\nCallout.displayName = 'Callout'\r\nCallout.Icon = CalloutIcon\r\nCallout.Title = CalloutTitle\r\nCallout.Description = CalloutDescription\r\n\r\nexport default Callout\r\n"],"names":["hasIconChild","extractIconChild","createIconChildUtils","CalloutIcon","Callout","memo","variant","role","icon","title","description","children","className","ref","props","showDefaultIcon","iconChild","remainingChildren","CalloutContext","jsxs","Flex","cn","CALLOUT_STYLES","jsx","CalloutTitle","CalloutDescription"],"mappings":";;;;;;;;;;;;AAaA,MAAM,EAAE,cAAAA,GAAc,kBAAAC,MAAqBC,EAAqBC,CAAW,GAErEC,IAAUC,EAAmB,CAAC;AAAA,EAChC,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAkB,CAACf,EAAaW,CAAQ,GACxCK,IAAYf,EAAiBU,CAAQ,GACrCM,IAAoBD,EAAU;AAEpC,2BACKE,EAAe,UAAf,EAAwB,OAAO,EAAE,SAAAZ,KAC9B,UAAA,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAP;AAAA,MACA,YAAY;AAAA,MACZ,KAAK;AAAA,MACL,WAAWQ,EAAGC,EAAe,OAAO,EAAE,SAAAhB,EAAA,CAAS,GAAGM,CAAS;AAAA,MAC3D,MAAAL;AAAA,MACC,GAAGO;AAAA,MAEH,UAAA;AAAA,QAAAC,IACG,gBAAAQ,EAACpB,GAAA,EAAY,MAAAK,EAAA,CAAY,IAEzBQ,EAAU;AAAA,QAEd,gBAAAG;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,eAAe;AAAA,YACf,YAAY;AAAA,YACZ,KAAK;AAAA,YACL,UAAU;AAAA,YAET,UAAA;AAAA,cAAAX,KAAS,gBAAAc,EAACC,KAAc,UAAAf,EAAA,CAAM;AAAA,cAC9BC,KACG,gBAAAa,EAACE,GAAA,EAAoB,UAAAf,EAAA,CAAY;AAAA,cAEpCO;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA,GAER;AAER,CAAC;AAEDb,EAAQ,cAAc;AACtBA,EAAQ,OAAOD;AACfC,EAAQ,QAAQoB;AAChBpB,EAAQ,cAAcqB;"}
+{"version":3,"file":"Callout.js","sources":["../../../../src/components/feedback/callout/Callout.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { CalloutContext } from '@components/feedback/callout/context/Callout.context.ts'\r\nimport { CALLOUT_STYLES } from '@components/feedback/callout/styles/Callout.css.ts'\r\nimport CalloutDescription from '@components/feedback/callout/components/callout-description/CalloutDescription.tsx'\r\nimport CalloutIcon from '@components/feedback/callout/components/callout-icon/CalloutIcon.tsx'\r\nimport CalloutTitle from '@components/feedback/callout/components/callout-title/CalloutTitle.tsx'\r\nimport type { CalloutCompound } from '@components/feedback/callout/types'\r\nimport type { CalloutProps } from '@components/feedback/callout/types/Callout.props.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { createIconChildUtils } from '@utils/createIconChildUtils.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst { hasIconChild, extractIconChild } = createIconChildUtils(CalloutIcon)\r\n\r\nconst Callout = memo<CalloutProps>((calloutProps) => {\r\n    const {\r\n        variant = 'info',\r\n        icon,\r\n        title,\r\n        description,\r\n        children,\r\n        className,\r\n        ref,\r\n        ...props\r\n    } = calloutProps\r\n    const role = 'role' in calloutProps ? calloutProps.role : 'status'\r\n\r\n    const showDefaultIcon = !hasIconChild(children)\r\n    const iconChild = extractIconChild(children)\r\n    const remainingChildren = iconChild.remaining\r\n\r\n    return (\r\n        <CalloutContext.Provider value={{ variant }}>\r\n            <Flex\r\n                ref={ref}\r\n                alignItems={'start'}\r\n                gap={'md'}\r\n                className={cn(CALLOUT_STYLES.recipe({ variant }), className)}\r\n                {...props}\r\n                role={role}\r\n            >\r\n                {showDefaultIcon ? (\r\n                    <CalloutIcon icon={icon} />\r\n                ) : (\r\n                    iconChild.node\r\n                )}\r\n                <Flex\r\n                    flexDirection={'column'}\r\n                    alignItems={'start'}\r\n                    gap={'xs'}\r\n                    minWidth={0}\r\n                >\r\n                    {title && <CalloutTitle>{title}</CalloutTitle>}\r\n                    {description && (\r\n                        <CalloutDescription>{description}</CalloutDescription>\r\n                    )}\r\n                    {remainingChildren}\r\n                </Flex>\r\n            </Flex>\r\n        </CalloutContext.Provider>\r\n    )\r\n}) as unknown as CalloutCompound\r\n\r\nCallout.displayName = 'Callout'\r\nCallout.Icon = CalloutIcon\r\nCallout.Title = CalloutTitle\r\nCallout.Description = CalloutDescription\r\n\r\nexport default Callout\r\n"],"names":["hasIconChild","extractIconChild","createIconChildUtils","CalloutIcon","Callout","memo","calloutProps","variant","icon","title","description","children","className","ref","props","role","showDefaultIcon","iconChild","remainingChildren","CalloutContext","jsxs","Flex","cn","CALLOUT_STYLES","jsx","CalloutTitle","CalloutDescription"],"mappings":";;;;;;;;;;;AAaA,MAAM,EAAE,cAAAA,GAAc,kBAAAC,MAAqBC,EAAqBC,CAAW,GAErEC,IAAUC,EAAmB,CAACC,MAAiB;AACjD,QAAM;AAAA,IACF,SAAAC,IAAU;AAAA,IACV,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHR,GACES,IAAO,UAAUT,IAAeA,EAAa,OAAO,UAEpDU,IAAkB,CAAChB,EAAaW,CAAQ,GACxCM,IAAYhB,EAAiBU,CAAQ,GACrCO,IAAoBD,EAAU;AAEpC,2BACKE,EAAe,UAAf,EAAwB,OAAO,EAAE,SAAAZ,KAC9B,UAAA,gBAAAa;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAR;AAAA,MACA,YAAY;AAAA,MACZ,KAAK;AAAA,MACL,WAAWS,EAAGC,EAAe,OAAO,EAAE,SAAAhB,EAAA,CAAS,GAAGK,CAAS;AAAA,MAC1D,GAAGE;AAAA,MACJ,MAAAC;AAAA,MAEC,UAAA;AAAA,QAAAC,IACG,gBAAAQ,EAACrB,GAAA,EAAY,MAAAK,EAAA,CAAY,IAEzBS,EAAU;AAAA,QAEd,gBAAAG;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,eAAe;AAAA,YACf,YAAY;AAAA,YACZ,KAAK;AAAA,YACL,UAAU;AAAA,YAET,UAAA;AAAA,cAAAZ,KAAS,gBAAAe,EAACC,KAAc,UAAAhB,EAAA,CAAM;AAAA,cAC9BC,KACG,gBAAAc,EAACE,GAAA,EAAoB,UAAAhB,EAAA,CAAY;AAAA,cAEpCQ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAAA,GAER;AAER,CAAC;AAEDd,EAAQ,cAAc;AACtBA,EAAQ,OAAOD;AACfC,EAAQ,QAAQqB;AAChBrB,EAAQ,cAAcsB;"}

package/dist/components/feedback/callout/components/callout-description/index.d.ts

@@ -1,2 +1 @@
-export { default as CalloutDescription } from './CalloutDescription.tsx';
 export type { CalloutDescriptionProps } from './types/CalloutDescription.props.ts';

package/dist/components/feedback/callout/components/callout-icon/index.d.ts

@@ -1,3 +1,2 @@
-export { default as CalloutIcon } from './CalloutIcon.tsx';
 export { CALLOUT_ICON_STYLES } from './styles/CalloutIcon.css.ts';
 export type { CalloutIconProps } from './types/CalloutIcon.props.ts';

package/dist/components/feedback/callout/components/callout-title/index.d.ts

@@ -1,2 +1 @@
-export { default as CalloutTitle } from './CalloutTitle.tsx';
 export type { CalloutTitleProps } from './types/CalloutTitle.props.ts';

package/dist/components/feedback/callout/types/Callout.props.d.ts

@@ -8,7 +8,7 @@ export type CalloutProps = React.HTMLAttributes<HTMLDivElement> & React.RefAttri
     /**
      * Accessible live-region role. Defaults to "status" (polite). Use "alert"
      * for critical, time-sensitive messages that should interrupt the screen
-     * reader, or "none" to opt out of live-region semantics entirely.
+     * reader, or pass undefined to opt out of live-region semantics entirely.
      */
     role?: CalloutRole;
     /** Optional icon identifier. A default icon is provided per variant. */

package/dist/components/feedback/callout/types/Callout.types.d.ts

@@ -1,4 +1,4 @@
 /** Visual intent variants for the Callout component. */
 export type CalloutVariant = 'info' | 'success' | 'warning' | 'error';
 /** Accessible live-region role for the Callout root. */
-export type CalloutRole = 'alert' | 'status' | 'none';
+export type CalloutRole = 'alert' | 'status' | undefined;

package/dist/components/feedback/empty-state/EmptyState.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),r=require("../../layout/flex/Flex.cjs");require("../../layout/flex/styles/Flex.css.cjs");const n=require("../../foundation/typography/Typography.cjs");require("../../foundation/typography/styles/Typography.css.cjs");const t=require("./styles/EmptyState.css.cjs"),S=require("../../../utils/cn.cjs"),x=require("react"),c=x.memo(({title:i,description:o,action:s,className:a,ref:l,...m})=>e.jsxs(r,{ref:l,flexDirection:"column",gap:"sm",className:S.cn(t.EMPTY_STATE_STYLES.root,a),...m,children:[e.jsxs(r,{flexDirection:"column",gap:"xs",alignItems:"center",className:t.EMPTY_STATE_STYLES.content,children:[e.jsx(n,{as:"h2",variant:"h2",fontSize:"xl",fontWeight:"semibold",children:i}),e.jsx(n,{as:"p",variant:"p",fontSize:"sm",color:"textSecondary",children:o})]}),s&&e.jsx("div",{className:t.EMPTY_STATE_STYLES.action,children:s})]}));c.displayName="EmptyState";module.exports=c;
+//# sourceMappingURL=EmptyState.cjs.map

package/dist/components/feedback/empty-state/EmptyState.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.cjs","sources":["../../../../src/components/feedback/empty-state/EmptyState.tsx"],"sourcesContent":["import { Flex } from '@components/layout/flex'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { EMPTY_STATE_STYLES } from '@components/feedback/empty-state/styles/EmptyState.css.ts'\r\nimport type { EmptyStateProps } from '@components/feedback/empty-state/types/EmptyState.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst EmptyState: FC<EmptyStateProps> = memo(({\r\n    title,\r\n    description,\r\n    action,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => (\r\n    <Flex\r\n        ref={ref}\r\n        flexDirection={'column'}\r\n        gap={'sm'}\r\n        className={cn(EMPTY_STATE_STYLES.root, className)}\r\n        {...props}\r\n    >\r\n        <Flex\r\n            flexDirection={'column'}\r\n            gap={'xs'}\r\n            alignItems={'center'}\r\n            className={EMPTY_STATE_STYLES.content}\r\n        >\r\n            <Typography\r\n                as={'h2'}\r\n                variant={'h2'}\r\n                fontSize={'xl'}\r\n                fontWeight={'semibold'}\r\n            >\r\n                {title}\r\n            </Typography>\r\n            <Typography\r\n                as={'p'}\r\n                variant={'p'}\r\n                fontSize={'sm'}\r\n                color={'textSecondary'}\r\n            >\r\n                {description}\r\n            </Typography>\r\n        </Flex>\r\n        {action && (\r\n            <div className={EMPTY_STATE_STYLES.action}>\r\n                {action}\r\n            </div>\r\n        )}\r\n    </Flex>\r\n))\r\n\r\nEmptyState.displayName = 'EmptyState'\r\n\r\nexport default EmptyState\r\n"],"names":["EmptyState","memo","title","description","action","className","ref","props","jsxs","Flex","cn","EMPTY_STATE_STYLES","jsx","Typography"],"mappings":"+WAOMA,EAAkCC,EAAAA,KAAK,CAAC,CAC1C,MAAAC,EACA,YAAAC,EACA,OAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,KAACC,EAAA,CACG,IAAAH,EACA,cAAe,SACf,IAAK,KACL,UAAWI,EAAAA,GAAGC,qBAAmB,KAAMN,CAAS,EAC/C,GAAGE,EAEJ,SAAA,CAAAC,EAAAA,KAACC,EAAA,CACG,cAAe,SACf,IAAK,KACL,WAAY,SACZ,UAAWE,EAAAA,mBAAmB,QAE9B,SAAA,CAAAC,EAAAA,IAACC,EAAA,CACG,GAAI,KACJ,QAAS,KACT,SAAU,KACV,WAAY,WAEX,SAAAX,CAAA,CAAA,EAELU,EAAAA,IAACC,EAAA,CACG,GAAI,IACJ,QAAS,IACT,SAAU,KACV,MAAO,gBAEN,SAAAV,CAAA,CAAA,CACL,CAAA,CAAA,EAEHC,GACGQ,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,mBAAmB,OAC9B,SAAAP,CAAA,CACL,CAAA,CAAA,CAER,CACH,EAEDJ,EAAW,YAAc"}

package/dist/components/feedback/empty-state/EmptyState.d.ts

@@ -0,0 +1,4 @@
+import { EmptyStateProps } from './types/EmptyState.props.ts';
+import { FC } from 'react';
+declare const EmptyState: FC<EmptyStateProps>;
+export default EmptyState;