@choco-vanille/ui 1.2.0 → 1.3.0

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

@@ -0,0 +1,4 @@
+import { RichTextRendererProps } from './types';
+import { NamedExoticComponent } from 'react';
+declare const RichTextRenderer: NamedExoticComponent<RichTextRendererProps>;
+export default RichTextRenderer;

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

@@ -0,0 +1,26 @@
+import { jsx as t } from "react/jsx-runtime";
+import { memo as i } from "react";
+import p from "../../layout/box/Box.js";
+import "../../layout/box/styles/Box.css.js";
+import { cn as R } from "../../../utils/cn.js";
+import { RICH_TEXT_RENDERER_STYLES as c } from "./styles/RichTextRenderer.css.js";
+import { renderRichTextNodes as n } from "./utils/renderRichTextNodes.utils.js";
+const d = i(({
+  value: r,
+  className: e,
+  ref: o,
+  ...m
+}) => /* @__PURE__ */ t(
+  p,
+  {
+    ref: o,
+    className: R(c, e),
+    ...m,
+    children: n(r.content)
+  }
+));
+d.displayName = "RichTextRenderer";
+export {
+  d as default
+};
+//# sourceMappingURL=RichTextRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextRenderer.js","sources":["../../../../src/components/data-display/rich-text-renderer/RichTextRenderer.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { Box } from '@components/layout/box'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { RICH_TEXT_RENDERER_STYLES } from '@components/data-display/rich-text-renderer/styles/RichTextRenderer.css.ts'\r\nimport type { RichTextRendererProps } from '@components/data-display/rich-text-renderer/types'\r\nimport { renderRichTextNodes } from '@components/data-display/rich-text-renderer/utils/renderRichTextNodes.utils.tsx'\r\n\r\nconst RichTextRenderer = memo<RichTextRendererProps>(({\r\n    value,\r\n    className,\r\n    ref,\r\n    ...props\r\n}) => (\r\n    <Box\r\n        ref={ref}\r\n        className={cn(RICH_TEXT_RENDERER_STYLES, className)}\r\n        {...props}\r\n    >\r\n        {renderRichTextNodes(value.content)}\r\n    </Box>\r\n))\r\n\r\nRichTextRenderer.displayName = 'RichTextRenderer'\r\n\r\nexport default RichTextRenderer\r\n"],"names":["RichTextRenderer","memo","value","className","ref","props","jsx","Box","cn","RICH_TEXT_RENDERER_STYLES","renderRichTextNodes"],"mappings":";;;;;;;AAQA,MAAMA,IAAmBC,EAA4B,CAAC;AAAA,EAClD,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,KAAAH;AAAA,IACA,WAAWI,EAAGC,GAA2BN,CAAS;AAAA,IACjD,GAAGE;AAAA,IAEH,UAAAK,EAAoBR,EAAM,OAAO;AAAA,EAAA;AACtC,CACH;AAEDF,EAAiB,cAAc;"}

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

@@ -0,0 +1,3 @@
+export { default as RichTextRenderer } from './RichTextRenderer.tsx';
+export { RICH_TEXT_RENDERER_STYLES } from './styles/RichTextRenderer.css.ts';
+export type { RichTextRendererProps } from './types';

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                              */;/* empty css                                      */var e="_14fy7o60";exports.RICH_TEXT_RENDERER_STYLES=e;
+//# sourceMappingURL=RichTextRenderer.css.cjs.map

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

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

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/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;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","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":";;;;;;;;AAOA,MAAMA,IAAkCC,EAAK,CAAC;AAAA,EAC1C,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,KAAAH;AAAA,IACA,eAAe;AAAA,IACf,KAAK;AAAA,IACL,WAAWI,EAAGC,EAAmB,MAAMN,CAAS;AAAA,IAC/C,GAAGE;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,eAAe;AAAA,UACf,KAAK;AAAA,UACL,YAAY;AAAA,UACZ,WAAWE,EAAmB;AAAA,UAE9B,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,IAAI;AAAA,gBACJ,SAAS;AAAA,gBACT,UAAU;AAAA,gBACV,YAAY;AAAA,gBAEX,UAAAX;AAAA,cAAA;AAAA,YAAA;AAAA,YAEL,gBAAAU;AAAA,cAACC;AAAA,cAAA;AAAA,gBACG,IAAI;AAAA,gBACJ,SAAS;AAAA,gBACT,UAAU;AAAA,gBACV,OAAO;AAAA,gBAEN,UAAAV;AAAA,cAAA;AAAA,YAAA;AAAA,UACL;AAAA,QAAA;AAAA,MAAA;AAAA,MAEHC,KACG,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,EAAmB,QAC9B,UAAAP,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAER,CACH;AAEDJ,EAAW,cAAc;"}

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

