@intlayer/design-system 6.1.6 → 7.0.0-canary.0

package/dist/components/Breadcrumb/index.cjs

@@ -1,208 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const ReactExports = require("react");
-const classVarianceAuthority = require("class-variance-authority");
-const lucideReact = require("lucide-react");
-const reactIntlayer = require("react-intlayer");
-const utils_cn = require("../../utils/cn.cjs");
-const components_Button_Button = require("../Button/Button.cjs");
-const components_Link_Link = require("../Link/Link.cjs");
-const breadcrumbVariants = classVarianceAuthority.cva("flex flex-row flex-wrap items-center text-sm", {
-  variants: {
-    size: {
-      small: "gap-1 text-xs",
-      medium: "gap-2 text-sm",
-      large: "gap-3 text-base"
-    },
-    spacing: {
-      compact: "gap-1",
-      normal: "gap-2",
-      loose: "gap-4"
-    }
-  },
-  defaultVariants: {
-    size: "medium",
-    spacing: "normal"
-  }
-});
-const LinkLink = ({
-  href,
-  lang,
-  children,
-  onClick,
-  color,
-  position,
-  locale,
-  className,
-  ...props
-}) => {
-  const { linkLabel } = reactIntlayer.useIntlayer("breadcrumb");
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      components_Link_Link.Link,
-      {
-        href,
-        locale,
-        color,
-        onClick,
-        itemProp: "item",
-        isExternalLink: false,
-        itemScope: true,
-        itemType: "https://schema.org/WebPage",
-        ...props,
-        label: `${linkLabel} ${children}`,
-        itemID: href,
-        children: /* @__PURE__ */ jsxRuntime.jsx("span", { itemProp: "name", children })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("meta", { itemProp: "position", content: position.toString() })
-  ] });
-};
-const ButtonLink = ({
-  children: text,
-  onClick,
-  color,
-  position,
-  className,
-  ...props
-}) => {
-  const { linkLabel } = reactIntlayer.useIntlayer("breadcrumb");
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      components_Button_Button.Button,
-      {
-        onClick,
-        variant: components_Button_Button.ButtonVariant.LINK,
-        label: `${linkLabel} ${text}`,
-        color,
-        itemProp: "item",
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx("span", { itemProp: "name", children: text })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("meta", { itemProp: "position", content: position.toString() })
-  ] });
-};
-const Span = ({ children, position, className, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
-  "span",
-  {
-    itemProp: "item",
-    className: utils_cn.cn(
-      "inline-flex items-center",
-      "text-neutral-700 font-medium",
-      "transition-colors duration-200",
-      className
-    ),
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { itemProp: "name", ...props, children }),
-      /* @__PURE__ */ jsxRuntime.jsx("meta", { itemProp: "position", content: position.toString() })
-    ]
-  }
-);
-const Breadcrumb = ({
-  links,
-  className,
-  color = components_Link_Link.LinkColor.TEXT,
-  locale,
-  elementType = "page",
-  separator = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { size: 10 }),
-  ariaLabel = "breadcrumb",
-  includeStructuredData = true,
-  maxItems,
-  size,
-  spacing,
-  ...props
-}) => {
-  const displayLinks = maxItems && links.length > maxItems ? [...links.slice(0, 1), "...", ...links.slice(-(maxItems - 2))] : links;
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": ariaLabel, role: "navigation", children: /* @__PURE__ */ jsxRuntime.jsx(
-    "ol",
-    {
-      className: utils_cn.cn(breadcrumbVariants({ size, spacing }), className),
-      ...includeStructuredData && {
-        itemScope: true,
-        itemType: "http://schema.org/BreadcrumbList"
-      },
-      ...props,
-      children: displayLinks.map((link, index) => {
-        const isLastLink = index === displayLinks.length - 1;
-        const isLink = typeof link === "object" && typeof link.href === "string";
-        const isButton = typeof link === "object" && typeof link.onClick === "function";
-        const isActive = index === displayLinks.length - 1;
-        const ariaCurrent = isActive ? elementType : void 0;
-        const isTruncated = link === "...";
-        const text = link.text ?? link;
-        if (isTruncated) {
-          return /* @__PURE__ */ jsxRuntime.jsxs(ReactExports.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("li", { className: "flex items-center", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-neutral-500", children: "…" }) }),
-            !isLastLink && /* @__PURE__ */ jsxRuntime.jsx("li", { "aria-hidden": "true", className: "flex items-center", children: separator })
-          ] }, `truncated-${index}`);
-        }
-        let section = /* @__PURE__ */ jsxRuntime.jsx(
-          Span,
-          {
-            position: index + 1,
-            "aria-current": ariaCurrent,
-            className: utils_cn.cn(
-              "transition-colors duration-200",
-              isActive && "text-neutral-900"
-            ),
-            children: text
-          },
-          text
-        );
-        if (isLink) {
-          section = /* @__PURE__ */ jsxRuntime.jsx(
-            LinkLink,
-            {
-              href: link.href,
-              color,
-              position: index + 1,
-              locale,
-              "aria-current": ariaCurrent,
-              className: utils_cn.cn(isActive && "text-neutral-900 cursor-default"),
-              children: text
-            },
-            text
-          );
-        } else if (isButton) {
-          section = /* @__PURE__ */ jsxRuntime.jsx(
-            ButtonLink,
-            {
-              onClick: link.onClick,
-              color,
-              position: index + 1,
-              "aria-current": ariaCurrent,
-              className: utils_cn.cn(isActive && "text-neutral-900 cursor-default"),
-              children: text
-            },
-            text
-          );
-        }
-        const listElement = /* @__PURE__ */ ReactExports.createElement(
-          "li",
-          {
-            ...includeStructuredData && {
-              itemProp: "itemListElement",
-              itemScope: true,
-              itemType: "https://schema.org/ListItem"
-            },
-            key: text,
-            className: "flex items-center"
-          },
-          section
-        );
-        if (isLastLink) {
-          return listElement;
-        }
-        return /* @__PURE__ */ jsxRuntime.jsxs(ReactExports.Fragment, { children: [
-          listElement,
-          /* @__PURE__ */ jsxRuntime.jsx("li", { "aria-hidden": "true", className: "flex items-center", children: separator })
-        ] }, text);
-      })
-    }
-  ) });
-};
-exports.Breadcrumb = Breadcrumb;
-//# sourceMappingURL=index.cjs.map

