admin-ui-starter-kit 0.1.3 → 0.4.2

package/dist/_shared/heading-HeP06nXG.js

@@ -0,0 +1,107 @@
+import { m as e } from "./ui-provider-C8Ot88lS.js";
+import { cn as t } from "../lib/utils.js";
+import { createElement as n, useMemo as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/lib/sanitize-html.ts
+var o = {
+	"&": "&",
+	"<": "&lt;",
+	">": "&gt;",
+	"\"": "&quot;",
+	"'": "&#39;"
+};
+function s(e) {
+	return e ? e.replace(/[&<>"']/g, (e) => o[e] ?? e) : "";
+}
+//#endregion
+//#region src/components/typography/text.tsx
+var c = {
+	inherit: "[font-size:inherit]",
+	xxs: "text-xxs",
+	sm: "text-sm",
+	xs: "text-xs",
+	base: "text-base",
+	lg: "text-lg",
+	xl: "text-xl"
+}, l = {
+	main: "text-foreground",
+	inverse: "text-background",
+	secondary: "text-muted-foreground",
+	discrete: "text-muted-foreground",
+	error: "text-destructive",
+	success: "text-success",
+	primary: "text-primary"
+}, u = {
+	normal: "leading-normal",
+	relaxed: "leading-relaxed",
+	loose: "leading-loose",
+	tight: "leading-tight",
+	snug: "leading-snug",
+	none: "leading-none"
+}, d = {
+	regular: "font-normal",
+	medium: "font-medium",
+	semibold: "font-semibold",
+	bold: "font-bold"
+}, f = {
+	center: "text-center",
+	right: "text-right",
+	left: "text-left"
+};
+function p({ content: a, type: o = "main", size: p, align: m = "left", lineHeight: h = "normal", weight: g = "regular", className: _ = "", children: v, asHTML: y = !1, numeric: b = !1, tag: x = "p", ...S }) {
+	let { defaultTextSize: C } = e(), w = p ?? C ?? "sm", T = t(l[o], c[w], f[m], u[h], d[g], b && "font-mono tabular-nums", _), E = r(() => typeof a == "string" && a.length > 0 ? a : typeof v == "string" || typeof v == "number" ? String(v) : "", [v, a]);
+	return y ? n(x, {
+		className: T,
+		"data-typography": "text",
+		dangerouslySetInnerHTML: { __html: s(E) },
+		...S
+	}) : a && a.length > 0 ? /* @__PURE__ */ i(x, {
+		className: T,
+		"data-typography": "text",
+		...S,
+		children: a
+	}) : v == null ? null : /* @__PURE__ */ i(x, {
+		className: T,
+		"data-typography": "text",
+		...S,
+		children: v
+	});
+}
+p.displayName = "Text";
+//#endregion
+//#region src/components/typography/heading.tsx
+var m = {
+	h1: "scroll-m-20 text-2xl font-semibold leading-tight text-balance",
+	h2: "scroll-m-20 text-xl font-semibold leading-tight first:mt-0",
+	h3: "scroll-m-20 text-lg font-semibold leading-snug",
+	h4: "scroll-m-20 text-base font-semibold leading-snug",
+	h5: "text-sm font-semibold",
+	h6: "text-xs font-semibold"
+}, h = {
+	left: "text-left",
+	center: "text-center",
+	right: "text-right"
+};
+function g({ tag: e = "h3", className: n, children: r, subHeading: o, subHeadingClassName: s, subHeadingSize: c, containerClassName: l, align: u = "left", divider: d = !1, ...f }) {
+	let g = t("text-foreground antialiased", m[e], d && "border-b border-border pb-2", h[u], n);
+	return /* @__PURE__ */ a("div", {
+		className: t("space-y-1", h[u], l),
+		children: [!!r && /* @__PURE__ */ i(e, {
+			className: g,
+			"data-typography": "heading",
+			...f,
+			children: r
+		}), !!o && /* @__PURE__ */ i(p, {
+			size: c ?? "xs",
+			type: "secondary",
+			align: u,
+			className: s,
+			children: o
+		})]
+	});
+}
+g.displayName = "Heading";
+//#endregion
+export { p as n, s as r, g as t };
+
+//# sourceMappingURL=heading-HeP06nXG.js.map

package/dist/_shared/heading-HeP06nXG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading-HeP06nXG.js","names":[],"sources":["../../src/lib/sanitize-html.ts","../../src/components/typography/text.tsx","../../src/components/typography/heading.tsx"],"sourcesContent":["const ESCAPE: Record<string, string> = {\n\t'&': '&amp;',\n\t'<': '&lt;',\n\t'>': '&gt;',\n\t'\"': '&quot;',\n\t\"'\": '&#39;',\n};\n\nexport function sanitizeHtml(input: string): string {\n\tif (!input) return '';\n\treturn input.replace(/[&<>\"']/g, (ch) => ESCAPE[ch] ?? ch);\n}\n\nexport default sanitizeHtml;\n","/**\n * Text — design-system text primitive. Use `size` (xxs–xl), `type` (main / inverse /\n * secondary / discrete / error / success / primary), `weight`, `align`, `lineHeight`, `tag`\n * (p / div / span). Supports `content` and `asHTML` (sanitised). Carries `data-typography=\"text\"`\n * as a styling hook for targeting text within a surface.\n */\nimport { createElement, useMemo } from 'react';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { useTypographyConfig, type TextSize } from '@/lib/ui-provider';\nimport { sanitizeHtml } from '@/lib/sanitize-html';\nimport { cn } from '@/lib/utils';\n\nconst sizes = {\n    inherit: '[font-size:inherit]',\n    xxs: 'text-xxs',\n\tsm: 'text-sm',\n\txs: 'text-xs',\n\tbase: 'text-base',\n\tlg: 'text-lg',\n\txl: 'text-xl',\n};\n\nconst types = {\n\tmain: 'text-foreground',\n    inverse: 'text-background',\n\tsecondary: 'text-muted-foreground',\n\tdiscrete: 'text-muted-foreground',\n\terror: 'text-destructive',\n\tsuccess: 'text-success',\n\tprimary: 'text-primary',\n};\n\nconst lineHeights = {\n\tnormal: 'leading-normal',\n\trelaxed: 'leading-relaxed',\n\tloose: 'leading-loose',\n\ttight: 'leading-tight',\n\tsnug: 'leading-snug',\n\tnone: 'leading-none',\n};\n\nconst weights = {\n\tregular: 'font-normal',\n\tmedium: 'font-medium',\n\tsemibold: 'font-semibold',\n\tbold: 'font-bold',\n};\n\nconst alignment = { center: 'text-center', right: 'text-right', left: 'text-left' };\n\nexport interface TextProps extends Omit<ComponentPropsWithoutRef<'p'>, 'children'> {\n\tcontent?: string;\n\ttype?: keyof typeof types;\n\tsize?: TextSize;\n\talign?: keyof typeof alignment;\n\tlineHeight?: keyof typeof lineHeights;\n\tinvert?: boolean;\n\tnumeric?: boolean;\n\tweight?: keyof typeof weights;\n\tchildren?: ReactNode;\n\ttag?: 'div' | 'p' | 'span';\n\tasHTML?: boolean;\n}\n\nexport function Text({\n\tcontent,\n\ttype = 'main',\n\tsize: sizeProp,\n\talign = 'left',\n\tlineHeight = 'normal',\n\tweight = 'regular',\n\tclassName = '',\n\tchildren,\n\tasHTML = false,\n\tnumeric = false,\n\ttag: Tag = 'p',\n\t...props\n}: TextProps) {\n\tconst { defaultTextSize } = useTypographyConfig();\n\tconst size = sizeProp ?? defaultTextSize ?? 'sm';\n\tconst textClassnames = cn(\n\t\ttypes[type],\n\t\tsizes[size],\n\t\talignment[align],\n\t\tlineHeights[lineHeight],\n\t\tweights[weight],\n\t\tnumeric && 'font-mono tabular-nums',\n\t\tclassName,\n\t);\n\n\tconst htmlSource = useMemo(() => {\n\t\tif (typeof content === 'string' && content.length > 0) {\n\t\t\treturn content;\n\t\t}\n\n\t\tif (typeof children === 'string' || typeof children === 'number') {\n\t\t\treturn String(children);\n\t\t}\n\n\t\treturn '';\n\t}, [children, content]);\n\n\tif (asHTML) {\n\t\tconst sanitized = sanitizeHtml(htmlSource);\n\t\treturn createElement(Tag, {\n\t\t\tclassName: textClassnames,\n\t\t\t'data-typography': 'text',\n\t\t\tdangerouslySetInnerHTML: { __html: sanitized },\n\t\t\t...props,\n\t\t});\n\t}\n\n\tif (content && content.length > 0) {\n\t\treturn (\n\t\t\t<Tag className={textClassnames} data-typography=\"text\" {...props}>\n\t\t\t\t{content}\n\t\t\t</Tag>\n\t\t);\n\t}\n\n\tif (children !== undefined && children !== null) {\n\t\treturn (\n\t\t\t<Tag className={textClassnames} data-typography=\"text\" {...props}>\n\t\t\t\t{children}\n\t\t\t</Tag>\n\t\t);\n\t}\n\n\treturn null;\n}\n\nText.displayName = 'Text';\n\nexport default Text;\n","/**\n * Heading — semantic h1–h6 with consistent sizing, optional `subHeading` (rendered as\n * a Text below), and alignment. Carries `data-typography=\"heading\"` as a styling hook.\n */\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nimport { type TextSize } from '@/lib/ui-provider';\nimport { cn } from '@/lib/utils';\n\nimport Text from './text';\n\ntype HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nconst headingVariants: Record<HeadingTag, string> = {\n\th1: 'scroll-m-20 text-2xl font-semibold leading-tight text-balance',\n\th2: 'scroll-m-20 text-xl font-semibold leading-tight first:mt-0',\n\th3: 'scroll-m-20 text-lg font-semibold leading-snug',\n\th4: 'scroll-m-20 text-base font-semibold leading-snug',\n\th5: 'text-sm font-semibold',\n\th6: 'text-xs font-semibold',\n};\n\nconst alignmentClasses = {\n\tleft: 'text-left',\n\tcenter: 'text-center',\n\tright: 'text-right',\n} as const;\n\nexport interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {\n\ttag?: HeadingTag;\n\tsubHeading?: ReactNode;\n\tsubHeadingClassName?: string;\n\tsubHeadingSize?: TextSize;\n\tcontainerClassName?: string;\n\talign?: 'left' | 'center' | 'right';\n\tdivider?: boolean;\n}\n\nfunction Heading({\n\ttag: Tag = 'h3',\n\tclassName,\n\tchildren,\n\tsubHeading,\n\tsubHeadingClassName,\n\tsubHeadingSize,\n\tcontainerClassName,\n\talign = 'left',\n\tdivider = false,\n\t...headingProps\n}: HeadingProps) {\n\tconst headingClasses = cn(\n\t\t'text-foreground antialiased',\n\t\theadingVariants[Tag],\n\t\tdivider && 'border-b border-border pb-2',\n\t\talignmentClasses[align],\n\t\tclassName,\n\t);\n\n\tconst wrapperClasses = cn(\n\t\t'space-y-1',\n\t\talignmentClasses[align],\n\t\tcontainerClassName,\n\t);\n\n\treturn (\n\t\t<div className={wrapperClasses}>\n\t\t\t{!!children && (\n\t\t\t\t<Tag className={headingClasses} data-typography=\"heading\" {...headingProps}>\n\t\t\t\t\t{children}\n\t\t\t\t</Tag>\n\t\t\t)}\n\n\t\t\t{!!subHeading && (\n\t\t\t\t<Text\n\t\t\t\t\tsize={subHeadingSize ?? 'xs'}\n\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\talign={align}\n\t\t\t\t\tclassName={subHeadingClassName}\n\t\t\t\t>\n\t\t\t\t\t{subHeading}\n\t\t\t\t</Text>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\nHeading.displayName = 'Heading';\n\nexport default Heading;\n"],"mappings":";;;;;AAAA,IAAM,IAAiC;CACtC,KAAK;CACL,KAAK;CACL,KAAK;CACL,MAAK;CACL,KAAK;AACN;AAEA,SAAgB,EAAa,GAAuB;CAEnD,OADK,IACE,EAAM,QAAQ,aAAa,MAAO,EAAO,MAAO,CAAE,IADtC;AAEpB;;;ACEA,IAAM,IAAQ;CACV,SAAS;CACT,KAAK;CACR,IAAI;CACJ,IAAI;CACJ,MAAM;CACN,IAAI;CACJ,IAAI;AACL,GAEM,IAAQ;CACb,MAAM;CACH,SAAS;CACZ,WAAW;CACX,UAAU;CACV,OAAO;CACP,SAAS;CACT,SAAS;AACV,GAEM,IAAc;CACnB,QAAQ;CACR,SAAS;CACT,OAAO;CACP,OAAO;CACP,MAAM;CACN,MAAM;AACP,GAEM,IAAU;CACf,SAAS;CACT,QAAQ;CACR,UAAU;CACV,MAAM;AACP,GAEM,IAAY;CAAE,QAAQ;CAAe,OAAO;CAAc,MAAM;AAAY;AAgBlF,SAAgB,EAAK,EACpB,YACA,UAAO,QACP,MAAM,GACN,WAAQ,QACR,gBAAa,UACb,YAAS,WACT,eAAY,IACZ,aACA,YAAS,IACT,aAAU,IACV,KAAK,IAAM,KACX,GAAG,KACU;CACb,IAAM,EAAE,uBAAoB,EAAoB,GAC1C,IAAO,KAAY,KAAmB,MACtC,IAAiB,EACtB,EAAM,IACN,EAAM,IACN,EAAU,IACV,EAAY,IACZ,EAAQ,IACR,KAAW,0BACX,CACD,GAEM,IAAa,QACd,OAAO,KAAY,YAAY,EAAQ,SAAS,IAC5C,IAGJ,OAAO,KAAa,YAAY,OAAO,KAAa,WAChD,OAAO,CAAQ,IAGhB,IACL,CAAC,GAAU,CAAO,CAAC;CA4BtB,OA1BI,IAEI,EAAc,GAAK;EACzB,WAAW;EACX,mBAAmB;EACnB,yBAAyB,EAAE,QAJV,EAAa,CAIK,EAAU;EAC7C,GAAG;CACJ,CAAC,IAGE,KAAW,EAAQ,SAAS,IAE9B,kBAAC,GAAD;EAAK,WAAW;EAAgB,mBAAgB;EAAO,GAAI;YACzD;CACG,CAAA,IAIH,KAAuC,OAQpC,OANL,kBAAC,GAAD;EAAK,WAAW;EAAgB,mBAAgB;EAAO,GAAI;EACzD;CACG,CAAA;AAKR;AAEA,EAAK,cAAc;;;ACvHnB,IAAM,IAA8C;CACnD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACL,GAEM,IAAmB;CACxB,MAAM;CACN,QAAQ;CACR,OAAO;AACR;AAYA,SAAS,EAAQ,EAChB,KAAK,IAAM,MACX,cACA,aACA,eACA,wBACA,mBACA,uBACA,WAAQ,QACR,aAAU,IACV,GAAG,KACa;CAChB,IAAM,IAAiB,EACtB,+BACA,EAAgB,IAChB,KAAW,+BACX,EAAiB,IACjB,CACD;CAQA,OACC,kBAAC,OAAD;EAAK,WAPiB,EACtB,aACA,EAAiB,IACjB,CAIgB;YAAhB,CACE,CAAC,CAAC,KACF,kBAAC,GAAD;GAAK,WAAW;GAAgB,mBAAgB;GAAU,GAAI;GAC5D;EACG,CAAA,GAGL,CAAC,CAAC,KACF,kBAAC,GAAD;GACC,MAAM,KAAkB;GACxB,MAAK;GACE;GACP,WAAW;aAEV;EACI,CAAA,CAEH;;AAEP;AAEA,EAAQ,cAAc"}

package/dist/_shared/hooks-MW0UTO3q.cjs

@@ -0,0 +1,2 @@
+const e=require("./chunk-CMqjfN_6.cjs"),t=require("../lib/utils.cjs"),n=require("./badge--o9wFHB_.cjs");let r=require("react");r=e.t(r,1);let i=require("react/jsx-runtime");var a=({href:e,children:t,disabled:n,external:r,rel:a,target:o,...s})=>!e||n?(0,i.jsx)(`span`,{...s,children:t}):(0,i.jsx)(`a`,{href:e,target:o??(r?`_blank`:void 0),rel:a??(r?`noopener noreferrer`:void 0),...s,children:t}),o=({children:e,...t})=>(0,i.jsx)(`a`,{...t,children:e});function s({renderLink:e,LinkComponent:t}={}){return e||(t?({active:e,disabled:n,external:r,children:a,...o})=>n||!o.href?(0,i.jsx)(`span`,{className:o.className,children:a}):(0,i.jsx)(t,{...o,children:a}):a)}function c({renderLink:e,LinkComponent:t}={}){return(0,r.useMemo)(()=>s({renderLink:e,LinkComponent:t}),[e,t])}function l(e){if(e.startsWith(`#/`))return e.slice(1).split(`?`)[0]?.split(`#`)[0]||`/`;try{return new URL(e,`http://local.invalid`).pathname}catch{return e}}function u(e,t){let n=l(e);return n===t||n.startsWith(t+`/`)||n.startsWith(t+`?`)}function d(e){return e.label??e.title??``}function f(e,t){let n=d(e);return e.handle??e.href??(typeof n==`string`||typeof n==`number`?n:`nav-${t??0}`)}function p({value:e,size:r=`default`}){return(0,i.jsx)(n.t,{variant:`secondary`,className:t.cn(`ml-auto rounded-full tabular-nums text-sidebar-foreground`,r===`small`?`h-4 min-w-4 px-1.5`:`h-5 min-w-5 px-1.5`),children:e})}function m(e,t,n){return e&&n&&n[e]!=null?n[e]:t}function h({icon:e,iconMap:n={},size:a=20,className:o=`size-4`,...s}){if(!e)return null;if(typeof e==`string`){let t=n[e];return t?(0,i.jsx)(t,{className:o}):null}return r.isValidElement(e)?r.cloneElement(e,{className:t.cn(o,e.props.className),...s}):typeof e==`function`||typeof e==`object`&&e&&`$$typeof`in e?(0,i.jsx)(e,{className:o,width:a,height:a,...s}):null}function g(e,t,n,r,i){return e({href:t.href,children:n,className:r,active:i,disabled:t.disabled||!t.href,external:t.external})}function _(e=`/`){return(0,r.useCallback)(t=>!!t&&u(e,l(t)),[e])}function v({key:e,enabled:t=!0,onTrigger:n,preventDefault:i=!0}){(0,r.useEffect)(()=>{if(!t||!n||typeof document>`u`)return;let r=t=>{(t.metaKey||t.ctrlKey)&&t.key.toLowerCase()===e.toLowerCase()&&(i&&t.preventDefault(),n())};return document.addEventListener(`keydown`,r),()=>document.removeEventListener(`keydown`,r)},[t,e,n,i])}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return l}});
+//# sourceMappingURL=hooks-MW0UTO3q.cjs.map

