periplo-ui 4.11.2 → 4.11.3

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -1,158 +1,193 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { CaretRight } from '@phosphor-icons/react/dist/ssr/CaretRight';
-import { DotsThree } from '@phosphor-icons/react/dist/ssr/DotsThree';
-import { Slot } from '@radix-ui/react-slot';
-import * as React from 'react';
-import { Typography } from '../Typography/Typography.js';
-import { cn } from '../../lib/utils.js';
-
-const BreadcrumbRoot = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
+import { cn } from "../../lib/utils.js";
+import { Typography } from "../Typography/Typography.js";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CaretRightIcon } from "@phosphor-icons/react/dist/ssr/CaretRight";
+import { DotsThreeIcon } from "@phosphor-icons/react/dist/ssr/DotsThree";
+import { Slot } from "@radix-ui/react-slot";
+//#region src/components/Breadcrumb/Breadcrumb.tsx
+/**
+* Root container for the breadcrumb navigation.
+* Provides the overall context and ARIA labeling.
+*/
+var BreadcrumbRoot = React$1.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", {
+	ref,
+	"aria-label": "breadcrumb",
+	...props
+}));
 BreadcrumbRoot.displayName = "BreadcrumbRoot";
-const BreadcrumbList = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "ol",
-    {
-      ref,
-      className: cn(
-        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
-        className
-      ),
-      ...props
-    }
-  )
-);
+/**
+* Container for breadcrumb items.
+* Handles layout and spacing of the breadcrumb navigation.
+*/
+var BreadcrumbList = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("ol", {
+	ref,
+	className: cn("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm wrap-break-word sm:gap-2.5", className),
+	...props
+}));
 BreadcrumbList.displayName = "BreadcrumbList";
-const BreadcrumbItem = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
-);
+/**
+* Individual breadcrumb item container.
+* Wraps a link or the current page indicator.
+*/
+var BreadcrumbItem = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", {
+	ref,
+	className: cn("inline-flex items-center gap-1.5", className),
+	...props
+}));
 BreadcrumbItem.displayName = "BreadcrumbItem";
