jaci-ui 0.1.0

package/dist/components/avatar/avatar.d.cts

@@ -0,0 +1,33 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { Avatar, AvatarRoot } from "@base-ui/react/avatar";
+//#region src/components/avatar/avatar.d.ts
+type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
+type AvatarShape = "circle" | "rounded";
+interface AvatarRootProps extends AvatarRoot.Props {
+  children?: ReactNode;
+  shape?: AvatarShape;
+  size?: AvatarSize;
+}
+/**
+ * Groups an image and text fallback in a fixed-size avatar. Base UI controls
+ * the image lifecycle, so only one accessible representation is mounted at a
+ * time and the initial server render remains deterministic.
+ */
+declare const AvatarRoot$1: import("react").ForwardRefExoticComponent<Omit<AvatarRootProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+interface AvatarImageProps extends Omit<ComponentPropsWithoutRef<typeof Avatar.Image>, "alt"> {
+  /** Use an empty string explicitly when the image is decorative. */
+  alt: string;
+}
+/** The optional image layer. It is mounted by Base UI only after loading. */
+declare const AvatarImage: import("react").ForwardRefExoticComponent<AvatarImageProps & import("react").RefAttributes<HTMLImageElement>>;
+type AvatarFallbackProps = ComponentPropsWithoutRef<typeof Avatar.Fallback>;
+/** Textual initials or an icon shown whenever an image is unavailable. */
+declare const AvatarFallback: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AvatarFallbackProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const Avatar$1: {
+  Root: import("react").ForwardRefExoticComponent<Omit<AvatarRootProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Image: import("react").ForwardRefExoticComponent<AvatarImageProps & import("react").RefAttributes<HTMLImageElement>>;
+  Fallback: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AvatarFallbackProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+};
+//#endregion
+export { Avatar$1 as Avatar, AvatarFallback, AvatarFallbackProps, AvatarImage, AvatarImageProps, AvatarRoot$1 as AvatarRoot, AvatarRootProps, AvatarShape, AvatarSize };
+//# sourceMappingURL=avatar.d.cts.map

package/dist/components/avatar/avatar.d.ts

@@ -0,0 +1,33 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { Avatar, AvatarRoot } from "@base-ui/react/avatar";
+//#region src/components/avatar/avatar.d.ts
+type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
+type AvatarShape = "circle" | "rounded";
+interface AvatarRootProps extends AvatarRoot.Props {
+  children?: ReactNode;
+  shape?: AvatarShape;
+  size?: AvatarSize;
+}
+/**
+ * Groups an image and text fallback in a fixed-size avatar. Base UI controls
+ * the image lifecycle, so only one accessible representation is mounted at a
+ * time and the initial server render remains deterministic.
+ */
+declare const AvatarRoot$1: import("react").ForwardRefExoticComponent<Omit<AvatarRootProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+interface AvatarImageProps extends Omit<ComponentPropsWithoutRef<typeof Avatar.Image>, "alt"> {
+  /** Use an empty string explicitly when the image is decorative. */
+  alt: string;
+}
+/** The optional image layer. It is mounted by Base UI only after loading. */
+declare const AvatarImage: import("react").ForwardRefExoticComponent<AvatarImageProps & import("react").RefAttributes<HTMLImageElement>>;
+type AvatarFallbackProps = ComponentPropsWithoutRef<typeof Avatar.Fallback>;
+/** Textual initials or an icon shown whenever an image is unavailable. */
+declare const AvatarFallback: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AvatarFallbackProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const Avatar$1: {
+  Root: import("react").ForwardRefExoticComponent<Omit<AvatarRootProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Image: import("react").ForwardRefExoticComponent<AvatarImageProps & import("react").RefAttributes<HTMLImageElement>>;
+  Fallback: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AvatarFallbackProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+};
+//#endregion
+export { Avatar$1 as Avatar, AvatarFallback, AvatarFallbackProps, AvatarImage, AvatarImageProps, AvatarRoot$1 as AvatarRoot, AvatarRootProps, AvatarShape, AvatarSize };
+//# sourceMappingURL=avatar.d.ts.map

package/dist/components/avatar/avatar.js

@@ -0,0 +1,86 @@
+"use client";
+import { withRecipeClassName } from "../base-ui.js";
+import { avatar } from "../../styled-system/recipes/avatar.js";
+import { createContext, forwardRef, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Avatar } from "@base-ui/react/avatar";
+//#region src/components/avatar/avatar.tsx
+const AvatarStyleContext = createContext({
+	hasAccessibleLabel: false,
+	shape: "circle",
+	size: "md"
+});
+function useAvatarStyleContext() {
+	return useContext(AvatarStyleContext);
+}
+function useAvatarStyles() {
+	const { shape, size } = useAvatarStyleContext();
+	return avatar({
+		shape,
+		size
+	});
+}
+/**
+* Groups an image and text fallback in a fixed-size avatar. Base UI controls
+* the image lifecycle, so only one accessible representation is mounted at a
+* time and the initial server render remains deterministic.
+*/
+const AvatarRoot$1 = forwardRef(function AvatarRoot({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children, className, role, shape = "circle", size = "md", ...props }, ref) {
+	const styles = avatar({
+		shape,
+		size
+	});
+	const hasAccessibleLabel = Boolean(ariaLabel || ariaLabelledBy);
+	return /* @__PURE__ */ jsx(AvatarStyleContext.Provider, {
+		value: {
+			hasAccessibleLabel,
+			shape,
+			size
+		},
+		children: /* @__PURE__ */ jsx(Avatar.Root, {
+			...props,
+			"aria-label": ariaLabel,
+			"aria-labelledby": ariaLabelledBy,
+			ref,
+			className: withRecipeClassName(styles.root, className),
+			"data-jaci-component": "avatar",
+			"data-shape": shape,
+			"data-size": size,
+			"data-slot": "avatar",
+			role: role ?? (hasAccessibleLabel ? "img" : void 0),
+			children
+		})
+	});
+});
+/** The optional image layer. It is mounted by Base UI only after loading. */
+const AvatarImage = forwardRef(function AvatarImage({ alt, className, ...props }, ref) {
+	const { hasAccessibleLabel } = useAvatarStyleContext();
+	return /* @__PURE__ */ jsx(Avatar.Image, {
+		...props,
+		alt: hasAccessibleLabel ? "" : alt,
+		"aria-hidden": hasAccessibleLabel || void 0,
+		ref,
+		className: withRecipeClassName(useAvatarStyles().image, className),
+		"data-slot": "avatar-image"
+	});
+});
+/** Textual initials or an icon shown whenever an image is unavailable. */
+const AvatarFallback = forwardRef(function AvatarFallback({ "aria-hidden": ariaHidden, className, ...props }, ref) {
+	const { hasAccessibleLabel } = useAvatarStyleContext();
+	return /* @__PURE__ */ jsx(Avatar.Fallback, {
+		...props,
+		"aria-hidden": ariaHidden ?? (hasAccessibleLabel || void 0),
+		ref,
+		className: withRecipeClassName(useAvatarStyles().fallback, className),
+		"data-slot": "avatar-fallback"
+	});
+});
+const Avatar$1 = {
+	Root: AvatarRoot$1,
+	Image: AvatarImage,
+	Fallback: AvatarFallback
+};
+//#endregion
+export { Avatar$1 as Avatar, AvatarFallback, AvatarImage, AvatarRoot$1 as AvatarRoot };
+
+//# sourceMappingURL=avatar.js.map

