themelia-react-ui 2.0.5 → 3.0.0

package/dist/breadcrumbs-CQ9JSlez.js

@@ -0,0 +1,136 @@
+"use client";
+import { C as e, f as t } from "./ui-provider-Bu1S-o96.js";
+import { useStrings as n } from "./lib/strings.js";
+import { t as r } from "./utils-BVbAG2J6.js";
+import { c as i } from "./typography-C0dELqYV.js";
+import { t as a } from "./focus-recipes-DSkiUvUp.js";
+import { Fragment as o, forwardRef as s, isValidElement as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { ChevronRight as d } from "lucide-react";
+import { useRender as f } from "@base-ui/react/use-render";
+//#region src/components/ui/breadcrumb.tsx
+function p({ className: e, ...t }) {
+	return /* @__PURE__ */ l("ol", {
+		"data-slot": "breadcrumb-list",
+		className: r("text-muted-foreground flex flex-wrap items-center text-sm break-words", e),
+		...t
+	});
+}
+function m({ className: e, ...t }) {
+	return /* @__PURE__ */ l("li", {
+		"data-slot": "breadcrumb-item",
+		className: r("inline-flex items-center", e),
+		...t
+	});
+}
+function h({ render: e, className: t, ...n }) {
+	return f({
+		defaultTagName: "a",
+		render: e,
+		props: {
+			"data-slot": "breadcrumb-link",
+			className: r("hover:text-foreground transition-colors", t),
+			...n
+		}
+	});
+}
+function g({ className: e, ...t }) {
+	return /* @__PURE__ */ l("span", {
+		"data-slot": "breadcrumb-page",
+		role: "link",
+		"aria-disabled": "true",
+		"aria-current": "page",
+		className: r("text-foreground font-normal", e),
+		...t
+	});
+}
+function _({ children: e, className: t, ...n }) {
+	return /* @__PURE__ */ l("li", {
+		"data-slot": "breadcrumb-separator",
+		role: "presentation",
+		className: r("[&>svg]:block [&>svg]:size-icon-md", t),
+		...n,
+		children: e ?? /* @__PURE__ */ l(d, {})
+	});
+}
+//#endregion
+//#region src/components/base/navigation/breadcrumbs.tsx
+var v = { navigationLabel: "Breadcrumb" }, y = (e) => {
+	let t = 0;
+	for (let n = 0; n < e.length; n += 1) t = (t << 5) - t + e.charCodeAt(n), t |= 0;
+	return Math.abs(t).toString(36);
+}, b = (e) => typeof e == "string" || typeof e == "number" ? String(e) : "breadcrumb", x = ({ href: e, children: t, ...n }) => /* @__PURE__ */ l("a", {
+	href: e,
+	...n,
+	children: t
+});
+function S({ children: e }) {
+	return typeof e != "string" && typeof e != "number" && typeof e != "bigint" ? e : /* @__PURE__ */ l(i, {
+		tag: "span",
+		size: "inherit",
+		weight: "medium",
+		lineHeight: "tight",
+		className: "text-inherit",
+		children: e
+	});
+}
+var C = {
+	sm: {
+		item: "text-pxs",
+		list: "!gap-space-sm",
+		separator: "!mx-space-2xs",
+		color: "text-muted-foreground"
+	},
+	md: {
+		item: "text-sm",
+		list: "!gap-space-md",
+		separator: "!mx-space-sm",
+		color: "text-muted-foreground"
+	},
+	lg: {
+		item: "text-base",
+		list: "!gap-space-lg",
+		separator: "!mx-space-md",
+		color: "text-muted-foreground"
+	}
+};
+function w({ link: e }) {
+	return c(e) ? /* @__PURE__ */ l(h, {
+		render: e,
+		className: `text-inherit no-underline rounded-radius ${a.text}`
+	}) : e;
+}
+var T = s(function({ breadcrumbs: i, size: a, className: s, renderLink: c = x, strings: d, "aria-label": f, ...h }, T) {
+	let { defaultScale: E } = t(), D = e(a, E), O = n(v, d);
+	if (i.length === 0) return null;
+	let { item: k, list: A, separator: j, color: M } = C[D];
+	return /* @__PURE__ */ l("nav", {
+		ref: T,
+		"aria-label": f ?? O.navigationLabel,
+		"data-slot": "breadcrumb",
+		className: r("breadcrumbs--component font-sans", M, s),
+		...h,
+		children: /* @__PURE__ */ l(p, {
+			className: r("m-0 p-0 list-none flex flex-wrap items-center break-words", A),
+			children: i.map((e, t) => {
+				let n = t === i.length - 1, a = e.handle ?? e.href ?? `crumb-${y(b(e.label))}-${t}`, s = /* @__PURE__ */ l(S, { children: e.label });
+				return /* @__PURE__ */ u(o, { children: [/* @__PURE__ */ l(m, {
+					className: r(k, "font-medium"),
+					children: n || !e.href ? /* @__PURE__ */ l(g, { children: /* @__PURE__ */ l(S, { children: e.label }) }) : /* @__PURE__ */ l(w, { link: c({
+						href: e.href,
+						children: s
+					}) })
+				}), !n && /* @__PURE__ */ l(_, {
+					role: "listitem",
+					"aria-hidden": "true",
+					className: r(j)
+				})] }, a);
+			})
+		})
+	});
+});
+T.displayName = "Breadcrumbs";
+//#endregion
+export { v as n, T as t };
+
+//# sourceMappingURL=breadcrumbs-CQ9JSlez.js.map

package/dist/breadcrumbs-CQ9JSlez.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs-CQ9JSlez.js","names":["resolveComponentScale","useDensityConfig","cn","Text","focusRecipes","BreadcrumbList","props","className","BreadcrumbItem","BreadcrumbLink","useRender","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","defaultBreadcrumbsStrings","hashString","hash","i","value","labelToKey","label","defaultRenderLink","BreadcrumbLabel","sizeConfig","BreadcrumbLinkSlot","isValidElement","link","Breadcrumbs","forwardRef","sizeProp","stringsProp","ariaLabel","size","defaultScale","strings","useStrings","breadcrumbs","itemSizeClass","listSpacingClass","separatorSpacingClass","baseColorClass","isLast","index","itemKey","item","renderedLabel","Fragment","renderLink"],"sources":["../src/components/ui/breadcrumb.tsx","../src/components/base/navigation/breadcrumbs.tsx"],"sourcesContent":["import { ChevronRight, MoreHorizontal } from 'lucide-react';\nimport * as React from 'react';\nimport { useRender } from '@base-ui/react/use-render';\n\nimport { cn } from '../../lib/utils';\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<'nav'>) {\n\treturn (\n\t\t<nav\n\t\t\taria-label=\"breadcrumb\"\n\t\t\tdata-slot=\"breadcrumb\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>) {\n\treturn (\n\t\t<ol\n\t\t\tdata-slot=\"breadcrumb-list\"\n\t\t\tclassName={cn(\n\t\t\t\t'text-muted-foreground flex flex-wrap items-center text-sm break-words',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>) {\n\treturn (\n\t\t<li\n\t\t\tdata-slot=\"breadcrumb-item\"\n\t\t\tclassName={cn('inline-flex items-center', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction BreadcrumbLink({\n\trender,\n\tclassName,\n\t...props\n}: useRender.ComponentProps<'a'>) {\n\treturn useRender({\n\t\tdefaultTagName: 'a',\n\t\trender,\n\t\tprops: { 'data-slot': 'breadcrumb-link', className: cn('hover:text-foreground transition-colors', className), ...props },\n\t});\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"breadcrumb-page\"\n\t\t\trole=\"link\"\n\t\t\taria-disabled=\"true\"\n\t\t\taria-current=\"page\"\n\t\t\tclassName={cn('text-foreground font-normal', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction BreadcrumbSeparator({\n\tchildren,\n\tclassName,\n\t...props\n}: React.ComponentProps<'li'>) {\n\treturn (\n\t\t<li\n\t\t\tdata-slot=\"breadcrumb-separator\"\n\t\t\trole=\"presentation\"\n\t\t\tclassName={cn('[&>svg]:block [&>svg]:size-icon-md', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children ?? <ChevronRight />}\n\t\t</li>\n\t);\n}\n\nfunction BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"breadcrumb-ellipsis\"\n\t\t\trole=\"presentation\"\n\t\t\tclassName={cn('flex size-9 items-center justify-center', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<MoreHorizontal className=\"size-icon\" />\n\t\t\t<span className=\"sr-only\">More</span>\n\t\t</span>\n\t);\n}\n\nexport {\n\tBreadcrumb,\n\tBreadcrumbList,\n\tBreadcrumbItem,\n\tBreadcrumbLink,\n\tBreadcrumbPage,\n\tBreadcrumbSeparator,\n\tBreadcrumbEllipsis,\n};\n\n","/**\n * Breadcrumbs — page hierarchy trail. Last item is rendered as the current\n * page (non-link); preceding items become links when an `href` is provided.\n * The public scale follows the shared component scale; CSS variables control\n * display spacing and typography across the library.\n */\nimport { forwardRef, Fragment, isValidElement, type ComponentPropsWithoutRef, type ReactNode } from 'react';\nimport {\n\tBreadcrumbItem,\n\tBreadcrumbLink,\n\tBreadcrumbList,\n\tBreadcrumbPage,\n\tBreadcrumbSeparator,\n} from '../../ui/breadcrumb';\nimport { useDensityConfig, type ComponentScale } from '../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../lib/ui-provider/scale';\nimport { Text } from '../../typography';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\nimport { focusRecipes } from '../../../lib/focus-recipes';\n\nexport interface BreadcrumbItemType {\n\tlabel: ReactNode;\n\thref?: string;\n\thandle?: string;\n}\n\nexport type BreadcrumbSize = ComponentScale;\n\nexport interface BreadcrumbsStrings {\n\tnavigationLabel: string;\n}\n\nexport const defaultBreadcrumbsStrings: BreadcrumbsStrings = {\n\tnavigationLabel: 'Breadcrumb',\n};\n\ntype BreadcrumbLinkRenderer = (props: {\n\thref?: string;\n\tchildren: ReactNode;\n\tclassName?: string;\n\t'aria-label'?: string;\n}) => ReactNode;\n\nexport interface BreadcrumbsProps extends Omit<ComponentPropsWithoutRef<'nav'>, 'children'> {\n\t/** Trail entries, root first. */\n\tbreadcrumbs: BreadcrumbItemType[];\n\t/** Typography scale for the trail. */\n\tsize?: BreadcrumbSize;\n\t/** Renders entries carrying an `href` through the consumer's router. */\n\trenderLink?: BreadcrumbLinkRenderer;\n\t/** Overrides the trail's own copy. */\n\tstrings?: StringsProp<BreadcrumbsStrings>;\n}\n\nconst hashString = (value: string): string => {\n\tlet hash = 0;\n\tfor (let i = 0; i < value.length; i += 1) {\n\t\thash = (hash << 5) - hash + value.charCodeAt(i);\n\t\thash |= 0;\n\t}\n\n\treturn Math.abs(hash).toString(36);\n};\n\nconst labelToKey = (label: ReactNode): string => {\n\tif (typeof label === 'string' || typeof label === 'number') return String(label);\n\treturn 'breadcrumb';\n};\n\nconst defaultRenderLink: BreadcrumbLinkRenderer = ({ href, children, ...props }) => (\n\t<a href={href} {...props}>{children}</a>\n);\n\nfunction BreadcrumbLabel({ children }: { children: ReactNode }) {\n\tif (\n\t\ttypeof children !== 'string' &&\n\t\ttypeof children !== 'number' &&\n\t\ttypeof children !== 'bigint'\n\t) {\n\t\treturn children;\n\t}\n\n\treturn (\n\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t{children}\n\t\t</Text>\n\t);\n}\n\nconst sizeConfig: Record<BreadcrumbSize, { item: string; list: string; separator: string; color: string }> = {\n\tsm: {\n\t\titem: 'text-pxs',\n\t\tlist: '!gap-space-sm',\n\t\tseparator: '!mx-space-2xs',\n\t\t// Full-strength secondary ink at every size; a translucent ancestor link fails text contrast.\n\t\tcolor: 'text-muted-foreground',\n\t},\n\tmd: {\n\t\titem: 'text-sm',\n\t\tlist: '!gap-space-md',\n\t\tseparator: '!mx-space-sm',\n\t\tcolor: 'text-muted-foreground',\n\t},\n\tlg: {\n\t\titem: 'text-base',\n\t\tlist: '!gap-space-lg',\n\t\tseparator: '!mx-space-md',\n\t\tcolor: 'text-muted-foreground',\n\t},\n};\n\n/** The consumer's link element takes the breadcrumb link role; other output renders as given. */\nfunction BreadcrumbLinkSlot({ link }: { link: ReactNode }) {\n\tif (!isValidElement(link)) return link;\n\treturn <BreadcrumbLink render={link} className={`text-inherit no-underline rounded-radius ${focusRecipes.text}`} />;\n}\n\nexport const Breadcrumbs = forwardRef<HTMLElement, BreadcrumbsProps>(function Breadcrumbs({\n\tbreadcrumbs,\n\tsize: sizeProp,\n\tclassName,\n\trenderLink = defaultRenderLink,\n\tstrings: stringsProp,\n\t'aria-label': ariaLabel,\n\t...props\n}, ref) {\n\tconst { defaultScale } = useDensityConfig();\n\tconst size = resolveComponentScale(sizeProp, defaultScale);\n\tconst strings = useStrings(defaultBreadcrumbsStrings, stringsProp);\n\tif (breadcrumbs.length === 0) {\n\t\treturn null;\n\t}\n\n\tconst { item: itemSizeClass, list: listSpacingClass, separator: separatorSpacingClass, color: baseColorClass } =\n\t\tsizeConfig[size];\n\n\treturn (\n\t\t<nav\n\t\t\tref={ref}\n\t\t\taria-label={ariaLabel ?? strings.navigationLabel}\n\t\t\tdata-slot=\"breadcrumb\"\n\t\t\tclassName={cn('breadcrumbs--component font-sans', baseColorClass, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<BreadcrumbList className={cn('m-0 p-0 list-none flex flex-wrap items-center break-words', listSpacingClass)}>\n\t\t\t\t{breadcrumbs.map((item, index) => {\n\t\t\t\t\tconst isLast = index === breadcrumbs.length - 1;\n\t\t\t\t\tconst itemKey = item.handle ?? item.href ?? `crumb-${hashString(labelToKey(item.label))}-${index}`;\n\t\t\t\t\tconst renderedLabel = <BreadcrumbLabel>{item.label}</BreadcrumbLabel>;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Fragment key={itemKey}>\n\t\t\t\t\t\t\t<BreadcrumbItem className={cn(itemSizeClass, 'font-medium')}>\n\t\t\t\t\t\t\t\t{isLast || !item.href ? (\n\t\t\t\t\t\t\t\t\t<BreadcrumbPage>\n\t\t\t\t\t\t\t\t\t\t<BreadcrumbLabel>{item.label}</BreadcrumbLabel>\n\t\t\t\t\t\t\t\t\t</BreadcrumbPage>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<BreadcrumbLinkSlot link={renderLink({ href: item.href, children: renderedLabel })} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</BreadcrumbItem>\n\t\t\t\t\t\t\t{!isLast && (\n\t\t\t\t\t\t\t\t<BreadcrumbSeparator\n\t\t\t\t\t\t\t\t\trole=\"listitem\"\n\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\tclassName={cn(separatorSpacingClass)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</BreadcrumbList>\n\t\t</nav>\n\t);\n});\n\nBreadcrumbs.displayName = 'Breadcrumbs';\n"],"mappings":"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"}