-const getTextTransformClass = (transform) => {
-  switch (transform) {
-    case "capitalize-first":
-      return "[&]:has-[::first-letter]:uppercase";
-    case "capitalize":
-      return "capitalize";
-    case "uppercase":
-      return "uppercase";
-    default:
-      return "";
-  }
+/** Get class names for text transform styling */
+var getTextTransformClass = (transform) => {
+	switch (transform) {
+		case "capitalize-first": return "[&]:has-[::first-letter]:uppercase";
+		case "capitalize": return "capitalize";
+		case "uppercase": return "uppercase";
+		default: return "";
+	}
 };
-const BreadcrumbLink = React.forwardRef(({ asChild, className, textTransform = "capitalize-first", children, ...props }, ref) => {
-  const Comp = asChild ? Slot : "a";
-  const content = textTransform === "capitalize-first" && typeof children === "string" ? children.charAt(0).toUpperCase() + children.slice(1) : children;
-  return /* @__PURE__ */ jsx(Typography, { variant: "title-sm", weight: "medium", children: /* @__PURE__ */ jsx(
-    Comp,
-    {
-      ref,
-      className: cn(
-        "text-neutral-500 transition-colors hover:text-neutral-950",
-        textTransform !== "capitalize-first" && getTextTransformClass(textTransform),
-        className
-      ),
-      ...props,
-      children: content
-    }
-  ) });
+/**
+* Interactive link element for breadcrumb navigation.
+* Can be rendered as a custom element using asChild.
+*/
+var BreadcrumbLink = React$1.forwardRef(({ asChild, className, textTransform = "capitalize-first", children, ...props }, ref) => {
+	const Comp = asChild ? Slot : "a";
+	const content = textTransform === "capitalize-first" && typeof children === "string" ? children.charAt(0).toUpperCase() + children.slice(1) : children;
+	return /* @__PURE__ */ jsx(Typography, {
+		variant: "title-sm",
+		weight: "medium",
+		children: /* @__PURE__ */ jsx(Comp, {
+			ref,
+			className: cn("text-neutral-500 transition-colors hover:text-neutral-950", textTransform !== "capitalize-first" && getTextTransformClass(textTransform), className),
+			...props,
+			children: content
+		})
+	});
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-const BreadcrumbPage = React.forwardRef(({ className, textTransform = "capitalize-first", children, ...props }, ref) => {
-  const content = textTransform === "capitalize-first" && typeof children === "string" ? children.charAt(0).toUpperCase() + children.slice(1) : children;
-  return /* @__PURE__ */ jsx(Typography, { variant: "title-sm", children: /* @__PURE__ */ jsx(
-    "span",
-    {
-      ref,
-      "aria-disabled": "true",
-      "aria-current": "page",
-      className: cn(
-        "font-medium text-neutral-950",
-        textTransform !== "capitalize-first" && getTextTransformClass(textTransform),
-        className
-      ),
-      ...props,
-      children: content
-    }
-  ) });
+/**
+* Current page indicator in the breadcrumb.
+* Non-interactive element showing the current location.
+*/
+var BreadcrumbPage = React$1.forwardRef(({ className, textTransform = "capitalize-first", children, ...props }, ref) => {
+	const content = textTransform === "capitalize-first" && typeof children === "string" ? children.charAt(0).toUpperCase() + children.slice(1) : children;
+	return /* @__PURE__ */ jsx(Typography, {
+		variant: "title-sm",
+		children: /* @__PURE__ */ jsx("span", {
+			ref,
+			"aria-disabled": "true",
+			"aria-current": "page",
+			className: cn("font-medium text-neutral-950", textTransform !== "capitalize-first" && getTextTransformClass(textTransform), className),
+			...props,
+			children: content
+		})
+	});
 });
 BreadcrumbPage.displayName = "BreadcrumbPage";
-const BreadcrumbSeparator = ({ children, className, ...props }) => /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: cn("text-neutral-500 [&>svg]:size-3.5", className), ...props, children: children ?? /* @__PURE__ */ jsx(CaretRight, {}) });
+/**
+* Separator element between breadcrumb items.
+* Can be customized with different icons or characters.
+*/
+var BreadcrumbSeparator = ({ children, className, ...props }) => /* @__PURE__ */ jsx("span", {
+	"aria-hidden": "true",
+	className: cn("text-neutral-500 [&>svg]:size-3.5", className),
+	...props,
+	children: children ?? /* @__PURE__ */ jsx(CaretRightIcon, {})
+});
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
-const BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", className: cn("flex h-9 w-9 items-center justify-center", className), ...props, children: [
-  /* @__PURE__ */ jsx(DotsThree, { className: "h-4 w-4" }),
-  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More" })
-] });
+/**
+* Ellipsis indicator for truncated breadcrumb paths.
+* Used to show that there are hidden items in the path.
+*/
+var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs("span", {
+	"aria-hidden": "true",
+	className: cn("flex h-9 w-9 items-center justify-center", className),
+	...props,
+	children: [/* @__PURE__ */ jsx(DotsThreeIcon, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+		className: "sr-only",
+		children: "More"
+	})]
+});
 BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
-const sanitizeRoute = (route) => {
-  return route.replace(/-/g, " ");
+/**
+* Sanitizes a route string by replacing hyphens with spaces.
+* @param route - The route string to sanitize.
+* @returns The sanitized route string.
+*/
+var sanitizeRoute = (route) => {
+	return route.replaceAll("-", " ");
 };
-const routeToTranslationKey = (route) => {
-  return route.split("-").map((word, index) => index === 0 ? word : word.charAt(0).toUpperCase() + word.slice(1)).join("");
+/**
+* Transforms a kebab-case route to a camelCase translation key
+* @param route - The route segment in kebab-case
+* @returns The translation key in camelCase
+*/
+var routeToTranslationKey = (route) => {
+	return route.split("-").map((word, index) => index === 0 ? word : word.charAt(0).toUpperCase() + word.slice(1)).join("");
 };
-const getRoutes = (pathname, pathMappings, translation, basePath) => {
-  let processedPathname = pathname;
-  if (basePath && pathname.startsWith(basePath)) {
-    processedPathname = pathname.slice(basePath.length);
-    if (processedPathname.startsWith("/")) {
-      processedPathname = processedPathname.slice(1);
-    }
-  }
-  const baseRoutes = processedPathname.split("/").filter(Boolean);
-  const routes = baseRoutes.map((route, index) => {
-    if (pathMappings && route in pathMappings && pathMappings[route] === null) {
-      return null;
-    }
-    let displayName = route;
-    if (pathMappings && pathMappings[route] != null) {
-      displayName = pathMappings[route];
-    } else if (translation) {
-      const translationKey = routeToTranslationKey(route);
-      displayName = translation(translationKey);
-    } else {
-      displayName = sanitizeRoute(route);
-    }
-    const routeSegments = baseRoutes.slice(0, index + 1);
-    const routePath = routeSegments.join("/");
-    const fullHref = basePath ? `${basePath}/${routePath}` : `/${routePath}`;
-    return {
-      name: displayName,
-      href: fullHref
-    };
-  });
-  const homeKey = "home";
-  if (!(pathMappings && homeKey in pathMappings && pathMappings[homeKey] === null)) {
-    const homeHref = basePath ?? "/";
-    routes.unshift({
-      name: pathMappings?.[homeKey] ?? translation?.(homeKey) ?? "Home",
-      href: homeHref
-    });
-  }
-  return routes.filter(Boolean);
+/**
+* Gets the routes for the breadcrumb navigation.
+* @param pathname - The current pathname.
+* @param pathMappings - Optional object containing custom path mappings.
+* @param translation - Optional translation function.
+* @param basePath - Optional base path to strip from pathname and use as home route.
+* @returns The routes for the breadcrumb navigation.
+*/
+var getRoutes = (pathname, pathMappings, translation, basePath) => {
+	let processedPathname = pathname;
+	if (basePath && pathname.startsWith(basePath)) {
+		processedPathname = pathname.slice(basePath.length);
+		if (processedPathname.startsWith("/")) processedPathname = processedPathname.slice(1);
+	}
+	const baseRoutes = processedPathname.split("/").filter(Boolean);
+	const routes = baseRoutes.map((route, index) => {
+		if (pathMappings && route in pathMappings && pathMappings[route] === null) return null;
+		let displayName;
+		if (pathMappings?.[route] != null) displayName = pathMappings[route];
+		else if (translation) displayName = translation(routeToTranslationKey(route));
+		else displayName = sanitizeRoute(route);
+		const routePath = baseRoutes.slice(0, index + 1).join("/");
+		const fullHref = basePath ? `${basePath}/${routePath}` : `/${routePath}`;
+		return {
+			name: displayName,
+			href: fullHref
+		};
+	});
+	const homeKey = "home";
+	if (!(pathMappings && homeKey in pathMappings && pathMappings[homeKey] === null)) {
+		const homeHref = basePath ?? "/";
+		routes.unshift({
+			name: pathMappings?.[homeKey] ?? translation?.(homeKey) ?? "Home",
+			href: homeHref
+		});
+	}
+	return routes.filter(Boolean);
 };
-const NavigationBreadcrumb = ({
-  pathname,
-  pathMappings,
-  translation,
-  basePath,
-  textTransform,
-  endSlash = true
-}) => {
-  return /* @__PURE__ */ jsx(BreadcrumbRoot, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: getRoutes(pathname, pathMappings, translation, basePath).map((route, index, array) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
-    /* @__PURE__ */ jsx(BreadcrumbItem, { children: index === array.length - 1 ? /* @__PURE__ */ jsx(BreadcrumbPage, { textTransform, children: route.name }) : /* @__PURE__ */ jsx(BreadcrumbLink, { href: route.href + (endSlash ? "/" : ""), textTransform, children: route.name }) }),
-    index < array.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {})
-  ] }, index)) }) });
+/**
+* Navigation breadcrumb component.
+* Displays a breadcrumb navigation for the current path.
+* @param pathname - The current pathname
+* @param pathMappings - Optional object containing custom path mappings
+* @param translation - Optional translation function
+* @param basePath - Optional base path to strip from pathname and use as home route
+* @param textTransform - Optional text transformation to apply to breadcrumb text
+*/
+var NavigationBreadcrumb = ({ pathname, pathMappings, translation, basePath, textTransform, endSlash = true }) => {
+	return /* @__PURE__ */ jsx(BreadcrumbRoot, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: getRoutes(pathname, pathMappings, translation, basePath).map((route, index, array) => /* @__PURE__ */ jsxs(React$1.Fragment, { children: [/* @__PURE__ */ jsx(BreadcrumbItem, { children: index === array.length - 1 ? /* @__PURE__ */ jsx(BreadcrumbPage, {
+		textTransform,
+		children: route.name
+	}) : /* @__PURE__ */ jsx(BreadcrumbLink, {
+		href: route.href + (endSlash ? "/" : ""),
+		textTransform,
+		children: route.name
+	}) }), index < array.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {})] }, route.href)) }) });
 };