package/dist/components/avatar/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","names":["AvatarRoot","BaseAvatar","Avatar"],"sources":["../../../src/components/avatar/avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Avatar as BaseAvatar } from \"@base-ui/react/avatar\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { AvatarRoot as BaseAvatarRoot } from \"@base-ui/react/avatar\";\n\nimport { avatar } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type AvatarSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\nexport type AvatarShape = \"circle\" | \"rounded\";\n\ninterface AvatarStyleContextValue {\n  hasAccessibleLabel: boolean;\n  shape: AvatarShape;\n  size: AvatarSize;\n}\n\nconst AvatarStyleContext = createContext<AvatarStyleContextValue>({\n  hasAccessibleLabel: false,\n  shape: \"circle\",\n  size: \"md\",\n});\n\nfunction useAvatarStyleContext() {\n  return useContext(AvatarStyleContext);\n}\n\nfunction useAvatarStyles() {\n  const { shape, size } = useAvatarStyleContext();\n\n  return avatar({ shape, size });\n}\n\nexport interface AvatarRootProps extends BaseAvatarRoot.Props {\n  children?: ReactNode;\n  shape?: AvatarShape;\n  size?: AvatarSize;\n}\n\n/**\n * Groups an image and text fallback in a fixed-size avatar. Base UI controls\n * the image lifecycle, so only one accessible representation is mounted at a\n * time and the initial server render remains deterministic.\n */\nexport const AvatarRoot = forwardRef<HTMLSpanElement, AvatarRootProps>(function AvatarRoot(\n  {\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    children,\n    className,\n    role,\n    shape = \"circle\",\n    size = \"md\",\n    ...props\n  },\n  ref,\n) {\n  const styles = avatar({ shape, size });\n  const hasAccessibleLabel = Boolean(ariaLabel || ariaLabelledBy);\n\n  return (\n    <AvatarStyleContext.Provider value={{ hasAccessibleLabel, shape, size }}>\n      <BaseAvatar.Root\n        {...props}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        ref={ref}\n        className={withRecipeClassName(styles.root, className)}\n        data-jaci-component=\"avatar\"\n        data-shape={shape}\n        data-size={size}\n        data-slot=\"avatar\"\n        role={role ?? (hasAccessibleLabel ? \"img\" : undefined)}\n      >\n        {children}\n      </BaseAvatar.Root>\n    </AvatarStyleContext.Provider>\n  );\n});\n\nexport interface AvatarImageProps\n  extends Omit<ComponentPropsWithoutRef<typeof BaseAvatar.Image>, \"alt\"> {\n  /** Use an empty string explicitly when the image is decorative. */\n  alt: string;\n}\n\n/** The optional image layer. It is mounted by Base UI only after loading. */\nexport const AvatarImage = forwardRef<HTMLImageElement, AvatarImageProps>(function AvatarImage(\n  { alt, className, ...props },\n  ref,\n) {\n  const { hasAccessibleLabel } = useAvatarStyleContext();\n\n  return (\n    <BaseAvatar.Image\n      {...props}\n      alt={hasAccessibleLabel ? \"\" : alt}\n      aria-hidden={hasAccessibleLabel || undefined}\n      ref={ref}\n      className={withRecipeClassName(useAvatarStyles().image, className)}\n      data-slot=\"avatar-image\"\n    />\n  );\n});\n\nexport type AvatarFallbackProps = ComponentPropsWithoutRef<typeof BaseAvatar.Fallback>;\n\n/** Textual initials or an icon shown whenever an image is unavailable. */\nexport const AvatarFallback = forwardRef<HTMLSpanElement, AvatarFallbackProps>(\n  function AvatarFallback({ \"aria-hidden\": ariaHidden, className, ...props }, ref) {\n    const { hasAccessibleLabel } = useAvatarStyleContext();\n\n    return (\n      <BaseAvatar.Fallback\n        {...props}\n        aria-hidden={ariaHidden ?? (hasAccessibleLabel || undefined)}\n        ref={ref}\n        className={withRecipeClassName(useAvatarStyles().fallback, className)}\n        data-slot=\"avatar-fallback\"\n      />\n    );\n  },\n);\n\nexport const Avatar = {\n  Root: AvatarRoot,\n  Image: AvatarImage,\n  Fallback: AvatarFallback,\n};\n"],"mappings":";;;;;;;AAmBA,MAAM,qBAAqB,cAAuC;CAChE,oBAAoB;CACpB,OAAO;CACP,MAAM;AACR,CAAC;AAED,SAAS,wBAAwB;CAC/B,OAAO,WAAW,kBAAkB;AACtC;AAEA,SAAS,kBAAkB;CACzB,MAAM,EAAE,OAAO,SAAS,sBAAsB;CAE9C,OAAO,OAAO;EAAE;EAAO;CAAK,CAAC;AAC/B;;;;;;AAaA,MAAaA,eAAa,WAA6C,SAAS,WAC9E,EACE,cAAc,WACd,mBAAmB,gBACnB,UACA,WACA,MACA,QAAQ,UACR,OAAO,MACP,GAAG,SAEL,KACA;CACA,MAAM,SAAS,OAAO;EAAE;EAAO;CAAK,CAAC;CACrC,MAAM,qBAAqB,QAAQ,aAAa,cAAc;CAE9D,OACE,oBAAC,mBAAmB,UAApB;EAA6B,OAAO;GAAE;GAAoB;GAAO;EAAK;YACpE,oBAACC,OAAW,MAAZ;GACE,GAAI;GACJ,cAAY;GACZ,mBAAiB;GACZ;GACL,WAAW,oBAAoB,OAAO,MAAM,SAAS;GACrD,uBAAoB;GACpB,cAAY;GACZ,aAAW;GACX,aAAU;GACV,MAAM,SAAS,qBAAqB,QAAQ,KAAA;GAE3C;EACc,CAAA;CACU,CAAA;AAEjC,CAAC;;AASD,MAAa,cAAc,WAA+C,SAAS,YACjF,EAAE,KAAK,WAAW,GAAG,SACrB,KACA;CACA,MAAM,EAAE,uBAAuB,sBAAsB;CAErD,OACE,oBAACA,OAAW,OAAZ;EACE,GAAI;EACJ,KAAK,qBAAqB,KAAK;EAC/B,eAAa,sBAAsB,KAAA;EAC9B;EACL,WAAW,oBAAoB,gBAAgB,CAAC,CAAC,OAAO,SAAS;EACjE,aAAU;CACX,CAAA;AAEL,CAAC;;AAKD,MAAa,iBAAiB,WAC5B,SAAS,eAAe,EAAE,eAAe,YAAY,WAAW,GAAG,SAAS,KAAK;CAC/E,MAAM,EAAE,uBAAuB,sBAAsB;CAErD,OACE,oBAACA,OAAW,UAAZ;EACE,GAAI;EACJ,eAAa,eAAe,sBAAsB,KAAA;EAC7C;EACL,WAAW,oBAAoB,gBAAgB,CAAC,CAAC,UAAU,SAAS;EACpE,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAaC,WAAS;CACpB,MAAMF;CACN,OAAO;CACP,UAAU;AACZ"}