package/dist/_shared/hooks-MW0UTO3q.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks-MW0UTO3q.cjs","names":[],"sources":["../../src/components/layout/layout.types.tsx","../../src/components/layout/hooks/use-layout-link.tsx","../../src/components/layout/sidebar/sidebar.utils.tsx","../../src/components/layout/hooks/use-active-path.ts","../../src/components/layout/hooks/use-command-shortcut.ts"],"sourcesContent":[" \n/**\n * Shared layout types used across page, header, and sidebar.\n *\n * The layout layer is framework-agnostic by contract. It never imports a\n * router package. Navigation is delegated to the consumer through\n * `renderLink`, with a backwards-compatible `LinkComponent` bridge for older\n * call sites.\n */\nimport type { ComponentType, MouseEvent, ReactNode } from 'react';\n\nexport interface LayoutLinkRenderProps {\n\t/** Destination URL. When omitted, render non-interactive content. */\n\thref?: string;\n\tchildren: ReactNode;\n\tclassName?: string;\n\ttarget?: string;\n\trel?: string;\n\tonClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n\t'aria-label'?: string;\n\t/** Consumer hint for active styling; renderers may ignore it. */\n\tactive?: boolean;\n\t/** Consumer hint to render as muted/non-interactive. */\n\tdisabled?: boolean;\n\t/** Consumer hint for external-link behavior. */\n\texternal?: boolean;\n}\n\n/**\n * Primary navigation seam. Consumers can wire Inertia, Next, React Router,\n * TanStack Router, or a plain anchor without this package importing them.\n *\n * Example:\n *   renderLink={({ href, children, className }) => (\n *     <Link href={href ?? '#'} className={className}>{children}</Link>\n *   )}\n */\nexport type LayoutLinkRenderer = (props: LayoutLinkRenderProps) => ReactNode;\n\n/** Backwards-compatible component style. Prefer `renderLink` for new code. */\nexport type LinkComponent = ComponentType<{\n\thref?: string;\n\tclassName?: string;\n\tchildren?: ReactNode;\n\ttarget?: string;\n\trel?: string;\n\tonClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n\t'aria-label'?: string;\n}>;\n\nexport interface LayoutNavigationAdapter {\n\t/** Preferred renderer for framework-native links. */\n\trenderLink?: LayoutLinkRenderer;\n\t/** Compatibility bridge for old call sites. Prefer `renderLink`. */\n\tLinkComponent?: LinkComponent;\n}\n\n/** Default link renderer — native anchor with disabled fallback. */\nexport const defaultRenderLink: LayoutLinkRenderer = ({\n\thref,\n\tchildren,\n\tdisabled,\n\texternal,\n\trel,\n\ttarget,\n\t...props\n}) => {\n\tif (!href || disabled) {\n\t\treturn <span {...props}>{children}</span>;\n\t}\n\n\tconst resolvedTarget = target ?? (external ? '_blank' : undefined);\n\tconst resolvedRel = rel ?? (external ? 'noopener noreferrer' : undefined);\n\n\treturn (\n\t\t<a href={href} target={resolvedTarget} rel={resolvedRel} {...props}>\n\t\t\t{children}\n\t\t</a>\n\t);\n};\n\nexport const DefaultLinkComponent: LinkComponent = ({ children, ...props }) => (\n\t<a {...props}>{children}</a>\n);\n\n/** Resolve the final renderer while preserving `LinkComponent` compatibility. */\nexport function resolveLayoutLinkRenderer({\n\trenderLink,\n\tLinkComponent,\n}: LayoutNavigationAdapter = {}): LayoutLinkRenderer {\n\tif (renderLink) return renderLink;\n\tif (LinkComponent) {\n\t\treturn ({ active, disabled, external, children, ...props }) => {\n\t\t\tvoid active;\n\t\t\tvoid external;\n\t\t\tif (disabled || !props.href) return <span className={props.className}>{children}</span>;\n\t\t\treturn <LinkComponent {...props}>{children}</LinkComponent>;\n\t\t};\n\t}\n\treturn defaultRenderLink;\n}\n\n/** Plain navigation item used by sidebar / breadcrumbs / page header. */\nexport interface NavLink {\n\tlabel: ReactNode;\n\thref?: string;\n\thandle?: string;\n\tbadge?: string | number;\n\tdisabled?: boolean;\n\texternal?: boolean;\n}\n\n/** Hierarchical navigation item — extends `NavLink` with optional children. */\nexport interface NavItem extends NavLink {\n\ticon?: LayoutIconSource;\n\tchildren?: NavItem[];\n\tgroup?: string;\n}\n\n/** Breadcrumb entry. The last item with no `href` renders as the current page. */\nexport interface BreadcrumbItem {\n\tlabel: ReactNode;\n\thref?: string;\n\thandle?: string;\n}\n\nexport type LayoutIconSource =\n\t| ComponentType<{ className?: string }>\n\t| ComponentType<React.SVGProps<SVGSVGElement>>\n\t| ReactNode\n\t| string;\n\nexport interface LayoutUser {\n\tname: string;\n\temail?: string;\n\tavatar?: string;\n\trole?: string;\n}\n\nexport interface ExternalLinkItem {\n\tlabel: ReactNode;\n\turl: string;\n\ticon?: ComponentType<{ className?: string }>;\n}\n","import { useMemo } from 'react';\n\nimport {\n\tresolveLayoutLinkRenderer,\n\ttype LayoutLinkRenderer,\n\ttype LayoutNavigationAdapter,\n} from '../layout.types';\n\nexport function useLayoutLinkRenderer({\n\trenderLink,\n\tLinkComponent,\n}: LayoutNavigationAdapter = {}): LayoutLinkRenderer {\n\treturn useMemo(\n\t\t() => resolveLayoutLinkRenderer({ renderLink, LinkComponent }),\n\t\t[renderLink, LinkComponent],\n\t);\n}\n"," \n/** Sidebar utilities — pure path helpers, labels, icon rendering, badge pill. */\nimport * as React from 'react';\n\nimport { Badge } from '@/components/base/badge';\nimport { cn } from '@/lib/utils';\n\nimport type { LayoutIconSource, LayoutLinkRenderer } from '../layout.types';\nimport type { SidebarNavItem } from './sidebar.types';\n\nexport function toPath(href: string): string {\n\tif (href.startsWith('#/')) {\n\t\treturn href.slice(1).split('?')[0]?.split('#')[0] || '/';\n\t}\n\n\ttry {\n\t\treturn new URL(href, 'http://local.invalid').pathname;\n\t} catch {\n\t\treturn href;\n\t}\n}\n\nexport function isPathMatch(currentUrl: string, path: string): boolean {\n\tconst currentPath = toPath(currentUrl);\n\treturn currentPath === path || currentPath.startsWith(path + '/') || currentPath.startsWith(path + '?');\n}\n\nexport function getNavLabel(item: Pick<SidebarNavItem, 'label' | 'title'>): React.ReactNode {\n\treturn item.label ?? item.title ?? '';\n}\n\nexport function getNavKey(item: SidebarNavItem, fallbackIndex?: number): React.Key {\n\tconst label = getNavLabel(item);\n\treturn item.handle ?? item.href ?? (typeof label === 'string' || typeof label === 'number' ? label : `nav-${fallbackIndex ?? 0}`);\n}\n\nexport function NavBadge({\n\tvalue,\n\tsize = 'default',\n}: {\n\tvalue: string | number;\n\tsize?: 'default' | 'small';\n}) {\n\treturn (\n\t\t<Badge\n\t\t\tvariant=\"secondary\"\n\t\t\tclassName={cn(\n\t\t\t\t'ml-auto rounded-full tabular-nums text-sidebar-foreground',\n\t\t\t\tsize === 'small' ? 'h-4 min-w-4 px-1.5' : 'h-5 min-w-5 px-1.5',\n\t\t\t)}\n\t\t>\n\t\t\t{value}\n\t\t</Badge>\n\t);\n}\n\nexport function resolveNavBadge(\n\thandle: string | undefined,\n\titemBadge: string | number | undefined,\n\tliveBadges: Record<string, string | number> | undefined,\n): string | number | undefined {\n\tif (handle && liveBadges && liveBadges[handle] != null) {\n\t\treturn liveBadges[handle];\n\t}\n\treturn itemBadge;\n}\n\nexport interface DynamicIconProps extends React.SVGProps<SVGSVGElement> {\n\ticon: LayoutIconSource;\n\ticonMap?: Record<string, React.ComponentType<{ className?: string }>>;\n\tsize?: number;\n\tclassName?: string;\n}\n\nexport function DynamicIcon({\n\ticon,\n\ticonMap = {},\n\tsize = 20,\n\tclassName = 'size-4',\n\t...props\n}: DynamicIconProps) {\n\tif (!icon) return null;\n\n\tif (typeof icon === 'string') {\n\t\tconst IconComponent = iconMap[icon];\n\t\treturn IconComponent ? <IconComponent className={className} /> : null;\n\t}\n\n\tif (React.isValidElement(icon)) {\n\t\treturn React.cloneElement(icon as React.ReactElement<React.SVGProps<SVGSVGElement>>, {\n\t\t\tclassName: cn(className, (icon.props as { className?: string }).className),\n\t\t\t...props,\n\t\t});\n\t}\n\n\tif (\n\t\ttypeof icon === 'function'\n\t\t|| (typeof icon === 'object' && icon !== null && '$$typeof' in icon)\n\t) {\n\t\tconst IconComponent = icon as React.ElementType<React.SVGProps<SVGSVGElement>>;\n\t\treturn <IconComponent className={className} width={size} height={size} {...props} />;\n\t}\n\n\treturn null;\n}\n\nexport function renderSidebarLink(\n\trenderLink: LayoutLinkRenderer,\n\titem: SidebarNavItem,\n\tchildren: React.ReactNode,\n\tclassName?: string,\n\tactive?: boolean,\n) {\n\treturn renderLink({\n\t\thref: item.href,\n\t\tchildren,\n\t\tclassName,\n\t\tactive,\n\t\tdisabled: item.disabled || !item.href,\n\t\texternal: item.external,\n\t});\n}\n","import { useCallback } from 'react';\n\nimport { isPathMatch, toPath } from '../sidebar/sidebar.utils';\n\nexport function useActivePath(currentUrl = '/') {\n\treturn useCallback(\n\t\t(href?: string) => !!href && isPathMatch(currentUrl, toPath(href)),\n\t\t[currentUrl],\n\t);\n}\n","import { useEffect } from 'react';\n\nexport interface UseCommandShortcutOptions {\n\tkey: string;\n\tenabled?: boolean;\n\tonTrigger?: () => void;\n\tpreventDefault?: boolean;\n}\n\nexport function useCommandShortcut({\n\tkey,\n\tenabled = true,\n\tonTrigger,\n\tpreventDefault = true,\n}: UseCommandShortcutOptions) {\n\tuseEffect(() => {\n\t\tif (!enabled || !onTrigger || typeof document === 'undefined') return;\n\n\t\tconst handler = (event: KeyboardEvent) => {\n\t\t\tif (!(event.metaKey || event.ctrlKey)) return;\n\t\t\tif (event.key.toLowerCase() !== key.toLowerCase()) return;\n\t\t\tif (preventDefault) event.preventDefault();\n\t\t\tonTrigger();\n\t\t};\n\n\t\tdocument.addEventListener('keydown', handler);\n\t\treturn () => document.removeEventListener('keydown', handler);\n\t}, [enabled, key, onTrigger, preventDefault]);\n}\n"],"mappings":"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"}