package/dist/{button-S2Cubiiz.js → button-rd6FiHfQ.js}

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "./utils-B6kKb8jB.js";
-import { t } from "./focus-recipes-B653VaLq.js";
+import { t as e } from "./utils-BVbAG2J6.js";
+import { t } from "./focus-recipes-DSkiUvUp.js";
 import * as n from "react";
 import { jsx as r } from "react/jsx-runtime";
 import { cva as i } from "class-variance-authority";
@@ -31,11 +31,15 @@ var o = i(`box-border inline-flex items-center justify-center gap-space-md white
 		variant: "default",
 		size: "default"
 	}
-}), s = n.forwardRef(function({ className: t, variant: n, size: i, ...s }, c) {
+});
+function s(e) {
+	return e && !e.endsWith("-trigger") ? e : "button";
+}
+var c = n.forwardRef(function({ className: t, variant: n, size: i, ...c }, l) {
 	return /* @__PURE__ */ r(a, {
-		...s,
-		ref: c,
-		"data-slot": "button",
+		...c,
+		ref: l,
+		"data-slot": s(c["data-slot"]),
 		className: (r) => e(n != null || i != null ? o({
 			variant: n,
 			size: i
@@ -43,6 +47,6 @@ var o = i(`box-border inline-flex items-center justify-center gap-space-md white
 	});
 });
 //#endregion