-const PagesBreadcrumb = ({
-  pages,
-  currentPage
-}) => {
-  return /* @__PURE__ */ jsx(BreadcrumbRoot, { children: /* @__PURE__ */ jsxs(BreadcrumbList, { children: [
-    pages.map((page) => /* @__PURE__ */ jsxs(BreadcrumbItem, { children: [
-      /* @__PURE__ */ jsx(BreadcrumbLink, { href: page.link, children: page.text }),
-      /* @__PURE__ */ jsx(BreadcrumbSeparator, {})
-    ] }, pages.indexOf(page))),
-    /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, { children: currentPage }) })
-  ] }) });
+var PagesBreadcrumb = ({ pages, currentPage }) => {
+	return /* @__PURE__ */ jsx(BreadcrumbRoot, { children: /* @__PURE__ */ jsxs(BreadcrumbList, { children: [pages.map((page) => /* @__PURE__ */ jsxs(BreadcrumbItem, { children: [/* @__PURE__ */ jsx(BreadcrumbLink, {
+		href: page.link,
+		children: page.text
+	}), /* @__PURE__ */ jsx(BreadcrumbSeparator, {})] }, pages.indexOf(page))), /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, { children: currentPage }) })] }) });
 };
-
+//#endregion
 export { BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbRoot, BreadcrumbSeparator, NavigationBreadcrumb, PagesBreadcrumb };