package/dist/_shared/hooks-ZiPIvs0_.js

@@ -0,0 +1,118 @@
+import { cn as e } from "../lib/utils.js";
+import { t } from "./badge-yGlx9trX.js";
+import * as n from "react";
+import { useCallback as r, useEffect as i, useMemo as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/layout/layout.types.tsx
+var s = ({ href: e, children: t, disabled: n, external: r, rel: i, target: a, ...s }) => !e || n ? /* @__PURE__ */ o("span", {
+	...s,
+	children: t
+}) : /* @__PURE__ */ o("a", {
+	href: e,
+	target: a ?? (r ? "_blank" : void 0),
+	rel: i ?? (r ? "noopener noreferrer" : void 0),
+	...s,
+	children: t
+}), c = ({ children: e, ...t }) => /* @__PURE__ */ o("a", {
+	...t,
+	children: e
+});
+function l({ renderLink: e, LinkComponent: t } = {}) {
+	return e || (t ? ({ active: e, disabled: n, external: r, children: i, ...a }) => n || !a.href ? /* @__PURE__ */ o("span", {
+		className: a.className,
+		children: i
+	}) : /* @__PURE__ */ o(t, {
+		...a,
+		children: i
+	}) : s);
+}
+//#endregion
+//#region src/components/layout/hooks/use-layout-link.tsx
+function u({ renderLink: e, LinkComponent: t } = {}) {
+	return a(() => l({
+		renderLink: e,
+		LinkComponent: t
+	}), [e, t]);
+}
+//#endregion
+//#region src/components/layout/sidebar/sidebar.utils.tsx
+function d(e) {
+	if (e.startsWith("#/")) return e.slice(1).split("?")[0]?.split("#")[0] || "/";
+	try {
+		return new URL(e, "http://local.invalid").pathname;
+	} catch {
+		return e;
+	}
+}
+function f(e, t) {
+	let n = d(e);
+	return n === t || n.startsWith(t + "/") || n.startsWith(t + "?");
+}
+function p(e) {
+	return e.label ?? e.title ?? "";
+}
+function m(e, t) {
+	let n = p(e);
+	return e.handle ?? e.href ?? (typeof n == "string" || typeof n == "number" ? n : `nav-${t ?? 0}`);
+}
+function h({ value: n, size: r = "default" }) {
+	return /* @__PURE__ */ o(t, {
+		variant: "secondary",
+		className: e("ml-auto rounded-full tabular-nums text-sidebar-foreground", r === "small" ? "h-4 min-w-4 px-1.5" : "h-5 min-w-5 px-1.5"),
+		children: n
+	});
+}
+function g(e, t, n) {
+	return e && n && n[e] != null ? n[e] : t;
+}
+function _({ icon: t, iconMap: r = {}, size: i = 20, className: a = "size-4", ...s }) {
+	if (!t) return null;
+	if (typeof t == "string") {
+		let e = r[t];
+		return e ? /* @__PURE__ */ o(e, { className: a }) : null;
+	}
+	return n.isValidElement(t) ? n.cloneElement(t, {
+		className: e(a, t.props.className),
+		...s
+	}) : typeof t == "function" || typeof t == "object" && t && "$$typeof" in t ? /* @__PURE__ */ o(t, {
+		className: a,
+		width: i,
+		height: i,
+		...s
+	}) : null;
+}
+function v(e, t, n, r, i) {
+	return e({
+		href: t.href,
+		children: n,
+		className: r,
+		active: i,
+		disabled: t.disabled || !t.href,
+		external: t.external
+	});
+}
+//#endregion
+//#region src/components/layout/hooks/use-active-path.ts
+function y(e = "/") {
+	return r((t) => !!t && f(e, d(t)), [e]);
+}
+//#endregion
+//#region src/components/layout/hooks/use-command-shortcut.ts
+function b({ key: e, enabled: t = !0, onTrigger: n, preventDefault: r = !0 }) {
+	i(() => {
+		if (!t || !n || typeof document > "u") return;
+		let i = (t) => {
+			(t.metaKey || t.ctrlKey) && t.key.toLowerCase() === e.toLowerCase() && (r && t.preventDefault(), n());
+		};
+		return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
+	}, [
+		t,
+		e,
+		n,
+		r
+	]);
+}
+//#endregion
+export { m as a, v as c, u as d, c as f, h as i, g as l, l as m, y as n, p as o, s as p, _ as r, f as s, b as t, d as u };
+
+//# sourceMappingURL=hooks-ZiPIvs0_.js.map

package/dist/_shared/hooks-ZiPIvs0_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks-ZiPIvs0_.js","names":[],"sources":["../../src/components/layout/layout.types.tsx","../../src/components/layout/hooks/use-layout-link.tsx","../../src/components/layout/sidebar/sidebar.utils.tsx","../../src/components/layout/hooks/use-active-path.ts","../../src/components/layout/hooks/use-command-shortcut.ts"],"sourcesContent":[" \n/**\n * Shared layout types used across page, header, and sidebar.\n *\n * The layout layer is framework-agnostic by contract. It never imports a\n * router package. Navigation is delegated to the consumer through\n * `renderLink`, with a backwards-compatible `LinkComponent` bridge for older\n * call sites.\n */\nimport type { ComponentType, MouseEvent, ReactNode } from 'react';\n\nexport interface LayoutLinkRenderProps {\n\t/** Destination URL. When omitted, render non-interactive content. */\n\thref?: string;\n\tchildren: ReactNode;\n\tclassName?: string;\n\ttarget?: string;\n\trel?: string;\n\tonClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n\t'aria-label'?: string;\n\t/** Consumer hint for active styling; renderers may ignore it. */\n\tactive?: boolean;\n\t/** Consumer hint to render as muted/non-interactive. */\n\tdisabled?: boolean;\n\t/** Consumer hint for external-link behavior. */\n\texternal?: boolean;\n}\n\n/**\n * Primary navigation seam. Consumers can wire Inertia, Next, React Router,\n * TanStack Router, or a plain anchor without this package importing them.\n *\n * Example:\n *   renderLink={({ href, children, className }) => (\n *     <Link href={href ?? '#'} className={className}>{children}</Link>\n *   )}\n */\nexport type LayoutLinkRenderer = (props: LayoutLinkRenderProps) => ReactNode;\n\n/** Backwards-compatible component style. Prefer `renderLink` for new code. */\nexport type LinkComponent = ComponentType<{\n\thref?: string;\n\tclassName?: string;\n\tchildren?: ReactNode;\n\ttarget?: string;\n\trel?: string;\n\tonClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n\t'aria-label'?: string;\n}>;\n\nexport interface LayoutNavigationAdapter {\n\t/** Preferred renderer for framework-native links. */\n\trenderLink?: LayoutLinkRenderer;\n\t/** Compatibility bridge for old call sites. Prefer `renderLink`. */\n\tLinkComponent?: LinkComponent;\n}\n\n/** Default link renderer — native anchor with disabled fallback. */\nexport const defaultRenderLink: LayoutLinkRenderer = ({\n\thref,\n\tchildren,\n\tdisabled,\n\texternal,\n\trel,\n\ttarget,\n\t...props\n}) => {\n\tif (!href || disabled) {\n\t\treturn <span {...props}>{children}</span>;\n\t}\n\n\tconst resolvedTarget = target ?? (external ? '_blank' : undefined);\n\tconst resolvedRel = rel ?? (external ? 'noopener noreferrer' : undefined);\n\n\treturn (\n\t\t<a href={href} target={resolvedTarget} rel={resolvedRel} {...props}>\n\t\t\t{children}\n\t\t</a>\n\t);\n};\n\nexport const DefaultLinkComponent: LinkComponent = ({ children, ...props }) => (\n\t<a {...props}>{children}</a>\n);\n\n/** Resolve the final renderer while preserving `LinkComponent` compatibility. */\nexport function resolveLayoutLinkRenderer({\n\trenderLink,\n\tLinkComponent,\n}: LayoutNavigationAdapter = {}): LayoutLinkRenderer {\n\tif (renderLink) return renderLink;\n\tif (LinkComponent) {\n\t\treturn ({ active, disabled, external, children, ...props }) => {\n\t\t\tvoid active;\n\t\t\tvoid external;\n\t\t\tif (disabled || !props.href) return <span className={props.className}>{children}</span>;\n\t\t\treturn <LinkComponent {...props}>{children}</LinkComponent>;\n\t\t};\n\t}\n\treturn defaultRenderLink;\n}\n\n/** Plain navigation item used by sidebar / breadcrumbs / page header. */\nexport interface NavLink {\n\tlabel: ReactNode;\n\thref?: string;\n\thandle?: string;\n\tbadge?: string | number;\n\tdisabled?: boolean;\n\texternal?: boolean;\n}\n\n/** Hierarchical navigation item — extends `NavLink` with optional children. */\nexport interface NavItem extends NavLink {\n\ticon?: LayoutIconSource;\n\tchildren?: NavItem[];\n\tgroup?: string;\n}\n\n/** Breadcrumb entry. The last item with no `href` renders as the current page. */\nexport interface BreadcrumbItem {\n\tlabel: ReactNode;\n\thref?: string;\n\thandle?: string;\n}\n\nexport type LayoutIconSource =\n\t| ComponentType<{ className?: string }>\n\t| ComponentType<React.SVGProps<SVGSVGElement>>\n\t| ReactNode\n\t| string;\n\nexport interface LayoutUser {\n\tname: string;\n\temail?: string;\n\tavatar?: string;\n\trole?: string;\n}\n\nexport interface ExternalLinkItem {\n\tlabel: ReactNode;\n\turl: string;\n\ticon?: ComponentType<{ className?: string }>;\n}\n","import { useMemo } from 'react';\n\nimport {\n\tresolveLayoutLinkRenderer,\n\ttype LayoutLinkRenderer,\n\ttype LayoutNavigationAdapter,\n} from '../layout.types';\n\nexport function useLayoutLinkRenderer({\n\trenderLink,\n\tLinkComponent,\n}: LayoutNavigationAdapter = {}): LayoutLinkRenderer {\n\treturn useMemo(\n\t\t() => resolveLayoutLinkRenderer({ renderLink, LinkComponent }),\n\t\t[renderLink, LinkComponent],\n\t);\n}\n"," \n/** Sidebar utilities — pure path helpers, labels, icon rendering, badge pill. */\nimport * as React from 'react';\n\nimport { Badge } from '@/components/base/badge';\nimport { cn } from '@/lib/utils';\n\nimport type { LayoutIconSource, LayoutLinkRenderer } from '../layout.types';\nimport type { SidebarNavItem } from './sidebar.types';\n\nexport function toPath(href: string): string {\n\tif (href.startsWith('#/')) {\n\t\treturn href.slice(1).split('?')[0]?.split('#')[0] || '/';\n\t}\n\n\ttry {\n\t\treturn new URL(href, 'http://local.invalid').pathname;\n\t} catch {\n\t\treturn href;\n\t}\n}\n\nexport function isPathMatch(currentUrl: string, path: string): boolean {\n\tconst currentPath = toPath(currentUrl);\n\treturn currentPath === path || currentPath.startsWith(path + '/') || currentPath.startsWith(path + '?');\n}\n\nexport function getNavLabel(item: Pick<SidebarNavItem, 'label' | 'title'>): React.ReactNode {\n\treturn item.label ?? item.title ?? '';\n}\n\nexport function getNavKey(item: SidebarNavItem, fallbackIndex?: number): React.Key {\n\tconst label = getNavLabel(item);\n\treturn item.handle ?? item.href ?? (typeof label === 'string' || typeof label === 'number' ? label : `nav-${fallbackIndex ?? 0}`);\n}\n\nexport function NavBadge({\n\tvalue,\n\tsize = 'default',\n}: {\n\tvalue: string | number;\n\tsize?: 'default' | 'small';\n}) {\n\treturn (\n\t\t<Badge\n\t\t\tvariant=\"secondary\"\n\t\t\tclassName={cn(\n\t\t\t\t'ml-auto rounded-full tabular-nums text-sidebar-foreground',\n\t\t\t\tsize === 'small' ? 'h-4 min-w-4 px-1.5' : 'h-5 min-w-5 px-1.5',\n\t\t\t)}\n\t\t>\n\t\t\t{value}\n\t\t</Badge>\n\t);\n}\n\nexport function resolveNavBadge(\n\thandle: string | undefined,\n\titemBadge: string | number | undefined,\n\tliveBadges: Record<string, string | number> | undefined,\n): string | number | undefined {\n\tif (handle && liveBadges && liveBadges[handle] != null) {\n\t\treturn liveBadges[handle];\n\t}\n\treturn itemBadge;\n}\n\nexport interface DynamicIconProps extends React.SVGProps<SVGSVGElement> {\n\ticon: LayoutIconSource;\n\ticonMap?: Record<string, React.ComponentType<{ className?: string }>>;\n\tsize?: number;\n\tclassName?: string;\n}\n\nexport function DynamicIcon({\n\ticon,\n\ticonMap = {},\n\tsize = 20,\n\tclassName = 'size-4',\n\t...props\n}: DynamicIconProps) {\n\tif (!icon) return null;\n\n\tif (typeof icon === 'string') {\n\t\tconst IconComponent = iconMap[icon];\n\t\treturn IconComponent ? <IconComponent className={className} /> : null;\n\t}\n\n\tif (React.isValidElement(icon)) {\n\t\treturn React.cloneElement(icon as React.ReactElement<React.SVGProps<SVGSVGElement>>, {\n\t\t\tclassName: cn(className, (icon.props as { className?: string }).className),\n\t\t\t...props,\n\t\t});\n\t}\n\n\tif (\n\t\ttypeof icon === 'function'\n\t\t|| (typeof icon === 'object' && icon !== null && '$$typeof' in icon)\n\t) {\n\t\tconst IconComponent = icon as React.ElementType<React.SVGProps<SVGSVGElement>>;\n\t\treturn <IconComponent className={className} width={size} height={size} {...props} />;\n\t}\n\n\treturn null;\n}\n\nexport function renderSidebarLink(\n\trenderLink: LayoutLinkRenderer,\n\titem: SidebarNavItem,\n\tchildren: React.ReactNode,\n\tclassName?: string,\n\tactive?: boolean,\n) {\n\treturn renderLink({\n\t\thref: item.href,\n\t\tchildren,\n\t\tclassName,\n\t\tactive,\n\t\tdisabled: item.disabled || !item.href,\n\t\texternal: item.external,\n\t});\n}\n","import { useCallback } from 'react';\n\nimport { isPathMatch, toPath } from '../sidebar/sidebar.utils';\n\nexport function useActivePath(currentUrl = '/') {\n\treturn useCallback(\n\t\t(href?: string) => !!href && isPathMatch(currentUrl, toPath(href)),\n\t\t[currentUrl],\n\t);\n}\n","import { useEffect } from 'react';\n\nexport interface UseCommandShortcutOptions {\n\tkey: string;\n\tenabled?: boolean;\n\tonTrigger?: () => void;\n\tpreventDefault?: boolean;\n}\n\nexport function useCommandShortcut({\n\tkey,\n\tenabled = true,\n\tonTrigger,\n\tpreventDefault = true,\n}: UseCommandShortcutOptions) {\n\tuseEffect(() => {\n\t\tif (!enabled || !onTrigger || typeof document === 'undefined') return;\n\n\t\tconst handler = (event: KeyboardEvent) => {\n\t\t\tif (!(event.metaKey || event.ctrlKey)) return;\n\t\t\tif (event.key.toLowerCase() !== key.toLowerCase()) return;\n\t\t\tif (preventDefault) event.preventDefault();\n\t\t\tonTrigger();\n\t\t};\n\n\t\tdocument.addEventListener('keydown', handler);\n\t\treturn () => document.removeEventListener('keydown', handler);\n\t}, [enabled, key, onTrigger, preventDefault]);\n}\n"],"mappings":"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"}

package/dist/_shared/icon-badge-BAWl1oOe.cjs

@@ -0,0 +1,2 @@
+const e=require("../lib/utils.cjs");let t=require("react"),n=require("react/jsx-runtime");var r={xs:{box:`size-6`,icon:`size-3`},sm:{box:`size-8`,icon:`size-3.5`},md:{box:`size-9`,icon:`size-4`},lg:{box:`size-12`,icon:`size-5`}},i={primary:`bg-primary/15 text-primary`,secondary:`bg-foreground/8 text-muted-foreground`,success:`bg-success/15 text-success`,warning:`bg-warning/20 text-warning-foreground`,destructive:`bg-destructive/12 text-destructive`,info:`bg-info/15 text-info`,muted:`bg-muted text-muted-foreground`},a={primary:`bg-primary text-primary-foreground`,secondary:`bg-secondary text-secondary-foreground`,success:`bg-success text-success-foreground`,warning:`bg-warning text-warning-foreground`,destructive:`bg-destructive text-destructive-foreground`,info:`bg-info text-info-foreground`,muted:`bg-foreground/70 text-background`};function o({icon:o,children:s,size:c=`md`,shape:l=`circle`,tone:u=`primary`,solid:d=!1,bordered:f=!1,className:p,...m}){let h=r[c],g=d?a[u]:i[u];return(0,n.jsx)(`span`,{"aria-hidden":!m[`aria-label`],className:e.cn(`icon-badge--component`,`inline-flex shrink-0 items-center justify-center`,l===`circle`?`rounded-full`:`rounded-md`,h.box,g,f&&`border border-border/60`,p),...m,children:o?(0,t.createElement)(o,{className:h.icon}):s})}o.displayName=`IconBadge`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=icon-badge-BAWl1oOe.cjs.map

package/dist/_shared/icon-badge-BAWl1oOe.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-badge-BAWl1oOe.cjs","names":[],"sources":["../../src/components/base/display/icon-badge/icon-badge.tsx"],"sourcesContent":["/**\n * IconBadge — circular or square icon container with a tinted background.\n * Workhorse for \"row leading icon\" and \"feature illustration\" patterns —\n * coupon checks, conversation initials, search-result tones, AI-bot avatars.\n *\n * Tones reuse the shadcn semantic tokens, with the foreground colour picked\n * to read against a 10–15% background tint (e.g. `bg-success/15 text-success`).\n * For a fully-saturated mark (primary fill, inverse foreground), use\n * `tone=\"primary\"` and pass `solid`.\n */\nimport type { ComponentProps, ElementType, ReactNode } from 'react';\nimport { createElement } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport type IconBadgeSize = 'xs' | 'sm' | 'md' | 'lg';\nexport type IconBadgeShape = 'circle' | 'square';\nexport type IconBadgeTone =\n\t| 'primary'\n\t| 'secondary'\n\t| 'success'\n\t| 'warning'\n\t| 'destructive'\n\t| 'info'\n\t| 'muted';\n\nexport interface IconBadgeProps extends Omit<ComponentProps<'span'>, 'children'> {\n\ticon?: ElementType;\n\tchildren?: ReactNode;\n\tsize?: IconBadgeSize;\n\tshape?: IconBadgeShape;\n\ttone?: IconBadgeTone;\n\t/** When true, fills the badge with the tone color and inverts the icon. */\n\tsolid?: boolean;\n\t/**\n\t * When true, renders a hairline `border-border/60` around the badge.\n\t * Useful for compact \"secret list\" / \"key list\" rows where the icon\n\t * needs a subtle outline against the surrounding card surface\n\t * (see `composed/admin/api-key-list`).\n\t */\n\tbordered?: boolean;\n}\n\nconst SIZE_MAP: Record<IconBadgeSize, { box: string; icon: string }> = {\n\txs: { box: 'size-6', icon: 'size-3' },\n\tsm: { box: 'size-8', icon: 'size-3.5' },\n\tmd: { box: 'size-9', icon: 'size-4' },\n\tlg: { box: 'size-12', icon: 'size-5' },\n};\n\nconst TONE_TINT: Record<IconBadgeTone, string> = {\n\tprimary: 'bg-primary/15 text-primary',\n\tsecondary: 'bg-foreground/8 text-muted-foreground',\n\tsuccess: 'bg-success/15 text-success',\n\twarning: 'bg-warning/20 text-warning-foreground',\n\tdestructive: 'bg-destructive/12 text-destructive',\n\tinfo: 'bg-info/15 text-info',\n\tmuted: 'bg-muted text-muted-foreground',\n};\n\nconst TONE_SOLID: Record<IconBadgeTone, string> = {\n\tprimary: 'bg-primary text-primary-foreground',\n\tsecondary: 'bg-secondary text-secondary-foreground',\n\tsuccess: 'bg-success text-success-foreground',\n\twarning: 'bg-warning text-warning-foreground',\n\tdestructive: 'bg-destructive text-destructive-foreground',\n\tinfo: 'bg-info text-info-foreground',\n\tmuted: 'bg-foreground/70 text-background',\n};\n\nexport function IconBadge({\n\ticon: Icon,\n\tchildren,\n\tsize = 'md',\n\tshape = 'circle',\n\ttone = 'primary',\n\tsolid = false,\n\tbordered = false,\n\tclassName,\n\t...props\n}: IconBadgeProps) {\n\tconst sizes = SIZE_MAP[size];\n\tconst tones = solid ? TONE_SOLID[tone] : TONE_TINT[tone];\n\n\treturn (\n\t\t<span\n\t\t\taria-hidden={!props['aria-label']}\n\t\t\tclassName={cn('icon-badge--component', \n\t\t\t\t'inline-flex shrink-0 items-center justify-center',\n\t\t\t\tshape === 'circle' ? 'rounded-full' : 'rounded-md',\n\t\t\t\tsizes.box,\n\t\t\t\ttones,\n\t\t\t\tbordered && 'border border-border/60',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{Icon ? createElement(Icon, { className: sizes.icon }) : children}\n\t\t</span>\n\t);\n}\n\nIconBadge.displayName = 'IconBadge';\n"],"mappings":"0FA2CA,IAAM,EAAiE,CACtE,GAAI,CAAE,IAAK,SAAU,KAAM,QAAS,EACpC,GAAI,CAAE,IAAK,SAAU,KAAM,UAAW,EACtC,GAAI,CAAE,IAAK,SAAU,KAAM,QAAS,EACpC,GAAI,CAAE,IAAK,UAAW,KAAM,QAAS,CACtC,EAEM,EAA2C,CAChD,QAAS,6BACT,UAAW,wCACX,QAAS,6BACT,QAAS,wCACT,YAAa,qCACb,KAAM,uBACN,MAAO,gCACR,EAEM,EAA4C,CACjD,QAAS,qCACT,UAAW,yCACX,QAAS,qCACT,QAAS,qCACT,YAAa,6CACb,KAAM,+BACN,MAAO,kCACR,EAEA,SAAgB,EAAU,CACzB,KAAM,EACN,WACA,OAAO,KACP,QAAQ,SACR,OAAO,UACP,QAAQ,GACR,WAAW,GACX,YACA,GAAG,GACe,CAClB,IAAM,EAAQ,EAAS,GACjB,EAAQ,EAAQ,EAAW,GAAQ,EAAU,GAEnD,OACC,EAAA,EAAA,KAAC,OAAD,CACC,cAAa,CAAC,EAAM,cACpB,UAAW,EAAA,GAAG,wBACb,mDACA,IAAU,SAAW,eAAiB,aACtC,EAAM,IACN,EACA,GAAY,0BACZ,CACD,EACA,GAAI,WAEH,GAAA,EAAA,EAAA,eAAqB,EAAM,CAAE,UAAW,EAAM,IAAK,CAAC,EAAI,CACpD,CAAA,CAER,CAEA,EAAU,YAAc"}

package/dist/_shared/icon-badge-zTBVtgt9.js

@@ -0,0 +1,52 @@
+import { cn as e } from "../lib/utils.js";
+import { createElement as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/base/display/icon-badge/icon-badge.tsx
+var r = {
+	xs: {
+		box: "size-6",
+		icon: "size-3"
+	},
+	sm: {
+		box: "size-8",
+		icon: "size-3.5"
+	},
+	md: {
+		box: "size-9",
+		icon: "size-4"
+	},
+	lg: {
+		box: "size-12",
+		icon: "size-5"
+	}
+}, i = {
+	primary: "bg-primary/15 text-primary",
+	secondary: "bg-foreground/8 text-muted-foreground",
+	success: "bg-success/15 text-success",
+	warning: "bg-warning/20 text-warning-foreground",
+	destructive: "bg-destructive/12 text-destructive",
+	info: "bg-info/15 text-info",
+	muted: "bg-muted text-muted-foreground"
+}, a = {
+	primary: "bg-primary text-primary-foreground",
+	secondary: "bg-secondary text-secondary-foreground",
+	success: "bg-success text-success-foreground",
+	warning: "bg-warning text-warning-foreground",
+	destructive: "bg-destructive text-destructive-foreground",
+	info: "bg-info text-info-foreground",
+	muted: "bg-foreground/70 text-background"
+};
+function o({ icon: o, children: s, size: c = "md", shape: l = "circle", tone: u = "primary", solid: d = !1, bordered: f = !1, className: p, ...m }) {
+	let h = r[c], g = d ? a[u] : i[u];
+	return /* @__PURE__ */ n("span", {
+		"aria-hidden": !m["aria-label"],
+		className: e("icon-badge--component", "inline-flex shrink-0 items-center justify-center", l === "circle" ? "rounded-full" : "rounded-md", h.box, g, f && "border border-border/60", p),
+		...m,
+		children: o ? t(o, { className: h.icon }) : s
+	});
+}
+o.displayName = "IconBadge";
+//#endregion
+export { o as t };
+
+//# sourceMappingURL=icon-badge-zTBVtgt9.js.map

package/dist/_shared/icon-badge-zTBVtgt9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-badge-zTBVtgt9.js","names":[],"sources":["../../src/components/base/display/icon-badge/icon-badge.tsx"],"sourcesContent":["/**\n * IconBadge — circular or square icon container with a tinted background.\n * Workhorse for \"row leading icon\" and \"feature illustration\" patterns —\n * coupon checks, conversation initials, search-result tones, AI-bot avatars.\n *\n * Tones reuse the shadcn semantic tokens, with the foreground colour picked\n * to read against a 10–15% background tint (e.g. `bg-success/15 text-success`).\n * For a fully-saturated mark (primary fill, inverse foreground), use\n * `tone=\"primary\"` and pass `solid`.\n */\nimport type { ComponentProps, ElementType, ReactNode } from 'react';\nimport { createElement } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport type IconBadgeSize = 'xs' | 'sm' | 'md' | 'lg';\nexport type IconBadgeShape = 'circle' | 'square';\nexport type IconBadgeTone =\n\t| 'primary'\n\t| 'secondary'\n\t| 'success'\n\t| 'warning'\n\t| 'destructive'\n\t| 'info'\n\t| 'muted';\n\nexport interface IconBadgeProps extends Omit<ComponentProps<'span'>, 'children'> {\n\ticon?: ElementType;\n\tchildren?: ReactNode;\n\tsize?: IconBadgeSize;\n\tshape?: IconBadgeShape;\n\ttone?: IconBadgeTone;\n\t/** When true, fills the badge with the tone color and inverts the icon. */\n\tsolid?: boolean;\n\t/**\n\t * When true, renders a hairline `border-border/60` around the badge.\n\t * Useful for compact \"secret list\" / \"key list\" rows where the icon\n\t * needs a subtle outline against the surrounding card surface\n\t * (see `composed/admin/api-key-list`).\n\t */\n\tbordered?: boolean;\n}\n\nconst SIZE_MAP: Record<IconBadgeSize, { box: string; icon: string }> = {\n\txs: { box: 'size-6', icon: 'size-3' },\n\tsm: { box: 'size-8', icon: 'size-3.5' },\n\tmd: { box: 'size-9', icon: 'size-4' },\n\tlg: { box: 'size-12', icon: 'size-5' },\n};\n\nconst TONE_TINT: Record<IconBadgeTone, string> = {\n\tprimary: 'bg-primary/15 text-primary',\n\tsecondary: 'bg-foreground/8 text-muted-foreground',\n\tsuccess: 'bg-success/15 text-success',\n\twarning: 'bg-warning/20 text-warning-foreground',\n\tdestructive: 'bg-destructive/12 text-destructive',\n\tinfo: 'bg-info/15 text-info',\n\tmuted: 'bg-muted text-muted-foreground',\n};\n\nconst TONE_SOLID: Record<IconBadgeTone, string> = {\n\tprimary: 'bg-primary text-primary-foreground',\n\tsecondary: 'bg-secondary text-secondary-foreground',\n\tsuccess: 'bg-success text-success-foreground',\n\twarning: 'bg-warning text-warning-foreground',\n\tdestructive: 'bg-destructive text-destructive-foreground',\n\tinfo: 'bg-info text-info-foreground',\n\tmuted: 'bg-foreground/70 text-background',\n};\n\nexport function IconBadge({\n\ticon: Icon,\n\tchildren,\n\tsize = 'md',\n\tshape = 'circle',\n\ttone = 'primary',\n\tsolid = false,\n\tbordered = false,\n\tclassName,\n\t...props\n}: IconBadgeProps) {\n\tconst sizes = SIZE_MAP[size];\n\tconst tones = solid ? TONE_SOLID[tone] : TONE_TINT[tone];\n\n\treturn (\n\t\t<span\n\t\t\taria-hidden={!props['aria-label']}\n\t\t\tclassName={cn('icon-badge--component', \n\t\t\t\t'inline-flex shrink-0 items-center justify-center',\n\t\t\t\tshape === 'circle' ? 'rounded-full' : 'rounded-md',\n\t\t\t\tsizes.box,\n\t\t\t\ttones,\n\t\t\t\tbordered && 'border border-border/60',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{Icon ? createElement(Icon, { className: sizes.icon }) : children}\n\t\t</span>\n\t);\n}\n\nIconBadge.displayName = 'IconBadge';\n"],"mappings":";;;;AA2CA,IAAM,IAAiE;CACtE,IAAI;EAAE,KAAK;EAAU,MAAM;CAAS;CACpC,IAAI;EAAE,KAAK;EAAU,MAAM;CAAW;CACtC,IAAI;EAAE,KAAK;EAAU,MAAM;CAAS;CACpC,IAAI;EAAE,KAAK;EAAW,MAAM;CAAS;AACtC,GAEM,IAA2C;CAChD,SAAS;CACT,WAAW;CACX,SAAS;CACT,SAAS;CACT,aAAa;CACb,MAAM;CACN,OAAO;AACR,GAEM,IAA4C;CACjD,SAAS;CACT,WAAW;CACX,SAAS;CACT,SAAS;CACT,aAAa;CACb,MAAM;CACN,OAAO;AACR;AAEA,SAAgB,EAAU,EACzB,MAAM,GACN,aACA,UAAO,MACP,WAAQ,UACR,UAAO,WACP,WAAQ,IACR,cAAW,IACX,cACA,GAAG,KACe;CAClB,IAAM,IAAQ,EAAS,IACjB,IAAQ,IAAQ,EAAW,KAAQ,EAAU;CAEnD,OACC,kBAAC,QAAD;EACC,eAAa,CAAC,EAAM;EACpB,WAAW,EAAG,yBACb,oDACA,MAAU,WAAW,iBAAiB,cACtC,EAAM,KACN,GACA,KAAY,2BACZ,CACD;EACA,GAAI;YAEH,IAAO,EAAc,GAAM,EAAE,WAAW,EAAM,KAAK,CAAC,IAAI;CACpD,CAAA;AAER;AAEA,EAAU,cAAc"}

package/dist/_shared/input-C7t-RHYq.js

@@ -0,0 +1,182 @@
+import { useStrings as e } from "../lib/strings.js";
+import { s as t } from "./ui-provider-C8Ot88lS.js";
+import { cn as n } from "../lib/utils.js";
+import { n as r } from "./heading-HeP06nXG.js";
+import { i, n as a } from "./form-sizing-D74IS9KG.js";
+import * as o from "react";
+import { memo as s, useCallback as c, useId as l, useMemo as u, useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { CircleXIcon as h, Loader2Icon as g } from "lucide-react";
+//#region src/components/base/forms/fields/hooks/use-form-field-state.ts
+function _({ controlledValue: e, defaultValue: t, maxLength: n, showCharacterCount: r, providedId: i, idPrefix: a = "field", hasOnChange: o }) {
+	let s = l(), d = i || `${a}${s}`, [p, m] = f(t || ""), h = e !== void 0, g = (h ? e : p) ?? "", _ = !!(o && !h && !t), v = g.length, y = n !== void 0, b = r === !1 ? !1 : !!(r || y), x = g !== "", S = c((e) => y && e.length > n, [y, n]), C = c((e) => S(e) ? !1 : (h || m(e), !0), [h, S]), w = c(() => {
+		h || m("");
+	}, [h]);
+	return u(() => ({
+		id: d,
+		value: g,
+		isControlled: h,
+		isReactHookForm: _,
+		characterCount: v,
+		hasCharacterLimit: y,
+		showCount: b,
+		hasValue: x,
+		updateValue: C,
+		clearValue: w,
+		wouldExceedLimit: S
+	}), [
+		d,
+		g,
+		h,
+		_,
+		v,
+		y,
+		b,
+		x,
+		C,
+		w,
+		S
+	]);
+}
+//#endregion
+//#region src/components/base/forms/fields/input.tsx
+var v = { clear: "Clear input" }, y = (e, t, n) => {
+	let r = e || "";
+	return t && r && (r = t + r), n && r && (r += n), r;
+};
+function b({ className: o, type: s = "text", startIcon: l, endIcon: f, startAddon: b, endAddon: x, maxLength: S, showCharacterCount: C, clearable: w, onClear: T, isLoading: E, returnValueWithAddons: D, invalid: O, size: k, onChange: A, value: j, defaultValue: M, id: N, strings: P, ...F }, I) {
+	let L = d(null), R = e(v, P), { defaultControlSize: ee } = t(), te = i(k, ee), ne = c((e) => {
+		typeof I == "function" ? I(e) : I && (I.current = e), L.current = e;
+	}, [I]), { id: z, value: B, isReactHookForm: V, characterCount: H, hasCharacterLimit: U, showCount: W, hasValue: G, updateValue: K, clearValue: q, wouldExceedLimit: J } = _({
+		controlledValue: j,
+		defaultValue: M,
+		maxLength: S,
+		showCharacterCount: C,
+		providedId: N,
+		idPrefix: "input",
+		hasOnChange: A !== void 0
+	}), Y = !!w, X = !!E, re = !!f, ie = !!x, Z = s === "file", Q = !!O, ae = u(() => {
+		let e = "px-3", t = "px-3";
+		return l && (e = "ps-9"), b && (e = "ps-10"), f && (t = "pe-9"), x && (t = "pe-10"), (Y && G || X) && (t = "pe-9"), W && (t = "pe-14"), `${e} ${t}`;
+	}, [
+		l,
+		b,
+		f,
+		x,
+		Y,
+		G,
+		X,
+		W
+	]), oe = c((e) => {
+		let t = e.target.value;
+		if (!J(t) && (K(t), A)) if (D) {
+			let n = y(t, b, x);
+			A({
+				...e,
+				target: {
+					...e.target,
+					value: n
+				},
+				currentTarget: {
+					...e.currentTarget,
+					value: n
+				}
+			});
+		} else A(e);
+	}, [
+		A,
+		D,
+		b,
+		x,
+		K,
+		J
+	]), se = c(() => {
+		let e = D ? y("", b, x) : "", t = {
+			target: { value: e },
+			currentTarget: { value: e }
+		};
+		q(), A?.(t), T?.(), L.current?.focus();
+	}, [
+		D,
+		b,
+		x,
+		q,
+		A,
+		T
+	]), ce = Y && G && !W && !X, le = X && !W, $ = re && !Y && !W && !X, ue = ie && !Y && !W && !X;
+	return /* @__PURE__ */ m("div", {
+		className: n("input--component", "relative"),
+		children: [
+			/* @__PURE__ */ p("input", {
+				ref: ne,
+				id: z,
+				type: s,
+				...!V && { value: B },
+				onChange: oe,
+				maxLength: S,
+				"aria-invalid": Q || void 0,
+				disabled: F.disabled || E,
+				className: n("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground", "border-input flex w-full min-w-0 rounded-radius border py-1", "transition-[color,box-shadow] outline-none", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", a[te], "file:inline-flex file:h-7 file:border file:bg-transparent file:px-3 file:text-sm file:font-medium", Z ? "cursor-pointer bg-background text-foreground file:cursor-pointer file:rounded-md file:border-input file:bg-background file:text-foreground" : "bg-transparent", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 aria-invalid:border-destructive aria-invalid:text-destructive", "aria-invalid:placeholder:text-destructive/40", Z ? "read-only:bg-background" : "read-only:bg-muted", ae, o),
+				...F
+			}),
+			!!l && /* @__PURE__ */ p("div", {
+				className: n("pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3", F.disabled && "opacity-50", Q ? "text-destructive" : "text-muted-foreground/80"),
+				children: /* @__PURE__ */ p(l, {
+					size: 16,
+					"aria-hidden": "true"
+				})
+			}),
+			!!b && /* @__PURE__ */ p("span", {
+				className: n("pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 text-sm", F.disabled && "opacity-50", Q ? "text-destructive" : "text-muted-foreground"),
+				children: b
+			}),
+			!!$ && !!f && /* @__PURE__ */ p("div", {
+				className: n("pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-3", F.disabled && "opacity-50", Q ? "text-destructive" : "text-muted-foreground/80"),
+				children: /* @__PURE__ */ p(f, {
+					size: 16,
+					"aria-hidden": "true"
+				})
+			}),
+			!!ue && /* @__PURE__ */ p("span", {
+				className: n("pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-3 text-sm", F.disabled && "opacity-50", Q ? "text-destructive" : "text-muted-foreground"),
+				children: x
+			}),
+			!!W && /* @__PURE__ */ p("div", {
+				className: n("pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-3 text-xs tabular-nums", F.disabled && "opacity-50", Q ? "text-destructive" : "text-muted-foreground"),
+				"aria-live": "polite",
+				role: "status",
+				children: /* @__PURE__ */ m(r, {
+					tag: "span",
+					size: "xs",
+					type: Q ? "error" : "secondary",
+					children: [H, U ? `/${S}` : ""]
+				})
+			}),
+			!!le && /* @__PURE__ */ p("div", {
+				className: n("pointer-events-none absolute inset-y-0 end-0 flex items-center justify-center pe-3", Q ? "text-destructive" : "text-muted-foreground/80"),
+				children: /* @__PURE__ */ p(g, {
+					size: 16,
+					className: "animate-spin",
+					"aria-hidden": "true"
+				})
+			}),
+			!!ce && /* @__PURE__ */ p("button", {
+				type: "button",
+				className: "text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+				"aria-label": R.clear,
+				onClick: se,
+				disabled: E,
+				children: /* @__PURE__ */ p(h, {
+					size: 16,
+					"aria-hidden": "true"
+				})
+			})
+		]
+	});
+}
+var x = s(o.forwardRef(b));
+x.displayName = "Input";
+//#endregion
+export { _ as n, x as t };
+
+//# sourceMappingURL=input-C7t-RHYq.js.map