@@ -0,0 +1,3 @@
+export { default as EmptyState } from './EmptyState.tsx';
+export { EMPTY_STATE_STYLES } from './styles/EmptyState.css.ts';
+export type { EmptyStateProps } from './types';

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                              */;/* empty css                                */var e={root:"_16isg9l0",content:"_16isg9l1",action:"_16isg9l2"};exports.EMPTY_STATE_STYLES=e;
+//# sourceMappingURL=EmptyState.css.cjs.map

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

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

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

@@ -0,0 +1,5 @@
+export declare const EMPTY_STATE_STYLES: {
+    root: string;
+    content: string;
+    action: string;
+};

package/dist/components/feedback/empty-state/styles/EmptyState.css.js

@@ -0,0 +1,7 @@
+/* empty css                                            */
+/* empty css                              */
+var i = { root: "_16isg9l0", content: "_16isg9l1", action: "_16isg9l2" };
+export {
+  i as EMPTY_STATE_STYLES
+};
+//# sourceMappingURL=EmptyState.css.js.map

package/dist/components/feedback/empty-state/styles/EmptyState.css.js.map

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

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

@@ -0,0 +1,10 @@
+import type * as React from 'react';
+/** Props for an empty result state displayed in a list or table. */
+export type EmptyStateProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> & React.RefAttributes<HTMLDivElement> & {
+    /** Heading displayed for the empty state. */
+    title: React.ReactNode;
+    /** Supporting explanation displayed below the heading. */
+    description: React.ReactNode;
+    /** Optional action, such as a Button or Link. */
+    action?: React.ReactNode;
+};

package/dist/components/feedback/empty-state/types/index.d.ts

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

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

@@ -2,3 +2,5 @@ export * from './skeleton';
 export * from './callout';
 export * from './toast';
 export * from './progress';
+export * from './empty-state';
+export * from './spinner';

package/dist/components/feedback/spinner/Spinner.cjs

@@ -0,0 +1,2 @@
+"use strict";const o=require("react/jsx-runtime"),a=require("./styles/Spinner.css.cjs"),p=require("../../../utils/cn.cjs"),u=require("react"),e=u.memo(({size:s,color:r,className:n,role:c,ref:t,...i})=>o.jsx("span",{ref:t,role:c??"status",className:p.cn(a.SPINNER_STYLES.recipe({size:s,color:r}),n),...i}));e.displayName="Spinner";module.exports=e;
+//# sourceMappingURL=Spinner.cjs.map

package/dist/components/feedback/spinner/Spinner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.cjs","sources":["../../../../src/components/feedback/spinner/Spinner.tsx"],"sourcesContent":["import { SPINNER_STYLES } from '@components/feedback/spinner/styles/Spinner.css.ts'\r\nimport type { SpinnerProps } from '@components/feedback/spinner/types/Spinner.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst Spinner: FC<SpinnerProps> = memo(({\r\n    size,\r\n    color,\r\n    className,\r\n    role,\r\n    ref,\r\n    ...props\r\n}) => (\r\n    <span\r\n        ref={ref}\r\n        role={role ?? 'status'}\r\n        className={cn(SPINNER_STYLES.recipe({ size, color }), className)}\r\n        {...props}\r\n    />\r\n))\r\n\r\nSpinner.displayName = 'Spinner'\r\n\r\nexport default Spinner\r\n"],"names":["Spinner","memo","size","color","className","role","ref","props","jsx","cn","SPINNER_STYLES"],"mappings":"8IAKMA,EAA4BC,EAAAA,KAAK,CAAC,CACpC,KAAAC,EACA,MAAAC,EACA,UAAAC,EACA,KAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,IAAC,OAAA,CACG,IAAAF,EACA,KAAMD,GAAQ,SACd,UAAWI,EAAAA,GAAGC,EAAAA,eAAe,OAAO,CAAE,KAAAR,EAAM,MAAAC,CAAA,CAAO,EAAGC,CAAS,EAC9D,GAAGG,CAAA,CACR,CACH,EAEDP,EAAQ,YAAc"}