package/dist/components/avatar/index.d.cts

@@ -0,0 +1,2 @@
+import { Avatar, AvatarFallback, AvatarFallbackProps, AvatarImage, AvatarImageProps, AvatarRoot, AvatarRootProps, AvatarShape, AvatarSize } from "./avatar.cjs";
+export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, AvatarRoot, type AvatarRootProps, type AvatarShape, type AvatarSize };

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

@@ -0,0 +1,2 @@
+import { Avatar, AvatarFallback, AvatarFallbackProps, AvatarImage, AvatarImageProps, AvatarRoot, AvatarRootProps, AvatarShape, AvatarSize } from "./avatar.js";
+export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, AvatarRoot, type AvatarRootProps, type AvatarShape, type AvatarSize };

package/dist/components/base-ui.cjs

@@ -0,0 +1,14 @@
+const require_cx = require("../styled-system/css/cx.cjs");
+//#region src/components/base-ui.ts
+/**
+* Keeps Base UI's state-aware `className` API while always applying the Jaci
+* recipe class. Consumers can still provide either a string or a callback.
+*/
+function withRecipeClassName(recipeClassName, className) {
+	if (typeof className === "function") return (state) => require_cx.cx(recipeClassName, className(state));
+	return require_cx.cx(recipeClassName, className);
+}
+//#endregion
+exports.withRecipeClassName = withRecipeClassName;
+
+//# sourceMappingURL=base-ui.cjs.map

package/dist/components/base-ui.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-ui.cjs","names":["cx"],"sources":["../../src/components/base-ui.ts"],"sourcesContent":["import { cx } from \"../styled-system/css\";\n\nexport type StatefulClassName<State> = string | ((state: State) => string | undefined) | undefined;\n\n/**\n * Keeps Base UI's state-aware `className` API while always applying the Jaci\n * recipe class. Consumers can still provide either a string or a callback.\n */\nexport function withRecipeClassName<State>(\n  recipeClassName: string,\n  className: StatefulClassName<State>,\n): StatefulClassName<State> {\n  if (typeof className === \"function\") {\n    return (state) => cx(recipeClassName, className(state));\n  }\n\n  return cx(recipeClassName, className);\n}\n"],"mappings":";;;;;;AAQA,SAAgB,oBACd,iBACA,WAC0B;CAC1B,IAAI,OAAO,cAAc,YACvB,QAAQ,UAAUA,WAAAA,GAAG,iBAAiB,UAAU,KAAK,CAAC;CAGxD,OAAOA,WAAAA,GAAG,iBAAiB,SAAS;AACtC"}

package/dist/components/base-ui.js

@@ -0,0 +1,14 @@
+import { cx } from "../styled-system/css/cx.js";
+//#region src/components/base-ui.ts
+/**
+* Keeps Base UI's state-aware `className` API while always applying the Jaci
+* recipe class. Consumers can still provide either a string or a callback.
+*/
+function withRecipeClassName(recipeClassName, className) {
+	if (typeof className === "function") return (state) => cx(recipeClassName, className(state));
+	return cx(recipeClassName, className);
+}
+//#endregion
+export { withRecipeClassName };
+
+//# sourceMappingURL=base-ui.js.map

package/dist/components/base-ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-ui.js","names":[],"sources":["../../src/components/base-ui.ts"],"sourcesContent":["import { cx } from \"../styled-system/css\";\n\nexport type StatefulClassName<State> = string | ((state: State) => string | undefined) | undefined;\n\n/**\n * Keeps Base UI's state-aware `className` API while always applying the Jaci\n * recipe class. Consumers can still provide either a string or a callback.\n */\nexport function withRecipeClassName<State>(\n  recipeClassName: string,\n  className: StatefulClassName<State>,\n): StatefulClassName<State> {\n  if (typeof className === \"function\") {\n    return (state) => cx(recipeClassName, className(state));\n  }\n\n  return cx(recipeClassName, className);\n}\n"],"mappings":";;;;;;AAQA,SAAgB,oBACd,iBACA,WAC0B;CAC1B,IAAI,OAAO,cAAc,YACvB,QAAQ,UAAU,GAAG,iBAAiB,UAAU,KAAK,CAAC;CAGxD,OAAO,GAAG,iBAAiB,SAAS;AACtC"}

package/dist/components/breadcrumbs/breadcrumbs.cjs

