@tetherto/dev-websites-core 0.2.1 → 0.3.1

package/dist/ui/components/Checkbox/index.mjs

@@ -0,0 +1,2 @@
+import { Checkbox } from "./Checkbox.mjs";
+export { Checkbox };

package/dist/ui/components/CodeBlock/CodeBlock.d.mts

@@ -0,0 +1,22 @@
+//#region src/ui/components/CodeBlock/CodeBlock.d.ts
+type CodeBlockTheme = 'light' | 'dark';
+type CodeBlockProps = {
+  code: string;
+  /** Pre-highlighted HTML (e.g. from shiki). When omitted, `code` is plain text. */
+  html?: string;
+  filename?: string | null;
+  theme?: CodeBlockTheme;
+  copyable?: boolean;
+  collapsible?: boolean;
+  className?: string;
+  /** Apps own i18n — pass translated aria labels. */
+  copyLabel: string;
+  copiedLabel: string;
+  expandLabel?: string;
+  collapseLabel?: string;
+  onCopied?: () => void;
+};
+declare function CodeBlock({ code, html, filename, theme, copyable, collapsible, className, copyLabel, copiedLabel, expandLabel, collapseLabel, onCopied }: CodeBlockProps): import("react").JSX.Element;
+//#endregion
+export { CodeBlock, CodeBlockProps, CodeBlockTheme };
+//# sourceMappingURL=CodeBlock.d.mts.map

package/dist/ui/components/CodeBlock/CodeBlock.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.d.mts","names":[],"sources":["../../../../src/ui/components/CodeBlock/CodeBlock.tsx"],"mappings":";KAOY;KAEA;EACV;;EAEA;EACA;EACA,QAAQ;EACR;EACA;EACA;;EAEA;EACA;EACA;EACA;EACA;;iBAqBO,YACP,MACA,MACA,UACA,OACA,UACA,aACA,WACA,WACA,aACA,aACA,eACA,YACC,iCAAc,IAAA"}

package/dist/ui/components/CodeBlock/CodeBlock.mjs

@@ -0,0 +1,66 @@
+"use client";
+import { cn } from "../../utils/cn.mjs";
+import { CopyButton } from "../CopyButton/CopyButton.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+//#region src/ui/components/CodeBlock/CodeBlock.tsx
+const CONTAINER_CLASS = {
+	light: "border-border bg-foreground/5 text-foreground",
+	dark: "border-border bg-card text-secondary"
+};
+const COPY_BUTTON_CLASS = {
+	light: "border-border bg-foreground/5 hover:bg-foreground/10",
+	dark: "border-border bg-card-elevated hover:bg-card-elevated/80"
+};
+const GRADIENT_CLASS = {
+	light: "from-transparent to-background",
+	dark: "from-transparent to-card"
+};
+const COLLAPSED_MAX_HEIGHT = "max-h-40";
+const PRE_STYLE = "m-0 whitespace-pre-wrap break-words font-mono text-sm leading-relaxed";
+function CodeBlock({ code, html, filename, theme = "dark", copyable = true, collapsible = false, className, copyLabel, copiedLabel, expandLabel = "Show more", collapseLabel = "Show less", onCopied }) {
+	const [expanded, setExpanded] = useState(false);
+	const isCollapsed = collapsible && !expanded;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("my-3 overflow-hidden rounded-card border", CONTAINER_CLASS[theme], className),
+		children: [filename ? /* @__PURE__ */ jsx("div", {
+			className: "border-b border-border-subtle px-4 py-2 font-mono text-sm text-secondary sm:px-5",
+			children: filename
+		}) : null, /* @__PURE__ */ jsxs("div", {
+			className: "relative",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: cn("p-5 sm:p-6", isCollapsed && COLLAPSED_MAX_HEIGHT, isCollapsed && "overflow-hidden", collapsible && "pb-16"),
+					children: html !== void 0 ? /* @__PURE__ */ jsx("div", {
+						className: PRE_STYLE,
+						dangerouslySetInnerHTML: { __html: html }
+					}) : /* @__PURE__ */ jsx("pre", {
+						className: PRE_STYLE,
+						children: /* @__PURE__ */ jsx("code", { children: code })
+					})
+				}),
+				isCollapsed ? /* @__PURE__ */ jsx("div", {
+					"aria-hidden": true,
+					className: cn("pointer-events-none absolute inset-x-0 bottom-12 h-16 bg-gradient-to-b", GRADIENT_CLASS[theme])
+				}) : null,
+				copyable ? /* @__PURE__ */ jsx(CopyButton, {
+					text: code,
+					"aria-label": copyLabel,
+					copiedAriaLabel: copiedLabel,
+					onCopied,
+					className: cn("absolute top-3 right-3 border", COPY_BUTTON_CLASS[theme])
+				}) : null,
+				collapsible ? /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: "absolute bottom-3 left-1/2 -translate-x-1/2 cursor-pointer rounded-btn border border-border bg-surface px-3 py-1.5 text-xs font-semibold text-foreground",
+					onClick: () => setExpanded((v) => !v),
+					children: expanded ? collapseLabel : expandLabel
+				}) : null
+			]
+		})]
+	});
+}
+//#endregion
+export { CodeBlock };
+
+//# sourceMappingURL=CodeBlock.mjs.map