package/dist/components/feedback/spinner/Spinner.d.ts

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

package/dist/components/feedback/spinner/Spinner.js

@@ -0,0 +1,25 @@
+import { jsx as t } from "react/jsx-runtime";
+import { SPINNER_STYLES as a } from "./styles/Spinner.css.js";
+import { cn as i } from "../../../utils/cn.js";
+import { memo as n } from "react";
+const f = n(({
+  size: r,
+  color: m,
+  className: o,
+  role: e,
+  ref: p,
+  ...s
+}) => /* @__PURE__ */ t(
+  "span",
+  {
+    ref: p,
+    role: e ?? "status",
+    className: i(a.recipe({ size: r, color: m }), o),
+    ...s
+  }
+));
+f.displayName = "Spinner";
+export {
+  f as default
+};
+//# sourceMappingURL=Spinner.js.map

package/dist/components/feedback/spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sources":["../../../../src/components/feedback/spinner/Spinner.tsx"],"sourcesContent":["import { SPINNER_STYLES } from '@components/feedback/spinner/styles/Spinner.css.ts'\r\nimport type { SpinnerProps } from '@components/feedback/spinner/types/Spinner.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst Spinner: FC<SpinnerProps> = memo(({\r\n    size,\r\n    color,\r\n    className,\r\n    role,\r\n    ref,\r\n    ...props\r\n}) => (\r\n    <span\r\n        ref={ref}\r\n        role={role ?? 'status'}\r\n        className={cn(SPINNER_STYLES.recipe({ size, color }), className)}\r\n        {...props}\r\n    />\r\n))\r\n\r\nSpinner.displayName = 'Spinner'\r\n\r\nexport default Spinner\r\n"],"names":["Spinner","memo","size","color","className","role","ref","props","jsx","cn","SPINNER_STYLES"],"mappings":";;;;AAKA,MAAMA,IAA4BC,EAAK,CAAC;AAAA,EACpC,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,KAAAF;AAAA,IACA,MAAMD,KAAQ;AAAA,IACd,WAAWI,EAAGC,EAAe,OAAO,EAAE,MAAAR,GAAM,OAAAC,EAAA,CAAO,GAAGC,CAAS;AAAA,IAC9D,GAAGG;AAAA,EAAA;AACR,CACH;AAEDP,EAAQ,cAAc;"}

package/dist/components/feedback/spinner/constants/index.d.ts

@@ -0,0 +1 @@
+export { SPINNER_COLORS, SPINNER_COLORS_ARRAY, } from './spinnerColors.const.ts';

package/dist/components/feedback/spinner/constants/spinnerColors.const.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={primary:"primary",secondary:"secondary",tertiary:"tertiary",destructive:"destructive",success:"success",warning:"warning",info:"info"},r=Object.values(e);exports.SPINNER_COLORS=e;exports.SPINNER_COLORS_ARRAY=r;
+//# sourceMappingURL=spinnerColors.const.cjs.map