@@ -0,0 +1,84 @@
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_breadcrumbs = require("../../styled-system/recipes/breadcrumbs.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/breadcrumbs/breadcrumbs.tsx
+/** A landmark navigation region for a hierarchical path. */
+const BreadcrumbsRoot = (0, react.forwardRef)(function BreadcrumbsRoot({ "aria-label": ariaLabel, className, ...props }, ref) {
+	const styles = require_breadcrumbs.breadcrumbs();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
+		...props,
+		"aria-label": ariaLabel ?? "Breadcrumb",
+		ref,
+		className: require_cx.cx(styles.root, className),
+		"data-jaci-component": "breadcrumbs",
+		"data-slot": "breadcrumbs"
+	});
+});
+/** Ordered list containing links, separators, and the current page. */
+const BreadcrumbsList = (0, react.forwardRef)(function BreadcrumbsList({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
+		...props,
+		ref,
+		className: require_cx.cx(require_breadcrumbs.breadcrumbs().list, className),
+		"data-slot": "breadcrumbs-list"
+	});
+});
+/** A semantic list item that wraps one breadcrumb destination. */
+const BreadcrumbsItem = (0, react.forwardRef)(function BreadcrumbsItem({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+		...props,
+		ref,
+		className: require_cx.cx(require_breadcrumbs.breadcrumbs().item, className),
+		"data-slot": "breadcrumbs-item"
+	});
+});
+/** A link to an ancestor in the current path. */
+const BreadcrumbsLink = (0, react.forwardRef)(function BreadcrumbsLink({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+		...props,
+		ref,
+		className: require_cx.cx(require_breadcrumbs.breadcrumbs().link, className),
+		"data-slot": "breadcrumbs-link"
+	});
+});
+/** The final, non-link breadcrumb that identifies the current page. */
+const BreadcrumbsCurrent = (0, react.forwardRef)(function BreadcrumbsCurrent({ "aria-current": ariaCurrent, className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		...props,
+		"aria-current": ariaCurrent ?? "page",
+		ref,
+		className: require_cx.cx(require_breadcrumbs.breadcrumbs().current, className),
+		"data-slot": "breadcrumbs-current"
+	});
+});
+/** A decorative separator. It is excluded from the ordered-list semantics. */
+const BreadcrumbsSeparator = (0, react.forwardRef)(function BreadcrumbsSeparator({ children = "/", className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+		...props,
+		"aria-hidden": "true",
+		ref,
+		role: "presentation",
+		className: require_cx.cx(require_breadcrumbs.breadcrumbs().separator, className),
+		"data-slot": "breadcrumbs-separator",
+		children
+	});
+});
+const Breadcrumbs = {
+	Root: BreadcrumbsRoot,
+	List: BreadcrumbsList,
+	Item: BreadcrumbsItem,
+	Link: BreadcrumbsLink,
+	Current: BreadcrumbsCurrent,
+	Separator: BreadcrumbsSeparator
+};
+//#endregion
+exports.Breadcrumbs = Breadcrumbs;
+exports.BreadcrumbsCurrent = BreadcrumbsCurrent;
+exports.BreadcrumbsItem = BreadcrumbsItem;
+exports.BreadcrumbsLink = BreadcrumbsLink;
+exports.BreadcrumbsList = BreadcrumbsList;
+exports.BreadcrumbsRoot = BreadcrumbsRoot;
+exports.BreadcrumbsSeparator = BreadcrumbsSeparator;
+
+//# sourceMappingURL=breadcrumbs.cjs.map

package/dist/components/breadcrumbs/breadcrumbs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.cjs","names":["breadcrumbs","cx"],"sources":["../../../src/components/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { breadcrumbs } from \"../../styled-system/recipes\";\n\nexport type BreadcrumbsRootProps = ComponentPropsWithoutRef<\"nav\">;\n\n/** A landmark navigation region for a hierarchical path. */\nexport const BreadcrumbsRoot = forwardRef<HTMLElement, BreadcrumbsRootProps>(\n  function BreadcrumbsRoot({ \"aria-label\": ariaLabel, className, ...props }, ref) {\n    const styles = breadcrumbs();\n\n    return (\n      <nav\n        {...props}\n        aria-label={ariaLabel ?? \"Breadcrumb\"}\n        ref={ref}\n        className={cx(styles.root, className)}\n        data-jaci-component=\"breadcrumbs\"\n        data-slot=\"breadcrumbs\"\n      />\n    );\n  },\n);\n\nexport type BreadcrumbsListProps = ComponentPropsWithoutRef<\"ol\">;\n\n/** Ordered list containing links, separators, and the current page. */\nexport const BreadcrumbsList = forwardRef<HTMLOListElement, BreadcrumbsListProps>(\n  function BreadcrumbsList({ className, ...props }, ref) {\n    return (\n      <ol\n        {...props}\n        ref={ref}\n        className={cx(breadcrumbs().list, className)}\n        data-slot=\"breadcrumbs-list\"\n      />\n    );\n  },\n);\n\nexport type BreadcrumbsItemProps = ComponentPropsWithoutRef<\"li\">;\n\n/** A semantic list item that wraps one breadcrumb destination. */\nexport const BreadcrumbsItem = forwardRef<HTMLLIElement, BreadcrumbsItemProps>(\n  function BreadcrumbsItem({ className, ...props }, ref) {\n    return (\n      <li\n        {...props}\n        ref={ref}\n        className={cx(breadcrumbs().item, className)}\n        data-slot=\"breadcrumbs-item\"\n      />\n    );\n  },\n);\n\nexport type BreadcrumbsLinkProps = ComponentPropsWithoutRef<\"a\">;\n\n/** A link to an ancestor in the current path. */\nexport const BreadcrumbsLink = forwardRef<HTMLAnchorElement, BreadcrumbsLinkProps>(\n  function BreadcrumbsLink({ className, ...props }, ref) {\n    return (\n      <a\n        {...props}\n        ref={ref}\n        className={cx(breadcrumbs().link, className)}\n        data-slot=\"breadcrumbs-link\"\n      />\n    );\n  },\n);\n\nexport type BreadcrumbsCurrentProps = ComponentPropsWithoutRef<\"span\">;\n\n/** The final, non-link breadcrumb that identifies the current page. */\nexport const BreadcrumbsCurrent = forwardRef<HTMLSpanElement, BreadcrumbsCurrentProps>(\n  function BreadcrumbsCurrent({ \"aria-current\": ariaCurrent, className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        aria-current={ariaCurrent ?? \"page\"}\n        ref={ref}\n        className={cx(breadcrumbs().current, className)}\n        data-slot=\"breadcrumbs-current\"\n      />\n    );\n  },\n);\n\nexport type BreadcrumbsSeparatorProps = ComponentPropsWithoutRef<\"li\">;\n\n/** A decorative separator. It is excluded from the ordered-list semantics. */\nexport const BreadcrumbsSeparator = forwardRef<HTMLLIElement, BreadcrumbsSeparatorProps>(\n  function BreadcrumbsSeparator({ children = \"/\", className, ...props }, ref) {\n    return (\n      <li\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        role=\"presentation\"\n        className={cx(breadcrumbs().separator, className)}\n        data-slot=\"breadcrumbs-separator\"\n      >\n        {children}\n      </li>\n    );\n  },\n);\n\nexport const Breadcrumbs = {\n  Root: BreadcrumbsRoot,\n  List: BreadcrumbsList,\n  Item: BreadcrumbsItem,\n  Link: BreadcrumbsLink,\n  Current: BreadcrumbsCurrent,\n  Separator: BreadcrumbsSeparator,\n};\n"],"mappings":";;;;;;AASA,MAAa,mBAAA,GAAA,MAAA,WAAA,CACX,SAAS,gBAAgB,EAAE,cAAc,WAAW,WAAW,GAAG,SAAS,KAAK;CAC9E,MAAM,SAASA,oBAAAA,YAAY;CAE3B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACJ,cAAY,aAAa;EACpB;EACL,WAAWC,WAAAA,GAAG,OAAO,MAAM,SAAS;EACpC,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;;AAKA,MAAa,mBAAA,GAAA,MAAA,WAAA,CACX,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;EACE,GAAI;EACC;EACL,WAAWA,WAAAA,GAAGD,oBAAAA,YAAY,CAAC,CAAC,MAAM,SAAS;EAC3C,aAAU;CACX,CAAA;AAEL,CACF;;AAKA,MAAa,mBAAA,GAAA,MAAA,WAAA,CACX,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;EACE,GAAI;EACC;EACL,WAAWC,WAAAA,GAAGD,oBAAAA,YAAY,CAAC,CAAC,MAAM,SAAS;EAC3C,aAAU;CACX,CAAA;AAEL,CACF;;AAKA,MAAa,mBAAA,GAAA,MAAA,WAAA,CACX,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;EACE,GAAI;EACC;EACL,WAAWC,WAAAA,GAAGD,oBAAAA,YAAY,CAAC,CAAC,MAAM,SAAS;EAC3C,aAAU;CACX,CAAA;AAEL,CACF;;AAKA,MAAa,sBAAA,GAAA,MAAA,WAAA,CACX,SAAS,mBAAmB,EAAE,gBAAgB,aAAa,WAAW,GAAG,SAAS,KAAK;CACrF,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,GAAI;EACJ,gBAAc,eAAe;EACxB;EACL,WAAWC,WAAAA,GAAGD,oBAAAA,YAAY,CAAC,CAAC,SAAS,SAAS;EAC9C,aAAU;CACX,CAAA;AAEL,CACF;;AAKA,MAAa,wBAAA,GAAA,MAAA,WAAA,CACX,SAAS,qBAAqB,EAAE,WAAW,KAAK,WAAW,GAAG,SAAS,KAAK;CAC1E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;EACE,GAAI;EACJ,eAAY;EACP;EACL,MAAK;EACL,WAAWC,WAAAA,GAAGD,oBAAAA,YAAY,CAAC,CAAC,WAAW,SAAS;EAChD,aAAU;EAET;CACC,CAAA;AAER,CACF;AAEA,MAAa,cAAc;CACzB,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,SAAS;CACT,WAAW;AACb"}