package/dist/ui/components/CodeBlock/CodeBlock.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.mjs","names":[],"sources":["../../../../src/ui/components/CodeBlock/CodeBlock.tsx"],"sourcesContent":["'use client'\n\nimport { useState } from 'react'\n\nimport { CopyButton } from '../CopyButton/CopyButton.js'\nimport { cn } from '../../utils/cn.js'\n\nexport type CodeBlockTheme = 'light' | 'dark'\n\nexport type CodeBlockProps = {\n  code: string\n  /** Pre-highlighted HTML (e.g. from shiki). When omitted, `code` is plain text. */\n  html?: string\n  filename?: string | null\n  theme?: CodeBlockTheme\n  copyable?: boolean\n  collapsible?: boolean\n  className?: string\n  /** Apps own i18n — pass translated aria labels. */\n  copyLabel: string\n  copiedLabel: string\n  expandLabel?: string\n  collapseLabel?: string\n  onCopied?: () => void\n}\n\nconst CONTAINER_CLASS: Record<CodeBlockTheme, string> = {\n  light: 'border-border bg-foreground/5 text-foreground',\n  dark: 'border-border bg-card text-secondary',\n}\n\nconst COPY_BUTTON_CLASS: Record<CodeBlockTheme, string> = {\n  light: 'border-border bg-foreground/5 hover:bg-foreground/10',\n  dark: 'border-border bg-card-elevated hover:bg-card-elevated/80',\n}\n\nconst GRADIENT_CLASS: Record<CodeBlockTheme, string> = {\n  light: 'from-transparent to-background',\n  dark: 'from-transparent to-card',\n}\n\nconst COLLAPSED_MAX_HEIGHT = 'max-h-40'\nconst PRE_STYLE = 'm-0 whitespace-pre-wrap break-words font-mono text-sm leading-relaxed'\n\nfunction CodeBlock({\n  code,\n  html,\n  filename,\n  theme = 'dark',\n  copyable = true,\n  collapsible = false,\n  className,\n  copyLabel,\n  copiedLabel,\n  expandLabel = 'Show more',\n  collapseLabel = 'Show less',\n  onCopied,\n}: CodeBlockProps) {\n  const [expanded, setExpanded] = useState(false)\n  const isCollapsed = collapsible && !expanded\n\n  return (\n    <div\n      className={cn('my-3 overflow-hidden rounded-card border', CONTAINER_CLASS[theme], className)}\n    >\n      {filename ? (\n        <div className=\"border-b border-border-subtle px-4 py-2 font-mono text-sm text-secondary sm:px-5\">\n          {filename}\n        </div>\n      ) : null}\n      <div className=\"relative\">\n        <div\n          className={cn(\n            'p-5 sm:p-6',\n            isCollapsed && COLLAPSED_MAX_HEIGHT,\n            isCollapsed && 'overflow-hidden',\n            collapsible && 'pb-16'\n          )}\n        >\n          {html !== undefined ? (\n            <div className={PRE_STYLE} dangerouslySetInnerHTML={{ __html: html }} />\n          ) : (\n            <pre className={PRE_STYLE}>\n              <code>{code}</code>\n            </pre>\n          )}\n        </div>\n\n        {isCollapsed ? (\n          <div\n            aria-hidden\n            className={cn(\n              'pointer-events-none absolute inset-x-0 bottom-12 h-16 bg-gradient-to-b',\n              GRADIENT_CLASS[theme]\n            )}\n          />\n        ) : null}\n\n        {copyable ? (\n          <CopyButton\n            text={code}\n            aria-label={copyLabel}\n            copiedAriaLabel={copiedLabel}\n            onCopied={onCopied}\n            className={cn('absolute top-3 right-3 border', COPY_BUTTON_CLASS[theme])}\n          />\n        ) : null}\n\n        {collapsible ? (\n          <button\n            type=\"button\"\n            className=\"absolute bottom-3 left-1/2 -translate-x-1/2 cursor-pointer rounded-btn border border-border bg-surface px-3 py-1.5 text-xs font-semibold text-foreground\"\n            onClick={() => setExpanded((v) => !v)}\n          >\n            {expanded ? collapseLabel : expandLabel}\n          </button>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n\nexport { CodeBlock }\n"],"mappings":";;;;;;AA0BA,MAAM,kBAAkD;CACtD,OAAO;CACP,MAAM;AACR;AAEA,MAAM,oBAAoD;CACxD,OAAO;CACP,MAAM;AACR;AAEA,MAAM,iBAAiD;CACrD,OAAO;CACP,MAAM;AACR;AAEA,MAAM,uBAAuB;AAC7B,MAAM,YAAY;AAElB,SAAS,UAAU,EACjB,MACA,MACA,UACA,QAAQ,QACR,WAAW,MACX,cAAc,OACd,WACA,WACA,aACA,cAAc,aACd,gBAAgB,aAChB,YACiB;CACjB,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAC9C,MAAM,cAAc,eAAe,CAAC;CAEpC,OACE,qBAAC,OAAD;EACE,WAAW,GAAG,4CAA4C,gBAAgB,QAAQ,SAAS;EAD7F,UAAA,CAGG,WACC,oBAAC,OAAD;GAAK,WAAU;GACZ,UAAA;EACE,CAAA,IACH,MACJ,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,oBAAC,OAAD;KACE,WAAW,GACT,cACA,eAAe,sBACf,eAAe,mBACf,eAAe,OACjB;KAEC,UAAA,SAAS,SACR,oBAAC,OAAD;MAAK,WAAW;MAAW,yBAAyB,EAAE,QAAQ,KAAK;KAAI,CAAA,IAEvE,oBAAC,OAAD;MAAK,WAAW;MACd,UAAA,oBAAC,QAAD,EAAA,UAAO,KAAW,CAAA;KACf,CAAA;IAEJ,CAAA;IAEJ,cACC,oBAAC,OAAD;KACE,eAAA;KACA,WAAW,GACT,0EACA,eAAe,MACjB;IACD,CAAA,IACC;IAEH,WACC,oBAAC,YAAD;KACE,MAAM;KACN,cAAY;KACZ,iBAAiB;KACP;KACV,WAAW,GAAG,iCAAiC,kBAAkB,MAAM;IACxE,CAAA,IACC;IAEH,cACC,oBAAC,UAAD;KACE,MAAK;KACL,WAAU;KACV,eAAe,aAAa,MAAM,CAAC,CAAC;KAEnC,UAAA,WAAW,gBAAgB;IACtB,CAAA,IACN;GACD;EACF,CAAA,CAAA;;AAET"}

package/dist/ui/components/CodeBlock/index.d.mts

@@ -0,0 +1,2 @@
+import { CodeBlock, CodeBlockProps, CodeBlockTheme } from "./CodeBlock.mjs";
+export { CodeBlock, type CodeBlockProps, type CodeBlockTheme };

package/dist/ui/components/CodeBlock/index.mjs

@@ -0,0 +1,2 @@
+import { CodeBlock } from "./CodeBlock.mjs";
+export { CodeBlock };

package/dist/ui/components/CodeBlockTabs/CodeBlockTabs.d.mts

@@ -0,0 +1,19 @@
+//#region src/ui/components/CodeBlockTabs/CodeBlockTabs.d.ts
+type CodeBlockTabsTheme = 'light' | 'dark';
+type CodeBlockTab = {
+  id: string;
+  label: string;
+  /** Pre-highlighted HTML (e.g. from shiki). */
+  html: string;
+};
+type CodeBlockTabsProps = {
+  tabs: CodeBlockTab[];
+  className?: string;
+  theme?: CodeBlockTabsTheme;
+  /** Apps own i18n — aria-label for the tablist. */
+  tabsAriaLabel: string;
+};
+declare function CodeBlockTabs({ tabs, className, theme, tabsAriaLabel }: CodeBlockTabsProps): import("react").JSX.Element | null;
+//#endregion
+export { CodeBlockTab, CodeBlockTabs, CodeBlockTabsProps, CodeBlockTabsTheme };
+//# sourceMappingURL=CodeBlockTabs.d.mts.map

package/dist/ui/components/CodeBlockTabs/CodeBlockTabs.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockTabs.d.mts","names":[],"sources":["../../../../src/ui/components/CodeBlockTabs/CodeBlockTabs.tsx"],"mappings":";KAMY;KAEA;EACV;EACA;;EAEA;;KAGU;EACV,MAAM;EACN;EACA,QAAQ;;EAER;;iBAgBO,gBAAgB,MAAM,WAAW,OAAiB,iBAAiB,qCAAkB,IAAA"}

package/dist/ui/components/CodeBlockTabs/CodeBlockTabs.mjs

@@ -0,0 +1,59 @@
+"use client";
+import { cn } from "../../utils/cn.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+//#region src/ui/components/CodeBlockTabs/CodeBlockTabs.tsx
+const PRE_CLASS = "[&>pre]:m-0 [&>pre]:font-mono [&>pre]:text-[13px] [&>pre]:leading-[22px] [&>pre]:wrap-break-word [&>pre]:whitespace-pre-wrap";
+const SHELL = {
+	light: "border-border bg-foreground/5",
+	dark: "border-border bg-surface-elevated"
+};
+const TAB_IDLE = {
+	light: "border-border text-muted hover:text-foreground",
+	dark: "border-border bg-card text-muted hover:text-foreground"
+};
+function CodeBlockTabs({ tabs, className, theme = "light", tabsAriaLabel }) {
+	const [active, setActive] = useState(0);
+	if (tabs.length === 0) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col gap-4 overflow-hidden rounded-card border p-5", SHELL[theme], className),
+		children: [/* @__PURE__ */ jsx("div", {
+			role: "tablist",
+			"aria-label": tabsAriaLabel,
+			className: "flex flex-wrap gap-2 print:hidden",
+			children: tabs.map((tab, idx) => {
+				const isActive = idx === active;
+				return /* @__PURE__ */ jsx("button", {
+					type: "button",
+					role: "tab",
+					id: `code-tab-${tab.id}`,
+					"aria-selected": isActive,
+					"aria-controls": `code-tab-panel-${tab.id}`,
+					onClick: () => setActive(idx),
+					className: cn("rounded-full border px-4 py-2 text-btn font-medium transition-colors", isActive ? "border-accent/30 bg-accent/12 text-accent" : TAB_IDLE[theme]),
+					children: tab.label
+				}, tab.id);
+			})
+		}), tabs.map((tab, idx) => {
+			const isActive = idx === active;
+			return /* @__PURE__ */ jsx("div", {
+				id: `code-tab-panel-${tab.id}`,
+				role: "tabpanel",
+				"aria-labelledby": `code-tab-${tab.id}`,
+				hidden: !isActive,
+				className: cn("overflow-hidden rounded-card border text-foreground", SHELL[theme], isActive ? "block" : "hidden print:block"),
+				children: /* @__PURE__ */ jsx("div", {
+					className: "overflow-x-auto px-[18px] py-4",
+					children: /* @__PURE__ */ jsx("div", {
+						className: PRE_CLASS,
+						dangerouslySetInnerHTML: { __html: tab.html }
+					})
+				})
+			}, tab.id);
+		})]
+	});
+}
+//#endregion
+export { CodeBlockTabs };
+
+//# sourceMappingURL=CodeBlockTabs.mjs.map

