ods-ant 0.2.0 → 0.4.0

package/dist-lib/navigation/Anchor.cjs

@@ -0,0 +1,10 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);let e=require(`antd`),t=require(`react`),n=require(`react/jsx-runtime`);var r=`ds-anchor-styles`,i=`ds-anchor`;function a(...e){return e.filter(Boolean).join(` `)}function o(){if(typeof document>`u`||document.getElementById(r))return;let e=document.createElement(`style`);e.id=r,e.textContent=`
+    .${i}.ant-anchor-wrapper:not(.ant-anchor-wrapper-horizontal) .ant-anchor .ant-anchor-ink {
+      transition: none !important;
+    }
+
+    .${i}.ant-anchor-wrapper-horizontal .ant-anchor .ant-anchor-ink {
+      transition: none !important;
+    }
+  `,document.head.appendChild(e)}var s=({className:r,...s})=>((0,t.useEffect)(()=>{o()},[]),(0,n.jsx)(e.Anchor,{...s,className:a(i,r)}));s.displayName=`Anchor`,exports.Anchor=s;
+//# sourceMappingURL=Anchor.cjs.map

package/dist-lib/navigation/Anchor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anchor.cjs","names":[],"sources":["../../src/ds/navigation/Anchor.tsx"],"sourcesContent":["import { Anchor as AntAnchor } from 'antd';\nimport type { AnchorProps as AntAnchorProps } from 'antd';\nimport { useEffect } from 'react';\n\nexport type AnchorProps = AntAnchorProps;\n\nconst STYLE_ID = 'ds-anchor-styles';\nconst DS_ANCHOR_CLASS = 'ds-anchor';\n\nfunction mergeClassNames(...classNames: Array<string | undefined>) {\n  return classNames.filter(Boolean).join(' ');\n}\n\nfunction injectStyles() {\n  if (typeof document === 'undefined') return;\n  if (document.getElementById(STYLE_ID)) return;\n\n  const style = document.createElement('style');\n  style.id = STYLE_ID;\n  style.textContent = `\n    .${DS_ANCHOR_CLASS}.ant-anchor-wrapper:not(.ant-anchor-wrapper-horizontal) .ant-anchor .ant-anchor-ink {\n      transition: none !important;\n    }\n\n    .${DS_ANCHOR_CLASS}.ant-anchor-wrapper-horizontal .ant-anchor .ant-anchor-ink {\n      transition: none !important;\n    }\n  `;\n\n  document.head.appendChild(style);\n}\n\nexport const Anchor = ({ className, ...props }: AnchorProps) => {\n  useEffect(() => {\n    injectStyles();\n  }, []);\n\n  return <AntAnchor {...props} className={mergeClassNames(DS_ANCHOR_CLASS, className)} />;\n};\n\nAnchor.displayName = 'Anchor';\n"],"mappings":"4KAMA,IAAM,EAAW,mBACX,EAAkB,YAExB,SAAS,EAAgB,GAAG,EAAuC,CACjE,OAAO,EAAW,OAAO,QAAQ,CAAC,KAAK,IAAI,CAG7C,SAAS,GAAe,CAEtB,GADI,OAAO,SAAa,KACpB,SAAS,eAAe,EAAS,CAAE,OAEvC,IAAM,EAAQ,SAAS,cAAc,QAAQ,CAC7C,EAAM,GAAK,EACX,EAAM,YAAc;OACf,EAAgB;;;;OAIhB,EAAgB;;;IAKrB,SAAS,KAAK,YAAY,EAAM,CAGlC,IAAa,GAAU,CAAE,YAAW,GAAG,OACrC,EAAA,EAAA,eAAgB,CACd,GAAc,EACb,EAAE,CAAC,EAEC,EAAA,EAAA,KAAC,EAAA,OAAD,CAAW,GAAI,EAAO,UAAW,EAAgB,EAAiB,EAAU,CAAI,CAAA,EAGzF,EAAO,YAAc"}

package/dist-lib/navigation/Anchor.js

