@yamada-ui/breadcrumb 1.3.13-dev-20241005220629 → 1.3.13-dev-20241006000212

package/dist/breadcrumb.d.mts

@@ -1,48 +1,48 @@
 import * as _yamada_ui_core from '@yamada-ui/core';
-import { HTMLUIProps, ThemeProps, CSSUIProps, Token, CSSUIObject } from '@yamada-ui/core';
+import { HTMLUIProps, ThemeProps, Token, CSSUIProps, CSSUIObject } from '@yamada-ui/core';
 import { IconProps } from '@yamada-ui/icon';
-import { ReactNode } from 'react';
+import { ReactNode, ReactElement } from 'react';
 
 interface BreadcrumbGenerateItem extends BreadcrumbLinkProps {
     name?: ReactNode;
-    containerProps?: Omit<BreadcrumbItemProps, "isLastChild">;
     isEllipsisPage?: boolean;
+    containerProps?: Omit<BreadcrumbItemProps, "isLastChild">;
 }
 interface BreadcrumbOptions {
     /**
-     * The visual separator between each breadcrumb item.
-     *
-     * @default '/'
+     * The icon to be used in the ellipsis.
+     */
+    ellipsis?: ((props: {
+        items: BreadcrumbGenerateItem[];
+    }) => ReactNode) | ReactNode;
+    /**
+     * Number of elements visible on the end(right) edges.
      */
-    separator?: string | JSX.Element;
+    endBoundaries?: Token<number>;
     /**
      * The left and right margin applied to the separator.
      *
      * @default '2'
      */
     gap?: CSSUIProps["mx"];
-    /**
-     * Props for ol element.
-     */
-    listProps?: HTMLUIProps<"ol">;
     /**
      * If provided, generate breadcrumb items based on items.
      */
     items?: BreadcrumbGenerateItem[];
     /**
-     * Number of elements visible on the start(left) edges.
+     * The visual separator between each breadcrumb item.
+     *
+     * @default '/'
      */
-    startBoundaries?: Token<number>;
+    separator?: ReactElement | string;
     /**
-     * Number of elements visible on the end(right) edges.
+     * Number of elements visible on the start(left) edges.
      */
-    endBoundaries?: Token<number>;
+    startBoundaries?: Token<number>;
     /**
-     * The icon to be used in the ellipsis.
+     * Props for ol element.
      */
-    ellipsis?: ReactNode | ((props: {
-        items: BreadcrumbGenerateItem[];
-    }) => ReactNode);
+    listProps?: HTMLUIProps<"ol">;
 }
 interface BreadcrumbProps extends Omit<HTMLUIProps<"nav">, "gap">, ThemeProps<"Breadcrumb">, BreadcrumbOptions {
 }
@@ -52,7 +52,7 @@ interface BreadcrumbProps extends Omit<HTMLUIProps<"nav">, "gap">, ThemeProps<"B
  * @see Docs https://yamada-ui.com/components/navigation/breadcrumb
  */
 declare const Breadcrumb: _yamada_ui_core.Component<"nav", BreadcrumbProps>;