package/dist/ui/components/CodeBlockTabs/CodeBlockTabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockTabs.mjs","names":[],"sources":["../../../../src/ui/components/CodeBlockTabs/CodeBlockTabs.tsx"],"sourcesContent":["'use client'\n\nimport { useState } from 'react'\n\nimport { cn } from '../../utils/cn.js'\n\nexport type CodeBlockTabsTheme = 'light' | 'dark'\n\nexport type CodeBlockTab = {\n  id: string\n  label: string\n  /** Pre-highlighted HTML (e.g. from shiki). */\n  html: string\n}\n\nexport type CodeBlockTabsProps = {\n  tabs: CodeBlockTab[]\n  className?: string\n  theme?: CodeBlockTabsTheme\n  /** Apps own i18n — aria-label for the tablist. */\n  tabsAriaLabel: string\n}\n\nconst PRE_CLASS =\n  '[&>pre]:m-0 [&>pre]:font-mono [&>pre]:text-[13px] [&>pre]:leading-[22px] [&>pre]:wrap-break-word [&>pre]:whitespace-pre-wrap'\n\nconst SHELL: Record<CodeBlockTabsTheme, string> = {\n  light: 'border-border bg-foreground/5',\n  dark: 'border-border bg-surface-elevated',\n}\n\nconst TAB_IDLE: Record<CodeBlockTabsTheme, string> = {\n  light: 'border-border text-muted hover:text-foreground',\n  dark: 'border-border bg-card text-muted hover:text-foreground',\n}\n\nfunction CodeBlockTabs({ tabs, className, theme = 'light', tabsAriaLabel }: CodeBlockTabsProps) {\n  const [active, setActive] = useState(0)\n\n  if (tabs.length === 0) return null\n\n  return (\n    <div\n      className={cn(\n        'flex flex-col gap-4 overflow-hidden rounded-card border p-5',\n        SHELL[theme],\n        className\n      )}\n    >\n      <div role=\"tablist\" aria-label={tabsAriaLabel} className=\"flex flex-wrap gap-2 print:hidden\">\n        {tabs.map((tab, idx) => {\n          const isActive = idx === active\n          return (\n            <button\n              key={tab.id}\n              type=\"button\"\n              role=\"tab\"\n              id={`code-tab-${tab.id}`}\n              aria-selected={isActive}\n              aria-controls={`code-tab-panel-${tab.id}`}\n              onClick={() => setActive(idx)}\n              className={cn(\n                'rounded-full border px-4 py-2 text-btn font-medium transition-colors',\n                isActive ? 'border-accent/30 bg-accent/12 text-accent' : TAB_IDLE[theme]\n              )}\n            >\n              {tab.label}\n            </button>\n          )\n        })}\n      </div>\n\n      {tabs.map((tab, idx) => {\n        const isActive = idx === active\n        return (\n          <div\n            key={tab.id}\n            id={`code-tab-panel-${tab.id}`}\n            role=\"tabpanel\"\n            aria-labelledby={`code-tab-${tab.id}`}\n            hidden={!isActive}\n            className={cn(\n              'overflow-hidden rounded-card border text-foreground',\n              SHELL[theme],\n              isActive ? 'block' : 'hidden print:block'\n            )}\n          >\n            <div className=\"overflow-x-auto px-[18px] py-4\">\n              <div className={PRE_CLASS} dangerouslySetInnerHTML={{ __html: tab.html }} />\n            </div>\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n\nexport { CodeBlockTabs }\n"],"mappings":";;;;;AAuBA,MAAM,YACJ;AAEF,MAAM,QAA4C;CAChD,OAAO;CACP,MAAM;AACR;AAEA,MAAM,WAA+C;CACnD,OAAO;CACP,MAAM;AACR;AAEA,SAAS,cAAc,EAAE,MAAM,WAAW,QAAQ,SAAS,iBAAqC;CAC9F,MAAM,CAAC,QAAQ,aAAa,SAAS,CAAC;CAEtC,IAAI,KAAK,WAAW,GAAG,OAAO;CAE9B,OACE,qBAAC,OAAD;EACE,WAAW,GACT,+DACA,MAAM,QACN,SACF;EALF,UAAA,CAOE,oBAAC,OAAD;GAAK,MAAK;GAAU,cAAY;GAAe,WAAU;GACtD,UAAA,KAAK,KAAK,KAAK,QAAQ;IACtB,MAAM,WAAW,QAAQ;IACzB,OACE,oBAAC,UAAD;KAEE,MAAK;KACL,MAAK;KACL,IAAI,YAAY,IAAI;KACpB,iBAAe;KACf,iBAAe,kBAAkB,IAAI;KACrC,eAAe,UAAU,GAAG;KAC5B,WAAW,GACT,wEACA,WAAW,8CAA8C,SAAS,MACpE;KAEC,UAAA,IAAI;IACC,GAbD,IAAI,EAaH;GAEZ,CAAC;EACE,CAAA,GAEJ,KAAK,KAAK,KAAK,QAAQ;GACtB,MAAM,WAAW,QAAQ;GACzB,OACE,oBAAC,OAAD;IAEE,IAAI,kBAAkB,IAAI;IAC1B,MAAK;IACL,mBAAiB,YAAY,IAAI;IACjC,QAAQ,CAAC;IACT,WAAW,GACT,uDACA,MAAM,QACN,WAAW,UAAU,oBACvB;IAEA,UAAA,oBAAC,OAAD;KAAK,WAAU;KACb,UAAA,oBAAC,OAAD;MAAK,WAAW;MAAW,yBAAyB,EAAE,QAAQ,IAAI,KAAK;KAAI,CAAA;IACxE,CAAA;GACF,GAdE,IAAI,EAcN;EAET,CAAC,CACE;;AAET"}