package/dist/components/breadcrumbs/breadcrumbs.d.cts

@@ -0,0 +1,31 @@
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/breadcrumbs/breadcrumbs.d.ts
+type BreadcrumbsRootProps = ComponentPropsWithoutRef<"nav">;
+/** A landmark navigation region for a hierarchical path. */
+declare const BreadcrumbsRoot: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+type BreadcrumbsListProps = ComponentPropsWithoutRef<"ol">;
+/** Ordered list containing links, separators, and the current page. */
+declare const BreadcrumbsList: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & import("react").RefAttributes<HTMLOListElement>>;
+type BreadcrumbsItemProps = ComponentPropsWithoutRef<"li">;
+/** A semantic list item that wraps one breadcrumb destination. */
+declare const BreadcrumbsItem: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+type BreadcrumbsLinkProps = ComponentPropsWithoutRef<"a">;
+/** A link to an ancestor in the current path. */
+declare const BreadcrumbsLink: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+type BreadcrumbsCurrentProps = ComponentPropsWithoutRef<"span">;
+/** The final, non-link breadcrumb that identifies the current page. */
+declare const BreadcrumbsCurrent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type BreadcrumbsSeparatorProps = ComponentPropsWithoutRef<"li">;
+/** A decorative separator. It is excluded from the ordered-list semantics. */
+declare const BreadcrumbsSeparator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+declare const Breadcrumbs: {
+  Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  List: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & import("react").RefAttributes<HTMLOListElement>>;
+  Item: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+  Link: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+  Current: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Separator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+};
+//#endregion
+export { Breadcrumbs, BreadcrumbsCurrent, BreadcrumbsCurrentProps, BreadcrumbsItem, BreadcrumbsItemProps, BreadcrumbsLink, BreadcrumbsLinkProps, BreadcrumbsList, BreadcrumbsListProps, BreadcrumbsRoot, BreadcrumbsRootProps, BreadcrumbsSeparator, BreadcrumbsSeparatorProps };
+//# sourceMappingURL=breadcrumbs.d.cts.map

package/dist/components/breadcrumbs/breadcrumbs.d.ts

@@ -0,0 +1,31 @@
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/breadcrumbs/breadcrumbs.d.ts
+type BreadcrumbsRootProps = ComponentPropsWithoutRef<"nav">;
+/** A landmark navigation region for a hierarchical path. */
+declare const BreadcrumbsRoot: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+type BreadcrumbsListProps = ComponentPropsWithoutRef<"ol">;
+/** Ordered list containing links, separators, and the current page. */
+declare const BreadcrumbsList: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & import("react").RefAttributes<HTMLOListElement>>;
+type BreadcrumbsItemProps = ComponentPropsWithoutRef<"li">;
+/** A semantic list item that wraps one breadcrumb destination. */
+declare const BreadcrumbsItem: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+type BreadcrumbsLinkProps = ComponentPropsWithoutRef<"a">;
+/** A link to an ancestor in the current path. */
+declare const BreadcrumbsLink: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+type BreadcrumbsCurrentProps = ComponentPropsWithoutRef<"span">;
+/** The final, non-link breadcrumb that identifies the current page. */
+declare const BreadcrumbsCurrent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type BreadcrumbsSeparatorProps = ComponentPropsWithoutRef<"li">;
+/** A decorative separator. It is excluded from the ordered-list semantics. */
+declare const BreadcrumbsSeparator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+declare const Breadcrumbs: {
+  Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  List: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & import("react").RefAttributes<HTMLOListElement>>;
+  Item: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+  Link: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+  Current: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Separator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+};
+//#endregion
+export { Breadcrumbs, BreadcrumbsCurrent, BreadcrumbsCurrentProps, BreadcrumbsItem, BreadcrumbsItemProps, BreadcrumbsLink, BreadcrumbsLinkProps, BreadcrumbsList, BreadcrumbsListProps, BreadcrumbsRoot, BreadcrumbsRootProps, BreadcrumbsSeparator, BreadcrumbsSeparatorProps };
+//# sourceMappingURL=breadcrumbs.d.ts.map