@@ -0,0 +1,32 @@
+import { Anchor as e } from "antd";
+import { useEffect as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/ds/navigation/Anchor.tsx
+var r = "ds-anchor-styles", i = "ds-anchor";
+function a(...e) {
+	return e.filter(Boolean).join(" ");
+}
+function o() {
+	if (typeof document > "u" || document.getElementById(r)) return;
+	let e = document.createElement("style");
+	e.id = r, e.textContent = `
+    .${i}.ant-anchor-wrapper:not(.ant-anchor-wrapper-horizontal) .ant-anchor .ant-anchor-ink {
+      transition: none !important;
+    }
+
+    .${i}.ant-anchor-wrapper-horizontal .ant-anchor .ant-anchor-ink {
+      transition: none !important;
+    }
+  `, document.head.appendChild(e);
+}
+var s = ({ className: r, ...s }) => (t(() => {
+	o();
+}, []), /* @__PURE__ */ n(e, {
+	...s,
+	className: a(i, r)
+}));
+s.displayName = "Anchor";
+//#endregion
+export { s as Anchor };
+
+//# sourceMappingURL=Anchor.js.map

package/dist-lib/navigation/Anchor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anchor.js","names":[],"sources":["../../src/ds/navigation/Anchor.tsx"],"sourcesContent":["import { Anchor as AntAnchor } from 'antd';\nimport type { AnchorProps as AntAnchorProps } from 'antd';\nimport { useEffect } from 'react';\n\nexport type AnchorProps = AntAnchorProps;\n\nconst STYLE_ID = 'ds-anchor-styles';\nconst DS_ANCHOR_CLASS = 'ds-anchor';\n\nfunction mergeClassNames(...classNames: Array<string | undefined>) {\n  return classNames.filter(Boolean).join(' ');\n}\n\nfunction injectStyles() {\n  if (typeof document === 'undefined') return;\n  if (document.getElementById(STYLE_ID)) return;\n\n  const style = document.createElement('style');\n  style.id = STYLE_ID;\n  style.textContent = `\n    .${DS_ANCHOR_CLASS}.ant-anchor-wrapper:not(.ant-anchor-wrapper-horizontal) .ant-anchor .ant-anchor-ink {\n      transition: none !important;\n    }\n\n    .${DS_ANCHOR_CLASS}.ant-anchor-wrapper-horizontal .ant-anchor .ant-anchor-ink {\n      transition: none !important;\n    }\n  `;\n\n  document.head.appendChild(style);\n}\n\nexport const Anchor = ({ className, ...props }: AnchorProps) => {\n  useEffect(() => {\n    injectStyles();\n  }, []);\n\n  return <AntAnchor {...props} className={mergeClassNames(DS_ANCHOR_CLASS, className)} />;\n};\n\nAnchor.displayName = 'Anchor';\n"],"mappings":";;;;AAMA,IAAM,IAAW,oBACX,IAAkB;AAExB,SAAS,EAAgB,GAAG,GAAuC;AACjE,QAAO,EAAW,OAAO,QAAQ,CAAC,KAAK,IAAI;;AAG7C,SAAS,IAAe;AAEtB,KADI,OAAO,WAAa,OACpB,SAAS,eAAe,EAAS,CAAE;CAEvC,IAAM,IAAQ,SAAS,cAAc,QAAQ;AAY7C,CAXA,EAAM,KAAK,GACX,EAAM,cAAc;OACf,EAAgB;;;;OAIhB,EAAgB;;;KAKrB,SAAS,KAAK,YAAY,EAAM;;AAGlC,IAAa,KAAU,EAAE,cAAW,GAAG,SACrC,QAAgB;AACd,IAAc;GACb,EAAE,CAAC,EAEC,kBAAC,GAAD;CAAW,GAAI;CAAO,WAAW,EAAgB,GAAiB,EAAU;CAAI,CAAA;AAGzF,EAAO,cAAc"}

package/dist-lib/navigation/Breadcrumb.cjs

@@ -0,0 +1,130 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`../theme.cjs`),t=require(`../useCustomIcon-DbSB56Pd.cjs`);let n=require(`antd`),r=require(`react`),i=require(`react/jsx-runtime`);var a=`ds-breadcrumb-styles`,o=`ds-breadcrumb`,s=()=>{if(typeof document>`u`||document.getElementById(a))return;let{breadcrumb:t}=e.dsSemanticTokens,n=document.createElement(`style`);n.id=a,n.textContent=`
+    .${o}.ant-breadcrumb {
+      --ds-breadcrumb-link-default: ${t.link.default};
+      --ds-breadcrumb-link-hover: ${t.link.hover};
+      --ds-breadcrumb-current-text: ${t.current.text};
+      --ds-breadcrumb-separator-color: ${t.separator.color};
+      --ds-breadcrumb-separator-size: ${t.separator.size};
+
+      --ds-breadcrumb-font-family: ${t.typography.family};
+      --ds-breadcrumb-font-weight: ${t.typography.weight};
+
+      --ds-breadcrumb-font-size-sm: ${t.typography.sm.fontSize};
+      --ds-breadcrumb-line-height-sm: ${t.typography.sm.lineHeight};
+      --ds-breadcrumb-letter-spacing-sm: ${t.typography.sm.letterSpacing};
+
+      --ds-breadcrumb-font-size-md: ${t.typography.md.fontSize};
+      --ds-breadcrumb-line-height-md: ${t.typography.md.lineHeight};
+      --ds-breadcrumb-letter-spacing-md: ${t.typography.md.letterSpacing};
+
+      --ds-breadcrumb-font-size-lg: ${t.typography.lg.fontSize};
+      --ds-breadcrumb-line-height-lg: ${t.typography.lg.lineHeight};
+      --ds-breadcrumb-letter-spacing-lg: ${t.typography.lg.letterSpacing};
+
+      --ds-breadcrumb-separator-gap-sm: ${t.separator.gap.sm};
+      --ds-breadcrumb-separator-gap-md: ${t.separator.gap.md};
+      --ds-breadcrumb-separator-gap-lg: ${t.separator.gap.lg};
+    }
+
+    .${o}.ant-breadcrumb {
+      color: var(--ds-breadcrumb-current-text);
+    }
+
+    .${o}.ant-breadcrumb,
+    .${o}.ant-breadcrumb .ant-breadcrumb-link,
+    .${o}.ant-breadcrumb .ant-breadcrumb-link > a,
+    .${o}.ant-breadcrumb .ant-breadcrumb-link > span,
+    .${o}.ant-breadcrumb .ant-breadcrumb-separator,
+    .${o}.ant-breadcrumb .ant-breadcrumb-overlay-link {
+      font-family: var(--ds-breadcrumb-font-family);
+      font-weight: var(--ds-breadcrumb-font-weight);
+    }
+
+    .${o}[data-ds-size='sm'].ant-breadcrumb,
+    .${o}[data-ds-size='sm'].ant-breadcrumb .ant-breadcrumb-link,
+    .${o}[data-ds-size='sm'].ant-breadcrumb .ant-breadcrumb-link > a,
+    .${o}[data-ds-size='sm'].ant-breadcrumb .ant-breadcrumb-link > span,
+    .${o}[data-ds-size='sm'].ant-breadcrumb .ant-breadcrumb-separator,
+    .${o}[data-ds-size='sm'].ant-breadcrumb .ant-breadcrumb-overlay-link {
+      font-size: var(--ds-breadcrumb-font-size-sm);
+      line-height: var(--ds-breadcrumb-line-height-sm);
+      letter-spacing: var(--ds-breadcrumb-letter-spacing-sm);
+    }
+
+    .${o}[data-ds-size='md'].ant-breadcrumb,
+    .${o}[data-ds-size='md'].ant-breadcrumb .ant-breadcrumb-link,
+    .${o}[data-ds-size='md'].ant-breadcrumb .ant-breadcrumb-link > a,
+    .${o}[data-ds-size='md'].ant-breadcrumb .ant-breadcrumb-link > span,
+    .${o}[data-ds-size='md'].ant-breadcrumb .ant-breadcrumb-separator,
+    .${o}[data-ds-size='md'].ant-breadcrumb .ant-breadcrumb-overlay-link {
+      font-size: var(--ds-breadcrumb-font-size-md);
+      line-height: var(--ds-breadcrumb-line-height-md);
+      letter-spacing: var(--ds-breadcrumb-letter-spacing-md);
+    }
+
+    .${o}[data-ds-size='lg'].ant-breadcrumb,
+    .${o}[data-ds-size='lg'].ant-breadcrumb .ant-breadcrumb-link,
+    .${o}[data-ds-size='lg'].ant-breadcrumb .ant-breadcrumb-link > a,
+    .${o}[data-ds-size='lg'].ant-breadcrumb .ant-breadcrumb-link > span,
+    .${o}[data-ds-size='lg'].ant-breadcrumb .ant-breadcrumb-separator,
+    .${o}[data-ds-size='lg'].ant-breadcrumb .ant-breadcrumb-overlay-link {
+      font-size: var(--ds-breadcrumb-font-size-lg);
+      line-height: var(--ds-breadcrumb-line-height-lg);
+      letter-spacing: var(--ds-breadcrumb-letter-spacing-lg);
+    }
+
+    .${o}.ant-breadcrumb a.ant-breadcrumb-link,
+    .${o}.ant-breadcrumb a.ant-breadcrumb-link:visited,
+    .${o}.ant-breadcrumb .ant-breadcrumb-link > a,
+    .${o}.ant-breadcrumb .ant-breadcrumb-link > a:visited {
+      color: var(--ds-breadcrumb-link-default);
+      text-decoration: none;
+    }
+
+    .${o}.ant-breadcrumb a.ant-breadcrumb-link:hover,
+    .${o}.ant-breadcrumb .ant-breadcrumb-link > a:hover {
+      color: var(--ds-breadcrumb-link-hover);
+      background: transparent !important;
+      background-color: transparent !important;
+      text-decoration: none;
+    }
+
+    .${o}.ant-breadcrumb .ant-breadcrumb-link:hover,
+    .${o}.ant-breadcrumb .ant-breadcrumb-overlay-link:hover,
+    .${o}.ant-breadcrumb a:hover {
+      background: transparent !important;
+      background-color: transparent !important;
+    }
+
+    .${o}.ant-breadcrumb[data-has-trail='true'] .ant-breadcrumb-item:last-child .ant-breadcrumb-link,
+    .${o}.ant-breadcrumb[data-has-trail='true'] .ant-breadcrumb-item:last-child .ant-breadcrumb-link > span,
+    .${o}.ant-breadcrumb[data-has-trail='true'] .ant-breadcrumb-item:last-child .ant-breadcrumb-link > a {
+      color: var(--ds-breadcrumb-current-text);
+    }
+
+    .${o}[data-ds-size='sm'].ant-breadcrumb .ant-breadcrumb-separator {
+      margin-inline: var(--ds-breadcrumb-separator-gap-sm);
+      color: var(--ds-breadcrumb-separator-color);
+    }
+
+    .${o}[data-ds-size='md'].ant-breadcrumb .ant-breadcrumb-separator {
+      margin-inline: var(--ds-breadcrumb-separator-gap-md);
+      color: var(--ds-breadcrumb-separator-color);
+    }
+
+    .${o}[data-ds-size='lg'].ant-breadcrumb .ant-breadcrumb-separator {
+      margin-inline: var(--ds-breadcrumb-separator-gap-lg);
+      color: var(--ds-breadcrumb-separator-color);
+    }
+
+    .${o}.ant-breadcrumb .ds-breadcrumb-separator-icon {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      color: var(--ds-breadcrumb-separator-color);
+      line-height: 1;
+      vertical-align: middle;
+    }
+
+  `,document.head.appendChild(n)},c=(0,i.jsx)(n.Typography.Text,{"aria-label":`Collapsed breadcrumb items`,strong:!0,children:`...`}),l=e=>(0,r.isValidElement)(e)&&e.type===`a`,u=e=>l(e.title)?e.title.props.children:e.title,d=e=>l(e.title)?(0,r.cloneElement)(e.title,{style:{...e.title.props.style??{}}}):(0,i.jsx)(`a`,{href:e.href??`#`,onClick:e.href?void 0:e=>{e.preventDefault()},children:e.title}),f=e=>e.map((t,n)=>e.length>1&&n===e.length-1?{...t,href:void 0,title:u(t)}:t.menu?t:t.href?{...t,title:u(t)}:{...t,title:d(t)}),p=(e,t)=>({key:`${t}-${typeof e.title==`string`?e.title:`item`}`,label:d(e),disabled:!!e.menu}),m=({items:a,collapseMode:l=`count`,dsSize:u=`md`,maxVisibleItems:d=4,responsiveBreakpoint:m=768,preserveStartCount:h=1,preserveEndCount:g=2,ellipsisLabel:_,...v})=>{let y=(0,r.useRef)(null),[b,x]=(0,r.useState)(null);(0,r.useEffect)(()=>{s()},[]),(0,r.useEffect)(()=>{if(l!==`responsive`||typeof ResizeObserver>`u`)return;let e=y.current;if(!e)return;let t=new ResizeObserver(e=>{let t=e[0]?.contentRect.width;typeof t==`number`&&x(t)});return t.observe(e),x(e.getBoundingClientRect().width),()=>t.disconnect()},[l]);let S=l===`responsive`?a.length>h+g&&b!==null&&b<m:a.length>d,C=a.length>1,w=f(a),T=S?(()=>{let e=w.slice(0,h),t=w.slice(w.length-g),r=w.slice(h,w.length-g);if(r.length===0)return w;let a={title:(0,i.jsx)(n.Dropdown,{trigger:[`click`],menu:{items:r.map(p)},children:(0,i.jsx)(`span`,{style:{cursor:`pointer`},children:_??c})})};return[...e,a,...t]})():w,E=(0,i.jsx)(`span`,{className:`ds-breadcrumb-separator-icon`,"aria-hidden":`true`,children:(0,i.jsx)(t.t,{name:`arrowRight1`,size:Number.parseInt(e.dsSemanticTokens.breadcrumb.separator.size,10)||10,style:{color:`inherit`}})}),D=v.separator??E;return(0,i.jsx)(`div`,{ref:y,children:(0,i.jsx)(n.Breadcrumb,{...v,items:T,separator:D,className:[o,v.className].filter(Boolean).join(` `),"data-ds-size":u,"data-has-trail":C?`true`:`false`})})};exports.Breadcrumb=m;
+//# sourceMappingURL=Breadcrumb.cjs.map