package/dist/ui/components/CodeBlockTabs/index.d.mts

@@ -0,0 +1,2 @@
+import { CodeBlockTab, CodeBlockTabs, CodeBlockTabsProps, CodeBlockTabsTheme } from "./CodeBlockTabs.mjs";
+export { type CodeBlockTab, CodeBlockTabs, type CodeBlockTabsProps, type CodeBlockTabsTheme };

package/dist/ui/components/CodeBlockTabs/index.mjs

@@ -0,0 +1,2 @@
+import { CodeBlockTabs } from "./CodeBlockTabs.mjs";
+export { CodeBlockTabs };

package/dist/ui/components/CollapsibleSection/CollapsibleSection.d.mts

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+//#region src/ui/components/CollapsibleSection/CollapsibleSection.d.ts
+type CollapsibleSectionProps = {
+  collapsedHeight: number;
+  toggleLabel: string;
+  defaultOpen?: boolean;
+  className?: string;
+  children: ReactNode;
+};
+declare function CollapsibleSection({ collapsedHeight, toggleLabel, defaultOpen, className, children }: CollapsibleSectionProps): import("react").JSX.Element;
+//#endregion
+export { CollapsibleSection, CollapsibleSectionProps };
+//# sourceMappingURL=CollapsibleSection.d.mts.map

package/dist/ui/components/CollapsibleSection/CollapsibleSection.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleSection.d.mts","names":[],"sources":["../../../../src/ui/components/CollapsibleSection/CollapsibleSection.tsx"],"mappings":";;KASY;EACV;EACA;EACA;EACA;EACA,UAAU;;iBAwBH,qBACP,iBACA,aACA,aACA,WACA,YACC,0CAAuB,IAAA"}

package/dist/ui/components/CollapsibleSection/CollapsibleSection.mjs

@@ -0,0 +1,55 @@
+"use client";
+import { cn } from "../../utils/cn.mjs";
+import { Button } from "../Button/Button.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId, useState } from "react";
+//#region src/ui/components/CollapsibleSection/CollapsibleSection.tsx
+function ChevronDownIcon({ className }) {
+	return /* @__PURE__ */ jsx("svg", {
+		"aria-hidden": "true",
+		viewBox: "0 0 16 16",
+		width: "16",
+		height: "16",
+		fill: "none",
+		className,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M3.5 6 8 10.5 12.5 6",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function CollapsibleSection({ collapsedHeight, toggleLabel, defaultOpen = false, className, children }) {
+	const [open, setOpen] = useState(defaultOpen);
+	const bodyId = useId();
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex flex-col gap-4", className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ jsx("div", {
+				id: bodyId,
+				className: "overflow-hidden",
+				style: !open ? { maxHeight: collapsedHeight } : void 0,
+				children
+			}), !open ? /* @__PURE__ */ jsx("div", {
+				"aria-hidden": "true",
+				className: "pointer-events-none absolute inset-x-0 bottom-0 h-40 bg-linear-to-b from-surface/0 to-surface"
+			}) : null]
+		}), /* @__PURE__ */ jsxs(Button, {
+			variant: "ghost",
+			size: "sm",
+			type: "button",
+			onClick: () => setOpen((value) => !value),
+			"aria-expanded": open,
+			"aria-controls": bodyId,
+			className: "gap-1.5 self-center",
+			children: [/* @__PURE__ */ jsx(ChevronDownIcon, { className: open ? "rotate-180" : void 0 }), toggleLabel]
+		})]
+	});
+}
+//#endregion
+export { CollapsibleSection };
+
+//# sourceMappingURL=CollapsibleSection.mjs.map

package/dist/ui/components/CollapsibleSection/CollapsibleSection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleSection.mjs","names":[],"sources":["../../../../src/ui/components/CollapsibleSection/CollapsibleSection.tsx"],"sourcesContent":["'use client'\n\nimport { useId, useState } from 'react'\n\nimport { Button } from '../Button/Button.js'\nimport { cn } from '../../utils/cn.js'\n\nimport type { ReactNode } from 'react'\n\nexport type CollapsibleSectionProps = {\n  collapsedHeight: number\n  toggleLabel: string\n  defaultOpen?: boolean\n  className?: string\n  children: ReactNode\n}\n\nfunction ChevronDownIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      viewBox=\"0 0 16 16\"\n      width=\"16\"\n      height=\"16\"\n      fill=\"none\"\n      className={className}\n    >\n      <path\n        d=\"M3.5 6 8 10.5 12.5 6\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n\nfunction CollapsibleSection({\n  collapsedHeight,\n  toggleLabel,\n  defaultOpen = false,\n  className,\n  children,\n}: CollapsibleSectionProps) {\n  const [open, setOpen] = useState(defaultOpen)\n  const bodyId = useId()\n\n  return (\n    <div className={cn('flex flex-col gap-4', className)}>\n      <div className=\"relative\">\n        <div\n          id={bodyId}\n          className=\"overflow-hidden\"\n          style={!open ? { maxHeight: collapsedHeight } : undefined}\n        >\n          {children}\n        </div>\n\n        {!open ? (\n          <div\n            aria-hidden=\"true\"\n            className=\"pointer-events-none absolute inset-x-0 bottom-0 h-40 bg-linear-to-b from-surface/0 to-surface\"\n          />\n        ) : null}\n      </div>\n\n      <Button\n        variant=\"ghost\"\n        size=\"sm\"\n        type=\"button\"\n        onClick={() => setOpen((value) => !value)}\n        aria-expanded={open}\n        aria-controls={bodyId}\n        className=\"gap-1.5 self-center\"\n      >\n        <ChevronDownIcon className={open ? 'rotate-180' : undefined} />\n        {toggleLabel}\n      </Button>\n    </div>\n  )\n}\n\nexport { CollapsibleSection }\n"],"mappings":";;;;;;AAiBA,SAAS,gBAAgB,EAAE,aAAqC;CAC9D,OACE,oBAAC,OAAD;EACE,eAAY;EACZ,SAAQ;EACR,OAAM;EACN,QAAO;EACP,MAAK;EACM;EAEX,UAAA,oBAAC,QAAD;GACE,GAAE;GACF,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;EAChB,CAAA;CACE,CAAA;AAET;AAEA,SAAS,mBAAmB,EAC1B,iBACA,aACA,cAAc,OACd,WACA,YAC0B;CAC1B,MAAM,CAAC,MAAM,WAAW,SAAS,WAAW;CAC5C,MAAM,SAAS,MAAM;CAErB,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,uBAAuB,SAAS;EAAnD,UAAA,CACE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,OAAD;IACE,IAAI;IACJ,WAAU;IACV,OAAO,CAAC,OAAO,EAAE,WAAW,gBAAgB,IAAI;IAE/C;GACE,CAAA,GAEJ,CAAC,OACA,oBAAC,OAAD;IACE,eAAY;IACZ,WAAU;GACX,CAAA,IACC,IACD;EAEL,CAAA,GAAA,qBAAC,QAAD;GACE,SAAQ;GACR,MAAK;GACL,MAAK;GACL,eAAe,SAAS,UAAU,CAAC,KAAK;GACxC,iBAAe;GACf,iBAAe;GACf,WAAU;GAPZ,UAAA,CASE,oBAAC,iBAAD,EAAiB,WAAW,OAAO,eAAe,OAAY,CAAA,GAC7D,WACK;EACL,CAAA,CAAA;;AAET"}