-export { o as n, s as t };
+export { o as n, s as r, c as t };
 
-//# sourceMappingURL=button-S2Cubiiz.js.map
+//# sourceMappingURL=button-rd6FiHfQ.js.map

package/dist/button-rd6FiHfQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-rd6FiHfQ.js","names":["Button","React","ButtonPrimitive","cn","React$1","buttonVariants","cva","focusRecipes","resolveButtonSlot","slot","Button$1","props","Button","variant","size","className","state"],"sources":["../src/components/ui/button.tsx"],"sourcesContent":["import { Button as ButtonPrimitive } from '@base-ui/react/button';\nimport { cva } from 'class-variance-authority';\nimport type { StrictVariantProps } from '../../lib/variant-props';\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport { focusRecipes } from '../../lib/focus-recipes';\n\n/** Internal presentation only; public buttons own the stable tone/style API. */\nexport const buttonVariants = cva(`box-border inline-flex items-center justify-center gap-space-md whitespace-nowrap rounded-radius font-sans text-sm font-medium shrink-0 border border-transparent transition-colors outline-none ${focusRecipes.frame} disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-icon`, {\n variants: {\n  variant: {default:'bg-primary text-primary-foreground hover:bg-primary/90', destructive:'bg-destructive text-destructive-foreground hover:bg-destructive/90', outline:'border-border bg-background text-foreground hover:bg-accent hover:text-accent-foreground', secondary:'bg-secondary text-secondary-foreground hover:bg-secondary/80', ghost:'hover:bg-accent hover:text-accent-foreground', link:'text-link-color underline-offset-4 hover:underline'},\n  size: {default:'h-action px-control', xs:'h-action-xs px-control-xs', sm:'h-action-sm px-control-sm', lg:'h-action-lg px-control', icon:'size-action p-0', 'icon-xs':'size-action-xs p-0', 'icon-sm':'size-action-sm p-0', 'icon-lg':'size-action-lg p-0'},\n }, defaultVariants:{variant:'default',size:'default'},\n});\n/**\n * A slot named by the consumer identifies the element. A trigger slot merged in\n * by composition (`popover-trigger`, `tooltip-trigger`, `dropdown-menu-trigger`)\n * does not: the element is still a `button`, so existing hooks keep matching.\n */\nexport function resolveButtonSlot(slot?: string) {\n return slot && !slot.endsWith('-trigger') ? slot : 'button';\n}\nexport namespace Button { export type Props = ButtonPrimitive.Props & StrictVariantProps<typeof buttonVariants>; }\nexport const Button = React.forwardRef<HTMLElement, Button.Props>(function Button({className,variant,size,...props},ref) {\n // Unspecified recipe props leave presentation ownership with the public wrapper.\n return <ButtonPrimitive {...props} ref={ref} data-slot={resolveButtonSlot((props as {'data-slot'?: string})['data-slot'])} className={state => cn(variant != null || size != null ? buttonVariants({variant,size}) : undefined, typeof className === 'function' ? className(state) : className)} />;\n});\n"],"mappings":";;;;;;;;AAQA,IAAaK,IAAiBC,EAAI,oMAAoMC,EAAa,MAAM,kMAAkM;CAC1b,UAAU;EACT,SAAS;GAAC,SAAQ;GAA0D,aAAY;GAAsE,SAAQ;GAA4F,WAAU;GAAgE,OAAM;GAAgD,MAAK;EAAoD;EAC3b,MAAM;GAAC,SAAQ;GAAuB,IAAG;GAA6B,IAAG;GAA6B,IAAG;GAA0B,MAAK;GAAmB,WAAU;GAAsB,WAAU;GAAsB,WAAU;EAAoB;CAC1P;CAAG,iBAAgB;EAAC,SAAQ;EAAU,MAAK;CAAS;AACrD,CAAC;AAMD,SAAgBC,EAAkB,GAAe;CAChD,OAAOC,KAAQ,CAACA,EAAK,SAAS,UAAU,IAAIA,IAAO;AACpD;AAEA,IAAaT,IAASC,EAAM,WAAsC,SAAgB,EAAC,cAAU,YAAQ,SAAK,GAAGU,KAAO,GAAK;CAExH,OAAO,kBAACT,GAAD;EAAiB,GAAIS;EAAY;EAAK,aAAWH,EAAmBG,EAAiC,YAAY;EAAG,YAAW,MAASR,EAAGU,KAAW,QAAQC,KAAQ,OAAOT,EAAe;GAAC;GAAQ;EAAI,CAAC,IAAI,KAAA,GAAW,OAAOU,KAAc,aAAaA,EAAUC,CAAK,IAAID,CAAS;CAAI,CAAA;AACnS,CAAC"}