package/dist-lib/navigation/Breadcrumb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.cjs","names":[],"sources":["../../src/ds/navigation/Breadcrumb.tsx"],"sourcesContent":["import { Breadcrumb as AntBreadcrumb, Dropdown, Typography } from 'antd';\nimport { cloneElement, isValidElement, useEffect, useRef, useState } from 'react';\nimport type { ComponentProps, MouseEvent, ReactNode } from 'react';\nimport { dsSemanticTokens } from '../../theme/ontadaTheme';\nimport { Icon } from '../../utils/icons';\n\ntype AntBreadcrumbProps = ComponentProps<typeof AntBreadcrumb>;\ntype BreadcrumbItem = NonNullable<AntBreadcrumbProps['items']>[number];\ntype CollapseMode = 'count' | 'responsive';\ntype DSBreadcrumbSize = 'sm' | 'md' | 'lg';\n\nconst STYLE_ID = 'ds-breadcrumb-styles';\nconst DS_BREADCRUMB_CLASS = 'ds-breadcrumb';\n\nconst ensureBreadcrumbStyles = () => {\n  if (typeof document === 'undefined' || document.getElementById(STYLE_ID)) {\n    return;\n  }\n\n  const { breadcrumb } = dsSemanticTokens;\n\n  const style = document.createElement('style');\n  style.id = STYLE_ID;\n  style.textContent = `\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb {\n      --ds-breadcrumb-link-default: ${breadcrumb.link.default};\n      --ds-breadcrumb-link-hover: ${breadcrumb.link.hover};\n      --ds-breadcrumb-current-text: ${breadcrumb.current.text};\n      --ds-breadcrumb-separator-color: ${breadcrumb.separator.color};\n      --ds-breadcrumb-separator-size: ${breadcrumb.separator.size};\n\n      --ds-breadcrumb-font-family: ${breadcrumb.typography.family};\n      --ds-breadcrumb-font-weight: ${breadcrumb.typography.weight};\n\n      --ds-breadcrumb-font-size-sm: ${breadcrumb.typography.sm.fontSize};\n      --ds-breadcrumb-line-height-sm: ${breadcrumb.typography.sm.lineHeight};\n      --ds-breadcrumb-letter-spacing-sm: ${breadcrumb.typography.sm.letterSpacing};\n\n      --ds-breadcrumb-font-size-md: ${breadcrumb.typography.md.fontSize};\n      --ds-breadcrumb-line-height-md: ${breadcrumb.typography.md.lineHeight};\n      --ds-breadcrumb-letter-spacing-md: ${breadcrumb.typography.md.letterSpacing};\n\n      --ds-breadcrumb-font-size-lg: ${breadcrumb.typography.lg.fontSize};\n      --ds-breadcrumb-line-height-lg: ${breadcrumb.typography.lg.lineHeight};\n      --ds-breadcrumb-letter-spacing-lg: ${breadcrumb.typography.lg.letterSpacing};\n\n      --ds-breadcrumb-separator-gap-sm: ${breadcrumb.separator.gap.sm};\n      --ds-breadcrumb-separator-gap-md: ${breadcrumb.separator.gap.md};\n      --ds-breadcrumb-separator-gap-lg: ${breadcrumb.separator.gap.lg};\n    }\n\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb {\n      color: var(--ds-breadcrumb-current-text);\n    }\n\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb,\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb .ant-breadcrumb-link,\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb .ant-breadcrumb-link > a,\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb .ant-breadcrumb-link > span,\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb .ant-breadcrumb-separator,\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb .ant-breadcrumb-overlay-link {\n      font-family: var(--ds-breadcrumb-font-family);\n      font-weight: var(--ds-breadcrumb-font-weight);\n    }\n\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='sm'].ant-breadcrumb,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='sm'].ant-breadcrumb .ant-breadcrumb-link,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='sm'].ant-breadcrumb .ant-breadcrumb-link > a,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='sm'].ant-breadcrumb .ant-breadcrumb-link > span,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='sm'].ant-breadcrumb .ant-breadcrumb-separator,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='sm'].ant-breadcrumb .ant-breadcrumb-overlay-link {\n      font-size: var(--ds-breadcrumb-font-size-sm);\n      line-height: var(--ds-breadcrumb-line-height-sm);\n      letter-spacing: var(--ds-breadcrumb-letter-spacing-sm);\n    }\n\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='md'].ant-breadcrumb,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='md'].ant-breadcrumb .ant-breadcrumb-link,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='md'].ant-breadcrumb .ant-breadcrumb-link > a,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='md'].ant-breadcrumb .ant-breadcrumb-link > span,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='md'].ant-breadcrumb .ant-breadcrumb-separator,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='md'].ant-breadcrumb .ant-breadcrumb-overlay-link {\n      font-size: var(--ds-breadcrumb-font-size-md);\n      line-height: var(--ds-breadcrumb-line-height-md);\n      letter-spacing: var(--ds-breadcrumb-letter-spacing-md);\n    }\n\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='lg'].ant-breadcrumb,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='lg'].ant-breadcrumb .ant-breadcrumb-link,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='lg'].ant-breadcrumb .ant-breadcrumb-link > a,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='lg'].ant-breadcrumb .ant-breadcrumb-link > span,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='lg'].ant-breadcrumb .ant-breadcrumb-separator,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='lg'].ant-breadcrumb .ant-breadcrumb-overlay-link {\n      font-size: var(--ds-breadcrumb-font-size-lg);\n      line-height: var(--ds-breadcrumb-line-height-lg);\n      letter-spacing: var(--ds-breadcrumb-letter-spacing-lg);\n    }\n\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb a.ant-breadcrumb-link,\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb a.ant-breadcrumb-link:visited,\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb .ant-breadcrumb-link > a,\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb .ant-breadcrumb-link > a:visited {\n      color: var(--ds-breadcrumb-link-default);\n      text-decoration: none;\n    }\n\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb a.ant-breadcrumb-link:hover,\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb .ant-breadcrumb-link > a:hover {\n      color: var(--ds-breadcrumb-link-hover);\n      background: transparent !important;\n      background-color: transparent !important;\n      text-decoration: none;\n    }\n\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb .ant-breadcrumb-link:hover,\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb .ant-breadcrumb-overlay-link:hover,\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb a:hover {\n      background: transparent !important;\n      background-color: transparent !important;\n    }\n\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb[data-has-trail='true'] .ant-breadcrumb-item:last-child .ant-breadcrumb-link,\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb[data-has-trail='true'] .ant-breadcrumb-item:last-child .ant-breadcrumb-link > span,\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb[data-has-trail='true'] .ant-breadcrumb-item:last-child .ant-breadcrumb-link > a {\n      color: var(--ds-breadcrumb-current-text);\n    }\n\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='sm'].ant-breadcrumb .ant-breadcrumb-separator {\n      margin-inline: var(--ds-breadcrumb-separator-gap-sm);\n      color: var(--ds-breadcrumb-separator-color);\n    }\n\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='md'].ant-breadcrumb .ant-breadcrumb-separator {\n      margin-inline: var(--ds-breadcrumb-separator-gap-md);\n      color: var(--ds-breadcrumb-separator-color);\n    }\n\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='lg'].ant-breadcrumb .ant-breadcrumb-separator {\n      margin-inline: var(--ds-breadcrumb-separator-gap-lg);\n      color: var(--ds-breadcrumb-separator-color);\n    }\n\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb .ds-breadcrumb-separator-icon {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--ds-breadcrumb-separator-color);\n      line-height: 1;\n      vertical-align: middle;\n    }\n\n  `;\n\n  document.head.appendChild(style);\n};\n\nexport type BreadcrumbProps = Omit<AntBreadcrumbProps, 'items'> & {\n  items: BreadcrumbItem[];\n  collapseMode?: CollapseMode;\n  dsSize?: DSBreadcrumbSize;\n  maxVisibleItems?: number;\n  responsiveBreakpoint?: number;\n  preserveStartCount?: number;\n  preserveEndCount?: number;\n  ellipsisLabel?: ReactNode;\n};\n\nconst defaultEllipsisLabel = (\n  <Typography.Text aria-label=\"Collapsed breadcrumb items\" strong>\n    ...\n  </Typography.Text>\n);\n\nconst isAnchorElement = (title: ReactNode) =>\n  isValidElement<{ style?: Record<string, string | number> }>(title) && title.type === 'a';\n\nconst getCurrentItemTitle = (item: BreadcrumbItem): ReactNode => {\n  if (isAnchorElement(item.title)) {\n    return item.title.props.children;\n  }\n\n  return item.title;\n};\n\nconst getLinkedItemTitle = (item: BreadcrumbItem): ReactNode => {\n  if (isAnchorElement(item.title)) {\n    return cloneElement(item.title, {\n      style: {\n        ...(item.title.props.style ?? {}),\n      },\n    });\n  }\n\n  const href = item.href ?? '#';\n  const onClick = item.href\n    ? undefined\n    : (event: MouseEvent<HTMLAnchorElement>) => {\n        event.preventDefault();\n      };\n\n  return <a href={href} onClick={onClick}>{item.title}</a>;\n};\n\nconst normalizeBreadcrumbItems = (items: BreadcrumbItem[]): BreadcrumbItem[] =>\n  items.map((item, index) => {\n    const hasTrail = items.length > 1;\n    const isCurrentItem = hasTrail && index === items.length - 1;\n\n    if (isCurrentItem) {\n      return {\n        ...item,\n        href: undefined,\n        title: getCurrentItemTitle(item),\n      };\n    }\n\n    if (item.menu) {\n      return item;\n    }\n\n    if (item.href) {\n      return {\n        ...item,\n        title: getCurrentItemTitle(item),\n      };\n    }\n\n    return {\n      ...item,\n      title: getLinkedItemTitle(item),\n    };\n  });\n\nconst toMenuItem = (item: BreadcrumbItem, index: number) => ({\n  key: `${index}-${typeof item.title === 'string' ? item.title : 'item'}`,\n  label: getLinkedItemTitle(item),\n  disabled: Boolean(item.menu),\n});\n\nexport const Breadcrumb = ({\n  items,\n  collapseMode = 'count',\n  dsSize = 'md',\n  maxVisibleItems = 4,\n  responsiveBreakpoint = 768,\n  preserveStartCount = 1,\n  preserveEndCount = 2,\n  ellipsisLabel,\n  ...breadcrumbProps\n}: BreadcrumbProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [containerWidth, setContainerWidth] = useState<number | null>(null);\n\n  useEffect(() => {\n    ensureBreadcrumbStyles();\n  }, []);\n\n  useEffect(() => {\n    if (collapseMode !== 'responsive' || typeof ResizeObserver === 'undefined') {\n      return;\n    }\n\n    const node = containerRef.current;\n    if (!node) {\n      return;\n    }\n\n    const observer = new ResizeObserver((entries) => {\n      const nextWidth = entries[0]?.contentRect.width;\n      if (typeof nextWidth === 'number') {\n        setContainerWidth(nextWidth);\n      }\n    });\n\n    observer.observe(node);\n    setContainerWidth(node.getBoundingClientRect().width);\n\n    return () => observer.disconnect();\n  }, [collapseMode]);\n\n  const shouldCollapse =\n    collapseMode === 'responsive'\n      ? items.length > preserveStartCount + preserveEndCount &&\n        containerWidth !== null &&\n        containerWidth < responsiveBreakpoint\n      : items.length > maxVisibleItems;\n\n  const hasTrail = items.length > 1;\n\n  const clickableItems = normalizeBreadcrumbItems(items);\n\n  const normalizedItems = shouldCollapse\n    ? (() => {\n        const firstItems = clickableItems.slice(0, preserveStartCount);\n        const trailingItems = clickableItems.slice(clickableItems.length - preserveEndCount);\n        const middleItems = clickableItems.slice(\n          preserveStartCount,\n          clickableItems.length - preserveEndCount,\n        );\n\n        if (middleItems.length === 0) {\n          return clickableItems;\n        }\n\n        const collapsedTrigger: BreadcrumbItem = {\n          title: (\n            <Dropdown\n              trigger={['click']}\n              menu={{\n                items: middleItems.map(toMenuItem),\n              }}\n            >\n              <span style={{ cursor: 'pointer' }}>{ellipsisLabel ?? defaultEllipsisLabel}</span>\n            </Dropdown>\n          ),\n        };\n\n        return [...firstItems, collapsedTrigger, ...trailingItems];\n      })()\n    : clickableItems;\n\n  const separatorSize = Number.parseInt(dsSemanticTokens.breadcrumb.separator.size, 10) || 10;\n  const defaultSeparator = (\n    <span className=\"ds-breadcrumb-separator-icon\" aria-hidden=\"true\">\n      <Icon name=\"arrowRight1\" size={separatorSize} style={{ color: 'inherit' }} />\n    </span>\n  );\n\n  const resolvedSeparator = breadcrumbProps.separator ?? defaultSeparator;\n\n  return (\n    <div ref={containerRef}>\n      <AntBreadcrumb\n        {...breadcrumbProps}\n        items={normalizedItems}\n        separator={resolvedSeparator}\n        className={[DS_BREADCRUMB_CLASS, breadcrumbProps.className].filter(Boolean).join(' ')}\n        data-ds-size={dsSize}\n        data-has-trail={hasTrail ? 'true' : 'false'}\n      />\n    </div>\n  );\n};\n"],"mappings":"uPAWA,IAAM,EAAW,uBACX,EAAsB,gBAEtB,MAA+B,CACnC,GAAI,OAAO,SAAa,KAAe,SAAS,eAAe,EAAS,CACtE,OAGF,GAAM,CAAE,cAAe,EAAA,iBAEjB,EAAQ,SAAS,cAAc,QAAQ,CAC7C,EAAM,GAAK,EACX,EAAM,YAAc;OACf,EAAoB;sCACW,EAAW,KAAK,QAAQ;oCAC1B,EAAW,KAAK,MAAM;sCACpB,EAAW,QAAQ,KAAK;yCACrB,EAAW,UAAU,MAAM;wCAC5B,EAAW,UAAU,KAAK;;qCAE7B,EAAW,WAAW,OAAO;qCAC7B,EAAW,WAAW,OAAO;;sCAE5B,EAAW,WAAW,GAAG,SAAS;wCAChC,EAAW,WAAW,GAAG,WAAW;2CACjC,EAAW,WAAW,GAAG,cAAc;;sCAE5C,EAAW,WAAW,GAAG,SAAS;wCAChC,EAAW,WAAW,GAAG,WAAW;2CACjC,EAAW,WAAW,GAAG,cAAc;;sCAE5C,EAAW,WAAW,GAAG,SAAS;wCAChC,EAAW,WAAW,GAAG,WAAW;2CACjC,EAAW,WAAW,GAAG,cAAc;;0CAExC,EAAW,UAAU,IAAI,GAAG;0CAC5B,EAAW,UAAU,IAAI,GAAG;0CAC5B,EAAW,UAAU,IAAI,GAAG;;;OAG/D,EAAoB;;;;OAIpB,EAAoB;OACpB,EAAoB;OACpB,EAAoB;OACpB,EAAoB;OACpB,EAAoB;OACpB,EAAoB;;;;;OAKpB,EAAoB;OACpB,EAAoB;OACpB,EAAoB;OACpB,EAAoB;OACpB,EAAoB;OACpB,EAAoB;;;;;;OAMpB,EAAoB;OACpB,EAAoB;OACpB,EAAoB;OACpB,EAAoB;OACpB,EAAoB;OACpB,EAAoB;;;;;;OAMpB,EAAoB;OACpB,EAAoB;OACpB,EAAoB;OACpB,EAAoB;OACpB,EAAoB;OACpB,EAAoB;;;;;;OAMpB,EAAoB;OACpB,EAAoB;OACpB,EAAoB;OACpB,EAAoB;;;;;OAKpB,EAAoB;OACpB,EAAoB;;;;;;;OAOpB,EAAoB;OACpB,EAAoB;OACpB,EAAoB;;;;;OAKpB,EAAoB;OACpB,EAAoB;OACpB,EAAoB;;;;OAIpB,EAAoB;;;;;OAKpB,EAAoB;;;;;OAKpB,EAAoB;;;;;OAKpB,EAAoB;;;;;;;;;IAWzB,SAAS,KAAK,YAAY,EAAM,EAc5B,GACJ,EAAA,EAAA,KAAC,EAAA,WAAW,KAAZ,CAAiB,aAAW,6BAA6B,OAAA,YAAO,MAE9C,CAAA,CAGd,EAAmB,IAAA,EAAA,EAAA,gBACqC,EAAM,EAAI,EAAM,OAAS,IAEjF,EAAuB,GACvB,EAAgB,EAAK,MAAM,CACtB,EAAK,MAAM,MAAM,SAGnB,EAAK,MAGR,EAAsB,GACtB,EAAgB,EAAK,MAAM,EAC7B,EAAA,EAAA,cAAoB,EAAK,MAAO,CAC9B,MAAO,CACL,GAAI,EAAK,MAAM,MAAM,OAAS,EAAE,CACjC,CACF,CAAC,EAUG,EAAA,EAAA,KAAC,IAAD,CAAS,KAPH,EAAK,MAAQ,IAOK,QANf,EAAK,KACjB,IAAA,GACC,GAAyC,CACxC,EAAM,gBAAgB,WAGa,EAAK,MAAU,CAAA,CAGpD,EAA4B,GAChC,EAAM,KAAK,EAAM,IACE,EAAM,OAAS,GACE,IAAU,EAAM,OAAS,EAGlD,CACL,GAAG,EACH,KAAM,IAAA,GACN,MAAO,EAAoB,EAAK,CACjC,CAGC,EAAK,KACA,EAGL,EAAK,KACA,CACL,GAAG,EACH,MAAO,EAAoB,EAAK,CACjC,CAGI,CACL,GAAG,EACH,MAAO,EAAmB,EAAK,CAChC,CACD,CAEE,GAAc,EAAsB,KAAmB,CAC3D,IAAK,GAAG,EAAM,GAAG,OAAO,EAAK,OAAU,SAAW,EAAK,MAAQ,SAC/D,MAAO,EAAmB,EAAK,CAC/B,SAAU,EAAQ,EAAK,KACxB,EAEY,GAAc,CACzB,QACA,eAAe,QACf,SAAS,KACT,kBAAkB,EAClB,uBAAuB,IACvB,qBAAqB,EACrB,mBAAmB,EACnB,gBACA,GAAG,KACkB,CACrB,IAAM,GAAA,EAAA,EAAA,QAAsC,KAAK,CAC3C,CAAC,EAAgB,IAAA,EAAA,EAAA,UAA6C,KAAK,EAEzE,EAAA,EAAA,eAAgB,CACd,GAAwB,EACvB,EAAE,CAAC,EAEN,EAAA,EAAA,eAAgB,CACd,GAAI,IAAiB,cAAgB,OAAO,eAAmB,IAC7D,OAGF,IAAM,EAAO,EAAa,QAC1B,GAAI,CAAC,EACH,OAGF,IAAM,EAAW,IAAI,eAAgB,GAAY,CAC/C,IAAM,EAAY,EAAQ,IAAI,YAAY,MACtC,OAAO,GAAc,UACvB,EAAkB,EAAU,EAE9B,CAKF,OAHA,EAAS,QAAQ,EAAK,CACtB,EAAkB,EAAK,uBAAuB,CAAC,MAAM,KAExC,EAAS,YAAY,EACjC,CAAC,EAAa,CAAC,CAElB,IAAM,EACJ,IAAiB,aACb,EAAM,OAAS,EAAqB,GACpC,IAAmB,MACnB,EAAiB,EACjB,EAAM,OAAS,EAEf,EAAW,EAAM,OAAS,EAE1B,EAAiB,EAAyB,EAAM,CAEhD,EAAkB,OACb,CACL,IAAM,EAAa,EAAe,MAAM,EAAG,EAAmB,CACxD,EAAgB,EAAe,MAAM,EAAe,OAAS,EAAiB,CAC9E,EAAc,EAAe,MACjC,EACA,EAAe,OAAS,EACzB,CAED,GAAI,EAAY,SAAW,EACzB,OAAO,EAGT,IAAM,EAAmC,CACvC,OACE,EAAA,EAAA,KAAC,EAAA,SAAD,CACE,QAAS,CAAC,QAAQ,CAClB,KAAM,CACJ,MAAO,EAAY,IAAI,EAAW,CACnC,WAED,EAAA,EAAA,KAAC,OAAD,CAAM,MAAO,CAAE,OAAQ,UAAW,UAAG,GAAiB,EAA4B,CAAA,CACzE,CAAA,CAEd,CAED,MAAO,CAAC,GAAG,EAAY,EAAkB,GAAG,EAAc,IACxD,CACJ,EAGE,GACJ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,+BAA+B,cAAY,iBACzD,EAAA,EAAA,KAAC,EAAA,EAAD,CAAM,KAAK,cAAc,KAHP,OAAO,SAAS,EAAA,iBAAiB,WAAW,UAAU,KAAM,GAAG,EAAI,GAGvC,MAAO,CAAE,MAAO,UAAW,CAAI,CAAA,CACxE,CAAA,CAGH,EAAoB,EAAgB,WAAa,EAEvD,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,IAAK,YACR,EAAA,EAAA,KAAC,EAAA,WAAD,CACE,GAAI,EACJ,MAAO,EACP,UAAW,EACX,UAAW,CAAC,EAAqB,EAAgB,UAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CACrF,eAAc,EACd,iBAAgB,EAAW,OAAS,QACpC,CAAA,CACE,CAAA"}