package/dist/ui/components/CollapsibleSection/index.d.mts

@@ -0,0 +1,2 @@
+import { CollapsibleSection, CollapsibleSectionProps } from "./CollapsibleSection.mjs";
+export { CollapsibleSection, type CollapsibleSectionProps };

package/dist/ui/components/CollapsibleSection/index.mjs

@@ -0,0 +1,2 @@
+import { CollapsibleSection } from "./CollapsibleSection.mjs";
+export { CollapsibleSection };

package/dist/ui/components/CopyButton/CopyButton.d.mts

@@ -0,0 +1,12 @@
+import { IconButtonProps } from "../IconButton/IconButton.mjs";
+//#region src/ui/components/CopyButton/CopyButton.d.ts
+type CopyButtonProps = Omit<IconButtonProps, 'children' | 'onClick' | 'value'> & {
+  text: string;
+  copiedAriaLabel?: string;
+  iconSize?: number;
+  onCopied?: () => void;
+};
+declare function CopyButton({ text, copiedAriaLabel, iconSize, className, 'aria-label': ariaLabel, onCopied, ...props }: CopyButtonProps): import("react").JSX.Element;
+//#endregion
+export { CopyButton, CopyButtonProps };
+//# sourceMappingURL=CopyButton.d.mts.map

package/dist/ui/components/CopyButton/CopyButton.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.d.mts","names":[],"sources":["../../../../src/ui/components/CopyButton/CopyButton.tsx"],"mappings":";;KAUY,kBAAkB,KAAK;EACjC;EACA;EACA;EACA;;iBAGO,aACP,MACA,iBACA,UACA,yBACc,WACd,aACG,SACF,kCAAe,IAAA"}

package/dist/ui/components/CopyButton/CopyButton.mjs

@@ -0,0 +1,45 @@
+"use client";
+import { cn } from "../../utils/cn.mjs";
+import { IconButton } from "../IconButton/IconButton.mjs";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { MdCheck, MdContentCopy } from "react-icons/md";
+//#region src/ui/components/CopyButton/CopyButton.tsx
+const COPIED_DISPLAY_MS = 1500;
+function CopyButton({ text, copiedAriaLabel, iconSize = 14, className, "aria-label": ariaLabel, onCopied, ...props }) {
+	const [copied, setCopied] = useState(false);
+	const timerRef = useRef(null);
+	useEffect(() => {
+		return () => {
+			if (timerRef.current) clearTimeout(timerRef.current);
+		};
+	}, []);
+	function handleCopy() {
+		if (typeof navigator === "undefined" || !navigator.clipboard) return;
+		navigator.clipboard.writeText(text).then(() => {
+			setCopied(true);
+			onCopied?.();
+			if (timerRef.current) clearTimeout(timerRef.current);
+			timerRef.current = setTimeout(() => setCopied(false), COPIED_DISPLAY_MS);
+		}).catch(() => {});
+	}
+	return /* @__PURE__ */ jsx(IconButton, {
+		type: "button",
+		...props,
+		onClick: handleCopy,
+		"aria-label": copied && copiedAriaLabel ? copiedAriaLabel : ariaLabel,
+		className: cn("size-7", className),
+		children: copied ? /* @__PURE__ */ jsx(MdCheck, {
+			size: iconSize,
+			"aria-hidden": "true",
+			className: "text-success"
+		}) : /* @__PURE__ */ jsx(MdContentCopy, {
+			size: iconSize,
+			"aria-hidden": "true"
+		})
+	});
+}
+//#endregion
+export { CopyButton };
+
+//# sourceMappingURL=CopyButton.mjs.map