package/dist/components/feedback/spinner/constants/spinnerColors.const.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinnerColors.const.cjs","sources":["../../../../../src/components/feedback/spinner/constants/spinnerColors.const.ts"],"sourcesContent":["export const SPINNER_COLORS = {\r\n    primary: 'primary',\r\n    secondary: 'secondary',\r\n    tertiary: 'tertiary',\r\n    destructive: 'destructive',\r\n    success: 'success',\r\n    warning: 'warning',\r\n    info: 'info',\r\n} as const\r\n\r\nexport const SPINNER_COLORS_ARRAY = Object.values(SPINNER_COLORS)\r\n"],"names":["SPINNER_COLORS","SPINNER_COLORS_ARRAY"],"mappings":"gFAAO,MAAMA,EAAiB,CAC1B,QAAS,UACT,UAAW,YACX,SAAU,WACV,YAAa,cACb,QAAS,UACT,QAAS,UACT,KAAM,MACV,EAEaC,EAAuB,OAAO,OAAOD,CAAc"}

package/dist/components/feedback/spinner/constants/spinnerColors.const.d.ts

@@ -0,0 +1,10 @@
+export declare const SPINNER_COLORS: {
+    readonly primary: "primary";
+    readonly secondary: "secondary";
+    readonly tertiary: "tertiary";
+    readonly destructive: "destructive";
+    readonly success: "success";
+    readonly warning: "warning";
+    readonly info: "info";
+};
+export declare const SPINNER_COLORS_ARRAY: ("primary" | "secondary" | "tertiary" | "success" | "warning" | "info" | "destructive")[];

package/dist/components/feedback/spinner/constants/spinnerColors.const.js

@@ -0,0 +1,14 @@
+const r = {
+  primary: "primary",
+  secondary: "secondary",
+  tertiary: "tertiary",
+  destructive: "destructive",
+  success: "success",
+  warning: "warning",
+  info: "info"
+}, e = Object.values(r);
+export {
+  r as SPINNER_COLORS,
+  e as SPINNER_COLORS_ARRAY
+};
+//# sourceMappingURL=spinnerColors.const.js.map

package/dist/components/feedback/spinner/constants/spinnerColors.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinnerColors.const.js","sources":["../../../../../src/components/feedback/spinner/constants/spinnerColors.const.ts"],"sourcesContent":["export const SPINNER_COLORS = {\r\n    primary: 'primary',\r\n    secondary: 'secondary',\r\n    tertiary: 'tertiary',\r\n    destructive: 'destructive',\r\n    success: 'success',\r\n    warning: 'warning',\r\n    info: 'info',\r\n} as const\r\n\r\nexport const SPINNER_COLORS_ARRAY = Object.values(SPINNER_COLORS)\r\n"],"names":["SPINNER_COLORS","SPINNER_COLORS_ARRAY"],"mappings":"AAAO,MAAMA,IAAiB;AAAA,EAC1B,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,aAAa;AAAA,EACb,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AACV,GAEaC,IAAuB,OAAO,OAAOD,CAAc;"}

package/dist/components/feedback/spinner/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Spinner } from './Spinner.tsx';
+export { SPINNER_STYLES } from './styles/Spinner.css.ts';
+export { SPINNER_COLORS, SPINNER_COLORS_ARRAY, } from './constants';
+export type { SpinnerProps } from './types/Spinner.props.ts';
+export type { SpinnerColor, SpinnerSize, } from './types/Spinner.types.ts';

package/dist/components/feedback/spinner/styles/Spinner.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                                */;/* empty css                                                                 */;/* empty css                                                                         */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                    */;/* empty css                                                                     */;/* empty css                                                                       */;/* empty css                                                                        */;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                       */;/* empty css                                              */;/* empty css                             */const e=require("@vanilla-extract/recipes/createRuntimeFn");var r={recipe:e.createRuntimeFn({defaultClassName:"_1201nhk0",variantClassNames:{size:{xs:"_1201nhk1",sm:"_1201nhk2",md:"_1201nhk3",lg:"_1201nhk4",xl:"_1201nhk5"},color:{primary:"_1201nhk6",secondary:"_1201nhk7",tertiary:"_1201nhk8",destructive:"_1201nhk9",success:"_1201nhka",warning:"_1201nhkb",info:"_1201nhkc"}},defaultVariants:{size:"md",color:"primary"},compoundVariants:[]})};exports.SPINNER_STYLES=r;
+//# sourceMappingURL=Spinner.css.cjs.map