package/dist-lib/navigation/Breadcrumb.js

@@ -0,0 +1,217 @@
+import { dsSemanticTokens as e } from "../theme.js";
+import { t } from "../useCustomIcon-B-VUK-84.js";
+import { Breadcrumb as n, Dropdown as r, Typography as i } from "antd";
+import { cloneElement as a, isValidElement as o, useEffect as s, useRef as c, useState as l } from "react";
+import { jsx as u } from "react/jsx-runtime";
+//#region src/ds/navigation/Breadcrumb.tsx
+var d = "ds-breadcrumb-styles", f = "ds-breadcrumb", p = () => {
+	if (typeof document > "u" || document.getElementById(d)) return;
+	let { breadcrumb: t } = e, n = document.createElement("style");
+	n.id = d, n.textContent = `
+    .${f}.ant-breadcrumb {
+      --ds-breadcrumb-link-default: ${t.link.default};
+      --ds-breadcrumb-link-hover: ${t.link.hover};
+      --ds-breadcrumb-current-text: ${t.current.text};
+      --ds-breadcrumb-separator-color: ${t.separator.color};
+      --ds-breadcrumb-separator-size: ${t.separator.size};
+
+      --ds-breadcrumb-font-family: ${t.typography.family};
+      --ds-breadcrumb-font-weight: ${t.typography.weight};
+
+      --ds-breadcrumb-font-size-sm: ${t.typography.sm.fontSize};
+      --ds-breadcrumb-line-height-sm: ${t.typography.sm.lineHeight};
+      --ds-breadcrumb-letter-spacing-sm: ${t.typography.sm.letterSpacing};
+
+      --ds-breadcrumb-font-size-md: ${t.typography.md.fontSize};
+      --ds-breadcrumb-line-height-md: ${t.typography.md.lineHeight};
+      --ds-breadcrumb-letter-spacing-md: ${t.typography.md.letterSpacing};
+
+      --ds-breadcrumb-font-size-lg: ${t.typography.lg.fontSize};
+      --ds-breadcrumb-line-height-lg: ${t.typography.lg.lineHeight};
+      --ds-breadcrumb-letter-spacing-lg: ${t.typography.lg.letterSpacing};
+
+      --ds-breadcrumb-separator-gap-sm: ${t.separator.gap.sm};
+      --ds-breadcrumb-separator-gap-md: ${t.separator.gap.md};
+      --ds-breadcrumb-separator-gap-lg: ${t.separator.gap.lg};
+    }
+
+    .${f}.ant-breadcrumb {
+      color: var(--ds-breadcrumb-current-text);
+    }
+
+    .${f}.ant-breadcrumb,
+    .${f}.ant-breadcrumb .ant-breadcrumb-link,
+    .${f}.ant-breadcrumb .ant-breadcrumb-link > a,
+    .${f}.ant-breadcrumb .ant-breadcrumb-link > span,
+    .${f}.ant-breadcrumb .ant-breadcrumb-separator,
+    .${f}.ant-breadcrumb .ant-breadcrumb-overlay-link {
+      font-family: var(--ds-breadcrumb-font-family);
+      font-weight: var(--ds-breadcrumb-font-weight);
+    }
+
+    .${f}[data-ds-size='sm'].ant-breadcrumb,
+    .${f}[data-ds-size='sm'].ant-breadcrumb .ant-breadcrumb-link,
+    .${f}[data-ds-size='sm'].ant-breadcrumb .ant-breadcrumb-link > a,
+    .${f}[data-ds-size='sm'].ant-breadcrumb .ant-breadcrumb-link > span,
+    .${f}[data-ds-size='sm'].ant-breadcrumb .ant-breadcrumb-separator,
+    .${f}[data-ds-size='sm'].ant-breadcrumb .ant-breadcrumb-overlay-link {
+      font-size: var(--ds-breadcrumb-font-size-sm);
+      line-height: var(--ds-breadcrumb-line-height-sm);
+      letter-spacing: var(--ds-breadcrumb-letter-spacing-sm);
+    }
+
+    .${f}[data-ds-size='md'].ant-breadcrumb,
+    .${f}[data-ds-size='md'].ant-breadcrumb .ant-breadcrumb-link,
+    .${f}[data-ds-size='md'].ant-breadcrumb .ant-breadcrumb-link > a,
+    .${f}[data-ds-size='md'].ant-breadcrumb .ant-breadcrumb-link > span,
+    .${f}[data-ds-size='md'].ant-breadcrumb .ant-breadcrumb-separator,
+    .${f}[data-ds-size='md'].ant-breadcrumb .ant-breadcrumb-overlay-link {
+      font-size: var(--ds-breadcrumb-font-size-md);
+      line-height: var(--ds-breadcrumb-line-height-md);
+      letter-spacing: var(--ds-breadcrumb-letter-spacing-md);
+    }
+
+    .${f}[data-ds-size='lg'].ant-breadcrumb,
+    .${f}[data-ds-size='lg'].ant-breadcrumb .ant-breadcrumb-link,
+    .${f}[data-ds-size='lg'].ant-breadcrumb .ant-breadcrumb-link > a,
+    .${f}[data-ds-size='lg'].ant-breadcrumb .ant-breadcrumb-link > span,
+    .${f}[data-ds-size='lg'].ant-breadcrumb .ant-breadcrumb-separator,
+    .${f}[data-ds-size='lg'].ant-breadcrumb .ant-breadcrumb-overlay-link {
+      font-size: var(--ds-breadcrumb-font-size-lg);
+      line-height: var(--ds-breadcrumb-line-height-lg);
+      letter-spacing: var(--ds-breadcrumb-letter-spacing-lg);
+    }
+
+    .${f}.ant-breadcrumb a.ant-breadcrumb-link,
+    .${f}.ant-breadcrumb a.ant-breadcrumb-link:visited,
+    .${f}.ant-breadcrumb .ant-breadcrumb-link > a,
+    .${f}.ant-breadcrumb .ant-breadcrumb-link > a:visited {
+      color: var(--ds-breadcrumb-link-default);
+      text-decoration: none;
+    }
+
+    .${f}.ant-breadcrumb a.ant-breadcrumb-link:hover,
+    .${f}.ant-breadcrumb .ant-breadcrumb-link > a:hover {
+      color: var(--ds-breadcrumb-link-hover);
+      background: transparent !important;
+      background-color: transparent !important;
+      text-decoration: none;
+    }
+
+    .${f}.ant-breadcrumb .ant-breadcrumb-link:hover,
+    .${f}.ant-breadcrumb .ant-breadcrumb-overlay-link:hover,
+    .${f}.ant-breadcrumb a:hover {
+      background: transparent !important;
+      background-color: transparent !important;
+    }
+
+    .${f}.ant-breadcrumb[data-has-trail='true'] .ant-breadcrumb-item:last-child .ant-breadcrumb-link,
+    .${f}.ant-breadcrumb[data-has-trail='true'] .ant-breadcrumb-item:last-child .ant-breadcrumb-link > span,
+    .${f}.ant-breadcrumb[data-has-trail='true'] .ant-breadcrumb-item:last-child .ant-breadcrumb-link > a {
+      color: var(--ds-breadcrumb-current-text);
+    }
+
+    .${f}[data-ds-size='sm'].ant-breadcrumb .ant-breadcrumb-separator {
+      margin-inline: var(--ds-breadcrumb-separator-gap-sm);
+      color: var(--ds-breadcrumb-separator-color);
+    }
+
+    .${f}[data-ds-size='md'].ant-breadcrumb .ant-breadcrumb-separator {
+      margin-inline: var(--ds-breadcrumb-separator-gap-md);
+      color: var(--ds-breadcrumb-separator-color);
+    }
+
+    .${f}[data-ds-size='lg'].ant-breadcrumb .ant-breadcrumb-separator {
+      margin-inline: var(--ds-breadcrumb-separator-gap-lg);
+      color: var(--ds-breadcrumb-separator-color);
+    }
+
+    .${f}.ant-breadcrumb .ds-breadcrumb-separator-icon {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      color: var(--ds-breadcrumb-separator-color);
+      line-height: 1;
+      vertical-align: middle;
+    }
+
+  `, document.head.appendChild(n);
+}, m = /* @__PURE__ */ u(i.Text, {
+	"aria-label": "Collapsed breadcrumb items",
+	strong: !0,
+	children: "..."
+}), h = (e) => o(e) && e.type === "a", g = (e) => h(e.title) ? e.title.props.children : e.title, _ = (e) => h(e.title) ? a(e.title, { style: { ...e.title.props.style ?? {} } }) : /* @__PURE__ */ u("a", {
+	href: e.href ?? "#",
+	onClick: e.href ? void 0 : (e) => {
+		e.preventDefault();
+	},
+	children: e.title
+}), v = (e) => e.map((t, n) => e.length > 1 && n === e.length - 1 ? {
+	...t,
+	href: void 0,
+	title: g(t)
+} : t.menu ? t : t.href ? {
+	...t,
+	title: g(t)
+} : {
+	...t,
+	title: _(t)
+}), y = (e, t) => ({
+	key: `${t}-${typeof e.title == "string" ? e.title : "item"}`,
+	label: _(e),
+	disabled: !!e.menu
+}), b = ({ items: i, collapseMode: a = "count", dsSize: o = "md", maxVisibleItems: d = 4, responsiveBreakpoint: h = 768, preserveStartCount: g = 1, preserveEndCount: _ = 2, ellipsisLabel: b, ...x }) => {
+	let S = c(null), [C, w] = l(null);
+	s(() => {
+		p();
+	}, []), s(() => {
+		if (a !== "responsive" || typeof ResizeObserver > "u") return;
+		let e = S.current;
+		if (!e) return;
+		let t = new ResizeObserver((e) => {
+			let t = e[0]?.contentRect.width;
+			typeof t == "number" && w(t);
+		});
+		return t.observe(e), w(e.getBoundingClientRect().width), () => t.disconnect();
+	}, [a]);
+	let T = a === "responsive" ? i.length > g + _ && C !== null && C < h : i.length > d, E = i.length > 1, D = v(i), O = T ? (() => {
+		let e = D.slice(0, g), t = D.slice(D.length - _), n = D.slice(g, D.length - _);
+		if (n.length === 0) return D;
+		let i = { title: /* @__PURE__ */ u(r, {
+			trigger: ["click"],
+			menu: { items: n.map(y) },
+			children: /* @__PURE__ */ u("span", {
+				style: { cursor: "pointer" },
+				children: b ?? m
+			})
+		}) };
+		return [
+			...e,
+			i,
+			...t
+		];
+	})() : D, k = /* @__PURE__ */ u("span", {
+		className: "ds-breadcrumb-separator-icon",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ u(t, {
+			name: "arrowRight1",
+			size: Number.parseInt(e.breadcrumb.separator.size, 10) || 10,
+			style: { color: "inherit" }
+		})
+	}), A = x.separator ?? k;
+	return /* @__PURE__ */ u("div", {
+		ref: S,
+		children: /* @__PURE__ */ u(n, {
+			...x,
+			items: O,
+			separator: A,
+			className: [f, x.className].filter(Boolean).join(" "),
+			"data-ds-size": o,
+			"data-has-trail": E ? "true" : "false"
+		})
+	});
+};
+//#endregion
+export { b as Breadcrumb };
+
+//# sourceMappingURL=Breadcrumb.js.map