package/dist/components/Breadcrumb/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Breadcrumb/index.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales, LocalesValues } from '@intlayer/config/client';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ChevronRightIcon } from 'lucide-react';\nimport { Fragment, type FC, type HTMLAttributes, type ReactNode } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { cn } from '../../utils/cn';\nimport { Button, ButtonVariant, type ButtonProps } from '../Button';\nimport { Link, LinkColor } from '../Link';\n\n/**\n * Props for LinkLink sub-component that renders breadcrumb items as links\n */\ntype LinkLinkProps = {\n  /**\n   * Position of the breadcrumb item in the list (1-based index)\n   */\n  position: number;\n  /**\n   * Locale for internationalization\n   */\n  locale?: Locales;\n  /**\n   * URL to navigate to\n   */\n  href?: string;\n  /**\n   * Link color\n   */\n  color?: LinkColor | `${LinkColor}`;\n  /**\n   * Click handler\n   */\n  onClick?: () => void;\n  /**\n   * Children content\n   */\n  children?: string;\n  /**\n   * Additional CSS classes\n   */\n  className?: string;\n} & Omit<\n  HTMLAttributes<HTMLAnchorElement>,\n  'href' | 'onClick' | 'color' | 'children' | 'className'\n>;\n\n/**\n * Breadcrumb variant styles using class-variance-authority\n */\nconst breadcrumbVariants = cva('flex flex-row flex-wrap items-center text-sm', {\n  variants: {\n    size: {\n      small: 'gap-1 text-xs',\n      medium: 'gap-2 text-sm',\n      large: 'gap-3 text-base',\n    },\n    spacing: {\n      compact: 'gap-1',\n      normal: 'gap-2',\n      loose: 'gap-4',\n    },\n  },\n  defaultVariants: {\n    size: 'medium',\n    spacing: 'normal',\n  },\n});\n\n/**\n * LinkLink sub-component for breadcrumb items that navigate to other pages\n */\nconst LinkLink: FC<LinkLinkProps> = ({\n  href,\n  lang,\n  children,\n  onClick,\n  color,\n  position,\n  locale,\n  className,\n  ...props\n}) => {\n  const { linkLabel } = useIntlayer('breadcrumb');\n\n  return (\n    <>\n      <Link\n        href={href}\n        locale={locale}\n        color={color}\n        onClick={onClick}\n        itemProp=\"item\"\n        isExternalLink={false}\n        itemScope\n        itemType=\"https://schema.org/WebPage\"\n        {...props}\n        label={`${linkLabel} ${children}`}\n        itemID={href}\n      >\n        <span itemProp=\"name\">{children}</span>\n      </Link>\n      <meta itemProp=\"position\" content={position.toString()} />\n    </>\n  );\n};\n\n/**\n * Props for ButtonLink sub-component that renders breadcrumb items as interactive buttons\n */\ntype ButtonButtonProps = {\n  /**\n   * Text content for the breadcrumb button\n   */\n  children: string;\n  /**\n   * Position of the breadcrumb item in the list (1-based index)\n   */\n  position: number;\n} & Omit<ButtonProps, 'children' | 'label'>;\n\n/**\n * ButtonLink sub-component for breadcrumb items with click handlers\n */\nconst ButtonLink: FC<ButtonButtonProps> = ({\n  children: text,\n  onClick,\n  color,\n  position,\n  className,\n  ...props\n}) => {\n  const { linkLabel } = useIntlayer('breadcrumb');\n\n  return (\n    <>\n      <Button\n        onClick={onClick}\n        variant={ButtonVariant.LINK}\n        label={`${linkLabel} ${text}`}\n        color={color}\n        itemProp=\"item\"\n        {...props}\n      >\n        <span itemProp=\"name\">{text}</span>\n      </Button>\n      <meta itemProp=\"position\" content={position.toString()} />\n    </>\n  );\n};\n\n/**\n * Props for Span sub-component that renders static breadcrumb text\n */\ntype SpanProps = {\n  /**\n   * Text content for the static breadcrumb item\n   */\n  children: string;\n  /**\n   * Position of the breadcrumb item in the list (1-based index)\n   */\n  position: number;\n} & HTMLAttributes<HTMLSpanElement>;\n\n/**\n * Span sub-component for static breadcrumb text items\n */\nconst Span: FC<SpanProps> = ({ children, position, className, ...props }) => (\n  <span\n    itemProp=\"item\"\n    className={cn(\n      'inline-flex items-center',\n      'text-neutral-700 font-medium',\n      'transition-colors duration-200',\n      className\n    )}\n  >\n    <span itemProp=\"name\" {...props}>\n      {children}\n    </span>\n    <meta itemProp=\"position\" content={position.toString()} />\n  </span>\n);\n\n/**\n * Detailed breadcrumb link configuration with optional href or onClick\n */\ntype DetailedBreadcrumbLink = {\n  /**\n   * URL to navigate to when the breadcrumb item is clicked\n   */\n  href?: string;\n  /**\n   * Text content to display for this breadcrumb item\n   */\n  text: string;\n  /**\n   * Custom click handler function for interactive breadcrumb items\n   */\n  onClick?: () => void;\n};\n\n/**\n * Union type representing different breadcrumb item configurations:\n * - string: Simple text breadcrumb item\n * - DetailedBreadcrumbLink: Object with href, text, and/or onClick properties\n */\nexport type BreadcrumbLink = string | DetailedBreadcrumbLink;\n\nexport type BreadcrumbProps = {\n  /**\n   * Array of breadcrumb items\n   */\n  links: BreadcrumbLink[];\n  /**\n   * Color scheme for breadcrumb links\n   * @default LinkColor.TEXT\n   */\n  color?: LinkColor | `${LinkColor}`;\n  /**\n   * Locale for internationalization\n   */\n  locale?: LocalesValues;\n  /**\n   * Element type for ARIA current attribute\n   * @default 'page'\n   */\n  elementType?: 'page' | 'location';\n  /**\n   * Custom separator between breadcrumb items\n   * @default ChevronRightIcon\n   */\n  separator?: ReactNode;\n  /**\n   * ARIA label for breadcrumb navigation\n   * @default 'breadcrumb'\n   */\n  ariaLabel?: string;\n  /**\n   * Whether to include structured data markup\n   * @default true\n   */\n  includeStructuredData?: boolean;\n  /**\n   * Maximum number of breadcrumb items to show before truncation\n   */\n  maxItems?: number;\n} & VariantProps<typeof breadcrumbVariants> &\n  HTMLAttributes<HTMLOListElement>;\n\n/**\n * Breadcrumb component providing navigational context with accessibility features\n *\n * Features:\n * - Supports links, buttons, and static text elements\n * - Full keyboard navigation support\n * - ARIA attributes for screen readers\n * - Schema.org structured data for SEO\n * - Customizable separators and styling\n * - Internationalization support\n * - Responsive design variants\n *\n * @example\n * ```tsx\n * <Breadcrumb\n *   links={[\n *     'Home',\n *     { href: '/products', text: 'Products' },\n *     { onClick: handleCategory, text: 'Electronics' },\n *     'Smartphones'\n *   ]}\n *   size=\"medium\"\n *   ariaLabel=\"Product navigation\"\n * />\n * ```\n */\nexport const Breadcrumb: FC<BreadcrumbProps> = ({\n  links,\n  className,\n  color = LinkColor.TEXT,\n  locale,\n  elementType = 'page',\n  separator = <ChevronRightIcon size={10} />,\n  ariaLabel = 'breadcrumb',\n  includeStructuredData = true,\n  maxItems,\n  size,\n  spacing,\n  ...props\n}) => {\n  const displayLinks =\n    maxItems && links.length > maxItems\n      ? [...links.slice(0, 1), '...', ...links.slice(-(maxItems - 2))]\n      : links;\n\n  return (\n    <nav aria-label={ariaLabel} role=\"navigation\">\n      <ol\n        className={cn(breadcrumbVariants({ size, spacing }), className)}\n        {...(includeStructuredData && {\n          itemScope: true,\n          itemType: 'http://schema.org/BreadcrumbList',\n        })}\n        {...props}\n      >\n        {displayLinks.map((link, index) => {\n          const isLastLink = index === displayLinks.length - 1;\n          const isLink =\n            typeof link === 'object' && typeof link.href === 'string';\n          const isButton =\n            typeof link === 'object' && typeof link.onClick === 'function';\n          const isActive = index === displayLinks.length - 1;\n          const ariaCurrent = isActive ? elementType : undefined;\n          const isTruncated = link === '...';\n\n          const text = (link as DetailedBreadcrumbLink).text ?? link;\n\n          if (isTruncated) {\n            return (\n              <Fragment key={`truncated-${index}`}>\n                <li className=\"flex items-center\" aria-hidden=\"true\">\n                  <span className=\"text-neutral-500\">…</span>\n                </li>\n                {!isLastLink && (\n                  <li aria-hidden=\"true\" className=\"flex items-center\">\n                    {separator}\n                  </li>\n                )}\n              </Fragment>\n            );\n          }\n\n          let section = (\n            <Span\n              key={text}\n              position={index + 1}\n              aria-current={ariaCurrent}\n              className={cn(\n                'transition-colors duration-200',\n                isActive && 'text-neutral-900'\n              )}\n            >\n              {text}\n            </Span>\n          );\n\n          if (isLink) {\n            section = (\n              <LinkLink\n                key={text}\n                href={link.href!}\n                color={color}\n                position={index + 1}\n                locale={locale}\n                aria-current={ariaCurrent}\n                className={cn(isActive && 'text-neutral-900 cursor-default')}\n              >\n                {text}\n              </LinkLink>\n            );\n          } else if (isButton) {\n            section = (\n              <ButtonLink\n                key={text}\n                onClick={link.onClick!}\n                color={color}\n                position={index + 1}\n                aria-current={ariaCurrent}\n                className={cn(isActive && 'text-neutral-900 cursor-default')}\n              >\n                {text}\n              </ButtonLink>\n            );\n          }\n\n          const listElement = (\n            <li\n              {...(includeStructuredData && {\n                itemProp: 'itemListElement',\n                itemScope: true,\n                itemType: 'https://schema.org/ListItem',\n              })}\n              key={text}\n              className=\"flex items-center\"\n            >\n              {section}\n            </li>\n          );\n\n          if (isLastLink) {\n            return listElement;\n          }\n\n          return (\n            <Fragment key={text}>\n              {listElement}\n              <li aria-hidden=\"true\" className=\"flex items-center\">\n                {separator}\n              </li>\n            </Fragment>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n"],"names":["cva","useIntlayer","jsxs","Fragment","jsx","Link","Button","ButtonVariant","cn","LinkColor","ChevronRightIcon","createElement"],"mappings":"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"}

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