package/dist/components/feedback/spinner/styles/Spinner.css.cjs.map

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

package/dist/components/feedback/spinner/styles/Spinner.css.d.ts

@@ -0,0 +1,32 @@
+import { RuntimeFn } from '@vanilla-extract/recipes';
+export declare const SPINNER_STYLES: {
+    recipe: RuntimeFn<{
+        size: {
+            xs: {
+                width: `var(--${string})`;
+                height: `var(--${string})`;
+            };
+            sm: {
+                width: `var(--${string})`;
+                height: `var(--${string})`;
+            };
+            md: {
+                width: `var(--${string})`;
+                height: `var(--${string})`;
+            };
+            lg: {
+                width: `var(--${string})`;
+                height: `var(--${string})`;
+            };
+            xl: {
+                width: `var(--${string})`;
+                height: `var(--${string})`;
+            };
+        };
+        color: {
+            [k: string]: {
+                color: `var(--${string})`;
+            };
+        };
+    }>;
+};

package/dist/components/feedback/spinner/styles/Spinner.css.js

@@ -0,0 +1,20 @@
+/* empty css                                                              */
+/* empty css                                                               */
+/* empty css                                                                       */
+/* empty css                                                                    */
+/* empty css                                                                     */
+/* empty css                                                                  */
+/* empty css                                                                   */
+/* empty css                                                                     */
+/* empty css                                                                      */
+/* empty css                                                                    */
+/* empty css                                                                     */
+/* empty css                                                                     */
+/* empty css                                            */
+/* empty css                           */
+import { createRuntimeFn as r } from "@vanilla-extract/recipes/createRuntimeFn";
+var u = { recipe: r({ defaultClassName: "_1201nhk0", variantClassNames: { size: { xs: "_1201nhk1", sm: "_1201nhk2", md: "_1201nhk3", lg: "_1201nhk4", xl: "_1201nhk5" }, color: { primary: "_1201nhk6", secondary: "_1201nhk7", tertiary: "_1201nhk8", destructive: "_1201nhk9", success: "_1201nhka", warning: "_1201nhkb", info: "_1201nhkc" } }, defaultVariants: { size: "md", color: "primary" }, compoundVariants: [] }) };
+export {
+  u as SPINNER_STYLES
+};
+//# sourceMappingURL=Spinner.css.js.map

package/dist/components/feedback/spinner/styles/Spinner.css.js.map

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

package/dist/components/feedback/spinner/types/Spinner.props.d.ts

@@ -0,0 +1,8 @@
+import { SpinnerColor, SpinnerSize } from './Spinner.types.ts';
+import type * as React from 'react';
+export type SpinnerProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'> & React.RefAttributes<HTMLSpanElement> & {
+    /** Size variant. Defaults to `md`. */
+    size?: SpinnerSize;
+    /** Semantic color intent. Defaults to `primary`. */
+    color?: SpinnerColor;
+};

package/dist/components/feedback/spinner/types/Spinner.types.d.ts

@@ -0,0 +1,5 @@
+import { SPINNER_COLORS } from '../constants';
+/** Semantic color intents for Spinner. */
+export type SpinnerColor = (typeof SPINNER_COLORS)[keyof typeof SPINNER_COLORS];
+/** Size variants for Spinner. Defaults to `md`. */
+export type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';

package/dist/components/feedback/spinner/types/index.d.ts

@@ -0,0 +1,2 @@
+export type { SpinnerProps } from './Spinner.props.ts';
+export type { SpinnerColor, SpinnerSize, } from './Spinner.types.ts';

package/dist/components/feedback/toast/ToastProvider.cjs

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),e=require("react"),u=require("react-dom"),s=require("sonner");require("./constants/index.cjs");const T=require("./constants/toastDimensions.const.cjs"),r=require("./constants/toastChannels.const.cjs"),i={closeButton:!0,style:{width:T.TOAST_WIDTH,maxWidth:"calc(100vw - 2rem)"}},n=({children:a})=>{const[o,c]=e.useState(null);return e.useEffect(()=>{c(document.body)},[]),t.jsxs(t.Fragment,{children:[a,o&&u.createPortal(t.jsxs(t.Fragment,{children:[t.jsx(s.Toaster,{id:r.TOAST_CHANNELS.toasts,position:"top-right",toastOptions:i,containerAriaLabel:"Toasts"}),t.jsx(s.Toaster,{id:r.TOAST_CHANNELS.notifications,position:"bottom-right",expand:!0,toastOptions:i,containerAriaLabel:"Notifications"})]}),o)]})};n.displayName="ToastProvider";module.exports=n;
+//# sourceMappingURL=ToastProvider.cjs.map