package/dist/components/breadcrumbs/breadcrumbs.js

@@ -0,0 +1,78 @@
+import { cx } from "../../styled-system/css/cx.js";
+import { breadcrumbs } from "../../styled-system/recipes/breadcrumbs.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/breadcrumbs/breadcrumbs.tsx
+/** A landmark navigation region for a hierarchical path. */
+const BreadcrumbsRoot = forwardRef(function BreadcrumbsRoot({ "aria-label": ariaLabel, className, ...props }, ref) {
+	const styles = breadcrumbs();
+	return /* @__PURE__ */ jsx("nav", {
+		...props,
+		"aria-label": ariaLabel ?? "Breadcrumb",
+		ref,
+		className: cx(styles.root, className),
+		"data-jaci-component": "breadcrumbs",
+		"data-slot": "breadcrumbs"
+	});
+});
+/** Ordered list containing links, separators, and the current page. */
+const BreadcrumbsList = forwardRef(function BreadcrumbsList({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("ol", {
+		...props,
+		ref,
+		className: cx(breadcrumbs().list, className),
+		"data-slot": "breadcrumbs-list"
+	});
+});
+/** A semantic list item that wraps one breadcrumb destination. */
+const BreadcrumbsItem = forwardRef(function BreadcrumbsItem({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("li", {
+		...props,
+		ref,
+		className: cx(breadcrumbs().item, className),
+		"data-slot": "breadcrumbs-item"
+	});
+});
+/** A link to an ancestor in the current path. */
+const BreadcrumbsLink = forwardRef(function BreadcrumbsLink({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("a", {
+		...props,
+		ref,
+		className: cx(breadcrumbs().link, className),
+		"data-slot": "breadcrumbs-link"
+	});
+});
+/** The final, non-link breadcrumb that identifies the current page. */
+const BreadcrumbsCurrent = forwardRef(function BreadcrumbsCurrent({ "aria-current": ariaCurrent, className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		"aria-current": ariaCurrent ?? "page",
+		ref,
+		className: cx(breadcrumbs().current, className),
+		"data-slot": "breadcrumbs-current"
+	});
+});
+/** A decorative separator. It is excluded from the ordered-list semantics. */
+const BreadcrumbsSeparator = forwardRef(function BreadcrumbsSeparator({ children = "/", className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("li", {
+		...props,
+		"aria-hidden": "true",
+		ref,
+		role: "presentation",
+		className: cx(breadcrumbs().separator, className),
+		"data-slot": "breadcrumbs-separator",
+		children
+	});
+});
+const Breadcrumbs = {
+	Root: BreadcrumbsRoot,
+	List: BreadcrumbsList,
+	Item: BreadcrumbsItem,
+	Link: BreadcrumbsLink,
+	Current: BreadcrumbsCurrent,
+	Separator: BreadcrumbsSeparator
+};
+//#endregion
+export { Breadcrumbs, BreadcrumbsCurrent, BreadcrumbsItem, BreadcrumbsLink, BreadcrumbsList, BreadcrumbsRoot, BreadcrumbsSeparator };
+
+//# sourceMappingURL=breadcrumbs.js.map

package/dist/components/breadcrumbs/breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.js","names":[],"sources":["../../../src/components/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { breadcrumbs } from \"../../styled-system/recipes\";\n\nexport type BreadcrumbsRootProps = ComponentPropsWithoutRef<\"nav\">;\n\n/** A landmark navigation region for a hierarchical path. */\nexport const BreadcrumbsRoot = forwardRef<HTMLElement, BreadcrumbsRootProps>(\n  function BreadcrumbsRoot({ \"aria-label\": ariaLabel, className, ...props }, ref) {\n    const styles = breadcrumbs();\n\n    return (\n      <nav\n        {...props}\n        aria-label={ariaLabel ?? \"Breadcrumb\"}\n        ref={ref}\n        className={cx(styles.root, className)}\n        data-jaci-component=\"breadcrumbs\"\n        data-slot=\"breadcrumbs\"\n      />\n    );\n  },\n);\n\nexport type BreadcrumbsListProps = ComponentPropsWithoutRef<\"ol\">;\n\n/** Ordered list containing links, separators, and the current page. */\nexport const BreadcrumbsList = forwardRef<HTMLOListElement, BreadcrumbsListProps>(\n  function BreadcrumbsList({ className, ...props }, ref) {\n    return (\n      <ol\n        {...props}\n        ref={ref}\n        className={cx(breadcrumbs().list, className)}\n        data-slot=\"breadcrumbs-list\"\n      />\n    );\n  },\n);\n\nexport type BreadcrumbsItemProps = ComponentPropsWithoutRef<\"li\">;\n\n/** A semantic list item that wraps one breadcrumb destination. */\nexport const BreadcrumbsItem = forwardRef<HTMLLIElement, BreadcrumbsItemProps>(\n  function BreadcrumbsItem({ className, ...props }, ref) {\n    return (\n      <li\n        {...props}\n        ref={ref}\n        className={cx(breadcrumbs().item, className)}\n        data-slot=\"breadcrumbs-item\"\n      />\n    );\n  },\n);\n\nexport type BreadcrumbsLinkProps = ComponentPropsWithoutRef<\"a\">;\n\n/** A link to an ancestor in the current path. */\nexport const BreadcrumbsLink = forwardRef<HTMLAnchorElement, BreadcrumbsLinkProps>(\n  function BreadcrumbsLink({ className, ...props }, ref) {\n    return (\n      <a\n        {...props}\n        ref={ref}\n        className={cx(breadcrumbs().link, className)}\n        data-slot=\"breadcrumbs-link\"\n      />\n    );\n  },\n);\n\nexport type BreadcrumbsCurrentProps = ComponentPropsWithoutRef<\"span\">;\n\n/** The final, non-link breadcrumb that identifies the current page. */\nexport const BreadcrumbsCurrent = forwardRef<HTMLSpanElement, BreadcrumbsCurrentProps>(\n  function BreadcrumbsCurrent({ \"aria-current\": ariaCurrent, className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        aria-current={ariaCurrent ?? \"page\"}\n        ref={ref}\n        className={cx(breadcrumbs().current, className)}\n        data-slot=\"breadcrumbs-current\"\n      />\n    );\n  },\n);\n\nexport type BreadcrumbsSeparatorProps = ComponentPropsWithoutRef<\"li\">;\n\n/** A decorative separator. It is excluded from the ordered-list semantics. */\nexport const BreadcrumbsSeparator = forwardRef<HTMLLIElement, BreadcrumbsSeparatorProps>(\n  function BreadcrumbsSeparator({ children = \"/\", className, ...props }, ref) {\n    return (\n      <li\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        role=\"presentation\"\n        className={cx(breadcrumbs().separator, className)}\n        data-slot=\"breadcrumbs-separator\"\n      >\n        {children}\n      </li>\n    );\n  },\n);\n\nexport const Breadcrumbs = {\n  Root: BreadcrumbsRoot,\n  List: BreadcrumbsList,\n  Item: BreadcrumbsItem,\n  Link: BreadcrumbsLink,\n  Current: BreadcrumbsCurrent,\n  Separator: BreadcrumbsSeparator,\n};\n"],"mappings":";;;;;;AASA,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,cAAc,WAAW,WAAW,GAAG,SAAS,KAAK;CAC9E,MAAM,SAAS,YAAY;CAE3B,OACE,oBAAC,OAAD;EACE,GAAI;EACJ,cAAY,aAAa;EACpB;EACL,WAAW,GAAG,OAAO,MAAM,SAAS;EACpC,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;;AAKA,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,oBAAC,MAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,YAAY,CAAC,CAAC,MAAM,SAAS;EAC3C,aAAU;CACX,CAAA;AAEL,CACF;;AAKA,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,oBAAC,MAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,YAAY,CAAC,CAAC,MAAM,SAAS;EAC3C,aAAU;CACX,CAAA;AAEL,CACF;;AAKA,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,oBAAC,KAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,YAAY,CAAC,CAAC,MAAM,SAAS;EAC3C,aAAU;CACX,CAAA;AAEL,CACF;;AAKA,MAAa,qBAAqB,WAChC,SAAS,mBAAmB,EAAE,gBAAgB,aAAa,WAAW,GAAG,SAAS,KAAK;CACrF,OACE,oBAAC,QAAD;EACE,GAAI;EACJ,gBAAc,eAAe;EACxB;EACL,WAAW,GAAG,YAAY,CAAC,CAAC,SAAS,SAAS;EAC9C,aAAU;CACX,CAAA;AAEL,CACF;;AAKA,MAAa,uBAAuB,WAClC,SAAS,qBAAqB,EAAE,WAAW,KAAK,WAAW,GAAG,SAAS,KAAK;CAC1E,OACE,oBAAC,MAAD;EACE,GAAI;EACJ,eAAY;EACP;EACL,MAAK;EACL,WAAW,GAAG,YAAY,CAAC,CAAC,WAAW,SAAS;EAChD,aAAU;EAET;CACC,CAAA;AAER,CACF;AAEA,MAAa,cAAc;CACzB,MAAM;CACN,MAAM;CACN,MAAM;CACN,MAAM;CACN,SAAS;CACT,WAAW;AACb"}

package/dist/components/breadcrumbs/index.d.cts

@@ -0,0 +1,2 @@
+import { Breadcrumbs, BreadcrumbsCurrent, BreadcrumbsCurrentProps, BreadcrumbsItem, BreadcrumbsItemProps, BreadcrumbsLink, BreadcrumbsLinkProps, BreadcrumbsList, BreadcrumbsListProps, BreadcrumbsRoot, BreadcrumbsRootProps, BreadcrumbsSeparator, BreadcrumbsSeparatorProps } from "./breadcrumbs.cjs";
+export { Breadcrumbs, BreadcrumbsCurrent, type BreadcrumbsCurrentProps, BreadcrumbsItem, type BreadcrumbsItemProps, BreadcrumbsLink, type BreadcrumbsLinkProps, BreadcrumbsList, type BreadcrumbsListProps, BreadcrumbsRoot, type BreadcrumbsRootProps, BreadcrumbsSeparator, type BreadcrumbsSeparatorProps };

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

@@ -0,0 +1,2 @@
+import { Breadcrumbs, BreadcrumbsCurrent, BreadcrumbsCurrentProps, BreadcrumbsItem, BreadcrumbsItemProps, BreadcrumbsLink, BreadcrumbsLinkProps, BreadcrumbsList, BreadcrumbsListProps, BreadcrumbsRoot, BreadcrumbsRootProps, BreadcrumbsSeparator, BreadcrumbsSeparatorProps } from "./breadcrumbs.js";
+export { Breadcrumbs, BreadcrumbsCurrent, type BreadcrumbsCurrentProps, BreadcrumbsItem, type BreadcrumbsItemProps, BreadcrumbsLink, type BreadcrumbsLinkProps, BreadcrumbsList, type BreadcrumbsListProps, BreadcrumbsRoot, type BreadcrumbsRootProps, BreadcrumbsSeparator, type BreadcrumbsSeparatorProps };

package/dist/components/button/button.cjs

@@ -0,0 +1,54 @@
+"use client";
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_button = require("../../styled-system/recipes/button.cjs");
+const require_index = require("../layout/index.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/button/button.tsx
+function content(children, loading, startIcon, endIcon) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.Spinner, {
+			"aria-hidden": "true",
+			label: "",
+			size: "sm"
+		}) : startIcon,
+		children,
+		!loading ? endIcon : void 0
+	] });
+}
+const Button = (0, react.forwardRef)(function Button({ children, className, variant = "outline", size = "md", fullWidth = false, loading = false, startIcon, endIcon, disabled, render, type = "button", ...props }, ref) {
+	const buttonClassName = require_cx.cx(require_button.button({
+		variant,
+		size,
+		fullWidth
+	}), className);
+	const childrenWithIcons = content(children, loading, startIcon, endIcon);
+	if (render) {
+		const renderedProps = render.props;
+		return (0, react.cloneElement)(render, {
+			...props,
+			"aria-busy": loading || void 0,
+			"aria-disabled": disabled || loading || void 0,
+			className: require_cx.cx(buttonClassName, renderedProps.className),
+			"data-jaci-component": "button",
+			"data-slot": "button",
+			children: childrenWithIcons,
+			onClick: disabled || loading ? void 0 : renderedProps.onClick
+		});
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		...props,
+		"aria-busy": loading || void 0,
+		className: buttonClassName,
+		"data-jaci-component": "button",
+		"data-slot": "button",
+		disabled: disabled || loading,
+		ref,
+		type,
+		children: childrenWithIcons
+	});
+});
+//#endregion
+exports.Button = Button;
+
+//# sourceMappingURL=button.cjs.map