@@ -1,102 +0,0 @@
-import { LocalesValues } from '@intlayer/config/client';
-import { VariantProps } from 'class-variance-authority';
-import { FC, HTMLAttributes, ReactNode } from 'react';
-import { LinkColor } from '../Link';
-/**
- * Breadcrumb variant styles using class-variance-authority
- */
-declare const breadcrumbVariants: (props?: ({
-    size?: "small" | "medium" | "large" | null | undefined;
-    spacing?: "compact" | "normal" | "loose" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-/**
- * Detailed breadcrumb link configuration with optional href or onClick
- */
-type DetailedBreadcrumbLink = {
-    /**
-     * URL to navigate to when the breadcrumb item is clicked
-     */
-    href?: string;
-    /**
-     * Text content to display for this breadcrumb item
-     */
-    text: string;
-    /**
-     * Custom click handler function for interactive breadcrumb items
-     */
-    onClick?: () => void;
-};
-/**
- * Union type representing different breadcrumb item configurations:
- * - string: Simple text breadcrumb item
- * - DetailedBreadcrumbLink: Object with href, text, and/or onClick properties
- */
-export type BreadcrumbLink = string | DetailedBreadcrumbLink;
-export type BreadcrumbProps = {
-    /**
-     * Array of breadcrumb items
-     */
-    links: BreadcrumbLink[];
-    /**
-     * Color scheme for breadcrumb links
-     * @default LinkColor.TEXT
-     */
-    color?: LinkColor | `${LinkColor}`;
-    /**
-     * Locale for internationalization
-     */
-    locale?: LocalesValues;
-    /**
-     * Element type for ARIA current attribute
-     * @default 'page'
-     */
-    elementType?: 'page' | 'location';
-    /**
-     * Custom separator between breadcrumb items
-     * @default ChevronRightIcon
-     */
-    separator?: ReactNode;
-    /**
-     * ARIA label for breadcrumb navigation
-     * @default 'breadcrumb'
-     */
-    ariaLabel?: string;
-    /**
-     * Whether to include structured data markup
-     * @default true
-     */
-    includeStructuredData?: boolean;
-    /**
-     * Maximum number of breadcrumb items to show before truncation
-     */
-    maxItems?: number;
-} & VariantProps<typeof breadcrumbVariants> & HTMLAttributes<HTMLOListElement>;
-/**
- * Breadcrumb component providing navigational context with accessibility features
- *
- * Features:
- * - Supports links, buttons, and static text elements
- * - Full keyboard navigation support
- * - ARIA attributes for screen readers
- * - Schema.org structured data for SEO
- * - Customizable separators and styling
- * - Internationalization support
- * - Responsive design variants
- *
- * @example
- * ```tsx
- * <Breadcrumb
- *   links={[
- *     'Home',
- *     { href: '/products', text: 'Products' },
- *     { onClick: handleCategory, text: 'Electronics' },
- *     'Smartphones'
- *   ]}
- *   size="medium"
- *   ariaLabel="Product navigation"
- * />
- * ```
- */
-export declare const Breadcrumb: FC<BreadcrumbProps>;
-export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Breadcrumb/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumb/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAW,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAY,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI/E,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAuC1C;;GAEG;AACH,QAAA,MAAM,kBAAkB;;;8EAiBtB,CAAC;AAsHH;;GAEG;AACH,KAAK,sBAAsB,GAAG;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,sBAAsB,CAAC;AAE7D,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,GAAG,SAAS,EAAE,CAAC;IACnC;;OAEG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,GACzC,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAEnC;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAiI1C,CAAC"}

package/dist/components/Breadcrumb/index.mjs

@@ -1,208 +0,0 @@
-"use client";
-import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
-import { Fragment, createElement } from "react";
-import { cva } from "class-variance-authority";
-import { ChevronRightIcon } from "lucide-react";
-import { useIntlayer } from "react-intlayer";
-import { cn } from "../../utils/cn.mjs";
-import { Button, ButtonVariant } from "../Button/Button.mjs";
-import { LinkColor, Link } from "../Link/Link.mjs";
-const breadcrumbVariants = cva("flex flex-row flex-wrap items-center text-sm", {
-  variants: {
-    size: {
-      small: "gap-1 text-xs",
-      medium: "gap-2 text-sm",
-      large: "gap-3 text-base"
-    },
-    spacing: {
-      compact: "gap-1",
-      normal: "gap-2",
-      loose: "gap-4"
-    }
-  },
-  defaultVariants: {
-    size: "medium",
-    spacing: "normal"
-  }
-});
-const LinkLink = ({
-  href,
-  lang,
-  children,
-  onClick,
-  color,
-  position,
-  locale,
-  className,
-  ...props
-}) => {
-  const { linkLabel } = useIntlayer("breadcrumb");
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    /* @__PURE__ */ jsx(
-      Link,
-      {
-        href,
-        locale,
-        color,
-        onClick,
-        itemProp: "item",
-        isExternalLink: false,
-        itemScope: true,
-        itemType: "https://schema.org/WebPage",
-        ...props,
-        label: `${linkLabel} ${children}`,
-        itemID: href,
-        children: /* @__PURE__ */ jsx("span", { itemProp: "name", children })
-      }
-    ),
-    /* @__PURE__ */ jsx("meta", { itemProp: "position", content: position.toString() })
-  ] });
-};
-const ButtonLink = ({
-  children: text,
-  onClick,
-  color,
-  position,
-  className,
-  ...props
-}) => {
-  const { linkLabel } = useIntlayer("breadcrumb");
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        onClick,
-        variant: ButtonVariant.LINK,
-        label: `${linkLabel} ${text}`,
-        color,
-        itemProp: "item",
-        ...props,
-        children: /* @__PURE__ */ jsx("span", { itemProp: "name", children: text })
-      }
-    ),
-    /* @__PURE__ */ jsx("meta", { itemProp: "position", content: position.toString() })
-  ] });
-};
-const Span = ({ children, position, className, ...props }) => /* @__PURE__ */ jsxs(
-  "span",
-  {
-    itemProp: "item",
-    className: cn(
-      "inline-flex items-center",
-      "text-neutral-700 font-medium",
-      "transition-colors duration-200",
-      className
-    ),
-    children: [
-      /* @__PURE__ */ jsx("span", { itemProp: "name", ...props, children }),
-      /* @__PURE__ */ jsx("meta", { itemProp: "position", content: position.toString() })
-    ]
-  }
-);
-const Breadcrumb = ({
-  links,
-  className,
-  color = LinkColor.TEXT,
-  locale,
-  elementType = "page",
-  separator = /* @__PURE__ */ jsx(ChevronRightIcon, { size: 10 }),
-  ariaLabel = "breadcrumb",
-  includeStructuredData = true,
-  maxItems,
-  size,
-  spacing,
-  ...props
-}) => {
-  const displayLinks = maxItems && links.length > maxItems ? [...links.slice(0, 1), "...", ...links.slice(-(maxItems - 2))] : links;
-  return /* @__PURE__ */ jsx("nav", { "aria-label": ariaLabel, role: "navigation", children: /* @__PURE__ */ jsx(
-    "ol",
-    {
-      className: cn(breadcrumbVariants({ size, spacing }), className),
-      ...includeStructuredData && {
-        itemScope: true,
-        itemType: "http://schema.org/BreadcrumbList"
-      },
-      ...props,
-      children: displayLinks.map((link, index) => {
-        const isLastLink = index === displayLinks.length - 1;
-        const isLink = typeof link === "object" && typeof link.href === "string";
-        const isButton = typeof link === "object" && typeof link.onClick === "function";
-        const isActive = index === displayLinks.length - 1;
-        const ariaCurrent = isActive ? elementType : void 0;
-        const isTruncated = link === "...";
-        const text = link.text ?? link;
-        if (isTruncated) {
-          return /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("li", { className: "flex items-center", "aria-hidden": "true", children: /* @__PURE__ */ jsx("span", { className: "text-neutral-500", children: "…" }) }),
-            !isLastLink && /* @__PURE__ */ jsx("li", { "aria-hidden": "true", className: "flex items-center", children: separator })
-          ] }, `truncated-${index}`);
-        }
-        let section = /* @__PURE__ */ jsx(
-          Span,
-          {
-            position: index + 1,
-            "aria-current": ariaCurrent,
-            className: cn(
-              "transition-colors duration-200",
-              isActive && "text-neutral-900"
-            ),
-            children: text
-          },
-          text
-        );
-        if (isLink) {
-          section = /* @__PURE__ */ jsx(
-            LinkLink,
-            {
-              href: link.href,
-              color,
-              position: index + 1,
-              locale,
-              "aria-current": ariaCurrent,
-              className: cn(isActive && "text-neutral-900 cursor-default"),
-              children: text
-            },
-            text
-          );
-        } else if (isButton) {
-          section = /* @__PURE__ */ jsx(
-            ButtonLink,
-            {
-              onClick: link.onClick,
-              color,
-              position: index + 1,
-              "aria-current": ariaCurrent,
-              className: cn(isActive && "text-neutral-900 cursor-default"),
-              children: text
-            },
-            text
-          );
-        }
-        const listElement = /* @__PURE__ */ createElement(
-          "li",
-          {
-            ...includeStructuredData && {
-              itemProp: "itemListElement",
-              itemScope: true,
-              itemType: "https://schema.org/ListItem"
-            },
-            key: text,
-            className: "flex items-center"
-          },
-          section
-        );
-        if (isLastLink) {
-          return listElement;
-        }
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          listElement,
-          /* @__PURE__ */ jsx("li", { "aria-hidden": "true", className: "flex items-center", children: separator })
-        ] }, text);
-      })
-    }
-  ) });
-};
-export {
-  Breadcrumb
-};
-//# sourceMappingURL=index.mjs.map