package/dist-lib/navigation/Breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.js","names":[],"sources":["../../src/ds/navigation/Breadcrumb.tsx"],"sourcesContent":["import { Breadcrumb as AntBreadcrumb, Dropdown, Typography } from 'antd';\nimport { cloneElement, isValidElement, useEffect, useRef, useState } from 'react';\nimport type { ComponentProps, MouseEvent, ReactNode } from 'react';\nimport { dsSemanticTokens } from '../../theme/ontadaTheme';\nimport { Icon } from '../../utils/icons';\n\ntype AntBreadcrumbProps = ComponentProps<typeof AntBreadcrumb>;\ntype BreadcrumbItem = NonNullable<AntBreadcrumbProps['items']>[number];\ntype CollapseMode = 'count' | 'responsive';\ntype DSBreadcrumbSize = 'sm' | 'md' | 'lg';\n\nconst STYLE_ID = 'ds-breadcrumb-styles';\nconst DS_BREADCRUMB_CLASS = 'ds-breadcrumb';\n\nconst ensureBreadcrumbStyles = () => {\n  if (typeof document === 'undefined' || document.getElementById(STYLE_ID)) {\n    return;\n  }\n\n  const { breadcrumb } = dsSemanticTokens;\n\n  const style = document.createElement('style');\n  style.id = STYLE_ID;\n  style.textContent = `\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb {\n      --ds-breadcrumb-link-default: ${breadcrumb.link.default};\n      --ds-breadcrumb-link-hover: ${breadcrumb.link.hover};\n      --ds-breadcrumb-current-text: ${breadcrumb.current.text};\n      --ds-breadcrumb-separator-color: ${breadcrumb.separator.color};\n      --ds-breadcrumb-separator-size: ${breadcrumb.separator.size};\n\n      --ds-breadcrumb-font-family: ${breadcrumb.typography.family};\n      --ds-breadcrumb-font-weight: ${breadcrumb.typography.weight};\n\n      --ds-breadcrumb-font-size-sm: ${breadcrumb.typography.sm.fontSize};\n      --ds-breadcrumb-line-height-sm: ${breadcrumb.typography.sm.lineHeight};\n      --ds-breadcrumb-letter-spacing-sm: ${breadcrumb.typography.sm.letterSpacing};\n\n      --ds-breadcrumb-font-size-md: ${breadcrumb.typography.md.fontSize};\n      --ds-breadcrumb-line-height-md: ${breadcrumb.typography.md.lineHeight};\n      --ds-breadcrumb-letter-spacing-md: ${breadcrumb.typography.md.letterSpacing};\n\n      --ds-breadcrumb-font-size-lg: ${breadcrumb.typography.lg.fontSize};\n      --ds-breadcrumb-line-height-lg: ${breadcrumb.typography.lg.lineHeight};\n      --ds-breadcrumb-letter-spacing-lg: ${breadcrumb.typography.lg.letterSpacing};\n\n      --ds-breadcrumb-separator-gap-sm: ${breadcrumb.separator.gap.sm};\n      --ds-breadcrumb-separator-gap-md: ${breadcrumb.separator.gap.md};\n      --ds-breadcrumb-separator-gap-lg: ${breadcrumb.separator.gap.lg};\n    }\n\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb {\n      color: var(--ds-breadcrumb-current-text);\n    }\n\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb,\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb .ant-breadcrumb-link,\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb .ant-breadcrumb-link > a,\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb .ant-breadcrumb-link > span,\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb .ant-breadcrumb-separator,\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb .ant-breadcrumb-overlay-link {\n      font-family: var(--ds-breadcrumb-font-family);\n      font-weight: var(--ds-breadcrumb-font-weight);\n    }\n\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='sm'].ant-breadcrumb,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='sm'].ant-breadcrumb .ant-breadcrumb-link,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='sm'].ant-breadcrumb .ant-breadcrumb-link > a,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='sm'].ant-breadcrumb .ant-breadcrumb-link > span,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='sm'].ant-breadcrumb .ant-breadcrumb-separator,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='sm'].ant-breadcrumb .ant-breadcrumb-overlay-link {\n      font-size: var(--ds-breadcrumb-font-size-sm);\n      line-height: var(--ds-breadcrumb-line-height-sm);\n      letter-spacing: var(--ds-breadcrumb-letter-spacing-sm);\n    }\n\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='md'].ant-breadcrumb,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='md'].ant-breadcrumb .ant-breadcrumb-link,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='md'].ant-breadcrumb .ant-breadcrumb-link > a,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='md'].ant-breadcrumb .ant-breadcrumb-link > span,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='md'].ant-breadcrumb .ant-breadcrumb-separator,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='md'].ant-breadcrumb .ant-breadcrumb-overlay-link {\n      font-size: var(--ds-breadcrumb-font-size-md);\n      line-height: var(--ds-breadcrumb-line-height-md);\n      letter-spacing: var(--ds-breadcrumb-letter-spacing-md);\n    }\n\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='lg'].ant-breadcrumb,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='lg'].ant-breadcrumb .ant-breadcrumb-link,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='lg'].ant-breadcrumb .ant-breadcrumb-link > a,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='lg'].ant-breadcrumb .ant-breadcrumb-link > span,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='lg'].ant-breadcrumb .ant-breadcrumb-separator,\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='lg'].ant-breadcrumb .ant-breadcrumb-overlay-link {\n      font-size: var(--ds-breadcrumb-font-size-lg);\n      line-height: var(--ds-breadcrumb-line-height-lg);\n      letter-spacing: var(--ds-breadcrumb-letter-spacing-lg);\n    }\n\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb a.ant-breadcrumb-link,\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb a.ant-breadcrumb-link:visited,\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb .ant-breadcrumb-link > a,\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb .ant-breadcrumb-link > a:visited {\n      color: var(--ds-breadcrumb-link-default);\n      text-decoration: none;\n    }\n\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb a.ant-breadcrumb-link:hover,\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb .ant-breadcrumb-link > a:hover {\n      color: var(--ds-breadcrumb-link-hover);\n      background: transparent !important;\n      background-color: transparent !important;\n      text-decoration: none;\n    }\n\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb .ant-breadcrumb-link:hover,\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb .ant-breadcrumb-overlay-link:hover,\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb a:hover {\n      background: transparent !important;\n      background-color: transparent !important;\n    }\n\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb[data-has-trail='true'] .ant-breadcrumb-item:last-child .ant-breadcrumb-link,\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb[data-has-trail='true'] .ant-breadcrumb-item:last-child .ant-breadcrumb-link > span,\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb[data-has-trail='true'] .ant-breadcrumb-item:last-child .ant-breadcrumb-link > a {\n      color: var(--ds-breadcrumb-current-text);\n    }\n\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='sm'].ant-breadcrumb .ant-breadcrumb-separator {\n      margin-inline: var(--ds-breadcrumb-separator-gap-sm);\n      color: var(--ds-breadcrumb-separator-color);\n    }\n\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='md'].ant-breadcrumb .ant-breadcrumb-separator {\n      margin-inline: var(--ds-breadcrumb-separator-gap-md);\n      color: var(--ds-breadcrumb-separator-color);\n    }\n\n    .${DS_BREADCRUMB_CLASS}[data-ds-size='lg'].ant-breadcrumb .ant-breadcrumb-separator {\n      margin-inline: var(--ds-breadcrumb-separator-gap-lg);\n      color: var(--ds-breadcrumb-separator-color);\n    }\n\n    .${DS_BREADCRUMB_CLASS}.ant-breadcrumb .ds-breadcrumb-separator-icon {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--ds-breadcrumb-separator-color);\n      line-height: 1;\n      vertical-align: middle;\n    }\n\n  `;\n\n  document.head.appendChild(style);\n};\n\nexport type BreadcrumbProps = Omit<AntBreadcrumbProps, 'items'> & {\n  items: BreadcrumbItem[];\n  collapseMode?: CollapseMode;\n  dsSize?: DSBreadcrumbSize;\n  maxVisibleItems?: number;\n  responsiveBreakpoint?: number;\n  preserveStartCount?: number;\n  preserveEndCount?: number;\n  ellipsisLabel?: ReactNode;\n};\n\nconst defaultEllipsisLabel = (\n  <Typography.Text aria-label=\"Collapsed breadcrumb items\" strong>\n    ...\n  </Typography.Text>\n);\n\nconst isAnchorElement = (title: ReactNode) =>\n  isValidElement<{ style?: Record<string, string | number> }>(title) && title.type === 'a';\n\nconst getCurrentItemTitle = (item: BreadcrumbItem): ReactNode => {\n  if (isAnchorElement(item.title)) {\n    return item.title.props.children;\n  }\n\n  return item.title;\n};\n\nconst getLinkedItemTitle = (item: BreadcrumbItem): ReactNode => {\n  if (isAnchorElement(item.title)) {\n    return cloneElement(item.title, {\n      style: {\n        ...(item.title.props.style ?? {}),\n      },\n    });\n  }\n\n  const href = item.href ?? '#';\n  const onClick = item.href\n    ? undefined\n    : (event: MouseEvent<HTMLAnchorElement>) => {\n        event.preventDefault();\n      };\n\n  return <a href={href} onClick={onClick}>{item.title}</a>;\n};\n\nconst normalizeBreadcrumbItems = (items: BreadcrumbItem[]): BreadcrumbItem[] =>\n  items.map((item, index) => {\n    const hasTrail = items.length > 1;\n    const isCurrentItem = hasTrail && index === items.length - 1;\n\n    if (isCurrentItem) {\n      return {\n        ...item,\n        href: undefined,\n        title: getCurrentItemTitle(item),\n      };\n    }\n\n    if (item.menu) {\n      return item;\n    }\n\n    if (item.href) {\n      return {\n        ...item,\n        title: getCurrentItemTitle(item),\n      };\n    }\n\n    return {\n      ...item,\n      title: getLinkedItemTitle(item),\n    };\n  });\n\nconst toMenuItem = (item: BreadcrumbItem, index: number) => ({\n  key: `${index}-${typeof item.title === 'string' ? item.title : 'item'}`,\n  label: getLinkedItemTitle(item),\n  disabled: Boolean(item.menu),\n});\n\nexport const Breadcrumb = ({\n  items,\n  collapseMode = 'count',\n  dsSize = 'md',\n  maxVisibleItems = 4,\n  responsiveBreakpoint = 768,\n  preserveStartCount = 1,\n  preserveEndCount = 2,\n  ellipsisLabel,\n  ...breadcrumbProps\n}: BreadcrumbProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [containerWidth, setContainerWidth] = useState<number | null>(null);\n\n  useEffect(() => {\n    ensureBreadcrumbStyles();\n  }, []);\n\n  useEffect(() => {\n    if (collapseMode !== 'responsive' || typeof ResizeObserver === 'undefined') {\n      return;\n    }\n\n    const node = containerRef.current;\n    if (!node) {\n      return;\n    }\n\n    const observer = new ResizeObserver((entries) => {\n      const nextWidth = entries[0]?.contentRect.width;\n      if (typeof nextWidth === 'number') {\n        setContainerWidth(nextWidth);\n      }\n    });\n\n    observer.observe(node);\n    setContainerWidth(node.getBoundingClientRect().width);\n\n    return () => observer.disconnect();\n  }, [collapseMode]);\n\n  const shouldCollapse =\n    collapseMode === 'responsive'\n      ? items.length > preserveStartCount + preserveEndCount &&\n        containerWidth !== null &&\n        containerWidth < responsiveBreakpoint\n      : items.length > maxVisibleItems;\n\n  const hasTrail = items.length > 1;\n\n  const clickableItems = normalizeBreadcrumbItems(items);\n\n  const normalizedItems = shouldCollapse\n    ? (() => {\n        const firstItems = clickableItems.slice(0, preserveStartCount);\n        const trailingItems = clickableItems.slice(clickableItems.length - preserveEndCount);\n        const middleItems = clickableItems.slice(\n          preserveStartCount,\n          clickableItems.length - preserveEndCount,\n        );\n\n        if (middleItems.length === 0) {\n          return clickableItems;\n        }\n\n        const collapsedTrigger: BreadcrumbItem = {\n          title: (\n            <Dropdown\n              trigger={['click']}\n              menu={{\n                items: middleItems.map(toMenuItem),\n              }}\n            >\n              <span style={{ cursor: 'pointer' }}>{ellipsisLabel ?? defaultEllipsisLabel}</span>\n            </Dropdown>\n          ),\n        };\n\n        return [...firstItems, collapsedTrigger, ...trailingItems];\n      })()\n    : clickableItems;\n\n  const separatorSize = Number.parseInt(dsSemanticTokens.breadcrumb.separator.size, 10) || 10;\n  const defaultSeparator = (\n    <span className=\"ds-breadcrumb-separator-icon\" aria-hidden=\"true\">\n      <Icon name=\"arrowRight1\" size={separatorSize} style={{ color: 'inherit' }} />\n    </span>\n  );\n\n  const resolvedSeparator = breadcrumbProps.separator ?? defaultSeparator;\n\n  return (\n    <div ref={containerRef}>\n      <AntBreadcrumb\n        {...breadcrumbProps}\n        items={normalizedItems}\n        separator={resolvedSeparator}\n        className={[DS_BREADCRUMB_CLASS, breadcrumbProps.className].filter(Boolean).join(' ')}\n        data-ds-size={dsSize}\n        data-has-trail={hasTrail ? 'true' : 'false'}\n      />\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist-lib/navigation/Dropdown.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../Dropdown-BU7v5Q4i.cjs`);exports.Dropdown=e.t;

package/dist-lib/navigation/Dropdown.js

@@ -0,0 +1,2 @@
+import { t as e } from "../Dropdown-C2t8AOdz.js";
+export { e as Dropdown };