package/dist/components/button/button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.cjs","names":["Spinner","cx","button"],"sources":["../../../src/components/button/button.tsx"],"sourcesContent":["\"use client\";\n\nimport { cloneElement, forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, MouseEventHandler, ReactElement, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { button } from \"../../styled-system/recipes\";\nimport { Spinner } from \"../layout\";\n\ntype RenderableButtonProps = Record<string, unknown> & {\n  children?: ReactNode | undefined;\n  className?: string | undefined;\n  onClick?: MouseEventHandler<HTMLElement> | undefined;\n};\n\nexport interface ButtonProps\n  extends Omit<ComponentPropsWithoutRef<\"button\">, \"color\" | \"children\"> {\n  children?: ReactNode;\n  variant?: \"outline\" | \"solid\" | \"ghost\" | \"danger\";\n  size?: \"sm\" | \"md\" | \"lg\";\n  fullWidth?: boolean;\n  loading?: boolean;\n  startIcon?: ReactNode;\n  endIcon?: ReactNode;\n  render?: ReactElement<RenderableButtonProps>;\n}\n\nfunction content(children: ReactNode, loading: boolean, startIcon: ReactNode, endIcon: ReactNode) {\n  return (\n    <>\n      {loading ? <Spinner aria-hidden=\"true\" label=\"\" size=\"sm\" /> : startIcon}\n      {children}\n      {!loading ? endIcon : undefined}\n    </>\n  );\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    children,\n    className,\n    variant = \"outline\",\n    size = \"md\",\n    fullWidth = false,\n    loading = false,\n    startIcon,\n    endIcon,\n    disabled,\n    render,\n    type = \"button\",\n    ...props\n  },\n  ref,\n) {\n  const buttonClassName = cx(button({ variant, size, fullWidth }), className);\n  const childrenWithIcons = content(children, loading, startIcon, endIcon);\n\n  if (render) {\n    const renderedProps = render.props as {\n      className?: string;\n      children?: ReactNode;\n      onClick?: MouseEventHandler<HTMLElement>;\n    };\n\n    return cloneElement(render, {\n      ...props,\n      \"aria-busy\": loading || undefined,\n      \"aria-disabled\": disabled || loading || undefined,\n      className: cx(buttonClassName, renderedProps.className),\n      \"data-jaci-component\": \"button\",\n      \"data-slot\": \"button\",\n      children: childrenWithIcons,\n      onClick: disabled || loading ? undefined : renderedProps.onClick,\n    });\n  }\n\n  return (\n    <button\n      {...props}\n      aria-busy={loading || undefined}\n      className={buttonClassName}\n      data-jaci-component=\"button\"\n      data-slot=\"button\"\n      disabled={disabled || loading}\n      ref={ref}\n      type={type}\n    >\n      {childrenWithIcons}\n    </button>\n  );\n});\n"],"mappings":";;;;;;;AA2BA,SAAS,QAAQ,UAAqB,SAAkB,WAAsB,SAAoB;CAChG,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA;EACG,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAAA,SAAD;GAAS,eAAY;GAAO,OAAM;GAAG,MAAK;EAAM,CAAA,IAAI;EAC9D;EACA,CAAC,UAAU,UAAU,KAAA;CACtB,EAAA,CAAA;AAEN;AAEA,MAAa,UAAA,GAAA,MAAA,WAAA,CAAoD,SAAS,OACxE,EACE,UACA,WACA,UAAU,WACV,OAAO,MACP,YAAY,OACZ,UAAU,OACV,WACA,SACA,UACA,QACA,OAAO,UACP,GAAG,SAEL,KACA;CACA,MAAM,kBAAkBC,WAAAA,GAAGC,eAAAA,OAAO;EAAE;EAAS;EAAM;CAAU,CAAC,GAAG,SAAS;CAC1E,MAAM,oBAAoB,QAAQ,UAAU,SAAS,WAAW,OAAO;CAEvE,IAAI,QAAQ;EACV,MAAM,gBAAgB,OAAO;EAM7B,QAAA,GAAA,MAAA,aAAA,CAAoB,QAAQ;GAC1B,GAAG;GACH,aAAa,WAAW,KAAA;GACxB,iBAAiB,YAAY,WAAW,KAAA;GACxC,WAAWD,WAAAA,GAAG,iBAAiB,cAAc,SAAS;GACtD,uBAAuB;GACvB,aAAa;GACb,UAAU;GACV,SAAS,YAAY,UAAU,KAAA,IAAY,cAAc;EAC3D,CAAC;CACH;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;EACE,GAAI;EACJ,aAAW,WAAW,KAAA;EACtB,WAAW;EACX,uBAAoB;EACpB,aAAU;EACV,UAAU,YAAY;EACjB;EACC;YAEL;CACK,CAAA;AAEZ,CAAC"}