-interface BreadcrumbItemOptions extends Pick<BreadcrumbProps, "separator" | "gap"> {
+interface BreadcrumbItemOptions extends Pick<BreadcrumbProps, "gap" | "separator"> {
     /**
      * If `true`, change to span element.
      *

package/dist/breadcrumb.d.ts

@@ -1,48 +1,48 @@
 import * as _yamada_ui_core from '@yamada-ui/core';
-import { HTMLUIProps, ThemeProps, CSSUIProps, Token, CSSUIObject } from '@yamada-ui/core';
+import { HTMLUIProps, ThemeProps, Token, CSSUIProps, CSSUIObject } from '@yamada-ui/core';
 import { IconProps } from '@yamada-ui/icon';
-import { ReactNode } from 'react';
+import { ReactNode, ReactElement } from 'react';
 
 interface BreadcrumbGenerateItem extends BreadcrumbLinkProps {
     name?: ReactNode;
-    containerProps?: Omit<BreadcrumbItemProps, "isLastChild">;
     isEllipsisPage?: boolean;
+    containerProps?: Omit<BreadcrumbItemProps, "isLastChild">;
 }
 interface BreadcrumbOptions {
     /**
-     * The visual separator between each breadcrumb item.
-     *
-     * @default '/'
+     * The icon to be used in the ellipsis.
+     */
+    ellipsis?: ((props: {
+        items: BreadcrumbGenerateItem[];
+    }) => ReactNode) | ReactNode;
+    /**
+     * Number of elements visible on the end(right) edges.
      */
-    separator?: string | JSX.Element;
+    endBoundaries?: Token<number>;
     /**
      * The left and right margin applied to the separator.
      *
      * @default '2'
      */
     gap?: CSSUIProps["mx"];
-    /**
-     * Props for ol element.
-     */
-    listProps?: HTMLUIProps<"ol">;
     /**
      * If provided, generate breadcrumb items based on items.
      */
     items?: BreadcrumbGenerateItem[];
     /**
-     * Number of elements visible on the start(left) edges.
+     * The visual separator between each breadcrumb item.
+     *
+     * @default '/'
      */
-    startBoundaries?: Token<number>;
+    separator?: ReactElement | string;
     /**
-     * Number of elements visible on the end(right) edges.
+     * Number of elements visible on the start(left) edges.
      */
-    endBoundaries?: Token<number>;
+    startBoundaries?: Token<number>;
     /**
-     * The icon to be used in the ellipsis.
+     * Props for ol element.
      */
-    ellipsis?: ReactNode | ((props: {
-        items: BreadcrumbGenerateItem[];
-    }) => ReactNode);
+    listProps?: HTMLUIProps<"ol">;
 }
 interface BreadcrumbProps extends Omit<HTMLUIProps<"nav">, "gap">, ThemeProps<"Breadcrumb">, BreadcrumbOptions {
 }
@@ -52,7 +52,7 @@ interface BreadcrumbProps extends Omit<HTMLUIProps<"nav">, "gap">, ThemeProps<"B
  * @see Docs https://yamada-ui.com/components/navigation/breadcrumb
  */
 declare const Breadcrumb: _yamada_ui_core.Component<"nav", BreadcrumbProps>;
-interface BreadcrumbItemOptions extends Pick<BreadcrumbProps, "separator" | "gap"> {
+interface BreadcrumbItemOptions extends Pick<BreadcrumbProps, "gap" | "separator"> {
     /**
      * If `true`, change to span element.
      *

package/dist/breadcrumb.js

@@ -43,13 +43,13 @@ var Breadcrumb = (0, import_core.forwardRef)((props, ref) => {
   const {
     className,
     children,
-    separator = "/",
+    ellipsis,
+    endBoundaries: _endBoundaries,
     gap = "fallback(2, 0.5rem)",
-    listProps,
     items = [],
+    separator = "/",
     startBoundaries: _startBoundaries,
-    endBoundaries: _endBoundaries,
-    ellipsis,
+    listProps,
     ...rest
   } = (0, import_core.omitThemeProps)(mergedProps);
   let startBoundaries = (0, import_use_value.useValue)(_startBoundaries);
@@ -61,8 +61,8 @@ var Breadcrumb = (0, import_core.forwardRef)((props, ref) => {
   const hasBoundaries = (0, import_utils.isNumber)(startBoundaries) && (0, import_utils.isNumber)(endBoundaries);
   const isExceed = hasBoundaries && startBoundaries + endBoundaries < items.length;
   const css = {
-    display: "flex",
     alignItems: "center",
+    display: "flex",
     ...styles.container
   };
   const validChildren = (0, import_utils.getValidChildren)(children);
@@ -79,21 +79,21 @@ var Breadcrumb = (0, import_core.forwardRef)((props, ref) => {
     if (hasChildren) {
       return validChildren.map(
         (child, index) => (0, import_react.cloneElement)(child, {
-          separator,
           gap,
-          isLastChild: validChildren.length === index + 1
+          isLastChild: validChildren.length === index + 1,
+          separator
         })
       );
     } else {
       let hiddenEllipsis = [];
       return items.map((item, index) => {
         var _a, _b, _c;
-        const { containerProps, name, isCurrentPage, isEllipsisPage, ...rest2 } = item;
+        const { name, isCurrentPage, isEllipsisPage, containerProps, ...rest2 } = item;
         const isLastChild = items.length === index + 1;
         const props2 = {
-          separator,
           gap,
           isCurrentPage,
+          separator,
           ...containerProps
         };
         if (!hasBoundaries && isEllipsisPage) {
@@ -139,8 +139,8 @@ var Breadcrumb = (0, import_core.forwardRef)((props, ref) => {
     {
       ref,
       className: (0, import_utils.cx)("ui-breadcrumb", className),
-      __css: styles.container,
       "aria-label": "Breadcrumb",
+      __css: styles.container,
       ...rest,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.ui.ol, { className: "ui-breadcrumb__list", ...listProps, __css: css, children: cloneChildren })
     }
@@ -152,10 +152,10 @@ var BreadcrumbItem = (0, import_core.forwardRef)(
   ({
     className,
     children,
-    separator,
+    gap,
     isCurrentPage,
     isLastChild,
-    gap,
+    separator,
     ...rest
   }, ref) => {
     const styles = useBreadcrumb();
@@ -168,15 +168,15 @@ var BreadcrumbItem = (0, import_core.forwardRef)(
       }
       if (child.type === BreadcrumbSeparator) {
         return (0, import_react.cloneElement)(child, {
-          gap,
-          children: child.props.children || separator
+          children: child.props.children || separator,
+          gap
         });
       }
       return child;
     });
     const css = {
-      display: "inline-flex",
       alignItems: "center",
+      display: "inline-flex",
       ...styles.item
     };
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
@@ -197,16 +197,16 @@ var BreadcrumbItem = (0, import_core.forwardRef)(
 BreadcrumbItem.displayName = "BreadcrumbItem";
 BreadcrumbItem.__ui__ = "BreadcrumbItem";
 var BreadcrumbLink = (0, import_core.forwardRef)(
-  ({ className, children, isCurrentPage, href, ...rest }, ref) => {
+  ({ className, children, href, isCurrentPage, ...rest }, ref) => {
     const styles = useBreadcrumb();
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_core.ui.a,
       {
         ref,
         as: !isCurrentPage ? "a" : "span",
+        className: (0, import_utils.cx)("ui-breadcrumb__link", className),
         href: !isCurrentPage ? href : void 0,
         "aria-current": isCurrentPage ? "page" : void 0,
-        className: (0, import_utils.cx)("ui-breadcrumb__link", className),
         __css: styles.link,
         ...rest,
         children
@@ -238,7 +238,7 @@ var BreadcrumbSeparator = (0, import_core.forwardRef)(
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
 BreadcrumbSeparator.__ui__ = "BreadcrumbSeparator";
 var BreadcrumbEllipsis = (0, import_core.forwardRef)(
-  ({ children, className, ...rest }, ref) => {
+  ({ className, children, ...rest }, ref) => {
     const styles = useBreadcrumb();
     const css = {
       ...styles.ellipsis
@@ -247,20 +247,20 @@ var BreadcrumbEllipsis = (0, import_core.forwardRef)(
       import_icon.Icon,
       {
         ref,
-        "aria-label": "ellipsis",
         className: (0, import_utils.cx)("ui-breadcrumb__item__ellipsis", className),
-        __css: css,
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 36 24",
         stroke: "currentColor",
-        strokeWidth: "1.5",
         strokeLinecap: "round",
         strokeLinejoin: "round",
+        strokeWidth: "1.5",
+        viewBox: "0 0 36 24",
+        xmlns: "http://www.w3.org/2000/svg",
+        "aria-label": "ellipsis",
+        __css: css,
         ...rest,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "10", cy: "12", r: "2", fill: "currentColor" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "20", cy: "12", r: "2", fill: "currentColor" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "30", cy: "12", r: "2", fill: "currentColor" })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "10", cy: "12", fill: "currentColor", r: "2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "20", cy: "12", fill: "currentColor", r: "2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "30", cy: "12", fill: "currentColor", r: "2" })
         ]
       }
     );

package/dist/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/breadcrumb.tsx"],"sourcesContent":["import type {\n  HTMLUIProps,\n  ThemeProps,\n  CSSUIObject,\n  CSSUIProps,\n  Token,\n} from \"@yamada-ui/core\"\nimport {\n  ui,\n  forwardRef,\n  omitThemeProps,\n  useComponentMultiStyle,\n} from \"@yamada-ui/core\"\nimport { Icon } from \"@yamada-ui/icon\"\nimport type { IconProps } from \"@yamada-ui/icon\"\nimport { useValue } from \"@yamada-ui/use-value\"\nimport {\n  cx,\n  createContext,\n  getValidChildren,\n  isNumber,\n  runIfFunc,\n} from \"@yamada-ui/utils\"\nimport type { ReactNode } from \"react\"\nimport { Fragment, cloneElement, useCallback, useMemo } from \"react\"\n\nconst [BreadcrumbProvider, useBreadcrumb] = createContext<{\n  [key: string]: CSSUIObject\n}>({\n  name: \"BreadcrumbContext\",\n  errorMessage: `useBreadcrumb returned is 'undefined'. Seems you forgot to wrap the components in \"<Breadcrumb />\" `,\n})\n\nexport interface BreadcrumbGenerateItem extends BreadcrumbLinkProps {\n  name?: ReactNode\n  containerProps?: Omit<BreadcrumbItemProps, \"isLastChild\">\n  isEllipsisPage?: boolean\n}\n\ninterface BreadcrumbOptions {\n  /**\n   * The visual separator between each breadcrumb item.\n   *\n   * @default '/'\n   */\n  separator?: string | JSX.Element\n  /**\n   * The left and right margin applied to the separator.\n   *\n   * @default '2'\n   */\n  gap?: CSSUIProps[\"mx\"]\n  /**\n   * Props for ol element.\n   */\n  listProps?: HTMLUIProps<\"ol\">\n  /**\n   * If provided, generate breadcrumb items based on items.\n   */\n  items?: BreadcrumbGenerateItem[]\n  /**\n   * Number of elements visible on the start(left) edges.\n   */\n  startBoundaries?: Token<number>\n  /**\n   * Number of elements visible on the end(right) edges.\n   */\n  endBoundaries?: Token<number>\n  /**\n   * The icon to be used in the ellipsis.\n   */\n  ellipsis?:\n    | ReactNode\n    | ((props: { items: BreadcrumbGenerateItem[] }) => ReactNode)\n}\n\nexport interface BreadcrumbProps\n  extends Omit<HTMLUIProps<\"nav\">, \"gap\">,\n    ThemeProps<\"Breadcrumb\">,\n    BreadcrumbOptions {}\n\n/**\n * `Breadcrumb` is a component that helps users understand the hierarchy of a website.\n *\n * @see Docs https://yamada-ui.com/components/navigation/breadcrumb\n */\nexport const Breadcrumb = forwardRef<BreadcrumbProps, \"nav\">((props, ref) => {\n  const [styles, mergedProps] = useComponentMultiStyle(\"Breadcrumb\", props)\n\n  const {\n    className,\n    children,\n    separator = \"/\",\n    gap = \"fallback(2, 0.5rem)\",\n    listProps,\n    items = [],\n    startBoundaries: _startBoundaries,\n    endBoundaries: _endBoundaries,\n    ellipsis,\n    ...rest\n  } = omitThemeProps(mergedProps)\n  let startBoundaries = useValue(_startBoundaries)\n  let endBoundaries = useValue(_endBoundaries)\n\n  if (startBoundaries === 0) startBoundaries = 1\n  if (endBoundaries === 0) endBoundaries = 1\n\n  if (startBoundaries) endBoundaries ??= 1\n  if (endBoundaries) startBoundaries ??= 1\n\n  const hasBoundaries = isNumber(startBoundaries) && isNumber(endBoundaries)\n  const isExceed =\n    hasBoundaries && startBoundaries! + endBoundaries! < items.length\n\n  const css: CSSUIObject = {\n    display: \"flex\",\n    alignItems: \"center\",\n    ...styles.container,\n  }\n\n  const validChildren = getValidChildren(children)\n  const hasChildren = validChildren.length\n\n  const customEllipsis = useCallback(\n    (providedItems?: BreadcrumbGenerateItem[]) => {\n      if (!ellipsis) return null\n\n      const resolvedItems =\n        providedItems ??\n        items.slice(startBoundaries!, items.length - endBoundaries!)\n\n      return runIfFunc(ellipsis, { items: resolvedItems })\n    },\n    [ellipsis, endBoundaries, items, startBoundaries],\n  )\n\n  const cloneChildren = useMemo(() => {\n    if (hasChildren) {\n      return validChildren.map((child, index) =>\n        cloneElement(child, {\n          separator,\n          gap,\n          isLastChild: validChildren.length === index + 1,\n        }),\n      )\n    } else {\n      let hiddenEllipsis: BreadcrumbGenerateItem[] = []\n\n      return items.map((item, index) => {\n        const { containerProps, name, isCurrentPage, isEllipsisPage, ...rest } =\n          item\n        const isLastChild = items.length === index + 1\n        const props: BreadcrumbItemProps = {\n          separator,\n          gap,\n          isCurrentPage,\n          ...containerProps,\n        }\n\n        if (!hasBoundaries && isEllipsisPage) {\n          hiddenEllipsis.push(item)\n\n          return isLastChild ? (\n            <BreadcrumbItem key={index} {...props} isLastChild>\n              {customEllipsis([item]) ?? <BreadcrumbEllipsis />}\n            </BreadcrumbItem>\n          ) : null\n        }\n\n        if (hasBoundaries && isExceed) {\n          const lastIndex = items.length - index - 1\n\n          if (startBoundaries! <= index && endBoundaries! <= lastIndex) {\n            if (startBoundaries === index) {\n              return (\n                <BreadcrumbItem key={index} {...props}>\n                  {customEllipsis() ?? <BreadcrumbEllipsis />}\n                </BreadcrumbItem>\n              )\n            } else {\n              return null\n            }\n          }\n        }\n\n        if (hiddenEllipsis.length) {\n          const resolvedEllipsis = customEllipsis(hiddenEllipsis) ?? (\n            <BreadcrumbEllipsis />\n          )\n\n          hiddenEllipsis = []\n\n          return (\n            <Fragment key={index}>\n              <BreadcrumbItem {...props}>{resolvedEllipsis}</BreadcrumbItem>\n\n              <BreadcrumbItem {...props} isLastChild={isLastChild}>\n                <BreadcrumbLink {...rest}>{name}</BreadcrumbLink>\n              </BreadcrumbItem>\n            </Fragment>\n          )\n        } else {\n          return (\n            <BreadcrumbItem key={index} {...props} isLastChild={isLastChild}>\n              <BreadcrumbLink {...rest}>{name}</BreadcrumbLink>\n            </BreadcrumbItem>\n          )\n        }\n      })\n    }\n  }, [\n    hasChildren,\n    validChildren,\n    separator,\n    gap,\n    items,\n    hasBoundaries,\n    isExceed,\n    startBoundaries,\n    endBoundaries,\n    customEllipsis,\n  ])\n\n  return (\n    <BreadcrumbProvider value={styles}>\n      <ui.nav\n        ref={ref}\n        className={cx(\"ui-breadcrumb\", className)}\n        __css={styles.container}\n        aria-label=\"Breadcrumb\"\n        {...rest}\n      >\n        <ui.ol className=\"ui-breadcrumb__list\" {...listProps} __css={css}>\n          {cloneChildren}\n        </ui.ol>\n      </ui.nav>\n    </BreadcrumbProvider>\n  )\n})\n\nBreadcrumb.displayName = \"Breadcrumb\"\nBreadcrumb.__ui__ = \"Breadcrumb\"\n\ninterface BreadcrumbItemOptions\n  extends Pick<BreadcrumbProps, \"separator\" | \"gap\"> {\n  /**\n   * If `true`, change to span element.\n   *\n   * @default false\n   */\n  isCurrentPage?: boolean\n  /**\n   * If `true`, not show separator.\n   *\n   * @default false\n   */\n  isLastChild?: boolean\n}\n\nexport interface BreadcrumbItemProps\n  extends Omit<HTMLUIProps<\"li\">, \"gap\">,\n    BreadcrumbItemOptions {}\n\nexport const BreadcrumbItem = forwardRef<BreadcrumbItemProps, \"li\">(\n  (\n    {\n      className,\n      children,\n      separator,\n      isCurrentPage,\n      isLastChild,\n      gap,\n      ...rest\n    },\n    ref,\n  ) => {\n    const styles = useBreadcrumb()\n\n    const validChildren = getValidChildren(children)\n\n    const cloneChildren = validChildren.map((child) => {\n      if (child.type === BreadcrumbLink) {\n        return cloneElement(child, {\n          isCurrentPage,\n        })\n      }\n\n      if (child.type === BreadcrumbSeparator) {\n        return cloneElement(child, {\n          gap,\n          children: child.props.children || separator,\n        })\n      }\n\n      return child\n    })\n\n    const css: CSSUIObject = {\n      display: \"inline-flex\",\n      alignItems: \"center\",\n      ...styles.item,\n    }\n\n    return (\n      <ui.li\n        ref={ref}\n        className={cx(\"ui-breadcrumb__item\", className)}\n        __css={css}\n        {...rest}\n      >\n        {cloneChildren}\n\n        {!isLastChild ? (\n          <BreadcrumbSeparator gap={gap}>{separator}</BreadcrumbSeparator>\n        ) : null}\n      </ui.li>\n    )\n  },\n)\n\nBreadcrumbItem.displayName = \"BreadcrumbItem\"\nBreadcrumbItem.__ui__ = \"BreadcrumbItem\"\n\ninterface BreadcrumbLinkOptions {\n  /**\n   * If `true`, change to span element.\n   *\n   * @default false\n   */\n  isCurrentPage?: boolean\n}\n\nexport interface BreadcrumbLinkProps\n  extends HTMLUIProps<\"a\">,\n    BreadcrumbLinkOptions {}\n\nexport const BreadcrumbLink = forwardRef<BreadcrumbLinkProps, \"a\">(\n  ({ className, children, isCurrentPage, href, ...rest }, ref) => {\n    const styles = useBreadcrumb()\n\n    return (\n      <ui.a\n        ref={ref}\n        as={!isCurrentPage ? \"a\" : \"span\"}\n        href={!isCurrentPage ? href : undefined}\n        aria-current={isCurrentPage ? \"page\" : undefined}\n        className={cx(\"ui-breadcrumb__link\", className)}\n        __css={styles.link}\n        {...rest}\n      >\n        {children}\n      </ui.a>\n    )\n  },\n)\nBreadcrumbLink.displayName = \"BreadcrumbLink\"\nBreadcrumbLink.__ui__ = \"BreadcrumbLink\"\n\ninterface BreadcrumbSeparatorOptions {\n  /**\n   * The CSS `margin-inline-start`, and `margin-inline-end` property.\n   */\n  gap?: CSSUIObject[\"mx\"]\n}\n\nexport interface BreadcrumbSeparatorProps\n  extends Omit<HTMLUIProps<\"span\">, \"gap\">,\n    BreadcrumbSeparatorOptions {}\n\nexport const BreadcrumbSeparator = forwardRef<BreadcrumbSeparatorProps, \"span\">(\n  ({ children, gap: mx, ...rest }, ref) => {\n    const styles = useBreadcrumb()\n    const css: CSSUIObject = {\n      mx,\n      ...styles.separator,\n    }\n\n    return (\n      <ui.span\n        ref={ref}\n        className=\"ui-breadcrumb__item__separator\"\n        __css={css}\n        {...rest}\n      >\n        {children}\n      </ui.span>\n    )\n  },\n)\n\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\"\nBreadcrumbSeparator.__ui__ = \"BreadcrumbSeparator\"\n\ninterface BreadcrumbEllipsisOptions {}\n\nexport interface BreadcrumbEllipsisProps\n  extends IconProps,\n    BreadcrumbEllipsisOptions {}\n\nexport const BreadcrumbEllipsis = forwardRef<BreadcrumbEllipsisProps, \"span\">(\n  ({ children, className, ...rest }, ref) => {\n    const styles = useBreadcrumb()\n\n    const css: CSSUIObject = {\n      ...styles.ellipsis,\n    }\n\n    return (\n      children ?? (\n        <Icon\n          ref={ref}\n          aria-label=\"ellipsis\"\n          className={cx(\"ui-breadcrumb__item__ellipsis\", className)}\n          __css={css}\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 36 24\"\n          stroke=\"currentColor\"\n          strokeWidth=\"1.5\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          {...rest}\n        >\n          <circle cx=\"10\" cy=\"12\" r=\"2\" fill=\"currentColor\" />\n          <circle cx=\"20\" cy=\"12\" r=\"2\" fill=\"currentColor\" />\n          <circle cx=\"30\" cy=\"12\" r=\"2\" fill=\"currentColor\" />\n        </Icon>\n      )\n    )\n  },\n)\n\nBreadcrumbEllipsis.displayName = \"BreadcrumbEllipsis\"\nBreadcrumbEllipsis.__ui__ = \"BreadcrumbEllipsis\"\n"],"mappings":"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","names":["rest","props"]}
+{"version":3,"sources":["../src/breadcrumb.tsx"],"sourcesContent":["import type {\n  CSSUIObject,\n  CSSUIProps,\n  HTMLUIProps,\n  ThemeProps,\n  Token,\n} from \"@yamada-ui/core\"\nimport type { IconProps } from \"@yamada-ui/icon\"\nimport type { ReactElement, ReactNode } from \"react\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useComponentMultiStyle,\n} from \"@yamada-ui/core\"\nimport { Icon } from \"@yamada-ui/icon\"\nimport { useValue } from \"@yamada-ui/use-value\"\nimport {\n  createContext,\n  cx,\n  getValidChildren,\n  isNumber,\n  runIfFunc,\n} from \"@yamada-ui/utils\"\nimport { cloneElement, Fragment, useCallback, useMemo } from \"react\"\n\nconst [BreadcrumbProvider, useBreadcrumb] = createContext<{\n  [key: string]: CSSUIObject | undefined\n}>({\n  name: \"BreadcrumbContext\",\n  errorMessage: `useBreadcrumb returned is 'undefined'. Seems you forgot to wrap the components in \"<Breadcrumb />\" `,\n})\n\nexport interface BreadcrumbGenerateItem extends BreadcrumbLinkProps {\n  name?: ReactNode\n  isEllipsisPage?: boolean\n  containerProps?: Omit<BreadcrumbItemProps, \"isLastChild\">\n}\n\ninterface BreadcrumbOptions {\n  /**\n   * The icon to be used in the ellipsis.\n   */\n  ellipsis?:\n    | ((props: { items: BreadcrumbGenerateItem[] }) => ReactNode)\n    | ReactNode\n  /**\n   * Number of elements visible on the end(right) edges.\n   */\n  endBoundaries?: Token<number>\n  /**\n   * The left and right margin applied to the separator.\n   *\n   * @default '2'\n   */\n  gap?: CSSUIProps[\"mx\"]\n  /**\n   * If provided, generate breadcrumb items based on items.\n   */\n  items?: BreadcrumbGenerateItem[]\n  /**\n   * The visual separator between each breadcrumb item.\n   *\n   * @default '/'\n   */\n  separator?: ReactElement | string\n  /**\n   * Number of elements visible on the start(left) edges.\n   */\n  startBoundaries?: Token<number>\n  /**\n   * Props for ol element.\n   */\n  listProps?: HTMLUIProps<\"ol\">\n}\n\nexport interface BreadcrumbProps\n  extends Omit<HTMLUIProps<\"nav\">, \"gap\">,\n    ThemeProps<\"Breadcrumb\">,\n    BreadcrumbOptions {}\n\n/**\n * `Breadcrumb` is a component that helps users understand the hierarchy of a website.\n *\n * @see Docs https://yamada-ui.com/components/navigation/breadcrumb\n */\nexport const Breadcrumb = forwardRef<BreadcrumbProps, \"nav\">((props, ref) => {\n  const [styles, mergedProps] = useComponentMultiStyle(\"Breadcrumb\", props)\n\n  const {\n    className,\n    children,\n    ellipsis,\n    endBoundaries: _endBoundaries,\n    gap = \"fallback(2, 0.5rem)\",\n    items = [],\n    separator = \"/\",\n    startBoundaries: _startBoundaries,\n    listProps,\n    ...rest\n  } = omitThemeProps(mergedProps)\n  let startBoundaries = useValue(_startBoundaries)\n  let endBoundaries = useValue(_endBoundaries)\n\n  if (startBoundaries === 0) startBoundaries = 1\n  if (endBoundaries === 0) endBoundaries = 1\n\n  if (startBoundaries) endBoundaries ??= 1\n  if (endBoundaries) startBoundaries ??= 1\n\n  const hasBoundaries = isNumber(startBoundaries) && isNumber(endBoundaries)\n  const isExceed =\n    hasBoundaries && startBoundaries! + endBoundaries! < items.length\n\n  const css: CSSUIObject = {\n    alignItems: \"center\",\n    display: \"flex\",\n    ...styles.container,\n  }\n\n  const validChildren = getValidChildren(children)\n  const hasChildren = validChildren.length\n\n  const customEllipsis = useCallback(\n    (providedItems?: BreadcrumbGenerateItem[]) => {\n      if (!ellipsis) return null\n\n      const resolvedItems =\n        providedItems ??\n        items.slice(startBoundaries!, items.length - endBoundaries!)\n\n      return runIfFunc(ellipsis, { items: resolvedItems })\n    },\n    [ellipsis, endBoundaries, items, startBoundaries],\n  )\n\n  const cloneChildren = useMemo(() => {\n    if (hasChildren) {\n      return validChildren.map((child, index) =>\n        cloneElement(child, {\n          gap,\n          isLastChild: validChildren.length === index + 1,\n          separator,\n        }),\n      )\n    } else {\n      let hiddenEllipsis: BreadcrumbGenerateItem[] = []\n\n      return items.map((item, index) => {\n        const { name, isCurrentPage, isEllipsisPage, containerProps, ...rest } =\n          item\n        const isLastChild = items.length === index + 1\n        const props: BreadcrumbItemProps = {\n          gap,\n          isCurrentPage,\n          separator,\n          ...containerProps,\n        }\n\n        if (!hasBoundaries && isEllipsisPage) {\n          hiddenEllipsis.push(item)\n\n          return isLastChild ? (\n            <BreadcrumbItem key={index} {...props} isLastChild>\n              {customEllipsis([item]) ?? <BreadcrumbEllipsis />}\n            </BreadcrumbItem>\n          ) : null\n        }\n\n        if (hasBoundaries && isExceed) {\n          const lastIndex = items.length - index - 1\n\n          if (startBoundaries! <= index && endBoundaries! <= lastIndex) {\n            if (startBoundaries === index) {\n              return (\n                <BreadcrumbItem key={index} {...props}>\n                  {customEllipsis() ?? <BreadcrumbEllipsis />}\n                </BreadcrumbItem>\n              )\n            } else {\n              return null\n            }\n          }\n        }\n\n        if (hiddenEllipsis.length) {\n          const resolvedEllipsis = customEllipsis(hiddenEllipsis) ?? (\n            <BreadcrumbEllipsis />\n          )\n\n          hiddenEllipsis = []\n\n          return (\n            <Fragment key={index}>\n              <BreadcrumbItem {...props}>{resolvedEllipsis}</BreadcrumbItem>\n\n              <BreadcrumbItem {...props} isLastChild={isLastChild}>\n                <BreadcrumbLink {...rest}>{name}</BreadcrumbLink>\n              </BreadcrumbItem>\n            </Fragment>\n          )\n        } else {\n          return (\n            <BreadcrumbItem key={index} {...props} isLastChild={isLastChild}>\n              <BreadcrumbLink {...rest}>{name}</BreadcrumbLink>\n            </BreadcrumbItem>\n          )\n        }\n      })\n    }\n  }, [\n    hasChildren,\n    validChildren,\n    separator,\n    gap,\n    items,\n    hasBoundaries,\n    isExceed,\n    startBoundaries,\n    endBoundaries,\n    customEllipsis,\n  ])\n\n  return (\n    <BreadcrumbProvider value={styles}>\n      <ui.nav\n        ref={ref}\n        className={cx(\"ui-breadcrumb\", className)}\n        aria-label=\"Breadcrumb\"\n        __css={styles.container}\n        {...rest}\n      >\n        <ui.ol className=\"ui-breadcrumb__list\" {...listProps} __css={css}>\n          {cloneChildren}\n        </ui.ol>\n      </ui.nav>\n    </BreadcrumbProvider>\n  )\n})\n\nBreadcrumb.displayName = \"Breadcrumb\"\nBreadcrumb.__ui__ = \"Breadcrumb\"\n\ninterface BreadcrumbItemOptions\n  extends Pick<BreadcrumbProps, \"gap\" | \"separator\"> {\n  /**\n   * If `true`, change to span element.\n   *\n   * @default false\n   */\n  isCurrentPage?: boolean\n  /**\n   * If `true`, not show separator.\n   *\n   * @default false\n   */\n  isLastChild?: boolean\n}\n\nexport interface BreadcrumbItemProps\n  extends Omit<HTMLUIProps<\"li\">, \"gap\">,\n    BreadcrumbItemOptions {}\n\nexport const BreadcrumbItem = forwardRef<BreadcrumbItemProps, \"li\">(\n  (\n    {\n      className,\n      children,\n      gap,\n      isCurrentPage,\n      isLastChild,\n      separator,\n      ...rest\n    },\n    ref,\n  ) => {\n    const styles = useBreadcrumb()\n\n    const validChildren = getValidChildren(children)\n\n    const cloneChildren = validChildren.map((child) => {\n      if (child.type === BreadcrumbLink) {\n        return cloneElement(child, {\n          isCurrentPage,\n        })\n      }\n\n      if (child.type === BreadcrumbSeparator) {\n        return cloneElement(child, {\n          children: child.props.children || separator,\n          gap,\n        })\n      }\n\n      return child\n    })\n\n    const css: CSSUIObject = {\n      alignItems: \"center\",\n      display: \"inline-flex\",\n      ...styles.item,\n    }\n\n    return (\n      <ui.li\n        ref={ref}\n        className={cx(\"ui-breadcrumb__item\", className)}\n        __css={css}\n        {...rest}\n      >\n        {cloneChildren}\n\n        {!isLastChild ? (\n          <BreadcrumbSeparator gap={gap}>{separator}</BreadcrumbSeparator>\n        ) : null}\n      </ui.li>\n    )\n  },\n)\n\nBreadcrumbItem.displayName = \"BreadcrumbItem\"\nBreadcrumbItem.__ui__ = \"BreadcrumbItem\"\n\ninterface BreadcrumbLinkOptions {\n  /**\n   * If `true`, change to span element.\n   *\n   * @default false\n   */\n  isCurrentPage?: boolean\n}\n\nexport interface BreadcrumbLinkProps\n  extends HTMLUIProps<\"a\">,\n    BreadcrumbLinkOptions {}\n\nexport const BreadcrumbLink = forwardRef<BreadcrumbLinkProps, \"a\">(\n  ({ className, children, href, isCurrentPage, ...rest }, ref) => {\n    const styles = useBreadcrumb()\n\n    return (\n      <ui.a\n        ref={ref}\n        as={!isCurrentPage ? \"a\" : \"span\"}\n        className={cx(\"ui-breadcrumb__link\", className)}\n        href={!isCurrentPage ? href : undefined}\n        aria-current={isCurrentPage ? \"page\" : undefined}\n        __css={styles.link}\n        {...rest}\n      >\n        {children}\n      </ui.a>\n    )\n  },\n)\nBreadcrumbLink.displayName = \"BreadcrumbLink\"\nBreadcrumbLink.__ui__ = \"BreadcrumbLink\"\n\ninterface BreadcrumbSeparatorOptions {\n  /**\n   * The CSS `margin-inline-start`, and `margin-inline-end` property.\n   */\n  gap?: CSSUIObject[\"mx\"]\n}\n\nexport interface BreadcrumbSeparatorProps\n  extends Omit<HTMLUIProps<\"span\">, \"gap\">,\n    BreadcrumbSeparatorOptions {}\n\nexport const BreadcrumbSeparator = forwardRef<BreadcrumbSeparatorProps, \"span\">(\n  ({ children, gap: mx, ...rest }, ref) => {\n    const styles = useBreadcrumb()\n    const css: CSSUIObject = {\n      mx,\n      ...styles.separator,\n    }\n\n    return (\n      <ui.span\n        ref={ref}\n        className=\"ui-breadcrumb__item__separator\"\n        __css={css}\n        {...rest}\n      >\n        {children}\n      </ui.span>\n    )\n  },\n)\n\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\"\nBreadcrumbSeparator.__ui__ = \"BreadcrumbSeparator\"\n\ninterface BreadcrumbEllipsisOptions {}\n\nexport interface BreadcrumbEllipsisProps\n  extends IconProps,\n    BreadcrumbEllipsisOptions {}\n\nexport const BreadcrumbEllipsis = forwardRef<BreadcrumbEllipsisProps, \"span\">(\n  ({ className, children, ...rest }, ref) => {\n    const styles = useBreadcrumb()\n\n    const css: CSSUIObject = {\n      ...styles.ellipsis,\n    }\n\n    return (\n      children ?? (\n        <Icon\n          ref={ref}\n          className={cx(\"ui-breadcrumb__item__ellipsis\", className)}\n          stroke=\"currentColor\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"1.5\"\n          viewBox=\"0 0 36 24\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          aria-label=\"ellipsis\"\n          __css={css}\n          {...rest}\n        >\n          <circle cx=\"10\" cy=\"12\" fill=\"currentColor\" r=\"2\" />\n          <circle cx=\"20\" cy=\"12\" fill=\"currentColor\" r=\"2\" />\n          <circle cx=\"30\" cy=\"12\" fill=\"currentColor\" r=\"2\" />\n        </Icon>\n      )\n    )\n  },\n)\n\nBreadcrumbEllipsis.displayName = \"BreadcrumbEllipsis\"\nBreadcrumbEllipsis.__ui__ = \"BreadcrumbEllipsis\"\n"],"mappings":"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","names":["rest","props"]}

package/dist/breadcrumb.mjs

@@ -5,7 +5,7 @@ import {
   BreadcrumbItem,
   BreadcrumbLink,
   BreadcrumbSeparator
-} from "./chunk-K3D3RBYU.mjs";
+} from "./chunk-6HP2ISS7.mjs";
 export {
   Breadcrumb,
   BreadcrumbEllipsis,

package/dist/{chunk-K3D3RBYU.mjs → chunk-6HP2ISS7.mjs}

@@ -2,21 +2,21 @@
 
 // src/breadcrumb.tsx
 import {
-  ui,
   forwardRef,
   omitThemeProps,
+  ui,
   useComponentMultiStyle
 } from "@yamada-ui/core";
 import { Icon } from "@yamada-ui/icon";
 import { useValue } from "@yamada-ui/use-value";
 import {
-  cx,
   createContext,
+  cx,
   getValidChildren,
   isNumber,
   runIfFunc
 } from "@yamada-ui/utils";
-import { Fragment, cloneElement, useCallback, useMemo } from "react";
+import { cloneElement, Fragment, useCallback, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var [BreadcrumbProvider, useBreadcrumb] = createContext({
   name: "BreadcrumbContext",
@@ -27,13 +27,13 @@ var Breadcrumb = forwardRef((props, ref) => {
   const {
     className,
     children,
-    separator = "/",
+    ellipsis,
+    endBoundaries: _endBoundaries,
     gap = "fallback(2, 0.5rem)",
-    listProps,
     items = [],
+    separator = "/",
     startBoundaries: _startBoundaries,
-    endBoundaries: _endBoundaries,
-    ellipsis,
+    listProps,
     ...rest
   } = omitThemeProps(mergedProps);
   let startBoundaries = useValue(_startBoundaries);
@@ -45,8 +45,8 @@ var Breadcrumb = forwardRef((props, ref) => {
   const hasBoundaries = isNumber(startBoundaries) && isNumber(endBoundaries);
   const isExceed = hasBoundaries && startBoundaries + endBoundaries < items.length;
   const css = {
-    display: "flex",
     alignItems: "center",
+    display: "flex",
     ...styles.container
   };
   const validChildren = getValidChildren(children);
@@ -63,21 +63,21 @@ var Breadcrumb = forwardRef((props, ref) => {
     if (hasChildren) {
       return validChildren.map(
         (child, index) => cloneElement(child, {
-          separator,
           gap,
-          isLastChild: validChildren.length === index + 1
+          isLastChild: validChildren.length === index + 1,
+          separator
         })
       );
     } else {
       let hiddenEllipsis = [];
       return items.map((item, index) => {
         var _a, _b, _c;
-        const { containerProps, name, isCurrentPage, isEllipsisPage, ...rest2 } = item;
+        const { name, isCurrentPage, isEllipsisPage, containerProps, ...rest2 } = item;
         const isLastChild = items.length === index + 1;
         const props2 = {
-          separator,
           gap,
           isCurrentPage,
+          separator,
           ...containerProps
         };
         if (!hasBoundaries && isEllipsisPage) {
@@ -123,8 +123,8 @@ var Breadcrumb = forwardRef((props, ref) => {
     {
       ref,
       className: cx("ui-breadcrumb", className),
-      __css: styles.container,
       "aria-label": "Breadcrumb",
+      __css: styles.container,
       ...rest,
       children: /* @__PURE__ */ jsx(ui.ol, { className: "ui-breadcrumb__list", ...listProps, __css: css, children: cloneChildren })
     }
@@ -136,10 +136,10 @@ var BreadcrumbItem = forwardRef(
   ({
     className,
     children,
-    separator,
+    gap,
     isCurrentPage,
     isLastChild,
-    gap,
+    separator,
     ...rest
   }, ref) => {
     const styles = useBreadcrumb();
@@ -152,15 +152,15 @@ var BreadcrumbItem = forwardRef(
       }
       if (child.type === BreadcrumbSeparator) {
         return cloneElement(child, {
-          gap,
-          children: child.props.children || separator
+          children: child.props.children || separator,
+          gap
         });
       }
       return child;
     });
     const css = {
-      display: "inline-flex",
       alignItems: "center",
+      display: "inline-flex",
       ...styles.item
     };
     return /* @__PURE__ */ jsxs(
@@ -181,16 +181,16 @@ var BreadcrumbItem = forwardRef(
 BreadcrumbItem.displayName = "BreadcrumbItem";
 BreadcrumbItem.__ui__ = "BreadcrumbItem";
 var BreadcrumbLink = forwardRef(
-  ({ className, children, isCurrentPage, href, ...rest }, ref) => {
+  ({ className, children, href, isCurrentPage, ...rest }, ref) => {
     const styles = useBreadcrumb();
     return /* @__PURE__ */ jsx(
       ui.a,
       {
         ref,
         as: !isCurrentPage ? "a" : "span",
+        className: cx("ui-breadcrumb__link", className),
         href: !isCurrentPage ? href : void 0,
         "aria-current": isCurrentPage ? "page" : void 0,
-        className: cx("ui-breadcrumb__link", className),
         __css: styles.link,
         ...rest,
         children
@@ -222,7 +222,7 @@ var BreadcrumbSeparator = forwardRef(
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
 BreadcrumbSeparator.__ui__ = "BreadcrumbSeparator";
 var BreadcrumbEllipsis = forwardRef(
-  ({ children, className, ...rest }, ref) => {
+  ({ className, children, ...rest }, ref) => {
     const styles = useBreadcrumb();
     const css = {
       ...styles.ellipsis
@@ -231,20 +231,20 @@ var BreadcrumbEllipsis = forwardRef(
       Icon,
       {
         ref,
-        "aria-label": "ellipsis",
         className: cx("ui-breadcrumb__item__ellipsis", className),
-        __css: css,
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 36 24",
         stroke: "currentColor",
-        strokeWidth: "1.5",
         strokeLinecap: "round",
         strokeLinejoin: "round",
+        strokeWidth: "1.5",
+        viewBox: "0 0 36 24",
+        xmlns: "http://www.w3.org/2000/svg",
+        "aria-label": "ellipsis",
+        __css: css,
         ...rest,
         children: [
-          /* @__PURE__ */ jsx("circle", { cx: "10", cy: "12", r: "2", fill: "currentColor" }),
-          /* @__PURE__ */ jsx("circle", { cx: "20", cy: "12", r: "2", fill: "currentColor" }),
-          /* @__PURE__ */ jsx("circle", { cx: "30", cy: "12", r: "2", fill: "currentColor" })
+          /* @__PURE__ */ jsx("circle", { cx: "10", cy: "12", fill: "currentColor", r: "2" }),
+          /* @__PURE__ */ jsx("circle", { cx: "20", cy: "12", fill: "currentColor", r: "2" }),
+          /* @__PURE__ */ jsx("circle", { cx: "30", cy: "12", fill: "currentColor", r: "2" })
         ]
       }
     );
@@ -260,4 +260,4 @@ export {
   BreadcrumbSeparator,
   BreadcrumbEllipsis
 };
-//# sourceMappingURL=chunk-K3D3RBYU.mjs.map
+//# sourceMappingURL=chunk-6HP2ISS7.mjs.map

package/dist/chunk-6HP2ISS7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/breadcrumb.tsx"],"sourcesContent":["import type {\n  CSSUIObject,\n  CSSUIProps,\n  HTMLUIProps,\n  ThemeProps,\n  Token,\n} from \"@yamada-ui/core\"\nimport type { IconProps } from \"@yamada-ui/icon\"\nimport type { ReactElement, ReactNode } from \"react\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useComponentMultiStyle,\n} from \"@yamada-ui/core\"\nimport { Icon } from \"@yamada-ui/icon\"\nimport { useValue } from \"@yamada-ui/use-value\"\nimport {\n  createContext,\n  cx,\n  getValidChildren,\n  isNumber,\n  runIfFunc,\n} from \"@yamada-ui/utils\"\nimport { cloneElement, Fragment, useCallback, useMemo } from \"react\"\n\nconst [BreadcrumbProvider, useBreadcrumb] = createContext<{\n  [key: string]: CSSUIObject | undefined\n}>({\n  name: \"BreadcrumbContext\",\n  errorMessage: `useBreadcrumb returned is 'undefined'. Seems you forgot to wrap the components in \"<Breadcrumb />\" `,\n})\n\nexport interface BreadcrumbGenerateItem extends BreadcrumbLinkProps {\n  name?: ReactNode\n  isEllipsisPage?: boolean\n  containerProps?: Omit<BreadcrumbItemProps, \"isLastChild\">\n}\n\ninterface BreadcrumbOptions {\n  /**\n   * The icon to be used in the ellipsis.\n   */\n  ellipsis?:\n    | ((props: { items: BreadcrumbGenerateItem[] }) => ReactNode)\n    | ReactNode\n  /**\n   * Number of elements visible on the end(right) edges.\n   */\n  endBoundaries?: Token<number>\n  /**\n   * The left and right margin applied to the separator.\n   *\n   * @default '2'\n   */\n  gap?: CSSUIProps[\"mx\"]\n  /**\n   * If provided, generate breadcrumb items based on items.\n   */\n  items?: BreadcrumbGenerateItem[]\n  /**\n   * The visual separator between each breadcrumb item.\n   *\n   * @default '/'\n   */\n  separator?: ReactElement | string\n  /**\n   * Number of elements visible on the start(left) edges.\n   */\n  startBoundaries?: Token<number>\n  /**\n   * Props for ol element.\n   */\n  listProps?: HTMLUIProps<\"ol\">\n}\n\nexport interface BreadcrumbProps\n  extends Omit<HTMLUIProps<\"nav\">, \"gap\">,\n    ThemeProps<\"Breadcrumb\">,\n    BreadcrumbOptions {}\n\n/**\n * `Breadcrumb` is a component that helps users understand the hierarchy of a website.\n *\n * @see Docs https://yamada-ui.com/components/navigation/breadcrumb\n */\nexport const Breadcrumb = forwardRef<BreadcrumbProps, \"nav\">((props, ref) => {\n  const [styles, mergedProps] = useComponentMultiStyle(\"Breadcrumb\", props)\n\n  const {\n    className,\n    children,\n    ellipsis,\n    endBoundaries: _endBoundaries,\n    gap = \"fallback(2, 0.5rem)\",\n    items = [],\n    separator = \"/\",\n    startBoundaries: _startBoundaries,\n    listProps,\n    ...rest\n  } = omitThemeProps(mergedProps)\n  let startBoundaries = useValue(_startBoundaries)\n  let endBoundaries = useValue(_endBoundaries)\n\n  if (startBoundaries === 0) startBoundaries = 1\n  if (endBoundaries === 0) endBoundaries = 1\n\n  if (startBoundaries) endBoundaries ??= 1\n  if (endBoundaries) startBoundaries ??= 1\n\n  const hasBoundaries = isNumber(startBoundaries) && isNumber(endBoundaries)\n  const isExceed =\n    hasBoundaries && startBoundaries! + endBoundaries! < items.length\n\n  const css: CSSUIObject = {\n    alignItems: \"center\",\n    display: \"flex\",\n    ...styles.container,\n  }\n\n  const validChildren = getValidChildren(children)\n  const hasChildren = validChildren.length\n\n  const customEllipsis = useCallback(\n    (providedItems?: BreadcrumbGenerateItem[]) => {\n      if (!ellipsis) return null\n\n      const resolvedItems =\n        providedItems ??\n        items.slice(startBoundaries!, items.length - endBoundaries!)\n\n      return runIfFunc(ellipsis, { items: resolvedItems })\n    },\n    [ellipsis, endBoundaries, items, startBoundaries],\n  )\n\n  const cloneChildren = useMemo(() => {\n    if (hasChildren) {\n      return validChildren.map((child, index) =>\n        cloneElement(child, {\n          gap,\n          isLastChild: validChildren.length === index + 1,\n          separator,\n        }),\n      )\n    } else {\n      let hiddenEllipsis: BreadcrumbGenerateItem[] = []\n\n      return items.map((item, index) => {\n        const { name, isCurrentPage, isEllipsisPage, containerProps, ...rest } =\n          item\n        const isLastChild = items.length === index + 1\n        const props: BreadcrumbItemProps = {\n          gap,\n          isCurrentPage,\n          separator,\n          ...containerProps,\n        }\n\n        if (!hasBoundaries && isEllipsisPage) {\n          hiddenEllipsis.push(item)\n\n          return isLastChild ? (\n            <BreadcrumbItem key={index} {...props} isLastChild>\n              {customEllipsis([item]) ?? <BreadcrumbEllipsis />}\n            </BreadcrumbItem>\n          ) : null\n        }\n\n        if (hasBoundaries && isExceed) {\n          const lastIndex = items.length - index - 1\n\n          if (startBoundaries! <= index && endBoundaries! <= lastIndex) {\n            if (startBoundaries === index) {\n              return (\n                <BreadcrumbItem key={index} {...props}>\n                  {customEllipsis() ?? <BreadcrumbEllipsis />}\n                </BreadcrumbItem>\n              )\n            } else {\n              return null\n            }\n          }\n        }\n\n        if (hiddenEllipsis.length) {\n          const resolvedEllipsis = customEllipsis(hiddenEllipsis) ?? (\n            <BreadcrumbEllipsis />\n          )\n\n          hiddenEllipsis = []\n\n          return (\n            <Fragment key={index}>\n              <BreadcrumbItem {...props}>{resolvedEllipsis}</BreadcrumbItem>\n\n              <BreadcrumbItem {...props} isLastChild={isLastChild}>\n                <BreadcrumbLink {...rest}>{name}</BreadcrumbLink>\n              </BreadcrumbItem>\n            </Fragment>\n          )\n        } else {\n          return (\n            <BreadcrumbItem key={index} {...props} isLastChild={isLastChild}>\n              <BreadcrumbLink {...rest}>{name}</BreadcrumbLink>\n            </BreadcrumbItem>\n          )\n        }\n      })\n    }\n  }, [\n    hasChildren,\n    validChildren,\n    separator,\n    gap,\n    items,\n    hasBoundaries,\n    isExceed,\n    startBoundaries,\n    endBoundaries,\n    customEllipsis,\n  ])\n\n  return (\n    <BreadcrumbProvider value={styles}>\n      <ui.nav\n        ref={ref}\n        className={cx(\"ui-breadcrumb\", className)}\n        aria-label=\"Breadcrumb\"\n        __css={styles.container}\n        {...rest}\n      >\n        <ui.ol className=\"ui-breadcrumb__list\" {...listProps} __css={css}>\n          {cloneChildren}\n        </ui.ol>\n      </ui.nav>\n    </BreadcrumbProvider>\n  )\n})\n\nBreadcrumb.displayName = \"Breadcrumb\"\nBreadcrumb.__ui__ = \"Breadcrumb\"\n\ninterface BreadcrumbItemOptions\n  extends Pick<BreadcrumbProps, \"gap\" | \"separator\"> {\n  /**\n   * If `true`, change to span element.\n   *\n   * @default false\n   */\n  isCurrentPage?: boolean\n  /**\n   * If `true`, not show separator.\n   *\n   * @default false\n   */\n  isLastChild?: boolean\n}\n\nexport interface BreadcrumbItemProps\n  extends Omit<HTMLUIProps<\"li\">, \"gap\">,\n    BreadcrumbItemOptions {}\n\nexport const BreadcrumbItem = forwardRef<BreadcrumbItemProps, \"li\">(\n  (\n    {\n      className,\n      children,\n      gap,\n      isCurrentPage,\n      isLastChild,\n      separator,\n      ...rest\n    },\n    ref,\n  ) => {\n    const styles = useBreadcrumb()\n\n    const validChildren = getValidChildren(children)\n\n    const cloneChildren = validChildren.map((child) => {\n      if (child.type === BreadcrumbLink) {\n        return cloneElement(child, {\n          isCurrentPage,\n        })\n      }\n\n      if (child.type === BreadcrumbSeparator) {\n        return cloneElement(child, {\n          children: child.props.children || separator,\n          gap,\n        })\n      }\n\n      return child\n    })\n\n    const css: CSSUIObject = {\n      alignItems: \"center\",\n      display: \"inline-flex\",\n      ...styles.item,\n    }\n\n    return (\n      <ui.li\n        ref={ref}\n        className={cx(\"ui-breadcrumb__item\", className)}\n        __css={css}\n        {...rest}\n      >\n        {cloneChildren}\n\n        {!isLastChild ? (\n          <BreadcrumbSeparator gap={gap}>{separator}</BreadcrumbSeparator>\n        ) : null}\n      </ui.li>\n    )\n  },\n)\n\nBreadcrumbItem.displayName = \"BreadcrumbItem\"\nBreadcrumbItem.__ui__ = \"BreadcrumbItem\"\n\ninterface BreadcrumbLinkOptions {\n  /**\n   * If `true`, change to span element.\n   *\n   * @default false\n   */\n  isCurrentPage?: boolean\n}\n\nexport interface BreadcrumbLinkProps\n  extends HTMLUIProps<\"a\">,\n    BreadcrumbLinkOptions {}\n\nexport const BreadcrumbLink = forwardRef<BreadcrumbLinkProps, \"a\">(\n  ({ className, children, href, isCurrentPage, ...rest }, ref) => {\n    const styles = useBreadcrumb()\n\n    return (\n      <ui.a\n        ref={ref}\n        as={!isCurrentPage ? \"a\" : \"span\"}\n        className={cx(\"ui-breadcrumb__link\", className)}\n        href={!isCurrentPage ? href : undefined}\n        aria-current={isCurrentPage ? \"page\" : undefined}\n        __css={styles.link}\n        {...rest}\n      >\n        {children}\n      </ui.a>\n    )\n  },\n)\nBreadcrumbLink.displayName = \"BreadcrumbLink\"\nBreadcrumbLink.__ui__ = \"BreadcrumbLink\"\n\ninterface BreadcrumbSeparatorOptions {\n  /**\n   * The CSS `margin-inline-start`, and `margin-inline-end` property.\n   */\n  gap?: CSSUIObject[\"mx\"]\n}\n\nexport interface BreadcrumbSeparatorProps\n  extends Omit<HTMLUIProps<\"span\">, \"gap\">,\n    BreadcrumbSeparatorOptions {}\n\nexport const BreadcrumbSeparator = forwardRef<BreadcrumbSeparatorProps, \"span\">(\n  ({ children, gap: mx, ...rest }, ref) => {\n    const styles = useBreadcrumb()\n    const css: CSSUIObject = {\n      mx,\n      ...styles.separator,\n    }\n\n    return (\n      <ui.span\n        ref={ref}\n        className=\"ui-breadcrumb__item__separator\"\n        __css={css}\n        {...rest}\n      >\n        {children}\n      </ui.span>\n    )\n  },\n)\n\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\"\nBreadcrumbSeparator.__ui__ = \"BreadcrumbSeparator\"\n\ninterface BreadcrumbEllipsisOptions {}\n\nexport interface BreadcrumbEllipsisProps\n  extends IconProps,\n    BreadcrumbEllipsisOptions {}\n\nexport const BreadcrumbEllipsis = forwardRef<BreadcrumbEllipsisProps, \"span\">(\n  ({ className, children, ...rest }, ref) => {\n    const styles = useBreadcrumb()\n\n    const css: CSSUIObject = {\n      ...styles.ellipsis,\n    }\n\n    return (\n      children ?? (\n        <Icon\n          ref={ref}\n          className={cx(\"ui-breadcrumb__item__ellipsis\", className)}\n          stroke=\"currentColor\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"1.5\"\n          viewBox=\"0 0 36 24\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          aria-label=\"ellipsis\"\n          __css={css}\n          {...rest}\n        >\n          <circle cx=\"10\" cy=\"12\" fill=\"currentColor\" r=\"2\" />\n          <circle cx=\"20\" cy=\"12\" fill=\"currentColor\" r=\"2\" />\n          <circle cx=\"30\" cy=\"12\" fill=\"currentColor\" r=\"2\" />\n        </Icon>\n      )\n    )\n  },\n)\n\nBreadcrumbEllipsis.displayName = \"BreadcrumbEllipsis\"\nBreadcrumbEllipsis.__ui__ = \"BreadcrumbEllipsis\"\n"],"mappings":"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","names":["rest","props"]}

package/dist/index.js

@@ -45,13 +45,13 @@ var Breadcrumb = (0, import_core.forwardRef)((props, ref) => {
   const {
     className,
     children,
-    separator = "/",
+    ellipsis,
+    endBoundaries: _endBoundaries,
     gap = "fallback(2, 0.5rem)",
-    listProps,
     items = [],
+    separator = "/",
     startBoundaries: _startBoundaries,
-    endBoundaries: _endBoundaries,
-    ellipsis,
+    listProps,
     ...rest
   } = (0, import_core.omitThemeProps)(mergedProps);
   let startBoundaries = (0, import_use_value.useValue)(_startBoundaries);
@@ -63,8 +63,8 @@ var Breadcrumb = (0, import_core.forwardRef)((props, ref) => {
   const hasBoundaries = (0, import_utils.isNumber)(startBoundaries) && (0, import_utils.isNumber)(endBoundaries);
   const isExceed = hasBoundaries && startBoundaries + endBoundaries < items.length;
   const css = {
-    display: "flex",
     alignItems: "center",
+    display: "flex",
     ...styles.container
   };
   const validChildren = (0, import_utils.getValidChildren)(children);
@@ -81,21 +81,21 @@ var Breadcrumb = (0, import_core.forwardRef)((props, ref) => {
     if (hasChildren) {
       return validChildren.map(
         (child, index) => (0, import_react.cloneElement)(child, {
-          separator,
           gap,
-          isLastChild: validChildren.length === index + 1
+          isLastChild: validChildren.length === index + 1,
+          separator
         })
       );
     } else {
       let hiddenEllipsis = [];
       return items.map((item, index) => {
         var _a, _b, _c;
-        const { containerProps, name, isCurrentPage, isEllipsisPage, ...rest2 } = item;
+        const { name, isCurrentPage, isEllipsisPage, containerProps, ...rest2 } = item;
         const isLastChild = items.length === index + 1;
         const props2 = {
-          separator,
           gap,
           isCurrentPage,
+          separator,
           ...containerProps
         };
         if (!hasBoundaries && isEllipsisPage) {
@@ -141,8 +141,8 @@ var Breadcrumb = (0, import_core.forwardRef)((props, ref) => {
     {
       ref,
       className: (0, import_utils.cx)("ui-breadcrumb", className),
-      __css: styles.container,
       "aria-label": "Breadcrumb",
+      __css: styles.container,
       ...rest,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.ui.ol, { className: "ui-breadcrumb__list", ...listProps, __css: css, children: cloneChildren })
     }
@@ -154,10 +154,10 @@ var BreadcrumbItem = (0, import_core.forwardRef)(
   ({
     className,
     children,
-    separator,
+    gap,
     isCurrentPage,
     isLastChild,
-    gap,
+    separator,
     ...rest
   }, ref) => {
     const styles = useBreadcrumb();
@@ -170,15 +170,15 @@ var BreadcrumbItem = (0, import_core.forwardRef)(
       }
       if (child.type === BreadcrumbSeparator) {
         return (0, import_react.cloneElement)(child, {
-          gap,
-          children: child.props.children || separator
+          children: child.props.children || separator,
+          gap
         });
       }
       return child;
     });
     const css = {
-      display: "inline-flex",
       alignItems: "center",
+      display: "inline-flex",
       ...styles.item
     };
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
@@ -199,16 +199,16 @@ var BreadcrumbItem = (0, import_core.forwardRef)(
 BreadcrumbItem.displayName = "BreadcrumbItem";
 BreadcrumbItem.__ui__ = "BreadcrumbItem";
 var BreadcrumbLink = (0, import_core.forwardRef)(
-  ({ className, children, isCurrentPage, href, ...rest }, ref) => {
+  ({ className, children, href, isCurrentPage, ...rest }, ref) => {
     const styles = useBreadcrumb();
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_core.ui.a,
       {
         ref,
         as: !isCurrentPage ? "a" : "span",
+        className: (0, import_utils.cx)("ui-breadcrumb__link", className),
         href: !isCurrentPage ? href : void 0,
         "aria-current": isCurrentPage ? "page" : void 0,
-        className: (0, import_utils.cx)("ui-breadcrumb__link", className),
         __css: styles.link,
         ...rest,
         children
@@ -240,7 +240,7 @@ var BreadcrumbSeparator = (0, import_core.forwardRef)(
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
 BreadcrumbSeparator.__ui__ = "BreadcrumbSeparator";
 var BreadcrumbEllipsis = (0, import_core.forwardRef)(
-  ({ children, className, ...rest }, ref) => {
+  ({ className, children, ...rest }, ref) => {
     const styles = useBreadcrumb();
     const css = {
       ...styles.ellipsis
@@ -249,20 +249,20 @@ var BreadcrumbEllipsis = (0, import_core.forwardRef)(
       import_icon.Icon,
       {
         ref,
-        "aria-label": "ellipsis",
         className: (0, import_utils.cx)("ui-breadcrumb__item__ellipsis", className),
-        __css: css,
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 36 24",
         stroke: "currentColor",
-        strokeWidth: "1.5",
         strokeLinecap: "round",
         strokeLinejoin: "round",
+        strokeWidth: "1.5",
+        viewBox: "0 0 36 24",
+        xmlns: "http://www.w3.org/2000/svg",
+        "aria-label": "ellipsis",
+        __css: css,
         ...rest,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "10", cy: "12", r: "2", fill: "currentColor" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "20", cy: "12", r: "2", fill: "currentColor" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "30", cy: "12", r: "2", fill: "currentColor" })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "10", cy: "12", fill: "currentColor", r: "2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "20", cy: "12", fill: "currentColor", r: "2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "30", cy: "12", fill: "currentColor", r: "2" })
         ]
       }
     );

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/breadcrumb.tsx"],"sourcesContent":["export {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n} from \"./breadcrumb\"\nexport type {\n  BreadcrumbProps,\n  BreadcrumbItemProps,\n  BreadcrumbLinkProps,\n  BreadcrumbSeparatorProps,\n  BreadcrumbEllipsisProps,\n  BreadcrumbGenerateItem,\n} from \"./breadcrumb\"\n","import type {\n  HTMLUIProps,\n  ThemeProps,\n  CSSUIObject,\n  CSSUIProps,\n  Token,\n} from \"@yamada-ui/core\"\nimport {\n  ui,\n  forwardRef,\n  omitThemeProps,\n  useComponentMultiStyle,\n} from \"@yamada-ui/core\"\nimport { Icon } from \"@yamada-ui/icon\"\nimport type { IconProps } from \"@yamada-ui/icon\"\nimport { useValue } from \"@yamada-ui/use-value\"\nimport {\n  cx,\n  createContext,\n  getValidChildren,\n  isNumber,\n  runIfFunc,\n} from \"@yamada-ui/utils\"\nimport type { ReactNode } from \"react\"\nimport { Fragment, cloneElement, useCallback, useMemo } from \"react\"\n\nconst [BreadcrumbProvider, useBreadcrumb] = createContext<{\n  [key: string]: CSSUIObject\n}>({\n  name: \"BreadcrumbContext\",\n  errorMessage: `useBreadcrumb returned is 'undefined'. Seems you forgot to wrap the components in \"<Breadcrumb />\" `,\n})\n\nexport interface BreadcrumbGenerateItem extends BreadcrumbLinkProps {\n  name?: ReactNode\n  containerProps?: Omit<BreadcrumbItemProps, \"isLastChild\">\n  isEllipsisPage?: boolean\n}\n\ninterface BreadcrumbOptions {\n  /**\n   * The visual separator between each breadcrumb item.\n   *\n   * @default '/'\n   */\n  separator?: string | JSX.Element\n  /**\n   * The left and right margin applied to the separator.\n   *\n   * @default '2'\n   */\n  gap?: CSSUIProps[\"mx\"]\n  /**\n   * Props for ol element.\n   */\n  listProps?: HTMLUIProps<\"ol\">\n  /**\n   * If provided, generate breadcrumb items based on items.\n   */\n  items?: BreadcrumbGenerateItem[]\n  /**\n   * Number of elements visible on the start(left) edges.\n   */\n  startBoundaries?: Token<number>\n  /**\n   * Number of elements visible on the end(right) edges.\n   */\n  endBoundaries?: Token<number>\n  /**\n   * The icon to be used in the ellipsis.\n   */\n  ellipsis?:\n    | ReactNode\n    | ((props: { items: BreadcrumbGenerateItem[] }) => ReactNode)\n}\n\nexport interface BreadcrumbProps\n  extends Omit<HTMLUIProps<\"nav\">, \"gap\">,\n    ThemeProps<\"Breadcrumb\">,\n    BreadcrumbOptions {}\n\n/**\n * `Breadcrumb` is a component that helps users understand the hierarchy of a website.\n *\n * @see Docs https://yamada-ui.com/components/navigation/breadcrumb\n */\nexport const Breadcrumb = forwardRef<BreadcrumbProps, \"nav\">((props, ref) => {\n  const [styles, mergedProps] = useComponentMultiStyle(\"Breadcrumb\", props)\n\n  const {\n    className,\n    children,\n    separator = \"/\",\n    gap = \"fallback(2, 0.5rem)\",\n    listProps,\n    items = [],\n    startBoundaries: _startBoundaries,\n    endBoundaries: _endBoundaries,\n    ellipsis,\n    ...rest\n  } = omitThemeProps(mergedProps)\n  let startBoundaries = useValue(_startBoundaries)\n  let endBoundaries = useValue(_endBoundaries)\n\n  if (startBoundaries === 0) startBoundaries = 1\n  if (endBoundaries === 0) endBoundaries = 1\n\n  if (startBoundaries) endBoundaries ??= 1\n  if (endBoundaries) startBoundaries ??= 1\n\n  const hasBoundaries = isNumber(startBoundaries) && isNumber(endBoundaries)\n  const isExceed =\n    hasBoundaries && startBoundaries! + endBoundaries! < items.length\n\n  const css: CSSUIObject = {\n    display: \"flex\",\n    alignItems: \"center\",\n    ...styles.container,\n  }\n\n  const validChildren = getValidChildren(children)\n  const hasChildren = validChildren.length\n\n  const customEllipsis = useCallback(\n    (providedItems?: BreadcrumbGenerateItem[]) => {\n      if (!ellipsis) return null\n\n      const resolvedItems =\n        providedItems ??\n        items.slice(startBoundaries!, items.length - endBoundaries!)\n\n      return runIfFunc(ellipsis, { items: resolvedItems })\n    },\n    [ellipsis, endBoundaries, items, startBoundaries],\n  )\n\n  const cloneChildren = useMemo(() => {\n    if (hasChildren) {\n      return validChildren.map((child, index) =>\n        cloneElement(child, {\n          separator,\n          gap,\n          isLastChild: validChildren.length === index + 1,\n        }),\n      )\n    } else {\n      let hiddenEllipsis: BreadcrumbGenerateItem[] = []\n\n      return items.map((item, index) => {\n        const { containerProps, name, isCurrentPage, isEllipsisPage, ...rest } =\n          item\n        const isLastChild = items.length === index + 1\n        const props: BreadcrumbItemProps = {\n          separator,\n          gap,\n          isCurrentPage,\n          ...containerProps,\n        }\n\n        if (!hasBoundaries && isEllipsisPage) {\n          hiddenEllipsis.push(item)\n\n          return isLastChild ? (\n            <BreadcrumbItem key={index} {...props} isLastChild>\n              {customEllipsis([item]) ?? <BreadcrumbEllipsis />}\n            </BreadcrumbItem>\n          ) : null\n        }\n\n        if (hasBoundaries && isExceed) {\n          const lastIndex = items.length - index - 1\n\n          if (startBoundaries! <= index && endBoundaries! <= lastIndex) {\n            if (startBoundaries === index) {\n              return (\n                <BreadcrumbItem key={index} {...props}>\n                  {customEllipsis() ?? <BreadcrumbEllipsis />}\n                </BreadcrumbItem>\n              )\n            } else {\n              return null\n            }\n          }\n        }\n\n        if (hiddenEllipsis.length) {\n          const resolvedEllipsis = customEllipsis(hiddenEllipsis) ?? (\n            <BreadcrumbEllipsis />\n          )\n\n          hiddenEllipsis = []\n\n          return (\n            <Fragment key={index}>\n              <BreadcrumbItem {...props}>{resolvedEllipsis}</BreadcrumbItem>\n\n              <BreadcrumbItem {...props} isLastChild={isLastChild}>\n                <BreadcrumbLink {...rest}>{name}</BreadcrumbLink>\n              </BreadcrumbItem>\n            </Fragment>\n          )\n        } else {\n          return (\n            <BreadcrumbItem key={index} {...props} isLastChild={isLastChild}>\n              <BreadcrumbLink {...rest}>{name}</BreadcrumbLink>\n            </BreadcrumbItem>\n          )\n        }\n      })\n    }\n  }, [\n    hasChildren,\n    validChildren,\n    separator,\n    gap,\n    items,\n    hasBoundaries,\n    isExceed,\n    startBoundaries,\n    endBoundaries,\n    customEllipsis,\n  ])\n\n  return (\n    <BreadcrumbProvider value={styles}>\n      <ui.nav\n        ref={ref}\n        className={cx(\"ui-breadcrumb\", className)}\n        __css={styles.container}\n        aria-label=\"Breadcrumb\"\n        {...rest}\n      >\n        <ui.ol className=\"ui-breadcrumb__list\" {...listProps} __css={css}>\n          {cloneChildren}\n        </ui.ol>\n      </ui.nav>\n    </BreadcrumbProvider>\n  )\n})\n\nBreadcrumb.displayName = \"Breadcrumb\"\nBreadcrumb.__ui__ = \"Breadcrumb\"\n\ninterface BreadcrumbItemOptions\n  extends Pick<BreadcrumbProps, \"separator\" | \"gap\"> {\n  /**\n   * If `true`, change to span element.\n   *\n   * @default false\n   */\n  isCurrentPage?: boolean\n  /**\n   * If `true`, not show separator.\n   *\n   * @default false\n   */\n  isLastChild?: boolean\n}\n\nexport interface BreadcrumbItemProps\n  extends Omit<HTMLUIProps<\"li\">, \"gap\">,\n    BreadcrumbItemOptions {}\n\nexport const BreadcrumbItem = forwardRef<BreadcrumbItemProps, \"li\">(\n  (\n    {\n      className,\n      children,\n      separator,\n      isCurrentPage,\n      isLastChild,\n      gap,\n      ...rest\n    },\n    ref,\n  ) => {\n    const styles = useBreadcrumb()\n\n    const validChildren = getValidChildren(children)\n\n    const cloneChildren = validChildren.map((child) => {\n      if (child.type === BreadcrumbLink) {\n        return cloneElement(child, {\n          isCurrentPage,\n        })\n      }\n\n      if (child.type === BreadcrumbSeparator) {\n        return cloneElement(child, {\n          gap,\n          children: child.props.children || separator,\n        })\n      }\n\n      return child\n    })\n\n    const css: CSSUIObject = {\n      display: \"inline-flex\",\n      alignItems: \"center\",\n      ...styles.item,\n    }\n\n    return (\n      <ui.li\n        ref={ref}\n        className={cx(\"ui-breadcrumb__item\", className)}\n        __css={css}\n        {...rest}\n      >\n        {cloneChildren}\n\n        {!isLastChild ? (\n          <BreadcrumbSeparator gap={gap}>{separator}</BreadcrumbSeparator>\n        ) : null}\n      </ui.li>\n    )\n  },\n)\n\nBreadcrumbItem.displayName = \"BreadcrumbItem\"\nBreadcrumbItem.__ui__ = \"BreadcrumbItem\"\n\ninterface BreadcrumbLinkOptions {\n  /**\n   * If `true`, change to span element.\n   *\n   * @default false\n   */\n  isCurrentPage?: boolean\n}\n\nexport interface BreadcrumbLinkProps\n  extends HTMLUIProps<\"a\">,\n    BreadcrumbLinkOptions {}\n\nexport const BreadcrumbLink = forwardRef<BreadcrumbLinkProps, \"a\">(\n  ({ className, children, isCurrentPage, href, ...rest }, ref) => {\n    const styles = useBreadcrumb()\n\n    return (\n      <ui.a\n        ref={ref}\n        as={!isCurrentPage ? \"a\" : \"span\"}\n        href={!isCurrentPage ? href : undefined}\n        aria-current={isCurrentPage ? \"page\" : undefined}\n        className={cx(\"ui-breadcrumb__link\", className)}\n        __css={styles.link}\n        {...rest}\n      >\n        {children}\n      </ui.a>\n    )\n  },\n)\nBreadcrumbLink.displayName = \"BreadcrumbLink\"\nBreadcrumbLink.__ui__ = \"BreadcrumbLink\"\n\ninterface BreadcrumbSeparatorOptions {\n  /**\n   * The CSS `margin-inline-start`, and `margin-inline-end` property.\n   */\n  gap?: CSSUIObject[\"mx\"]\n}\n\nexport interface BreadcrumbSeparatorProps\n  extends Omit<HTMLUIProps<\"span\">, \"gap\">,\n    BreadcrumbSeparatorOptions {}\n\nexport const BreadcrumbSeparator = forwardRef<BreadcrumbSeparatorProps, \"span\">(\n  ({ children, gap: mx, ...rest }, ref) => {\n    const styles = useBreadcrumb()\n    const css: CSSUIObject = {\n      mx,\n      ...styles.separator,\n    }\n\n    return (\n      <ui.span\n        ref={ref}\n        className=\"ui-breadcrumb__item__separator\"\n        __css={css}\n        {...rest}\n      >\n        {children}\n      </ui.span>\n    )\n  },\n)\n\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\"\nBreadcrumbSeparator.__ui__ = \"BreadcrumbSeparator\"\n\ninterface BreadcrumbEllipsisOptions {}\n\nexport interface BreadcrumbEllipsisProps\n  extends IconProps,\n    BreadcrumbEllipsisOptions {}\n\nexport const BreadcrumbEllipsis = forwardRef<BreadcrumbEllipsisProps, \"span\">(\n  ({ children, className, ...rest }, ref) => {\n    const styles = useBreadcrumb()\n\n    const css: CSSUIObject = {\n      ...styles.ellipsis,\n    }\n\n    return (\n      children ?? (\n        <Icon\n          ref={ref}\n          aria-label=\"ellipsis\"\n          className={cx(\"ui-breadcrumb__item__ellipsis\", className)}\n          __css={css}\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 36 24\"\n          stroke=\"currentColor\"\n          strokeWidth=\"1.5\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          {...rest}\n        >\n          <circle cx=\"10\" cy=\"12\" r=\"2\" fill=\"currentColor\" />\n          <circle cx=\"20\" cy=\"12\" r=\"2\" fill=\"currentColor\" />\n          <circle cx=\"30\" cy=\"12\" r=\"2\" fill=\"currentColor\" />\n        </Icon>\n      )\n    )\n  },\n)\n\nBreadcrumbEllipsis.displayName = \"BreadcrumbEllipsis\"\nBreadcrumbEllipsis.__ui__ = \"BreadcrumbEllipsis\"\n"],"mappings":"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","names":["rest","props"]}
+{"version":3,"sources":["../src/index.ts","../src/breadcrumb.tsx"],"sourcesContent":["export {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbSeparator,\n} from \"./breadcrumb\"\nexport type {\n  BreadcrumbEllipsisProps,\n  BreadcrumbGenerateItem,\n  BreadcrumbItemProps,\n  BreadcrumbLinkProps,\n  BreadcrumbProps,\n  BreadcrumbSeparatorProps,\n} from \"./breadcrumb\"\n","import type {\n  CSSUIObject,\n  CSSUIProps,\n  HTMLUIProps,\n  ThemeProps,\n  Token,\n} from \"@yamada-ui/core\"\nimport type { IconProps } from \"@yamada-ui/icon\"\nimport type { ReactElement, ReactNode } from \"react\"\nimport {\n  forwardRef,\n  omitThemeProps,\n  ui,\n  useComponentMultiStyle,\n} from \"@yamada-ui/core\"\nimport { Icon } from \"@yamada-ui/icon\"\nimport { useValue } from \"@yamada-ui/use-value\"\nimport {\n  createContext,\n  cx,\n  getValidChildren,\n  isNumber,\n  runIfFunc,\n} from \"@yamada-ui/utils\"\nimport { cloneElement, Fragment, useCallback, useMemo } from \"react\"\n\nconst [BreadcrumbProvider, useBreadcrumb] = createContext<{\n  [key: string]: CSSUIObject | undefined\n}>({\n  name: \"BreadcrumbContext\",\n  errorMessage: `useBreadcrumb returned is 'undefined'. Seems you forgot to wrap the components in \"<Breadcrumb />\" `,\n})\n\nexport interface BreadcrumbGenerateItem extends BreadcrumbLinkProps {\n  name?: ReactNode\n  isEllipsisPage?: boolean\n  containerProps?: Omit<BreadcrumbItemProps, \"isLastChild\">\n}\n\ninterface BreadcrumbOptions {\n  /**\n   * The icon to be used in the ellipsis.\n   */\n  ellipsis?:\n    | ((props: { items: BreadcrumbGenerateItem[] }) => ReactNode)\n    | ReactNode\n  /**\n   * Number of elements visible on the end(right) edges.\n   */\n  endBoundaries?: Token<number>\n  /**\n   * The left and right margin applied to the separator.\n   *\n   * @default '2'\n   */\n  gap?: CSSUIProps[\"mx\"]\n  /**\n   * If provided, generate breadcrumb items based on items.\n   */\n  items?: BreadcrumbGenerateItem[]\n  /**\n   * The visual separator between each breadcrumb item.\n   *\n   * @default '/'\n   */\n  separator?: ReactElement | string\n  /**\n   * Number of elements visible on the start(left) edges.\n   */\n  startBoundaries?: Token<number>\n  /**\n   * Props for ol element.\n   */\n  listProps?: HTMLUIProps<\"ol\">\n}\n\nexport interface BreadcrumbProps\n  extends Omit<HTMLUIProps<\"nav\">, \"gap\">,\n    ThemeProps<\"Breadcrumb\">,\n    BreadcrumbOptions {}\n\n/**\n * `Breadcrumb` is a component that helps users understand the hierarchy of a website.\n *\n * @see Docs https://yamada-ui.com/components/navigation/breadcrumb\n */\nexport const Breadcrumb = forwardRef<BreadcrumbProps, \"nav\">((props, ref) => {\n  const [styles, mergedProps] = useComponentMultiStyle(\"Breadcrumb\", props)\n\n  const {\n    className,\n    children,\n    ellipsis,\n    endBoundaries: _endBoundaries,\n    gap = \"fallback(2, 0.5rem)\",\n    items = [],\n    separator = \"/\",\n    startBoundaries: _startBoundaries,\n    listProps,\n    ...rest\n  } = omitThemeProps(mergedProps)\n  let startBoundaries = useValue(_startBoundaries)\n  let endBoundaries = useValue(_endBoundaries)\n\n  if (startBoundaries === 0) startBoundaries = 1\n  if (endBoundaries === 0) endBoundaries = 1\n\n  if (startBoundaries) endBoundaries ??= 1\n  if (endBoundaries) startBoundaries ??= 1\n\n  const hasBoundaries = isNumber(startBoundaries) && isNumber(endBoundaries)\n  const isExceed =\n    hasBoundaries && startBoundaries! + endBoundaries! < items.length\n\n  const css: CSSUIObject = {\n    alignItems: \"center\",\n    display: \"flex\",\n    ...styles.container,\n  }\n\n  const validChildren = getValidChildren(children)\n  const hasChildren = validChildren.length\n\n  const customEllipsis = useCallback(\n    (providedItems?: BreadcrumbGenerateItem[]) => {\n      if (!ellipsis) return null\n\n      const resolvedItems =\n        providedItems ??\n        items.slice(startBoundaries!, items.length - endBoundaries!)\n\n      return runIfFunc(ellipsis, { items: resolvedItems })\n    },\n    [ellipsis, endBoundaries, items, startBoundaries],\n  )\n\n  const cloneChildren = useMemo(() => {\n    if (hasChildren) {\n      return validChildren.map((child, index) =>\n        cloneElement(child, {\n          gap,\n          isLastChild: validChildren.length === index + 1,\n          separator,\n        }),\n      )\n    } else {\n      let hiddenEllipsis: BreadcrumbGenerateItem[] = []\n\n      return items.map((item, index) => {\n        const { name, isCurrentPage, isEllipsisPage, containerProps, ...rest } =\n          item\n        const isLastChild = items.length === index + 1\n        const props: BreadcrumbItemProps = {\n          gap,\n          isCurrentPage,\n          separator,\n          ...containerProps,\n        }\n\n        if (!hasBoundaries && isEllipsisPage) {\n          hiddenEllipsis.push(item)\n\n          return isLastChild ? (\n            <BreadcrumbItem key={index} {...props} isLastChild>\n              {customEllipsis([item]) ?? <BreadcrumbEllipsis />}\n            </BreadcrumbItem>\n          ) : null\n        }\n\n        if (hasBoundaries && isExceed) {\n          const lastIndex = items.length - index - 1\n\n          if (startBoundaries! <= index && endBoundaries! <= lastIndex) {\n            if (startBoundaries === index) {\n              return (\n                <BreadcrumbItem key={index} {...props}>\n                  {customEllipsis() ?? <BreadcrumbEllipsis />}\n                </BreadcrumbItem>\n              )\n            } else {\n              return null\n            }\n          }\n        }\n\n        if (hiddenEllipsis.length) {\n          const resolvedEllipsis = customEllipsis(hiddenEllipsis) ?? (\n            <BreadcrumbEllipsis />\n          )\n\n          hiddenEllipsis = []\n\n          return (\n            <Fragment key={index}>\n              <BreadcrumbItem {...props}>{resolvedEllipsis}</BreadcrumbItem>\n\n              <BreadcrumbItem {...props} isLastChild={isLastChild}>\n                <BreadcrumbLink {...rest}>{name}</BreadcrumbLink>\n              </BreadcrumbItem>\n            </Fragment>\n          )\n        } else {\n          return (\n            <BreadcrumbItem key={index} {...props} isLastChild={isLastChild}>\n              <BreadcrumbLink {...rest}>{name}</BreadcrumbLink>\n            </BreadcrumbItem>\n          )\n        }\n      })\n    }\n  }, [\n    hasChildren,\n    validChildren,\n    separator,\n    gap,\n    items,\n    hasBoundaries,\n    isExceed,\n    startBoundaries,\n    endBoundaries,\n    customEllipsis,\n  ])\n\n  return (\n    <BreadcrumbProvider value={styles}>\n      <ui.nav\n        ref={ref}\n        className={cx(\"ui-breadcrumb\", className)}\n        aria-label=\"Breadcrumb\"\n        __css={styles.container}\n        {...rest}\n      >\n        <ui.ol className=\"ui-breadcrumb__list\" {...listProps} __css={css}>\n          {cloneChildren}\n        </ui.ol>\n      </ui.nav>\n    </BreadcrumbProvider>\n  )\n})\n\nBreadcrumb.displayName = \"Breadcrumb\"\nBreadcrumb.__ui__ = \"Breadcrumb\"\n\ninterface BreadcrumbItemOptions\n  extends Pick<BreadcrumbProps, \"gap\" | \"separator\"> {\n  /**\n   * If `true`, change to span element.\n   *\n   * @default false\n   */\n  isCurrentPage?: boolean\n  /**\n   * If `true`, not show separator.\n   *\n   * @default false\n   */\n  isLastChild?: boolean\n}\n\nexport interface BreadcrumbItemProps\n  extends Omit<HTMLUIProps<\"li\">, \"gap\">,\n    BreadcrumbItemOptions {}\n\nexport const BreadcrumbItem = forwardRef<BreadcrumbItemProps, \"li\">(\n  (\n    {\n      className,\n      children,\n      gap,\n      isCurrentPage,\n      isLastChild,\n      separator,\n      ...rest\n    },\n    ref,\n  ) => {\n    const styles = useBreadcrumb()\n\n    const validChildren = getValidChildren(children)\n\n    const cloneChildren = validChildren.map((child) => {\n      if (child.type === BreadcrumbLink) {\n        return cloneElement(child, {\n          isCurrentPage,\n        })\n      }\n\n      if (child.type === BreadcrumbSeparator) {\n        return cloneElement(child, {\n          children: child.props.children || separator,\n          gap,\n        })\n      }\n\n      return child\n    })\n\n    const css: CSSUIObject = {\n      alignItems: \"center\",\n      display: \"inline-flex\",\n      ...styles.item,\n    }\n\n    return (\n      <ui.li\n        ref={ref}\n        className={cx(\"ui-breadcrumb__item\", className)}\n        __css={css}\n        {...rest}\n      >\n        {cloneChildren}\n\n        {!isLastChild ? (\n          <BreadcrumbSeparator gap={gap}>{separator}</BreadcrumbSeparator>\n        ) : null}\n      </ui.li>\n    )\n  },\n)\n\nBreadcrumbItem.displayName = \"BreadcrumbItem\"\nBreadcrumbItem.__ui__ = \"BreadcrumbItem\"\n\ninterface BreadcrumbLinkOptions {\n  /**\n   * If `true`, change to span element.\n   *\n   * @default false\n   */\n  isCurrentPage?: boolean\n}\n\nexport interface BreadcrumbLinkProps\n  extends HTMLUIProps<\"a\">,\n    BreadcrumbLinkOptions {}\n\nexport const BreadcrumbLink = forwardRef<BreadcrumbLinkProps, \"a\">(\n  ({ className, children, href, isCurrentPage, ...rest }, ref) => {\n    const styles = useBreadcrumb()\n\n    return (\n      <ui.a\n        ref={ref}\n        as={!isCurrentPage ? \"a\" : \"span\"}\n        className={cx(\"ui-breadcrumb__link\", className)}\n        href={!isCurrentPage ? href : undefined}\n        aria-current={isCurrentPage ? \"page\" : undefined}\n        __css={styles.link}\n        {...rest}\n      >\n        {children}\n      </ui.a>\n    )\n  },\n)\nBreadcrumbLink.displayName = \"BreadcrumbLink\"\nBreadcrumbLink.__ui__ = \"BreadcrumbLink\"\n\ninterface BreadcrumbSeparatorOptions {\n  /**\n   * The CSS `margin-inline-start`, and `margin-inline-end` property.\n   */\n  gap?: CSSUIObject[\"mx\"]\n}\n\nexport interface BreadcrumbSeparatorProps\n  extends Omit<HTMLUIProps<\"span\">, \"gap\">,\n    BreadcrumbSeparatorOptions {}\n\nexport const BreadcrumbSeparator = forwardRef<BreadcrumbSeparatorProps, \"span\">(\n  ({ children, gap: mx, ...rest }, ref) => {\n    const styles = useBreadcrumb()\n    const css: CSSUIObject = {\n      mx,\n      ...styles.separator,\n    }\n\n    return (\n      <ui.span\n        ref={ref}\n        className=\"ui-breadcrumb__item__separator\"\n        __css={css}\n        {...rest}\n      >\n        {children}\n      </ui.span>\n    )\n  },\n)\n\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\"\nBreadcrumbSeparator.__ui__ = \"BreadcrumbSeparator\"\n\ninterface BreadcrumbEllipsisOptions {}\n\nexport interface BreadcrumbEllipsisProps\n  extends IconProps,\n    BreadcrumbEllipsisOptions {}\n\nexport const BreadcrumbEllipsis = forwardRef<BreadcrumbEllipsisProps, \"span\">(\n  ({ className, children, ...rest }, ref) => {\n    const styles = useBreadcrumb()\n\n    const css: CSSUIObject = {\n      ...styles.ellipsis,\n    }\n\n    return (\n      children ?? (\n        <Icon\n          ref={ref}\n          className={cx(\"ui-breadcrumb__item__ellipsis\", className)}\n          stroke=\"currentColor\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          strokeWidth=\"1.5\"\n          viewBox=\"0 0 36 24\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          aria-label=\"ellipsis\"\n          __css={css}\n          {...rest}\n        >\n          <circle cx=\"10\" cy=\"12\" fill=\"currentColor\" r=\"2\" />\n          <circle cx=\"20\" cy=\"12\" fill=\"currentColor\" r=\"2\" />\n          <circle cx=\"30\" cy=\"12\" fill=\"currentColor\" r=\"2\" />\n        </Icon>\n      )\n    )\n  },\n)\n\nBreadcrumbEllipsis.displayName = \"BreadcrumbEllipsis\"\nBreadcrumbEllipsis.__ui__ = \"BreadcrumbEllipsis\"\n"],"mappings":"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","names":["rest","props"]}

package/dist/index.mjs

@@ -5,7 +5,7 @@ import {
   BreadcrumbItem,
   BreadcrumbLink,
   BreadcrumbSeparator
-} from "./chunk-K3D3RBYU.mjs";
+} from "./chunk-6HP2ISS7.mjs";
 export {
   Breadcrumb,
   BreadcrumbEllipsis,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/breadcrumb",
-  "version": "1.3.13-dev-20241005220629",
+  "version": "1.3.13-dev-20241006000212",
   "description": "Yamada UI breadcrumb component",
   "keywords": [
     "yamada",
@@ -36,10 +36,10 @@
     "url": "https://github.com/yamada-ui/yamada-ui/issues"
   },
   "dependencies": {
-    "@yamada-ui/core": "1.15.2-dev-20241005220629",
-    "@yamada-ui/icon": "1.1.8-dev-20241005220629",
-    "@yamada-ui/use-value": "1.1.27-dev-20241005220629",
-    "@yamada-ui/utils": "1.5.2"
+    "@yamada-ui/core": "1.15.2-dev-20241006000212",
+    "@yamada-ui/icon": "1.1.8-dev-20241006000212",
+    "@yamada-ui/use-value": "1.1.27-dev-20241006000212",
+    "@yamada-ui/utils": "1.5.3-dev-20241006000212"
   },
   "devDependencies": {
     "clean-package": "2.2.0",

package/dist/chunk-K3D3RBYU.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/breadcrumb.tsx"],"sourcesContent":["import type {\n  HTMLUIProps,\n  ThemeProps,\n  CSSUIObject,\n  CSSUIProps,\n  Token,\n} from \"@yamada-ui/core\"\nimport {\n  ui,\n  forwardRef,\n  omitThemeProps,\n  useComponentMultiStyle,\n} from \"@yamada-ui/core\"\nimport { Icon } from \"@yamada-ui/icon\"\nimport type { IconProps } from \"@yamada-ui/icon\"\nimport { useValue } from \"@yamada-ui/use-value\"\nimport {\n  cx,\n  createContext,\n  getValidChildren,\n  isNumber,\n  runIfFunc,\n} from \"@yamada-ui/utils\"\nimport type { ReactNode } from \"react\"\nimport { Fragment, cloneElement, useCallback, useMemo } from \"react\"\n\nconst [BreadcrumbProvider, useBreadcrumb] = createContext<{\n  [key: string]: CSSUIObject\n}>({\n  name: \"BreadcrumbContext\",\n  errorMessage: `useBreadcrumb returned is 'undefined'. Seems you forgot to wrap the components in \"<Breadcrumb />\" `,\n})\n\nexport interface BreadcrumbGenerateItem extends BreadcrumbLinkProps {\n  name?: ReactNode\n  containerProps?: Omit<BreadcrumbItemProps, \"isLastChild\">\n  isEllipsisPage?: boolean\n}\n\ninterface BreadcrumbOptions {\n  /**\n   * The visual separator between each breadcrumb item.\n   *\n   * @default '/'\n   */\n  separator?: string | JSX.Element\n  /**\n   * The left and right margin applied to the separator.\n   *\n   * @default '2'\n   */\n  gap?: CSSUIProps[\"mx\"]\n  /**\n   * Props for ol element.\n   */\n  listProps?: HTMLUIProps<\"ol\">\n  /**\n   * If provided, generate breadcrumb items based on items.\n   */\n  items?: BreadcrumbGenerateItem[]\n  /**\n   * Number of elements visible on the start(left) edges.\n   */\n  startBoundaries?: Token<number>\n  /**\n   * Number of elements visible on the end(right) edges.\n   */\n  endBoundaries?: Token<number>\n  /**\n   * The icon to be used in the ellipsis.\n   */\n  ellipsis?:\n    | ReactNode\n    | ((props: { items: BreadcrumbGenerateItem[] }) => ReactNode)\n}\n\nexport interface BreadcrumbProps\n  extends Omit<HTMLUIProps<\"nav\">, \"gap\">,\n    ThemeProps<\"Breadcrumb\">,\n    BreadcrumbOptions {}\n\n/**\n * `Breadcrumb` is a component that helps users understand the hierarchy of a website.\n *\n * @see Docs https://yamada-ui.com/components/navigation/breadcrumb\n */\nexport const Breadcrumb = forwardRef<BreadcrumbProps, \"nav\">((props, ref) => {\n  const [styles, mergedProps] = useComponentMultiStyle(\"Breadcrumb\", props)\n\n  const {\n    className,\n    children,\n    separator = \"/\",\n    gap = \"fallback(2, 0.5rem)\",\n    listProps,\n    items = [],\n    startBoundaries: _startBoundaries,\n    endBoundaries: _endBoundaries,\n    ellipsis,\n    ...rest\n  } = omitThemeProps(mergedProps)\n  let startBoundaries = useValue(_startBoundaries)\n  let endBoundaries = useValue(_endBoundaries)\n\n  if (startBoundaries === 0) startBoundaries = 1\n  if (endBoundaries === 0) endBoundaries = 1\n\n  if (startBoundaries) endBoundaries ??= 1\n  if (endBoundaries) startBoundaries ??= 1\n\n  const hasBoundaries = isNumber(startBoundaries) && isNumber(endBoundaries)\n  const isExceed =\n    hasBoundaries && startBoundaries! + endBoundaries! < items.length\n\n  const css: CSSUIObject = {\n    display: \"flex\",\n    alignItems: \"center\",\n    ...styles.container,\n  }\n\n  const validChildren = getValidChildren(children)\n  const hasChildren = validChildren.length\n\n  const customEllipsis = useCallback(\n    (providedItems?: BreadcrumbGenerateItem[]) => {\n      if (!ellipsis) return null\n\n      const resolvedItems =\n        providedItems ??\n        items.slice(startBoundaries!, items.length - endBoundaries!)\n\n      return runIfFunc(ellipsis, { items: resolvedItems })\n    },\n    [ellipsis, endBoundaries, items, startBoundaries],\n  )\n\n  const cloneChildren = useMemo(() => {\n    if (hasChildren) {\n      return validChildren.map((child, index) =>\n        cloneElement(child, {\n          separator,\n          gap,\n          isLastChild: validChildren.length === index + 1,\n        }),\n      )\n    } else {\n      let hiddenEllipsis: BreadcrumbGenerateItem[] = []\n\n      return items.map((item, index) => {\n        const { containerProps, name, isCurrentPage, isEllipsisPage, ...rest } =\n          item\n        const isLastChild = items.length === index + 1\n        const props: BreadcrumbItemProps = {\n          separator,\n          gap,\n          isCurrentPage,\n          ...containerProps,\n        }\n\n        if (!hasBoundaries && isEllipsisPage) {\n          hiddenEllipsis.push(item)\n\n          return isLastChild ? (\n            <BreadcrumbItem key={index} {...props} isLastChild>\n              {customEllipsis([item]) ?? <BreadcrumbEllipsis />}\n            </BreadcrumbItem>\n          ) : null\n        }\n\n        if (hasBoundaries && isExceed) {\n          const lastIndex = items.length - index - 1\n\n          if (startBoundaries! <= index && endBoundaries! <= lastIndex) {\n            if (startBoundaries === index) {\n              return (\n                <BreadcrumbItem key={index} {...props}>\n                  {customEllipsis() ?? <BreadcrumbEllipsis />}\n                </BreadcrumbItem>\n              )\n            } else {\n              return null\n            }\n          }\n        }\n\n        if (hiddenEllipsis.length) {\n          const resolvedEllipsis = customEllipsis(hiddenEllipsis) ?? (\n            <BreadcrumbEllipsis />\n          )\n\n          hiddenEllipsis = []\n\n          return (\n            <Fragment key={index}>\n              <BreadcrumbItem {...props}>{resolvedEllipsis}</BreadcrumbItem>\n\n              <BreadcrumbItem {...props} isLastChild={isLastChild}>\n                <BreadcrumbLink {...rest}>{name}</BreadcrumbLink>\n              </BreadcrumbItem>\n            </Fragment>\n          )\n        } else {\n          return (\n            <BreadcrumbItem key={index} {...props} isLastChild={isLastChild}>\n              <BreadcrumbLink {...rest}>{name}</BreadcrumbLink>\n            </BreadcrumbItem>\n          )\n        }\n      })\n    }\n  }, [\n    hasChildren,\n    validChildren,\n    separator,\n    gap,\n    items,\n    hasBoundaries,\n    isExceed,\n    startBoundaries,\n    endBoundaries,\n    customEllipsis,\n  ])\n\n  return (\n    <BreadcrumbProvider value={styles}>\n      <ui.nav\n        ref={ref}\n        className={cx(\"ui-breadcrumb\", className)}\n        __css={styles.container}\n        aria-label=\"Breadcrumb\"\n        {...rest}\n      >\n        <ui.ol className=\"ui-breadcrumb__list\" {...listProps} __css={css}>\n          {cloneChildren}\n        </ui.ol>\n      </ui.nav>\n    </BreadcrumbProvider>\n  )\n})\n\nBreadcrumb.displayName = \"Breadcrumb\"\nBreadcrumb.__ui__ = \"Breadcrumb\"\n\ninterface BreadcrumbItemOptions\n  extends Pick<BreadcrumbProps, \"separator\" | \"gap\"> {\n  /**\n   * If `true`, change to span element.\n   *\n   * @default false\n   */\n  isCurrentPage?: boolean\n  /**\n   * If `true`, not show separator.\n   *\n   * @default false\n   */\n  isLastChild?: boolean\n}\n\nexport interface BreadcrumbItemProps\n  extends Omit<HTMLUIProps<\"li\">, \"gap\">,\n    BreadcrumbItemOptions {}\n\nexport const BreadcrumbItem = forwardRef<BreadcrumbItemProps, \"li\">(\n  (\n    {\n      className,\n      children,\n      separator,\n      isCurrentPage,\n      isLastChild,\n      gap,\n      ...rest\n    },\n    ref,\n  ) => {\n    const styles = useBreadcrumb()\n\n    const validChildren = getValidChildren(children)\n\n    const cloneChildren = validChildren.map((child) => {\n      if (child.type === BreadcrumbLink) {\n        return cloneElement(child, {\n          isCurrentPage,\n        })\n      }\n\n      if (child.type === BreadcrumbSeparator) {\n        return cloneElement(child, {\n          gap,\n          children: child.props.children || separator,\n        })\n      }\n\n      return child\n    })\n\n    const css: CSSUIObject = {\n      display: \"inline-flex\",\n      alignItems: \"center\",\n      ...styles.item,\n    }\n\n    return (\n      <ui.li\n        ref={ref}\n        className={cx(\"ui-breadcrumb__item\", className)}\n        __css={css}\n        {...rest}\n      >\n        {cloneChildren}\n\n        {!isLastChild ? (\n          <BreadcrumbSeparator gap={gap}>{separator}</BreadcrumbSeparator>\n        ) : null}\n      </ui.li>\n    )\n  },\n)\n\nBreadcrumbItem.displayName = \"BreadcrumbItem\"\nBreadcrumbItem.__ui__ = \"BreadcrumbItem\"\n\ninterface BreadcrumbLinkOptions {\n  /**\n   * If `true`, change to span element.\n   *\n   * @default false\n   */\n  isCurrentPage?: boolean\n}\n\nexport interface BreadcrumbLinkProps\n  extends HTMLUIProps<\"a\">,\n    BreadcrumbLinkOptions {}\n\nexport const BreadcrumbLink = forwardRef<BreadcrumbLinkProps, \"a\">(\n  ({ className, children, isCurrentPage, href, ...rest }, ref) => {\n    const styles = useBreadcrumb()\n\n    return (\n      <ui.a\n        ref={ref}\n        as={!isCurrentPage ? \"a\" : \"span\"}\n        href={!isCurrentPage ? href : undefined}\n        aria-current={isCurrentPage ? \"page\" : undefined}\n        className={cx(\"ui-breadcrumb__link\", className)}\n        __css={styles.link}\n        {...rest}\n      >\n        {children}\n      </ui.a>\n    )\n  },\n)\nBreadcrumbLink.displayName = \"BreadcrumbLink\"\nBreadcrumbLink.__ui__ = \"BreadcrumbLink\"\n\ninterface BreadcrumbSeparatorOptions {\n  /**\n   * The CSS `margin-inline-start`, and `margin-inline-end` property.\n   */\n  gap?: CSSUIObject[\"mx\"]\n}\n\nexport interface BreadcrumbSeparatorProps\n  extends Omit<HTMLUIProps<\"span\">, \"gap\">,\n    BreadcrumbSeparatorOptions {}\n\nexport const BreadcrumbSeparator = forwardRef<BreadcrumbSeparatorProps, \"span\">(\n  ({ children, gap: mx, ...rest }, ref) => {\n    const styles = useBreadcrumb()\n    const css: CSSUIObject = {\n      mx,\n      ...styles.separator,\n    }\n\n    return (\n      <ui.span\n        ref={ref}\n        className=\"ui-breadcrumb__item__separator\"\n        __css={css}\n        {...rest}\n      >\n        {children}\n      </ui.span>\n    )\n  },\n)\n\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\"\nBreadcrumbSeparator.__ui__ = \"BreadcrumbSeparator\"\n\ninterface BreadcrumbEllipsisOptions {}\n\nexport interface BreadcrumbEllipsisProps\n  extends IconProps,\n    BreadcrumbEllipsisOptions {}\n\nexport const BreadcrumbEllipsis = forwardRef<BreadcrumbEllipsisProps, \"span\">(\n  ({ children, className, ...rest }, ref) => {\n    const styles = useBreadcrumb()\n\n    const css: CSSUIObject = {\n      ...styles.ellipsis,\n    }\n\n    return (\n      children ?? (\n        <Icon\n          ref={ref}\n          aria-label=\"ellipsis\"\n          className={cx(\"ui-breadcrumb__item__ellipsis\", className)}\n          __css={css}\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 36 24\"\n          stroke=\"currentColor\"\n          strokeWidth=\"1.5\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          {...rest}\n        >\n          <circle cx=\"10\" cy=\"12\" r=\"2\" fill=\"currentColor\" />\n          <circle cx=\"20\" cy=\"12\" r=\"2\" fill=\"currentColor\" />\n          <circle cx=\"30\" cy=\"12\" r=\"2\" fill=\"currentColor\" />\n        </Icon>\n      )\n    )\n  },\n)\n\nBreadcrumbEllipsis.displayName = \"BreadcrumbEllipsis\"\nBreadcrumbEllipsis.__ui__ = \"BreadcrumbEllipsis\"\n"],"mappings":";;;AAOA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY;AAErB,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,UAAU,cAAc,aAAa,eAAe;AA4IpB,cA6B7B,YA7B6B;AA1IzC,IAAM,CAAC,oBAAoB,aAAa,IAAI,cAEzC;AAAA,EACD,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;AAuDM,IAAM,aAAa,WAAmC,CAAC,OAAO,QAAQ;AAC3E,QAAM,CAAC,QAAQ,WAAW,IAAI,uBAAuB,cAAc,KAAK;AAExE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,MAAM;AAAA,IACN;AAAA,IACA,QAAQ,CAAC;AAAA,IACT,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf;AAAA,IACA,GAAG;AAAA,EACL,IAAI,eAAe,WAAW;AAC9B,MAAI,kBAAkB,SAAS,gBAAgB;AAC/C,MAAI,gBAAgB,SAAS,cAAc;AAE3C,MAAI,oBAAoB,EAAG,mBAAkB;AAC7C,MAAI,kBAAkB,EAAG,iBAAgB;AAEzC,MAAI,gBAAiB,yDAAkB;AACvC,MAAI,cAAe,+DAAoB;AAEvC,QAAM,gBAAgB,SAAS,eAAe,KAAK,SAAS,aAAa;AACzE,QAAM,WACJ,iBAAiB,kBAAmB,gBAAiB,MAAM;AAE7D,QAAM,MAAmB;AAAA,IACvB,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,GAAG,OAAO;AAAA,EACZ;AAEA,QAAM,gBAAgB,iBAAiB,QAAQ;AAC/C,QAAM,cAAc,cAAc;AAElC,QAAM,iBAAiB;AAAA,IACrB,CAAC,kBAA6C;AAC5C,UAAI,CAAC,SAAU,QAAO;AAEtB,YAAM,gBACJ,wCACA,MAAM,MAAM,iBAAkB,MAAM,SAAS,aAAc;AAE7D,aAAO,UAAU,UAAU,EAAE,OAAO,cAAc,CAAC;AAAA,IACrD;AAAA,IACA,CAAC,UAAU,eAAe,OAAO,eAAe;AAAA,EAClD;AAEA,QAAM,gBAAgB,QAAQ,MAAM;AAClC,QAAI,aAAa;AACf,aAAO,cAAc;AAAA,QAAI,CAAC,OAAO,UAC/B,aAAa,OAAO;AAAA,UAClB;AAAA,UACA;AAAA,UACA,aAAa,cAAc,WAAW,QAAQ;AAAA,QAChD,CAAC;AAAA,MACH;AAAA,IACF,OAAO;AACL,UAAI,iBAA2C,CAAC;AAEhD,aAAO,MAAM,IAAI,CAAC,MAAM,UAAU;AApJxC;AAqJQ,cAAM,EAAE,gBAAgB,MAAM,eAAe,gBAAgB,GAAGA,MAAK,IACnE;AACF,cAAM,cAAc,MAAM,WAAW,QAAQ;AAC7C,cAAMC,SAA6B;AAAA,UACjC;AAAA,UACA;AAAA,UACA;AAAA,UACA,GAAG;AAAA,QACL;AAEA,YAAI,CAAC,iBAAiB,gBAAgB;AACpC,yBAAe,KAAK,IAAI;AAExB,iBAAO,cACL,oBAAC,kBAA4B,GAAGA,QAAO,aAAW,MAC/C,+BAAe,CAAC,IAAI,CAAC,MAArB,YAA0B,oBAAC,sBAAmB,KAD5B,KAErB,IACE;AAAA,QACN;AAEA,YAAI,iBAAiB,UAAU;AAC7B,gBAAM,YAAY,MAAM,SAAS,QAAQ;AAEzC,cAAI,mBAAoB,SAAS,iBAAkB,WAAW;AAC5D,gBAAI,oBAAoB,OAAO;AAC7B,qBACE,oBAAC,kBAA4B,GAAGA,QAC7B,+BAAe,MAAf,YAAoB,oBAAC,sBAAmB,KADtB,KAErB;AAAA,YAEJ,OAAO;AACL,qBAAO;AAAA,YACT;AAAA,UACF;AAAA,QACF;AAEA,YAAI,eAAe,QAAQ;AACzB,gBAAM,oBAAmB,oBAAe,cAAc,MAA7B,YACvB,oBAAC,sBAAmB;AAGtB,2BAAiB,CAAC;AAElB,iBACE,qBAAC,YACC;AAAA,gCAAC,kBAAgB,GAAGA,QAAQ,4BAAiB;AAAA,YAE7C,oBAAC,kBAAgB,GAAGA,QAAO,aACzB,8BAAC,kBAAgB,GAAGD,OAAO,gBAAK,GAClC;AAAA,eALa,KAMf;AAAA,QAEJ,OAAO;AACL,iBACE,oBAAC,kBAA4B,GAAGC,QAAO,aACrC,8BAAC,kBAAgB,GAAGD,OAAO,gBAAK,KADb,KAErB;AAAA,QAEJ;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE,oBAAC,sBAAmB,OAAO,QACzB;AAAA,IAAC,GAAG;AAAA,IAAH;AAAA,MACC;AAAA,MACA,WAAW,GAAG,iBAAiB,SAAS;AAAA,MACxC,OAAO,OAAO;AAAA,MACd,cAAW;AAAA,MACV,GAAG;AAAA,MAEJ,8BAAC,GAAG,IAAH,EAAM,WAAU,uBAAuB,GAAG,WAAW,OAAO,KAC1D,yBACH;AAAA;AAAA,EACF,GACF;AAEJ,CAAC;AAED,WAAW,cAAc;AACzB,WAAW,SAAS;AAsBb,IAAM,iBAAiB;AAAA,EAC5B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,SAAS,cAAc;AAE7B,UAAM,gBAAgB,iBAAiB,QAAQ;AAE/C,UAAM,gBAAgB,cAAc,IAAI,CAAC,UAAU;AACjD,UAAI,MAAM,SAAS,gBAAgB;AACjC,eAAO,aAAa,OAAO;AAAA,UACzB;AAAA,QACF,CAAC;AAAA,MACH;AAEA,UAAI,MAAM,SAAS,qBAAqB;AACtC,eAAO,aAAa,OAAO;AAAA,UACzB;AAAA,UACA,UAAU,MAAM,MAAM,YAAY;AAAA,QACpC,CAAC;AAAA,MACH;AAEA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,MAAmB;AAAA,MACvB,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,GAAG,OAAO;AAAA,IACZ;AAEA,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAW,GAAG,uBAAuB,SAAS;AAAA,QAC9C,OAAO;AAAA,QACN,GAAG;AAAA,QAEH;AAAA;AAAA,UAEA,CAAC,cACA,oBAAC,uBAAoB,KAAW,qBAAU,IACxC;AAAA;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;AAC7B,eAAe,SAAS;AAejB,IAAM,iBAAiB;AAAA,EAC5B,CAAC,EAAE,WAAW,UAAU,eAAe,MAAM,GAAG,KAAK,GAAG,QAAQ;AAC9D,UAAM,SAAS,cAAc;AAE7B,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,IAAI,CAAC,gBAAgB,MAAM;AAAA,QAC3B,MAAM,CAAC,gBAAgB,OAAO;AAAA,QAC9B,gBAAc,gBAAgB,SAAS;AAAA,QACvC,WAAW,GAAG,uBAAuB,SAAS;AAAA,QAC9C,OAAO,OAAO;AAAA,QACb,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;AAC7B,eAAe,SAAS;AAajB,IAAM,sBAAsB;AAAA,EACjC,CAAC,EAAE,UAAU,KAAK,IAAI,GAAG,KAAK,GAAG,QAAQ;AACvC,UAAM,SAAS,cAAc;AAC7B,UAAM,MAAmB;AAAA,MACvB;AAAA,MACA,GAAG,OAAO;AAAA,IACZ;AAEA,WACE;AAAA,MAAC,GAAG;AAAA,MAAH;AAAA,QACC;AAAA,QACA,WAAU;AAAA,QACV,OAAO;AAAA,QACN,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,oBAAoB,cAAc;AAClC,oBAAoB,SAAS;AAQtB,IAAM,qBAAqB;AAAA,EAChC,CAAC,EAAE,UAAU,WAAW,GAAG,KAAK,GAAG,QAAQ;AACzC,UAAM,SAAS,cAAc;AAE7B,UAAM,MAAmB;AAAA,MACvB,GAAG,OAAO;AAAA,IACZ;AAEA,WACE,8BACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,cAAW;AAAA,QACX,WAAW,GAAG,iCAAiC,SAAS;AAAA,QACxD,OAAO;AAAA,QACP,OAAM;AAAA,QACN,SAAQ;AAAA,QACR,QAAO;AAAA,QACP,aAAY;AAAA,QACZ,eAAc;AAAA,QACd,gBAAe;AAAA,QACd,GAAG;AAAA,QAEJ;AAAA,8BAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,MAAK,gBAAe;AAAA,UAClD,oBAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,MAAK,gBAAe;AAAA,UAClD,oBAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI,MAAK,gBAAe;AAAA;AAAA;AAAA,IACpD;AAAA,EAGN;AACF;AAEA,mBAAmB,cAAc;AACjC,mBAAmB,SAAS;","names":["rest","props"]}