package/dist/components/feedback/toast/ToastProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastProvider.cjs","sources":["../../../../src/components/feedback/toast/ToastProvider.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\r\nimport { createPortal } from 'react-dom'\r\nimport { Toaster } from 'sonner'\r\n\r\nimport {\r\n    TOAST_CHANNELS,\r\n    TOAST_WIDTH,\r\n} from '@components/feedback/toast/constants'\r\nimport type { ToastProviderProps } from '@components/feedback/toast/types/ToastProvider.props.ts'\r\n\r\nconst TOASTER_OPTIONS = {\r\n    closeButton: true,\r\n    style: {\r\n        width: TOAST_WIDTH,\r\n        maxWidth: 'calc(100vw - 2rem)',\r\n    },\r\n} as const\r\n\r\nconst ToastProvider = ({ children }: ToastProviderProps) => {\r\n    const [portalRoot, setPortalRoot] = useState<HTMLElement | null>(null)\r\n\r\n    useEffect(() => {\r\n        setPortalRoot(document.body)\r\n    }, [])\r\n\r\n    return (\r\n        <>\r\n            {children}\r\n            {portalRoot && createPortal(\r\n                <>\r\n                    <Toaster\r\n                        id={TOAST_CHANNELS.toasts}\r\n                        position={'top-right'}\r\n                        toastOptions={TOASTER_OPTIONS}\r\n                        containerAriaLabel={'Toasts'}\r\n                    />\r\n                    <Toaster\r\n                        id={TOAST_CHANNELS.notifications}\r\n                        position={'bottom-right'}\r\n                        expand={true}\r\n                        toastOptions={TOASTER_OPTIONS}\r\n                        containerAriaLabel={'Notifications'}\r\n                    />\r\n                </>,\r\n                portalRoot,\r\n            )}\r\n        </>\r\n    )\r\n}\r\n\r\nToastProvider.displayName = 'ToastProvider'\r\n\r\nexport default ToastProvider\r\n"],"names":["TOASTER_OPTIONS","TOAST_WIDTH","ToastProvider","children","portalRoot","setPortalRoot","useState","useEffect","jsxs","Fragment","createPortal","jsx","Toaster","TOAST_CHANNELS"],"mappings":"2PAUMA,EAAkB,CACpB,YAAa,GACb,MAAO,CACH,MAAOC,EAAAA,YACP,SAAU,oBAAA,CAElB,EAEMC,EAAgB,CAAC,CAAE,SAAAC,KAAmC,CACxD,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAA6B,IAAI,EAErEC,OAAAA,EAAAA,UAAU,IAAM,CACZF,EAAc,SAAS,IAAI,CAC/B,EAAG,CAAA,CAAE,EAGDG,EAAAA,KAAAC,WAAA,CACK,SAAA,CAAAN,EACAC,GAAcM,EAAAA,aACXF,OAAAC,EAAAA,SAAA,CACI,SAAA,CAAAE,EAAAA,IAACC,EAAAA,QAAA,CACG,GAAIC,EAAAA,eAAe,OACnB,SAAU,YACV,aAAcb,EACd,mBAAoB,QAAA,CAAA,EAExBW,EAAAA,IAACC,EAAAA,QAAA,CACG,GAAIC,EAAAA,eAAe,cACnB,SAAU,eACV,OAAQ,GACR,aAAcb,EACd,mBAAoB,eAAA,CAAA,CACxB,EACJ,EACAI,CAAA,CACJ,EACJ,CAER,EAEAF,EAAc,YAAc"}