package/dist/components/Breadcrumb/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/components/Breadcrumb/index.tsx"],"sourcesContent":["'use client';\n\nimport type { Locales, LocalesValues } from '@intlayer/config/client';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ChevronRightIcon } from 'lucide-react';\nimport { Fragment, type FC, type HTMLAttributes, type ReactNode } from 'react';\nimport { useIntlayer } from 'react-intlayer';\nimport { cn } from '../../utils/cn';\nimport { Button, ButtonVariant, type ButtonProps } from '../Button';\nimport { Link, LinkColor } from '../Link';\n\n/**\n * Props for LinkLink sub-component that renders breadcrumb items as links\n */\ntype LinkLinkProps = {\n  /**\n   * Position of the breadcrumb item in the list (1-based index)\n   */\n  position: number;\n  /**\n   * Locale for internationalization\n   */\n  locale?: Locales;\n  /**\n   * URL to navigate to\n   */\n  href?: string;\n  /**\n   * Link color\n   */\n  color?: LinkColor | `${LinkColor}`;\n  /**\n   * Click handler\n   */\n  onClick?: () => void;\n  /**\n   * Children content\n   */\n  children?: string;\n  /**\n   * Additional CSS classes\n   */\n  className?: string;\n} & Omit<\n  HTMLAttributes<HTMLAnchorElement>,\n  'href' | 'onClick' | 'color' | 'children' | 'className'\n>;\n\n/**\n * Breadcrumb variant styles using class-variance-authority\n */\nconst breadcrumbVariants = cva('flex flex-row flex-wrap items-center text-sm', {\n  variants: {\n    size: {\n      small: 'gap-1 text-xs',\n      medium: 'gap-2 text-sm',\n      large: 'gap-3 text-base',\n    },\n    spacing: {\n      compact: 'gap-1',\n      normal: 'gap-2',\n      loose: 'gap-4',\n    },\n  },\n  defaultVariants: {\n    size: 'medium',\n    spacing: 'normal',\n  },\n});\n\n/**\n * LinkLink sub-component for breadcrumb items that navigate to other pages\n */\nconst LinkLink: FC<LinkLinkProps> = ({\n  href,\n  lang,\n  children,\n  onClick,\n  color,\n  position,\n  locale,\n  className,\n  ...props\n}) => {\n  const { linkLabel } = useIntlayer('breadcrumb');\n\n  return (\n    <>\n      <Link\n        href={href}\n        locale={locale}\n        color={color}\n        onClick={onClick}\n        itemProp=\"item\"\n        isExternalLink={false}\n        itemScope\n        itemType=\"https://schema.org/WebPage\"\n        {...props}\n        label={`${linkLabel} ${children}`}\n        itemID={href}\n      >\n        <span itemProp=\"name\">{children}</span>\n      </Link>\n      <meta itemProp=\"position\" content={position.toString()} />\n    </>\n  );\n};\n\n/**\n * Props for ButtonLink sub-component that renders breadcrumb items as interactive buttons\n */\ntype ButtonButtonProps = {\n  /**\n   * Text content for the breadcrumb button\n   */\n  children: string;\n  /**\n   * Position of the breadcrumb item in the list (1-based index)\n   */\n  position: number;\n} & Omit<ButtonProps, 'children' | 'label'>;\n\n/**\n * ButtonLink sub-component for breadcrumb items with click handlers\n */\nconst ButtonLink: FC<ButtonButtonProps> = ({\n  children: text,\n  onClick,\n  color,\n  position,\n  className,\n  ...props\n}) => {\n  const { linkLabel } = useIntlayer('breadcrumb');\n\n  return (\n    <>\n      <Button\n        onClick={onClick}\n        variant={ButtonVariant.LINK}\n        label={`${linkLabel} ${text}`}\n        color={color}\n        itemProp=\"item\"\n        {...props}\n      >\n        <span itemProp=\"name\">{text}</span>\n      </Button>\n      <meta itemProp=\"position\" content={position.toString()} />\n    </>\n  );\n};\n\n/**\n * Props for Span sub-component that renders static breadcrumb text\n */\ntype SpanProps = {\n  /**\n   * Text content for the static breadcrumb item\n   */\n  children: string;\n  /**\n   * Position of the breadcrumb item in the list (1-based index)\n   */\n  position: number;\n} & HTMLAttributes<HTMLSpanElement>;\n\n/**\n * Span sub-component for static breadcrumb text items\n */\nconst Span: FC<SpanProps> = ({ children, position, className, ...props }) => (\n  <span\n    itemProp=\"item\"\n    className={cn(\n      'inline-flex items-center',\n      'text-neutral-700 font-medium',\n      'transition-colors duration-200',\n      className\n    )}\n  >\n    <span itemProp=\"name\" {...props}>\n      {children}\n    </span>\n    <meta itemProp=\"position\" content={position.toString()} />\n  </span>\n);\n\n/**\n * Detailed breadcrumb link configuration with optional href or onClick\n */\ntype DetailedBreadcrumbLink = {\n  /**\n   * URL to navigate to when the breadcrumb item is clicked\n   */\n  href?: string;\n  /**\n   * Text content to display for this breadcrumb item\n   */\n  text: string;\n  /**\n   * Custom click handler function for interactive breadcrumb items\n   */\n  onClick?: () => void;\n};\n\n/**\n * Union type representing different breadcrumb item configurations:\n * - string: Simple text breadcrumb item\n * - DetailedBreadcrumbLink: Object with href, text, and/or onClick properties\n */\nexport type BreadcrumbLink = string | DetailedBreadcrumbLink;\n\nexport type BreadcrumbProps = {\n  /**\n   * Array of breadcrumb items\n   */\n  links: BreadcrumbLink[];\n  /**\n   * Color scheme for breadcrumb links\n   * @default LinkColor.TEXT\n   */\n  color?: LinkColor | `${LinkColor}`;\n  /**\n   * Locale for internationalization\n   */\n  locale?: LocalesValues;\n  /**\n   * Element type for ARIA current attribute\n   * @default 'page'\n   */\n  elementType?: 'page' | 'location';\n  /**\n   * Custom separator between breadcrumb items\n   * @default ChevronRightIcon\n   */\n  separator?: ReactNode;\n  /**\n   * ARIA label for breadcrumb navigation\n   * @default 'breadcrumb'\n   */\n  ariaLabel?: string;\n  /**\n   * Whether to include structured data markup\n   * @default true\n   */\n  includeStructuredData?: boolean;\n  /**\n   * Maximum number of breadcrumb items to show before truncation\n   */\n  maxItems?: number;\n} & VariantProps<typeof breadcrumbVariants> &\n  HTMLAttributes<HTMLOListElement>;\n\n/**\n * Breadcrumb component providing navigational context with accessibility features\n *\n * Features:\n * - Supports links, buttons, and static text elements\n * - Full keyboard navigation support\n * - ARIA attributes for screen readers\n * - Schema.org structured data for SEO\n * - Customizable separators and styling\n * - Internationalization support\n * - Responsive design variants\n *\n * @example\n * ```tsx\n * <Breadcrumb\n *   links={[\n *     'Home',\n *     { href: '/products', text: 'Products' },\n *     { onClick: handleCategory, text: 'Electronics' },\n *     'Smartphones'\n *   ]}\n *   size=\"medium\"\n *   ariaLabel=\"Product navigation\"\n * />\n * ```\n */\nexport const Breadcrumb: FC<BreadcrumbProps> = ({\n  links,\n  className,\n  color = LinkColor.TEXT,\n  locale,\n  elementType = 'page',\n  separator = <ChevronRightIcon size={10} />,\n  ariaLabel = 'breadcrumb',\n  includeStructuredData = true,\n  maxItems,\n  size,\n  spacing,\n  ...props\n}) => {\n  const displayLinks =\n    maxItems && links.length > maxItems\n      ? [...links.slice(0, 1), '...', ...links.slice(-(maxItems - 2))]\n      : links;\n\n  return (\n    <nav aria-label={ariaLabel} role=\"navigation\">\n      <ol\n        className={cn(breadcrumbVariants({ size, spacing }), className)}\n        {...(includeStructuredData && {\n          itemScope: true,\n          itemType: 'http://schema.org/BreadcrumbList',\n        })}\n        {...props}\n      >\n        {displayLinks.map((link, index) => {\n          const isLastLink = index === displayLinks.length - 1;\n          const isLink =\n            typeof link === 'object' && typeof link.href === 'string';\n          const isButton =\n            typeof link === 'object' && typeof link.onClick === 'function';\n          const isActive = index === displayLinks.length - 1;\n          const ariaCurrent = isActive ? elementType : undefined;\n          const isTruncated = link === '...';\n\n          const text = (link as DetailedBreadcrumbLink).text ?? link;\n\n          if (isTruncated) {\n            return (\n              <Fragment key={`truncated-${index}`}>\n                <li className=\"flex items-center\" aria-hidden=\"true\">\n                  <span className=\"text-neutral-500\">…</span>\n                </li>\n                {!isLastLink && (\n                  <li aria-hidden=\"true\" className=\"flex items-center\">\n                    {separator}\n                  </li>\n                )}\n              </Fragment>\n            );\n          }\n\n          let section = (\n            <Span\n              key={text}\n              position={index + 1}\n              aria-current={ariaCurrent}\n              className={cn(\n                'transition-colors duration-200',\n                isActive && 'text-neutral-900'\n              )}\n            >\n              {text}\n            </Span>\n          );\n\n          if (isLink) {\n            section = (\n              <LinkLink\n                key={text}\n                href={link.href!}\n                color={color}\n                position={index + 1}\n                locale={locale}\n                aria-current={ariaCurrent}\n                className={cn(isActive && 'text-neutral-900 cursor-default')}\n              >\n                {text}\n              </LinkLink>\n            );\n          } else if (isButton) {\n            section = (\n              <ButtonLink\n                key={text}\n                onClick={link.onClick!}\n                color={color}\n                position={index + 1}\n                aria-current={ariaCurrent}\n                className={cn(isActive && 'text-neutral-900 cursor-default')}\n              >\n                {text}\n              </ButtonLink>\n            );\n          }\n\n          const listElement = (\n            <li\n              {...(includeStructuredData && {\n                itemProp: 'itemListElement',\n                itemScope: true,\n                itemType: 'https://schema.org/ListItem',\n              })}\n              key={text}\n              className=\"flex items-center\"\n            >\n              {section}\n            </li>\n          );\n\n          if (isLastLink) {\n            return listElement;\n          }\n\n          return (\n            <Fragment key={text}>\n              {listElement}\n              <li aria-hidden=\"true\" className=\"flex items-center\">\n                {separator}\n              </li>\n            </Fragment>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n"],"names":["Fragment"],"mappings":"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"}