themelia-react-ui 2.0.0 → 2.0.2

package/dist/breadcrumbs-C-oqs1sQ.js

@@ -0,0 +1,129 @@
+"use client";
+import { s as e, v as t } from "./ui-provider-C_U0Xma4.js";
+import { useStrings as n } from "./lib/strings.js";
+import { t as r } from "./utils-BRhFDwuU.js";
+import { c as i } from "./typography-UTnveOEy.js";
+import { t as a } from "./focus-recipes-B653VaLq.js";
+import { t as o } from "./slot-CLF9kLrS.js";
+import { Fragment as s, forwardRef as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { ChevronRight as d } from "lucide-react";
+//#region src/components/ui/breadcrumb.tsx
+function f({ 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 p({ className: e, ...t }) {
+	return /* @__PURE__ */ l("li", {
+		"data-slot": "breadcrumb-item",
+		className: r("inline-flex items-center", e),
+		...t
+	});
+}
+function m({ asChild: e, className: t, ...n }) {
+	return /* @__PURE__ */ l(e ? o : "a", {
+		"data-slot": "breadcrumb-link",
+		className: r("hover:text-foreground transition-colors", t),
+		...n
+	});
+}
+function h({ 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 g({ children: e, className: t, ...n }) {
+	return /* @__PURE__ */ l("li", {
+		"data-slot": "breadcrumb-separator",
+		role: "presentation",
+		className: r("[&>svg]:size-icon-md", t),
+		...n,
+		children: e ?? /* @__PURE__ */ l(d, {})
+	});
+}
+//#endregion
+//#region src/components/base/navigation/breadcrumbs.tsx
+var _ = { navigationLabel: "Breadcrumb" }, v = (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);
+}, y = (e) => typeof e == "string" || typeof e == "number" ? String(e) : "breadcrumb", b = ({ href: e, children: t, ...n }) => /* @__PURE__ */ l("a", {
+	href: e,
+	...n,
+	children: t
+});
+function x({ 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 S = {
+	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"
+	}
+}, C = c(function({ breadcrumbs: i, size: o, className: c, renderLink: d = b, strings: C, "aria-label": w, ...T }, E) {
+	let { defaultScale: D } = e(), O = t(o, D), k = n(_, C);
+	if (i.length === 0) return null;
+	let { item: A, list: j, separator: M, color: N } = S[O];
+	return /* @__PURE__ */ l("nav", {
+		ref: E,
+		"aria-label": w ?? k.navigationLabel,
+		"data-slot": "breadcrumb",
+		className: r("breadcrumbs--component font-sans", N, c),
+		...T,
+		children: /* @__PURE__ */ l(f, {
+			className: r("m-0 p-0 list-none flex flex-wrap items-center break-words", j),
+			children: i.map((e, t) => {
+				let n = t === i.length - 1, o = e.handle ?? e.href ?? `crumb-${v(y(e.label))}-${t}`, c = /* @__PURE__ */ l(x, { children: e.label });
+				return /* @__PURE__ */ u(s, { children: [/* @__PURE__ */ l(p, {
+					className: r(A, "font-medium"),
+					children: n || !e.href ? /* @__PURE__ */ l(h, { children: /* @__PURE__ */ l(x, { children: e.label }) }) : /* @__PURE__ */ l(m, {
+						asChild: !0,
+						className: `text-inherit no-underline rounded-inner ${a.text}`,
+						children: d({
+							href: e.href,
+							children: c
+						})
+					})
+				}), !n && /* @__PURE__ */ l(g, {
+					role: "listitem",
+					"aria-hidden": "true",
+					className: r(M)
+				})] }, o);
+			})
+		})
+	});
+});
+C.displayName = "Breadcrumbs";
+//#endregion
+export { _ as n, C as t };
+
+//# sourceMappingURL=breadcrumbs-C-oqs1sQ.js.map

package/dist/breadcrumbs-C-oqs1sQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs-C-oqs1sQ.js","names":["useDensityConfig","resolveComponentScale","cn","Text","focusRecipes","Slot","BreadcrumbList","props","className","BreadcrumbItem","BreadcrumbLink","asChild","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","defaultBreadcrumbsStrings","hashString","hash","i","value","labelToKey","label","defaultRenderLink","BreadcrumbLabel","sizeConfig","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';\n\nimport { Slot } from './slot';\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\tasChild,\n\tclassName,\n\t...props\n}: React.ComponentProps<'a'> & {\n\tasChild?: boolean;\n}) {\n\tconst Comp = asChild ? Slot : 'a';\n\n\treturn (\n\t\t<Comp\n\t\t\tdata-slot=\"breadcrumb-link\"\n\t\t\tclassName={cn('hover:text-foreground transition-colors', className)}\n\t\t\t{...props}\n\t\t/>\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]: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, 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\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<BreadcrumbLink asChild className={`text-inherit no-underline rounded-inner ${focusRecipes.text}`}>\n\t\t\t\t\t\t\t\t\t\t{renderLink({ href: item.href, children: renderedLabel })}\n\t\t\t\t\t\t\t\t\t</BreadcrumbLink>\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-R9CCoH7A.js → button-DVzspB_G.js}

@@ -1,11 +1,12 @@
 "use client";
-import { t as e } from "./utils-Cospvlj1.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
-import { cva as r } from "class-variance-authority";
-import { Button as i } from "@base-ui/react/button";
+import { t as e } from "./utils-BRhFDwuU.js";
+import { t } from "./focus-recipes-B653VaLq.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { cva as i } from "class-variance-authority";
+import { Button as a } from "@base-ui/react/button";
 //#region src/components/ui/button.tsx
-var a = r("box-border inline-flex items-center justify-center gap-space-md whitespace-nowrap rounded-inner font-sans text-sm font-medium shrink-0 border border-transparent transition-colors outline-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring 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", {
+var o = i(`box-border inline-flex items-center justify-center gap-space-md whitespace-nowrap rounded-inner font-sans text-sm font-medium shrink-0 border border-transparent transition-colors outline-none ${t.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`, {
 	variants: {
 		variant: {
 			default: "bg-primary text-primary-foreground hover:bg-primary/90",
@@ -30,18 +31,18 @@ var a = r("box-border inline-flex items-center justify-center gap-space-md white
 		variant: "default",
 		size: "default"
 	}
-}), o = t.forwardRef(function({ className: t, variant: r, size: o, ...s }, c) {
-	return /* @__PURE__ */ n(i, {
+}), s = n.forwardRef(function({ className: t, variant: n, size: i, ...s }, c) {
+	return /* @__PURE__ */ r(a, {
 		...s,
 		ref: c,
 		"data-slot": "button",
-		className: (n) => e(r != null || o != null ? a({
-			variant: r,
-			size: o
-		}) : void 0, typeof t == "function" ? t(n) : t)
+		className: (r) => e(n != null || i != null ? o({
+			variant: n,
+			size: i
+		}) : void 0, typeof t == "function" ? t(r) : t)
 	});
 });
 //#endregion
-export { a as n, o as t };
+export { o as n, s as t };
 
-//# sourceMappingURL=button-R9CCoH7A.js.map
+//# sourceMappingURL=button-DVzspB_G.js.map

package/dist/button-DVzspB_G.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-DVzspB_G.js","names":["Button","React","ButtonPrimitive","cn","React$1","buttonVariants","cva","focusRecipes","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, type VariantProps } from 'class-variance-authority';\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-inner 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});\nexport namespace Button { export type Props = ButtonPrimitive.Props & VariantProps<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=\"button\" className={state => cn(variant != null || size != null ? buttonVariants({variant,size}) : undefined, typeof className === 'function' ? className(state) : className)} />;\n});\n"],"mappings":";;;;;;;;AAOA,IAAaK,IAAiBC,EAAI,mMAAmMC,EAAa,MAAM,kMAAkM;CACzb,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,GAEYP,IAASC,EAAM,WAAsC,SAAgB,EAAC,cAAU,YAAQ,SAAK,GAAGQ,KAAO,GAAK;CAExH,OAAO,kBAACP,GAAD;EAAiB,GAAIO;EAAY;EAAK,aAAU;EAAS,YAAW,MAASN,EAAGQ,KAAW,QAAQC,KAAQ,OAAOP,EAAe;GAAC;GAAQ;EAAI,CAAC,IAAI,KAAA,GAAW,OAAOQ,KAAc,aAAaA,EAAUC,CAAK,IAAID,CAAS;CAAI,CAAA;AACxO,CAAC"}