package/dist/ui/components/CopyButton/CopyButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.mjs","names":[],"sources":["../../../../src/ui/components/CopyButton/CopyButton.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef, useState } from 'react'\nimport { MdCheck, MdContentCopy } from 'react-icons/md'\n\nimport { IconButton, type IconButtonProps } from '../IconButton/IconButton.js'\nimport { cn } from '../../utils/cn.js'\n\nconst COPIED_DISPLAY_MS = 1500\n\nexport type CopyButtonProps = Omit<IconButtonProps, 'children' | 'onClick' | 'value'> & {\n  text: string\n  copiedAriaLabel?: string\n  iconSize?: number\n  onCopied?: () => void\n}\n\nfunction CopyButton({\n  text,\n  copiedAriaLabel,\n  iconSize = 14,\n  className,\n  'aria-label': ariaLabel,\n  onCopied,\n  ...props\n}: CopyButtonProps) {\n  const [copied, setCopied] = useState(false)\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  useEffect(() => {\n    return () => {\n      if (timerRef.current) clearTimeout(timerRef.current)\n    }\n  }, [])\n\n  function handleCopy() {\n    if (typeof navigator === 'undefined' || !navigator.clipboard) return\n    navigator.clipboard\n      .writeText(text)\n      .then(() => {\n        setCopied(true)\n        onCopied?.()\n        if (timerRef.current) clearTimeout(timerRef.current)\n        timerRef.current = setTimeout(() => setCopied(false), COPIED_DISPLAY_MS)\n      })\n      .catch(() => {\n        // Silent — caller's value remains visible for manual copy.\n      })\n  }\n\n  return (\n    <IconButton\n      type=\"button\"\n      {...props}\n      onClick={handleCopy}\n      aria-label={copied && copiedAriaLabel ? copiedAriaLabel : ariaLabel}\n      className={cn('size-7', className)}\n    >\n      {copied ? (\n        <MdCheck size={iconSize} aria-hidden=\"true\" className=\"text-success\" />\n      ) : (\n        <MdContentCopy size={iconSize} aria-hidden=\"true\" />\n      )}\n    </IconButton>\n  )\n}\n\nexport { CopyButton }\n"],"mappings":";;;;;;;AAQA,MAAM,oBAAoB;AAS1B,SAAS,WAAW,EAClB,MACA,iBACA,WAAW,IACX,WACA,cAAc,WACd,UACA,GAAG,SACe;CAClB,MAAM,CAAC,QAAQ,aAAa,SAAS,KAAK;CAC1C,MAAM,WAAW,OAA6C,IAAI;CAElE,gBAAgB;EACd,aAAa;GACX,IAAI,SAAS,SAAS,aAAa,SAAS,OAAO;EACrD;CACF,GAAG,CAAC,CAAC;CAEL,SAAS,aAAa;EACpB,IAAI,OAAO,cAAc,eAAe,CAAC,UAAU,WAAW;EAC9D,UAAU,UACP,UAAU,IAAI,CAAC,CACf,WAAW;GACV,UAAU,IAAI;GACd,WAAW;GACX,IAAI,SAAS,SAAS,aAAa,SAAS,OAAO;GACnD,SAAS,UAAU,iBAAiB,UAAU,KAAK,GAAG,iBAAiB;EACzE,CAAC,CAAC,CACD,YAAY,CAEb,CAAC;CACL;CAEA,OACE,oBAAC,YAAD;EACE,MAAK;EACL,GAAI;EACJ,SAAS;EACT,cAAY,UAAU,kBAAkB,kBAAkB;EAC1D,WAAW,GAAG,UAAU,SAAS;EAEhC,UAAA,SACC,oBAAC,SAAD;GAAS,MAAM;GAAU,eAAY;GAAO,WAAU;EAAgB,CAAA,IAEtE,oBAAC,eAAD;GAAe,MAAM;GAAU,eAAY;EAAQ,CAAA;CAE3C,CAAA;AAEhB"}

package/dist/ui/components/CopyButton/index.d.mts

@@ -0,0 +1,2 @@
+import { CopyButton, CopyButtonProps } from "./CopyButton.mjs";
+export { CopyButton, type CopyButtonProps };

package/dist/ui/components/CopyButton/index.mjs

@@ -0,0 +1,2 @@
+import { CopyButton } from "./CopyButton.mjs";
+export { CopyButton };

package/dist/ui/components/Dialog/Dialog.d.mts

@@ -0,0 +1,26 @@
+import { ComponentProps, HTMLAttributes } from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+//#region src/ui/components/Dialog/Dialog.d.ts
+declare const Dialog: import("react").FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: import("react").FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const dialogFullscreenOnMobile: string;
+type DialogOverlayProps = ComponentProps<typeof DialogPrimitive.Overlay>;
+declare function DialogOverlay({ className, ...props }: DialogOverlayProps): import("react").JSX.Element;
+type DialogContentProps = ComponentProps<typeof DialogPrimitive.Content> & {
+  closeLabel?: string;
+  showClose?: boolean;
+  closeClassName?: string;
+};
+declare function DialogContent({ className, children, closeLabel, showClose, closeClassName, ...props }: DialogContentProps): import("react").JSX.Element;
+declare function DialogHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+declare function DialogBody({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+declare function DialogFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+type DialogTitleProps = ComponentProps<typeof DialogPrimitive.Title>;
+declare function DialogTitle({ className, ...props }: DialogTitleProps): import("react").JSX.Element;
+type DialogDescriptionProps = ComponentProps<typeof DialogPrimitive.Description>;
+declare function DialogDescription({ className, ...props }: DialogDescriptionProps): import("react").JSX.Element;
+//#endregion
+export { Dialog, DialogBody, DialogClose, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogFooter, DialogHeader, DialogOverlay, DialogOverlayProps, DialogPortal, DialogTitle, DialogTitleProps, DialogTrigger, dialogFullscreenOnMobile };
+//# sourceMappingURL=Dialog.d.mts.map

package/dist/ui/components/Dialog/Dialog.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.mts","names":[],"sources":["../../../../src/ui/components/Dialog/Dialog.tsx"],"mappings":";;;cAQM,wBAAM,GAAA,gBAAA;cACN,+BAAa,0BAAA,gBAAA,qCAAA,cAAA;cACb,8BAAY,GAAA,gBAAA;cACZ,6BAAW,0BAAA,gBAAA,mCAAA,cAAA;cAEX;KAOM,qBAAqB,sBAAsB,gBAAgB;iBAE9D,gBAAgB,cAAc,SAAS,qCAAkB,IAAA;KAqBtD,qBAAqB,sBAAsB,gBAAgB;EACrE;EACA;EACA;;iBAGO,gBACP,WACA,UACA,YACA,WACA,mBACG,SACF,qCAAkB,IAAA;iBAqCZ,eAAe,cAAc,SAAS,eAAe,kCAAe,IAAA;iBAUpE,aAAa,cAAc,SAAS,wCAAqB,IAAA;iBAUzD,eAAe,cAAc,SAAS,eAAe,kCAAe,IAAA;KAajE,mBAAmB,sBAAsB,gBAAgB;iBAE5D,cAAc,cAAc,SAAS,mCAAgB,IAAA;KASlD,yBAAyB,sBAAsB,gBAAgB;iBAElE,oBAAoB,cAAc,SAAS,yCAAsB,IAAA"}

package/dist/ui/components/Dialog/Dialog.mjs

@@ -0,0 +1,79 @@
+"use client";
+import { cn } from "../../utils/cn.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+//#region src/ui/components/Dialog/Dialog.tsx
+const Dialog = DialogPrimitive.Root;
+const DialogTrigger = DialogPrimitive.Trigger;
+const DialogPortal = DialogPrimitive.Portal;
+const DialogClose = DialogPrimitive.Close;
+const dialogFullscreenOnMobile = cn("max-md:top-0 max-md:right-0 max-md:bottom-0 max-md:left-0", "max-md:h-dvh max-md:max-h-none max-md:w-full max-md:max-w-none", "max-md:translate-x-0 max-md:translate-y-0", "max-md:rounded-none max-md:border-0");
+function DialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
+		className: cn("fixed inset-0 z-50 bg-background/75 backdrop-blur-sm transition-opacity duration-150", "data-[state=closed]:opacity-0 data-[state=open]:opacity-100", className),
+		...props
+	});
+}
+function CloseIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		"aria-hidden": "true",
+		viewBox: "0 0 14 14",
+		width: "14",
+		height: "14",
+		fill: "none",
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M3 3l8 8M11 3l-8 8",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round"
+		})
+	});
+}
+function DialogContent({ className, children, closeLabel = "Close", showClose = true, closeClassName, ...props }) {
+	return /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
+		className: cn("fixed top-1/2 left-1/2 z-50 -translate-x-1/2 -translate-y-1/2", "flex max-h-[calc(100vh-2rem)] w-[calc(100vw-2rem)] max-w-md flex-col overflow-hidden", "rounded-card border border-border bg-surface text-foreground shadow-xl", "transition-opacity duration-150 data-[state=closed]:opacity-0 data-[state=open]:opacity-100", "focus:outline-none", className),
+		...props,
+		children: [children, showClose ? /* @__PURE__ */ jsx(DialogPrimitive.Close, {
+			"aria-label": closeLabel,
+			className: cn("absolute top-6 right-5 inline-flex size-7 cursor-pointer items-center justify-center rounded-control", "border border-border text-secondary transition-colors", "hover:bg-card hover:text-foreground", "focus-visible:ring-1 focus-visible:ring-accent focus-visible:outline-none", "disabled:pointer-events-none disabled:cursor-not-allowed", closeClassName),
+			children: /* @__PURE__ */ jsx(CloseIcon, {})
+		}) : null]
+	})] });
+}
+function DialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-header",
+		className: cn("flex flex-col gap-1.5 px-5 pt-6 pr-14", className),
+		...props
+	});
+}
+function DialogBody({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-body",
+		className: cn("flex flex-col gap-3.5 overflow-y-auto px-5 py-5", className),
+		...props
+	});
+}
+function DialogFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-footer",
+		className: cn("flex flex-col-reverse gap-2 border-t border-border px-5 py-4 sm:flex-row sm:justify-between", className),
+		...props
+	});
+}
+function DialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Title, {
+		className: cn("text-lg font-semibold text-foreground", className),
+		...props
+	});
+}
+function DialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Description, {
+		className: cn("text-sm font-normal text-secondary", className),
+		...props
+	});
+}
+//#endregion
+export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, dialogFullscreenOnMobile };
+
+//# sourceMappingURL=Dialog.mjs.map