-//# sourceMappingURL=Breadcrumb.js.map
+
+//# sourceMappingURL=Breadcrumb.js.map

package/dist/components/Breadcrumb/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import { CaretRight } from '@phosphor-icons/react/dist/ssr/CaretRight'\nimport { DotsThree } from '@phosphor-icons/react/dist/ssr/DotsThree'\nimport { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { Typography } from '../Typography'\n\nimport { cn } from '@/lib/utils'\n\n/**\n * Root container for the breadcrumb navigation.\n * Provides the overall context and ARIA labeling.\n */\nconst BreadcrumbRoot = React.forwardRef<\n  HTMLElement,\n  React.ComponentPropsWithoutRef<'nav'> & {\n    /** Custom separator element to use between breadcrumb items */\n    separator?: React.ReactNode\n  }\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />)\nBreadcrumbRoot.displayName = 'BreadcrumbRoot'\n\n/**\n * Container for breadcrumb items.\n * Handles layout and spacing of the breadcrumb navigation.\n */\nconst BreadcrumbList = React.forwardRef<HTMLOListElement, React.ComponentPropsWithoutRef<'ol'>>(\n  ({ className, ...props }, ref) => (\n    <ol\n      ref={ref}\n      className={cn(\n        'text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5',\n        className,\n      )}\n      {...props}\n    />\n  ),\n)\nBreadcrumbList.displayName = 'BreadcrumbList'\n\n/**\n * Individual breadcrumb item container.\n * Wraps a link or the current page indicator.\n */\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, React.ComponentPropsWithoutRef<'li'>>(\n  ({ className, ...props }, ref) => (\n    <li ref={ref} className={cn('inline-flex items-center gap-1.5', className)} {...props} />\n  ),\n)\nBreadcrumbItem.displayName = 'BreadcrumbItem'\n\n/** Text transform options for breadcrumb links */\ntype TextTransformOption = 'capitalize' | 'capitalize-first' | 'uppercase' | 'none'\n\n/** Get class names for text transform styling */\nconst getTextTransformClass = (transform: TextTransformOption): string => {\n  switch (transform) {\n    case 'capitalize-first':\n      return '[&]:has-[::first-letter]:uppercase'\n    case 'capitalize':\n      return 'capitalize'\n    case 'uppercase':\n      return 'uppercase'\n    default:\n      return ''\n  }\n}\n\n/**\n * Interactive link element for breadcrumb navigation.\n * Can be rendered as a custom element using asChild.\n */\nconst BreadcrumbLink = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentPropsWithoutRef<'a'> & {\n    /** When true, the component will render its children directly instead of wrapping them in an anchor tag */\n    asChild?: boolean\n    /** The text transformation to apply to the link text */\n    textTransform?: TextTransformOption\n  }\n>(({ asChild, className, textTransform = 'capitalize-first', children, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'a'\n\n  // Simplify the capitalization logic using a direct string transformation\n  const content =\n    textTransform === 'capitalize-first' && typeof children === 'string'\n      ? children.charAt(0).toUpperCase() + children.slice(1)\n      : children\n\n  return (\n    <Typography variant=\"title-sm\" weight={'medium'}>\n      <Comp\n        ref={ref}\n        className={cn(\n          'text-neutral-500 transition-colors hover:text-neutral-950',\n          textTransform !== 'capitalize-first' && getTextTransformClass(textTransform),\n          className,\n        )}\n        {...props}\n      >\n        {content}\n      </Comp>\n    </Typography>\n  )\n})\nBreadcrumbLink.displayName = 'BreadcrumbLink'\n\n/**\n * Current page indicator in the breadcrumb.\n * Non-interactive element showing the current location.\n */\nconst BreadcrumbPage = React.forwardRef<\n  HTMLSpanElement,\n  React.ComponentPropsWithoutRef<'span'> & {\n    textTransform?: TextTransformOption\n  }\n>(({ className, textTransform = 'capitalize-first', children, ...props }, ref) => {\n  const content =\n    textTransform === 'capitalize-first' && typeof children === 'string'\n      ? children.charAt(0).toUpperCase() + children.slice(1)\n      : children\n\n  return (\n    <Typography variant=\"title-sm\">\n      <span\n        ref={ref}\n        aria-disabled=\"true\"\n        aria-current=\"page\"\n        className={cn(\n          'font-medium text-neutral-950',\n          textTransform !== 'capitalize-first' && getTextTransformClass(textTransform),\n          className,\n        )}\n        {...props}\n      >\n        {content}\n      </span>\n    </Typography>\n  )\n})\nBreadcrumbPage.displayName = 'BreadcrumbPage'\n\n/**\n * Separator element between breadcrumb items.\n * Can be customized with different icons or characters.\n */\nconst BreadcrumbSeparator = ({ children, className, ...props }: React.ComponentProps<'span'>) => (\n  <span aria-hidden=\"true\" className={cn('text-neutral-500 [&>svg]:size-3.5', className)} {...props}>\n    {children ?? <CaretRight />}\n  </span>\n)\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator'\n\n/**\n * Ellipsis indicator for truncated breadcrumb paths.\n * Used to show that there are hidden items in the path.\n */\nconst BreadcrumbEllipsis = ({ className, ...props }: React.ComponentProps<'span'>) => (\n  <span aria-hidden=\"true\" className={cn('flex h-9 w-9 items-center justify-center', className)} {...props}>\n    <DotsThree className=\"h-4 w-4\" />\n    <span className=\"sr-only\">More</span>\n  </span>\n)\nBreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis'\n\n/**\n * Sanitizes a route string by replacing hyphens with spaces.\n * @param route - The route string to sanitize.\n * @returns The sanitized route string.\n */\nconst sanitizeRoute = (route: string) => {\n  return route.replace(/-/g, ' ')\n}\n\n/**\n * Transforms a kebab-case route to a camelCase translation key\n * @param route - The route segment in kebab-case\n * @returns The translation key in camelCase\n */\nconst routeToTranslationKey = (route: string): string => {\n  return route\n    .split('-')\n    .map((word, index) => (index === 0 ? word : word.charAt(0).toUpperCase() + word.slice(1)))\n    .join('')\n}\n\n/**\n * Gets the routes for the breadcrumb navigation.\n * @param pathname - The current pathname.\n * @param pathMappings - Optional object containing custom path mappings.\n * @param translation - Optional translation function.\n * @param basePath - Optional base path to strip from pathname and use as home route.\n * @returns The routes for the breadcrumb navigation.\n */\nconst getRoutes = (\n  pathname: string,\n  pathMappings?: Record<string, string | null>,\n  translation?: (key: string) => string,\n  basePath?: string,\n) => {\n  // Strip the base path from pathname if it exists\n  let processedPathname = pathname\n  if (basePath && pathname.startsWith(basePath)) {\n    processedPathname = pathname.slice(basePath.length)\n    // Ensure we don't start with a slash after stripping\n    if (processedPathname.startsWith('/')) {\n      processedPathname = processedPathname.slice(1)\n    }\n  }\n\n  const baseRoutes = processedPathname.split('/').filter(Boolean)\n\n  const routes = baseRoutes.map((route, index) => {\n    if (pathMappings && route in pathMappings && pathMappings[route] === null) {\n      return null\n    }\n\n    let displayName = route\n\n    // Check if there's a custom mapping for this route\n    if (pathMappings && pathMappings[route] != null) {\n      displayName = pathMappings[route]\n    }\n    // If there's a translation function, convert route to translation key\n    else if (translation) {\n      const translationKey = routeToTranslationKey(route)\n      displayName = translation(translationKey)\n    }\n    // If no mapping or translation function, sanitize the route\n    else {\n      displayName = sanitizeRoute(route)\n    }\n\n    const routeSegments = baseRoutes.slice(0, index + 1)\n    const routePath = routeSegments.join('/')\n    const fullHref = basePath ? `${basePath}/${routePath}` : `/${routePath}`\n\n    return {\n      name: displayName,\n      href: fullHref,\n    }\n  })\n\n  // Handle home translation — hide if mapped to null\n  const homeKey = 'home'\n  if (!(pathMappings && homeKey in pathMappings && pathMappings[homeKey] === null)) {\n    const homeHref = basePath ?? '/'\n    routes.unshift({\n      name: pathMappings?.[homeKey] ?? translation?.(homeKey) ?? 'Home',\n      href: homeHref,\n    })\n  }\n\n  return routes.filter(Boolean) as Array<{ name: string; href: string }>\n}\n\n/**\n * Navigation breadcrumb component.\n * Displays a breadcrumb navigation for the current path.\n * @param pathname - The current pathname\n * @param pathMappings - Optional object containing custom path mappings\n * @param translation - Optional translation function\n * @param basePath - Optional base path to strip from pathname and use as home route\n * @param textTransform - Optional text transformation to apply to breadcrumb text\n */\nconst NavigationBreadcrumb = ({\n  pathname,\n  pathMappings,\n  translation,\n  basePath,\n  textTransform,\n  endSlash = true,\n}: {\n  pathname: string\n  pathMappings?: Record<string, string | null>\n  translation?: (key: string) => string\n  basePath?: string\n  textTransform?: TextTransformOption\n  endSlash?: boolean\n}) => {\n  return (\n    <BreadcrumbRoot>\n      <BreadcrumbList>\n        {getRoutes(pathname, pathMappings, translation, basePath).map((route, index, array) => (\n          <React.Fragment key={index}>\n            <BreadcrumbItem>\n              {index === array.length - 1 ? (\n                <BreadcrumbPage textTransform={textTransform}>{route.name}</BreadcrumbPage>\n              ) : (\n                <BreadcrumbLink href={route.href + (endSlash ? '/' : '')} textTransform={textTransform}>\n                  {route.name}\n                </BreadcrumbLink>\n              )}\n            </BreadcrumbItem>\n            {index < array.length - 1 && <BreadcrumbSeparator />}\n          </React.Fragment>\n        ))}\n      </BreadcrumbList>\n    </BreadcrumbRoot>\n  )\n}\n\nconst PagesBreadcrumb = ({\n  pages,\n  currentPage,\n}: {\n  pages: Array<{ link: string; text: string }>\n  currentPage: string\n}) => {\n  return (\n    <BreadcrumbRoot>\n      <BreadcrumbList>\n        {pages.map((page) => (\n          <BreadcrumbItem key={pages.indexOf(page)}>\n            <BreadcrumbLink href={page.link}>{page.text}</BreadcrumbLink>\n            <BreadcrumbSeparator />\n          </BreadcrumbItem>\n        ))}\n        <BreadcrumbItem>\n          <BreadcrumbPage>{currentPage}</BreadcrumbPage>\n        </BreadcrumbItem>\n      </BreadcrumbList>\n    </BreadcrumbRoot>\n  )\n}\n\nexport {\n  BreadcrumbRoot,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n  NavigationBreadcrumb,\n  PagesBreadcrumb,\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Breadcrumb.js","names":["React"],"sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import { CaretRightIcon } from '@phosphor-icons/react/dist/ssr/CaretRight'\nimport { DotsThreeIcon } from '@phosphor-icons/react/dist/ssr/DotsThree'\nimport { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { Typography } from '../Typography'\n\nimport { cn } from '@/lib/utils'\n\n/**\n * Root container for the breadcrumb navigation.\n * Provides the overall context and ARIA labeling.\n */\nconst BreadcrumbRoot = React.forwardRef<\n  HTMLElement,\n  React.ComponentPropsWithoutRef<'nav'> & {\n    /** Custom separator element to use between breadcrumb items */\n    separator?: React.ReactNode\n  }\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />)\nBreadcrumbRoot.displayName = 'BreadcrumbRoot'\n\n/**\n * Container for breadcrumb items.\n * Handles layout and spacing of the breadcrumb navigation.\n */\nconst BreadcrumbList = React.forwardRef<HTMLOListElement, React.ComponentPropsWithoutRef<'ol'>>(\n  ({ className, ...props }, ref) => (\n    <ol\n      ref={ref}\n      className={cn(\n        'text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm wrap-break-word sm:gap-2.5',\n        className,\n      )}\n      {...props}\n    />\n  ),\n)\nBreadcrumbList.displayName = 'BreadcrumbList'\n\n/**\n * Individual breadcrumb item container.\n * Wraps a link or the current page indicator.\n */\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, React.ComponentPropsWithoutRef<'li'>>(\n  ({ className, ...props }, ref) => (\n    <li ref={ref} className={cn('inline-flex items-center gap-1.5', className)} {...props} />\n  ),\n)\nBreadcrumbItem.displayName = 'BreadcrumbItem'\n\n/** Text transform options for breadcrumb links */\ntype TextTransformOption = 'capitalize' | 'capitalize-first' | 'uppercase' | 'none'\n\n/** Get class names for text transform styling */\nconst getTextTransformClass = (transform: TextTransformOption): string => {\n  switch (transform) {\n    case 'capitalize-first':\n      return '[&]:has-[::first-letter]:uppercase'\n    case 'capitalize':\n      return 'capitalize'\n    case 'uppercase':\n      return 'uppercase'\n    default:\n      return ''\n  }\n}\n\n/**\n * Interactive link element for breadcrumb navigation.\n * Can be rendered as a custom element using asChild.\n */\nconst BreadcrumbLink = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentPropsWithoutRef<'a'> & {\n    /** When true, the component will render its children directly instead of wrapping them in an anchor tag */\n    asChild?: boolean\n    /** The text transformation to apply to the link text */\n    textTransform?: TextTransformOption\n  }\n>(({ asChild, className, textTransform = 'capitalize-first', children, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'a'\n\n  // Simplify the capitalization logic using a direct string transformation\n  const content =\n    textTransform === 'capitalize-first' && typeof children === 'string'\n      ? children.charAt(0).toUpperCase() + children.slice(1)\n      : children\n\n  return (\n    <Typography variant=\"title-sm\" weight={'medium'}>\n      <Comp\n        ref={ref}\n        className={cn(\n          'text-neutral-500 transition-colors hover:text-neutral-950',\n          textTransform !== 'capitalize-first' && getTextTransformClass(textTransform),\n          className,\n        )}\n        {...props}\n      >\n        {content}\n      </Comp>\n    </Typography>\n  )\n})\nBreadcrumbLink.displayName = 'BreadcrumbLink'\n\n/**\n * Current page indicator in the breadcrumb.\n * Non-interactive element showing the current location.\n */\nconst BreadcrumbPage = React.forwardRef<\n  HTMLSpanElement,\n  React.ComponentPropsWithoutRef<'span'> & {\n    textTransform?: TextTransformOption\n  }\n>(({ className, textTransform = 'capitalize-first', children, ...props }, ref) => {\n  const content =\n    textTransform === 'capitalize-first' && typeof children === 'string'\n      ? children.charAt(0).toUpperCase() + children.slice(1)\n      : children\n\n  return (\n    <Typography variant=\"title-sm\">\n      <span\n        ref={ref}\n        aria-disabled=\"true\"\n        aria-current=\"page\"\n        className={cn(\n          'font-medium text-neutral-950',\n          textTransform !== 'capitalize-first' && getTextTransformClass(textTransform),\n          className,\n        )}\n        {...props}\n      >\n        {content}\n      </span>\n    </Typography>\n  )\n})\nBreadcrumbPage.displayName = 'BreadcrumbPage'\n\n/**\n * Separator element between breadcrumb items.\n * Can be customized with different icons or characters.\n */\nconst BreadcrumbSeparator = ({ children, className, ...props }: React.ComponentProps<'span'>) => (\n  <span aria-hidden=\"true\" className={cn('text-neutral-500 [&>svg]:size-3.5', className)} {...props}>\n    {children ?? <CaretRightIcon />}\n  </span>\n)\nBreadcrumbSeparator.displayName = 'BreadcrumbSeparator'\n\n/**\n * Ellipsis indicator for truncated breadcrumb paths.\n * Used to show that there are hidden items in the path.\n */\nconst BreadcrumbEllipsis = ({ className, ...props }: React.ComponentProps<'span'>) => (\n  <span aria-hidden=\"true\" className={cn('flex h-9 w-9 items-center justify-center', className)} {...props}>\n    <DotsThreeIcon className=\"h-4 w-4\" />\n    <span className=\"sr-only\">More</span>\n  </span>\n)\nBreadcrumbEllipsis.displayName = 'BreadcrumbEllipsis'\n\n/**\n * Sanitizes a route string by replacing hyphens with spaces.\n * @param route - The route string to sanitize.\n * @returns The sanitized route string.\n */\nconst sanitizeRoute = (route: string) => {\n  return route.replaceAll('-', ' ')\n}\n\n/**\n * Transforms a kebab-case route to a camelCase translation key\n * @param route - The route segment in kebab-case\n * @returns The translation key in camelCase\n */\nconst routeToTranslationKey = (route: string): string => {\n  return route\n    .split('-')\n    .map((word, index) => (index === 0 ? word : word.charAt(0).toUpperCase() + word.slice(1)))\n    .join('')\n}\n\n/**\n * Gets the routes for the breadcrumb navigation.\n * @param pathname - The current pathname.\n * @param pathMappings - Optional object containing custom path mappings.\n * @param translation - Optional translation function.\n * @param basePath - Optional base path to strip from pathname and use as home route.\n * @returns The routes for the breadcrumb navigation.\n */\nconst getRoutes = (\n  pathname: string,\n  pathMappings?: Record<string, string | null>,\n  translation?: (key: string) => string,\n  basePath?: string,\n) => {\n  // Strip the base path from pathname if it exists\n  let processedPathname = pathname\n  if (basePath && pathname.startsWith(basePath)) {\n    processedPathname = pathname.slice(basePath.length)\n    // Ensure we don't start with a slash after stripping\n    if (processedPathname.startsWith('/')) {\n      processedPathname = processedPathname.slice(1)\n    }\n  }\n\n  const baseRoutes = processedPathname.split('/').filter(Boolean)\n\n  const routes = baseRoutes.map((route, index) => {\n    if (pathMappings && route in pathMappings && pathMappings[route] === null) {\n      return null\n    }\n\n    let displayName: string\n\n    // Check if there's a custom mapping for this route\n    if (pathMappings?.[route] != null) {\n      displayName = pathMappings[route]\n    }\n    // If there's a translation function, convert route to translation key\n    else if (translation) {\n      const translationKey = routeToTranslationKey(route)\n      displayName = translation(translationKey)\n    }\n    // If no mapping or translation function, sanitize the route\n    else {\n      displayName = sanitizeRoute(route)\n    }\n\n    const routeSegments = baseRoutes.slice(0, index + 1)\n    const routePath = routeSegments.join('/')\n    const fullHref = basePath ? `${basePath}/${routePath}` : `/${routePath}`\n\n    return {\n      name: displayName,\n      href: fullHref,\n    }\n  })\n\n  // Handle home translation — hide if mapped to null\n  const homeKey = 'home'\n  if (!(pathMappings && homeKey in pathMappings && pathMappings[homeKey] === null)) {\n    const homeHref = basePath ?? '/'\n    routes.unshift({\n      name: pathMappings?.[homeKey] ?? translation?.(homeKey) ?? 'Home',\n      href: homeHref,\n    })\n  }\n\n  return routes.filter(Boolean) as Array<{ name: string; href: string }>\n}\n\n/**\n * Navigation breadcrumb component.\n * Displays a breadcrumb navigation for the current path.\n * @param pathname - The current pathname\n * @param pathMappings - Optional object containing custom path mappings\n * @param translation - Optional translation function\n * @param basePath - Optional base path to strip from pathname and use as home route\n * @param textTransform - Optional text transformation to apply to breadcrumb text\n */\nconst NavigationBreadcrumb = ({\n  pathname,\n  pathMappings,\n  translation,\n  basePath,\n  textTransform,\n  endSlash = true,\n}: {\n  pathname: string\n  pathMappings?: Record<string, string | null>\n  translation?: (key: string) => string\n  basePath?: string\n  textTransform?: TextTransformOption\n  endSlash?: boolean\n}) => {\n  return (\n    <BreadcrumbRoot>\n      <BreadcrumbList>\n        {getRoutes(pathname, pathMappings, translation, basePath).map((route, index, array) => (\n          <React.Fragment key={route.href}>\n            <BreadcrumbItem>\n              {index === array.length - 1 ? (\n                <BreadcrumbPage textTransform={textTransform}>{route.name}</BreadcrumbPage>\n              ) : (\n                <BreadcrumbLink href={route.href + (endSlash ? '/' : '')} textTransform={textTransform}>\n                  {route.name}\n                </BreadcrumbLink>\n              )}\n            </BreadcrumbItem>\n            {index < array.length - 1 && <BreadcrumbSeparator />}\n          </React.Fragment>\n        ))}\n      </BreadcrumbList>\n    </BreadcrumbRoot>\n  )\n}\n\nconst PagesBreadcrumb = ({\n  pages,\n  currentPage,\n}: {\n  pages: Array<{ link: string; text: string }>\n  currentPage: string\n}) => {\n  return (\n    <BreadcrumbRoot>\n      <BreadcrumbList>\n        {pages.map((page) => (\n          <BreadcrumbItem key={pages.indexOf(page)}>\n            <BreadcrumbLink href={page.link}>{page.text}</BreadcrumbLink>\n            <BreadcrumbSeparator />\n          </BreadcrumbItem>\n        ))}\n        <BreadcrumbItem>\n          <BreadcrumbPage>{currentPage}</BreadcrumbPage>\n        </BreadcrumbItem>\n      </BreadcrumbList>\n    </BreadcrumbRoot>\n  )\n}\n\nexport {\n  BreadcrumbRoot,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n  NavigationBreadcrumb,\n  PagesBreadcrumb,\n}\n"],"mappings":"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"}

package/dist/components/Breadcrumb/index.js

@@ -1,2 +1,2 @@
-export { BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbRoot, BreadcrumbSeparator, NavigationBreadcrumb, PagesBreadcrumb } from './Breadcrumb.js';
-//# sourceMappingURL=index.js.map
+import { BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbRoot, BreadcrumbSeparator, NavigationBreadcrumb, PagesBreadcrumb } from "./Breadcrumb.js";
+export { BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbRoot, BreadcrumbSeparator, NavigationBreadcrumb, PagesBreadcrumb };

package/dist/components/Button/Button.d.ts

@@ -1,4 +1,4 @@
-import { Icon, IconProps as PhosphorIconProps } from '@phosphor-icons/react';
+import { Icon, IconProps } from '@phosphor-icons/react';
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const buttonVariants: (props?: ({
@@ -48,7 +48,7 @@ export type ButtonProps = {
      * Custom props to pass to the icons (StartIcon, EndIcon, SpinnerGap).
      * Allows overriding size, weight, color, etc.
      */
-    iconProps?: Partial<PhosphorIconProps>;
+    iconProps?: Partial<IconProps>;
 } & React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof buttonVariants>;
 /**
  * A versatile button component that supports multiple variants, sizes, and icon placements.
@@ -109,7 +109,7 @@ declare const Button: React.ForwardRefExoticComponent<{
      * Custom props to pass to the icons (StartIcon, EndIcon, SpinnerGap).
      * Allows overriding size, weight, color, etc.
      */
-    iconProps?: Partial<PhosphorIconProps>;
+    iconProps?: Partial<IconProps>;
 } & React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
     variant?: "primary" | "success" | "error" | "input" | "text" | "secondary" | "ghost" | "inverse-ghost" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;