package/dist/components/button/button.d.cts

@@ -0,0 +1,21 @@
+import { ComponentPropsWithoutRef, MouseEventHandler, ReactElement, ReactNode } from "react";
+//#region src/components/button/button.d.ts
+type RenderableButtonProps = Record<string, unknown> & {
+  children?: ReactNode | undefined;
+  className?: string | undefined;
+  onClick?: MouseEventHandler<HTMLElement> | undefined;
+};
+interface ButtonProps extends Omit<ComponentPropsWithoutRef<"button">, "color" | "children"> {
+  children?: ReactNode;
+  variant?: "outline" | "solid" | "ghost" | "danger";
+  size?: "sm" | "md" | "lg";
+  fullWidth?: boolean;
+  loading?: boolean;
+  startIcon?: ReactNode;
+  endIcon?: ReactNode;
+  render?: ReactElement<RenderableButtonProps>;
+}
+declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { Button, ButtonProps };
+//# sourceMappingURL=button.d.cts.map

package/dist/components/button/button.d.ts

@@ -0,0 +1,21 @@
+import { ComponentPropsWithoutRef, MouseEventHandler, ReactElement, ReactNode } from "react";
+//#region src/components/button/button.d.ts
+type RenderableButtonProps = Record<string, unknown> & {
+  children?: ReactNode | undefined;
+  className?: string | undefined;
+  onClick?: MouseEventHandler<HTMLElement> | undefined;
+};
+interface ButtonProps extends Omit<ComponentPropsWithoutRef<"button">, "color" | "children"> {
+  children?: ReactNode;
+  variant?: "outline" | "solid" | "ghost" | "danger";
+  size?: "sm" | "md" | "lg";
+  fullWidth?: boolean;
+  loading?: boolean;
+  startIcon?: ReactNode;
+  endIcon?: ReactNode;
+  render?: ReactElement<RenderableButtonProps>;
+}
+declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { Button, ButtonProps };
+//# sourceMappingURL=button.d.ts.map