package/dist/ui/components/Dialog/Dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.mjs","names":[],"sources":["../../../../src/ui/components/Dialog/Dialog.tsx"],"sourcesContent":["'use client'\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\n\nimport { cn } from '../../utils/cn.js'\n\nimport type { ComponentProps, HTMLAttributes } from 'react'\n\nconst Dialog = DialogPrimitive.Root\nconst DialogTrigger = DialogPrimitive.Trigger\nconst DialogPortal = DialogPrimitive.Portal\nconst DialogClose = DialogPrimitive.Close\n\nconst dialogFullscreenOnMobile = cn(\n  'max-md:top-0 max-md:right-0 max-md:bottom-0 max-md:left-0',\n  'max-md:h-dvh max-md:max-h-none max-md:w-full max-md:max-w-none',\n  'max-md:translate-x-0 max-md:translate-y-0',\n  'max-md:rounded-none max-md:border-0'\n)\n\nexport type DialogOverlayProps = ComponentProps<typeof DialogPrimitive.Overlay>\n\nfunction DialogOverlay({ className, ...props }: DialogOverlayProps) {\n  return (\n    <DialogPrimitive.Overlay\n      className={cn(\n        'fixed inset-0 z-50 bg-background/75 backdrop-blur-sm transition-opacity duration-150',\n        'data-[state=closed]:opacity-0 data-[state=open]:opacity-100',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CloseIcon() {\n  return (\n    <svg aria-hidden=\"true\" viewBox=\"0 0 14 14\" width=\"14\" height=\"14\" fill=\"none\">\n      <path d=\"M3 3l8 8M11 3l-8 8\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n    </svg>\n  )\n}\n\nexport type DialogContentProps = ComponentProps<typeof DialogPrimitive.Content> & {\n  closeLabel?: string\n  showClose?: boolean\n  closeClassName?: string\n}\n\nfunction DialogContent({\n  className,\n  children,\n  closeLabel = 'Close',\n  showClose = true,\n  closeClassName,\n  ...props\n}: DialogContentProps) {\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        className={cn(\n          'fixed top-1/2 left-1/2 z-50 -translate-x-1/2 -translate-y-1/2',\n          'flex max-h-[calc(100vh-2rem)] w-[calc(100vw-2rem)] max-w-md flex-col overflow-hidden',\n          'rounded-card border border-border bg-surface text-foreground shadow-xl',\n          'transition-opacity duration-150 data-[state=closed]:opacity-0 data-[state=open]:opacity-100',\n          'focus:outline-none',\n          className\n        )}\n        {...props}\n      >\n        {children}\n\n        {showClose ? (\n          <DialogPrimitive.Close\n            aria-label={closeLabel}\n            className={cn(\n              'absolute top-6 right-5 inline-flex size-7 cursor-pointer items-center justify-center rounded-control',\n              'border border-border text-secondary transition-colors',\n              'hover:bg-card hover:text-foreground',\n              'focus-visible:ring-1 focus-visible:ring-accent focus-visible:outline-none',\n              'disabled:pointer-events-none disabled:cursor-not-allowed',\n              closeClassName\n            )}\n          >\n            <CloseIcon />\n          </DialogPrimitive.Close>\n        ) : null}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  )\n}\n\nfunction DialogHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn('flex flex-col gap-1.5 px-5 pt-6 pr-14', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogBody({ className, ...props }: ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"dialog-body\"\n      className={cn('flex flex-col gap-3.5 overflow-y-auto px-5 py-5', className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        'flex flex-col-reverse gap-2 border-t border-border px-5 py-4 sm:flex-row sm:justify-between',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport type DialogTitleProps = ComponentProps<typeof DialogPrimitive.Title>\n\nfunction DialogTitle({ className, ...props }: DialogTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      className={cn('text-lg font-semibold text-foreground', className)}\n      {...props}\n    />\n  )\n}\n\nexport type DialogDescriptionProps = ComponentProps<typeof DialogPrimitive.Description>\n\nfunction DialogDescription({ className, ...props }: DialogDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      className={cn('text-sm font-normal text-secondary', className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Dialog,\n  DialogTrigger,\n  DialogPortal,\n  DialogOverlay,\n  DialogContent,\n  DialogHeader,\n  DialogBody,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n  DialogClose,\n  dialogFullscreenOnMobile,\n}\n"],"mappings":";;;;;AAQA,MAAM,SAAS,gBAAgB;AAC/B,MAAM,gBAAgB,gBAAgB;AACtC,MAAM,eAAe,gBAAgB;AACrC,MAAM,cAAc,gBAAgB;AAEpC,MAAM,2BAA2B,GAC/B,6DACA,kEACA,6CACA,qCACF;AAIA,SAAS,cAAc,EAAE,WAAW,GAAG,SAA6B;CAClE,OACE,oBAAC,gBAAgB,SAAjB;EACE,WAAW,GACT,wFACA,+DACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY;CACnB,OACE,oBAAC,OAAD;EAAK,eAAY;EAAO,SAAQ;EAAY,OAAM;EAAK,QAAO;EAAK,MAAK;EACtE,UAAA,oBAAC,QAAD;GAAM,GAAE;GAAqB,QAAO;GAAe,aAAY;GAAM,eAAc;EAAS,CAAA;CACzF,CAAA;AAET;AAQA,SAAS,cAAc,EACrB,WACA,UACA,aAAa,SACb,YAAY,MACZ,gBACA,GAAG,SACkB;CACrB,OACE,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,eAAD,CAAgB,CAAA,GAChB,qBAAC,gBAAgB,SAAjB;EACE,WAAW,GACT,iEACA,wFACA,0EACA,+FACA,sBACA,SACF;EACA,GAAI;EATN,UAAA,CAWG,UAEA,YACC,oBAAC,gBAAgB,OAAjB;GACE,cAAY;GACZ,WAAW,GACT,wGACA,yDACA,uCACA,6EACA,4DACA,cACF;GAEA,UAAA,oBAAC,WAAD,CAAY,CAAA;EACS,CAAA,IACrB,IACmB;CACb,CAAA,CAAA,EAAA,CAAA;AAElB;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAyC;CAC7E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,yCAAyC,SAAS;EAChE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAgC;CAClE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,mDAAmD,SAAS;EAC1E,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAyC;CAC7E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,+FACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAIA,SAAS,YAAY,EAAE,WAAW,GAAG,SAA2B;CAC9D,OACE,oBAAC,gBAAgB,OAAjB;EACE,WAAW,GAAG,yCAAyC,SAAS;EAChE,GAAI;CACL,CAAA;AAEL;AAIA,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAiC;CAC1E,OACE,oBAAC,gBAAgB,aAAjB;EACE,WAAW,GAAG,sCAAsC,SAAS;EAC7D,GAAI;CACL,CAAA;AAEL"}

package/dist/ui/components/Dialog/index.d.mts

@@ -0,0 +1,2 @@
+import { Dialog, DialogBody, DialogClose, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogFooter, DialogHeader, DialogOverlay, DialogOverlayProps, DialogPortal, DialogTitle, DialogTitleProps, DialogTrigger, dialogFullscreenOnMobile } from "./Dialog.mjs";
+export { Dialog, DialogBody, DialogClose, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogFooter, DialogHeader, DialogOverlay, type DialogOverlayProps, DialogPortal, DialogTitle, type DialogTitleProps, DialogTrigger, dialogFullscreenOnMobile };

package/dist/ui/components/Dialog/index.mjs

@@ -0,0 +1,2 @@
+import { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, dialogFullscreenOnMobile } from "./Dialog.mjs";
+export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, dialogFullscreenOnMobile };

package/dist/ui/components/EmptyState/EmptyState.d.mts

@@ -0,0 +1,18 @@
+import { HTMLAttributes, ReactNode } from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/ui/components/EmptyState/EmptyState.d.ts
+declare const emptyStateVariants: (props?: ({
+  tone?: "dark" | "light" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type EmptyStateProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'> & VariantProps<typeof emptyStateVariants> & {
+  icon?: ReactNode;
+  title: ReactNode;
+  description?: ReactNode;
+  actions?: ReactNode;
+  titleClassName?: string;
+  descriptionClassName?: string;
+};
+declare function EmptyState({ icon, title, description, actions, tone, className, titleClassName, descriptionClassName, ...props }: EmptyStateProps): import("react").JSX.Element;
+//#endregion
+export { EmptyState, EmptyStateProps, emptyStateVariants };
+//# sourceMappingURL=EmptyState.d.mts.map

package/dist/ui/components/EmptyState/EmptyState.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.mts","names":[],"sources":["../../../../src/ui/components/EmptyState/EmptyState.tsx"],"mappings":";;;cAMM,qBAAkB;;6CAavB;KAEW,kBAAkB,KAAK,eAAe,4BAChD,oBAAoB;EAClB,OAAO;EACP,OAAO;EACP,cAAc;EACd,UAAU;EACV;EACA;;iBAGK,aACP,MACA,OACA,aACA,SACA,MACA,WACA,gBACA,yBACG,SACF,kCAAe,IAAA"}

package/dist/ui/components/EmptyState/EmptyState.mjs

@@ -0,0 +1,36 @@
+import { cn } from "../../utils/cn.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/ui/components/EmptyState/EmptyState.tsx
+const emptyStateVariants = cva("flex w-full flex-col items-center justify-center gap-6 rounded-card px-10 py-20 text-center", {
+	variants: { tone: {
+		dark: "bg-card/40",
+		light: "bg-foreground/5"
+	} },
+	defaultVariants: { tone: "dark" }
+});
+function EmptyState({ icon, title, description, actions, tone, className, titleClassName, descriptionClassName, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(emptyStateVariants({ tone }), className),
+		...props,
+		children: [
+			icon,
+			/* @__PURE__ */ jsx("h2", {
+				className: cn("text-2xl font-semibold text-foreground", titleClassName),
+				children: title
+			}),
+			description ? /* @__PURE__ */ jsx("div", {
+				className: cn("max-w-[560px] text-base text-secondary", descriptionClassName),
+				children: description
+			}) : null,
+			actions ? /* @__PURE__ */ jsx("div", {
+				className: "flex flex-wrap items-center justify-center gap-3 pt-4",
+				children: actions
+			}) : null
+		]
+	});
+}
+//#endregion
+export { EmptyState, emptyStateVariants };
+
+//# sourceMappingURL=EmptyState.mjs.map

package/dist/ui/components/EmptyState/EmptyState.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.mjs","names":[],"sources":["../../../../src/ui/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '../../utils/cn.js'\n\nimport type { HTMLAttributes, ReactNode } from 'react'\n\nconst emptyStateVariants = cva(\n  'flex w-full flex-col items-center justify-center gap-6 rounded-card px-10 py-20 text-center',\n  {\n    variants: {\n      tone: {\n        dark: 'bg-card/40',\n        light: 'bg-foreground/5',\n      },\n    },\n    defaultVariants: {\n      tone: 'dark',\n    },\n  }\n)\n\nexport type EmptyStateProps = Omit<HTMLAttributes<HTMLDivElement>, 'title'> &\n  VariantProps<typeof emptyStateVariants> & {\n    icon?: ReactNode\n    title: ReactNode\n    description?: ReactNode\n    actions?: ReactNode\n    titleClassName?: string\n    descriptionClassName?: string\n  }\n\nfunction EmptyState({\n  icon,\n  title,\n  description,\n  actions,\n  tone,\n  className,\n  titleClassName,\n  descriptionClassName,\n  ...props\n}: EmptyStateProps) {\n  return (\n    <div className={cn(emptyStateVariants({ tone }), className)} {...props}>\n      {icon}\n\n      <h2 className={cn('text-2xl font-semibold text-foreground', titleClassName)}>{title}</h2>\n\n      {description ? (\n        <div className={cn('max-w-[560px] text-base text-secondary', descriptionClassName)}>\n          {description}\n        </div>\n      ) : null}\n\n      {actions ? (\n        <div className=\"flex flex-wrap items-center justify-center gap-3 pt-4\">{actions}</div>\n      ) : null}\n    </div>\n  )\n}\n\nexport { EmptyState, emptyStateVariants }\n"],"mappings":";;;;AAMA,MAAM,qBAAqB,IACzB,+FACA;CACE,UAAU,EACR,MAAM;EACJ,MAAM;EACN,OAAO;CACT,EACF;CACA,iBAAiB,EACf,MAAM,OACR;AACF,CACF;AAYA,SAAS,WAAW,EAClB,MACA,OACA,aACA,SACA,MACA,WACA,gBACA,sBACA,GAAG,SACe;CAClB,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,mBAAmB,EAAE,KAAK,CAAC,GAAG,SAAS;EAAG,GAAI;EAAjE,UAAA;GACG;GAED,oBAAC,MAAD;IAAI,WAAW,GAAG,0CAA0C,cAAc;IAAI,UAAA;GAAU,CAAA;GAEvF,cACC,oBAAC,OAAD;IAAK,WAAW,GAAG,0CAA0C,oBAAoB;IAC9E,UAAA;GACE,CAAA,IACH;GAEH,UACC,oBAAC,OAAD;IAAK,WAAU;IAAyD,UAAA;GAAa,CAAA,IACnF;EACD;;AAET"}

package/dist/ui/components/EmptyState/index.d.mts

@@ -0,0 +1,2 @@
+import { EmptyState, EmptyStateProps, emptyStateVariants } from "./EmptyState.mjs";
+export { EmptyState, type EmptyStateProps, emptyStateVariants };

package/dist/ui/components/EmptyState/index.mjs

@@ -0,0 +1,2 @@
+import { EmptyState, emptyStateVariants } from "./EmptyState.mjs";
+export { EmptyState, emptyStateVariants };