@bioturing/components 0.35.3 → 0.36.0

package/dist/base.d.ts

@@ -0,0 +1,2 @@
+export * from '@base-ui-components/react';
+//# sourceMappingURL=base.d.ts.map

package/dist/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../src/base.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}

package/dist/base.js

@@ -0,0 +1,2 @@
+export * from "@base-ui-components/react";
+//# sourceMappingURL=base.js.map

package/dist/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/index.d.ts

@@ -9,7 +9,7 @@ export * from './segmented/index';
 export * from './table/component';
 export { DataTable } from './data-table/component';
 export type { DataTableProps, DataTableColumnType, DataTableRef, DataTableRowSelection, DataTablePaginationConfig, } from './data-table/types';
-export * from './tag/component';
+export * from './tag/index';
 export * from './theme-provider';
 export * from './splitter/component';
 export * from './truncate/component';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/nav/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,YAAY,EAAE,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAc,eAAe,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,EAAY,aAAa,EAAE,MAAM,SAAS,CAAC;AAElD,OAAO,aAAa,CAAC;AAErB,eAAO,MAAM,GAAG;;WAOi1D,CAAC,EAAC,MAAO,GAAG;qJAAp7B,MAAO,GAAG;;;CAHl8B,CAAC;AAEF,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/nav/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,YAAY,EAAE,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAc,eAAe,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,EAAY,aAAa,EAAE,MAAM,SAAS,CAAC;AAElD,OAAO,aAAa,CAAC;AAErB,eAAO,MAAM,GAAG;;WAO62D,CAAC,EAAC,MAAO,GAAG;qJAAh9B,MAAO,GAAG;;;CAHl8B,CAAC;AAEF,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/nav/item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/nav/item.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAEnE,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAEjE,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC;QAC5B,MAAM,EAAE,OAAO,CAAC;QAChB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACxB,CAAC,CAAC;IACH;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAUD,QAAA,MAAM,WAAW,GAAI,CAAC,SAAS,WAAW,EACxC,kFAQG,YAAY,EACf,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SA6BlB,CAAC;AAEF,QAAA,MAAM,OAAO,EAA8B,CAAC,CAAC,SAAS,WAAW,EAC/D,KAAK,EAAE,YAAY,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;CAAE,KACzC,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/nav/item.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAEnE,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAEjE,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC;QAC5B,MAAM,EAAE,OAAO,CAAC;QAChB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACxB,CAAC,CAAC;IACH;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAUD,QAAA,MAAM,WAAW,GAAI,CAAC,SAAS,WAAW,EACxC,kFAQG,YAAY,EACf,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAgClB,CAAC;AAEF,QAAA,MAAM,OAAO,EAA8B,CAAC,CAAC,SAAS,WAAW,EAC/D,KAAK,EAAE,YAAY,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;CAAE,KACzC,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/nav/item.js

@@ -1,36 +1,37 @@
 "use client";
-import { jsxs as p, jsx as a, Fragment as c } from "react/jsx-runtime";
-import f, { forwardRef as u, useMemo as x, isValidElement as N } from "react";
-import { useRender as v } from "@base-ui-components/react/use-render";
-import { useCls as h } from "../utils/antdUtils.js";
-import { clsx as I } from "../utils/cn.js";
-const R = (e) => N(e), j = ({
+import { jsxs as f, Fragment as c, jsx as n } from "react/jsx-runtime";
+import u, { forwardRef as N, useMemo as x, isValidElement as v } from "react";
+import { useRender as h } from "@base-ui-components/react/use-render";
+import { useCls as I } from "../utils/antdUtils.js";
+import { clsx as R } from "../utils/cn.js";
+const g = (e) => v(e), j = ({
   icon: e,
-  active: r = !1,
+  active: a = !1,
   render: m,
-  className: o,
-  children: l,
-  changeIconWeightOnActive: s = !0,
-  ...n
+  className: l,
+  children: o,
+  changeIconWeightOnActive: r = !0,
+  ...s
 }, d) => {
-  const t = h(), i = x(() => !s || !r || !R(e) ? e : f.cloneElement(e, { weight: "fill" }), [e, s, r]);
-  return v({
-    render: m ?? /* @__PURE__ */ a("button", { className: I(t("nav-item"), o) }),
+  const t = I(), i = x(() => !r || !a || !g(e) ? e : u.cloneElement(e, { weight: "fill" }), [e, r, a]), p = R(t("nav-item"), l);
+  return h({
+    render: m,
     ref: d,
+    defaultTagName: "button",
     props: {
-      "data-active": r || void 0,
-      "aria-expanded": n["aria-expanded"],
-      className: void 0,
-      children: /* @__PURE__ */ p(c, { children: [
-        /* @__PURE__ */ a("span", { className: t("nav-item-icon"), children: i }),
-        /* @__PURE__ */ a("span", { className: t("nav-item-content"), children: l })
+      "data-active": a || void 0,
+      "aria-expanded": s["aria-expanded"],
+      className: p,
+      children: /* @__PURE__ */ f(c, { children: [
+        /* @__PURE__ */ n("span", { className: t("nav-item-icon"), children: i }),
+        /* @__PURE__ */ n("span", { className: t("nav-item-content"), children: o })
       ] }),
-      ...n
+      ...s
     },
-    state: { active: r, icon: e }
+    state: { active: a, icon: e }
   });
-}, C = u(j);
+}, F = N(j);
 export {
-  C as NavItem
+  F as NavItem
 };
 //# sourceMappingURL=item.js.map

package/dist/components/nav/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../src/components/nav/item.tsx"],"sourcesContent":["\"use client\";\nimport React, { forwardRef, isValidElement, useMemo } from \"react\";\nimport { clsx, useCls } from \"../utils\";\nimport { useRender } from \"@base-ui-components/react/use-render\";\n\nexport interface NavItemProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * The icon to display in the nav item\n   */\n  icon?: React.ReactNode;\n  /**\n   * Whether the nav item is active\n   */\n  active?: boolean;\n  /**\n   * The render prop to render the nav item\n   */\n  render?: useRender.RenderProp<{\n    active: boolean;\n    icon?: React.ReactNode;\n  }>;\n  /**\n   * The size of the nav item\n   * @default \"medium\"\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n  /**\n   * Whether to change the icon weight on active state\n   * @default true\n   */\n  changeIconWeightOnActive?: boolean;\n}\n\n// Define a type for elements that can have a weight prop\ntype ElementWithWeight = React.ReactElement<{ weight?: string }>;\n\n// Type guard to check if an element can accept a weight prop\nconst canHaveWeightProp = (el: React.ReactNode): el is ElementWithWeight => {\n  return isValidElement(el);\n};\n\nconst NavItemImpl = <T extends HTMLElement>(\n  {\n    icon,\n    active = false,\n    render,\n    className,\n    children,\n    changeIconWeightOnActive = true,\n    ...rest\n  }: NavItemProps,\n  ref: React.Ref<T>\n) => {\n  const cls = useCls();\n\n  // Apply weight prop only if the element can accept it\n  const renderedIcon = useMemo(() => {\n    if (!changeIconWeightOnActive || !active || !canHaveWeightProp(icon)) {\n      return icon;\n    }\n    return React.cloneElement(icon, { weight: \"fill\" });\n  }, [icon, changeIconWeightOnActive, active]);\n\n  return useRender({\n    render: render ?? <button className={clsx(cls(\"nav-item\"), className)} />,\n    ref,\n    props: {\n      \"data-active\": active || undefined,\n      \"aria-expanded\": rest[\"aria-expanded\"],\n      className: undefined,\n      children: (\n        <>\n          <span className={cls(\"nav-item-icon\")}>{renderedIcon}</span>\n          <span className={cls(\"nav-item-content\")}>{children}</span>\n        </>\n      ),\n      ...rest,\n    },\n    state: { active, icon },\n  });\n};\n\nconst NavItem = forwardRef(NavItemImpl) as <T extends HTMLElement>(\n  props: NavItemProps & { ref?: React.Ref<T> }\n) => ReturnType<typeof NavItemImpl>;\n\nexport { NavItem };\n"],"names":["canHaveWeightProp","el","isValidElement","NavItemImpl","icon","active","render","className","children","changeIconWeightOnActive","rest","ref","cls","useCls","renderedIcon","useMemo","React","useRender","jsx","clsx","jsxs","Fragment","NavItem","forwardRef"],"mappings":";;;;;;AAsCA,MAAMA,IAAoB,CAACC,MAClBC,EAAeD,CAAE,GAGpBE,IAAc,CAClB;AAAA,EACE,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,0BAAAC,IAA2B;AAAA,EAC3B,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAMC,EAAA,GAGNC,IAAeC,EAAQ,MACvB,CAACN,KAA4B,CAACJ,KAAU,CAACL,EAAkBI,CAAI,IAC1DA,IAEFY,EAAM,aAAaZ,GAAM,EAAE,QAAQ,QAAQ,GACjD,CAACA,GAAMK,GAA0BJ,CAAM,CAAC;AAE3C,SAAOY,EAAU;AAAA,IACf,QAAQX,KAAU,gBAAAY,EAAC,UAAA,EAAO,WAAWC,EAAKP,EAAI,UAAU,GAAGL,CAAS,EAAA,CAAG;AAAA,IACvE,KAAAI;AAAA,IACA,OAAO;AAAA,MACL,eAAeN,KAAU;AAAA,MACzB,iBAAiBK,EAAK,eAAe;AAAA,MACrC,WAAW;AAAA,MACX,UACE,gBAAAU,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAH,EAAC,QAAA,EAAK,WAAWN,EAAI,eAAe,GAAI,UAAAE,GAAa;AAAA,0BACpD,QAAA,EAAK,WAAWF,EAAI,kBAAkB,GAAI,UAAAJ,EAAA,CAAS;AAAA,MAAA,GACtD;AAAA,MAEF,GAAGE;AAAA,IAAA;AAAA,IAEL,OAAO,EAAE,QAAAL,GAAQ,MAAAD,EAAA;AAAA,EAAK,CACvB;AACH,GAEMkB,IAAUC,EAAWpB,CAAW;"}
+{"version":3,"file":"item.js","sources":["../../../src/components/nav/item.tsx"],"sourcesContent":["\"use client\";\nimport React, { forwardRef, isValidElement, useMemo } from \"react\";\nimport { clsx, useCls } from \"../utils\";\nimport { useRender } from \"@base-ui-components/react/use-render\";\n\nexport interface NavItemProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * The icon to display in the nav item\n   */\n  icon?: React.ReactNode;\n  /**\n   * Whether the nav item is active\n   */\n  active?: boolean;\n  /**\n   * The render prop to render the nav item\n   */\n  render?: useRender.RenderProp<{\n    active: boolean;\n    icon?: React.ReactNode;\n  }>;\n  /**\n   * The size of the nav item\n   * @default \"medium\"\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n  /**\n   * Whether to change the icon weight on active state\n   * @default true\n   */\n  changeIconWeightOnActive?: boolean;\n}\n\n// Define a type for elements that can have a weight prop\ntype ElementWithWeight = React.ReactElement<{ weight?: string }>;\n\n// Type guard to check if an element can accept a weight prop\nconst canHaveWeightProp = (el: React.ReactNode): el is ElementWithWeight => {\n  return isValidElement(el);\n};\n\nconst NavItemImpl = <T extends HTMLElement>(\n  {\n    icon,\n    active = false,\n    render,\n    className,\n    children,\n    changeIconWeightOnActive = true,\n    ...rest\n  }: NavItemProps,\n  ref: React.Ref<T>\n) => {\n  const cls = useCls();\n\n  // Apply weight prop only if the element can accept it\n  const renderedIcon = useMemo(() => {\n    if (!changeIconWeightOnActive || !active || !canHaveWeightProp(icon)) {\n      return icon;\n    }\n    return React.cloneElement(icon, { weight: \"fill\" });\n  }, [icon, changeIconWeightOnActive, active]);\n\n  const finalClassName = clsx(cls(\"nav-item\"), className);\n\n  return useRender({\n    render,\n    ref,\n    defaultTagName: \"button\",\n    props: {\n      \"data-active\": active || undefined,\n      \"aria-expanded\": rest[\"aria-expanded\"],\n      className: finalClassName,\n      children: (\n        <>\n          <span className={cls(\"nav-item-icon\")}>{renderedIcon}</span>\n          <span className={cls(\"nav-item-content\")}>{children}</span>\n        </>\n      ),\n      ...rest,\n    },\n    state: { active, icon },\n  });\n};\n\nconst NavItem = forwardRef(NavItemImpl) as <T extends HTMLElement>(\n  props: NavItemProps & { ref?: React.Ref<T> }\n) => ReturnType<typeof NavItemImpl>;\n\nexport { NavItem };\n"],"names":["canHaveWeightProp","el","isValidElement","NavItemImpl","icon","active","render","className","children","changeIconWeightOnActive","rest","ref","cls","useCls","renderedIcon","useMemo","React","finalClassName","clsx","useRender","jsxs","Fragment","jsx","NavItem","forwardRef"],"mappings":";;;;;;AAsCA,MAAMA,IAAoB,CAACC,MAClBC,EAAeD,CAAE,GAGpBE,IAAc,CAClB;AAAA,EACE,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,0BAAAC,IAA2B;AAAA,EAC3B,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAMC,EAAA,GAGNC,IAAeC,EAAQ,MACvB,CAACN,KAA4B,CAACJ,KAAU,CAACL,EAAkBI,CAAI,IAC1DA,IAEFY,EAAM,aAAaZ,GAAM,EAAE,QAAQ,QAAQ,GACjD,CAACA,GAAMK,GAA0BJ,CAAM,CAAC,GAErCY,IAAiBC,EAAKN,EAAI,UAAU,GAAGL,CAAS;AAEtD,SAAOY,EAAU;AAAA,IACf,QAAAb;AAAA,IACA,KAAAK;AAAA,IACA,gBAAgB;AAAA,IAChB,OAAO;AAAA,MACL,eAAeN,KAAU;AAAA,MACzB,iBAAiBK,EAAK,eAAe;AAAA,MACrC,WAAWO;AAAA,MACX,UACE,gBAAAG,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWV,EAAI,eAAe,GAAI,UAAAE,GAAa;AAAA,0BACpD,QAAA,EAAK,WAAWF,EAAI,kBAAkB,GAAI,UAAAJ,EAAA,CAAS;AAAA,MAAA,GACtD;AAAA,MAEF,GAAGE;AAAA,IAAA;AAAA,IAEL,OAAO,EAAE,QAAAL,GAAQ,MAAAD,EAAA;AAAA,EAAK,CACvB;AACH,GAEMmB,IAAUC,EAAWrB,CAAW;"}

package/dist/components/nav/style.css

@@ -1 +1 @@
-@layer components{.ds-nav-group{display:flex;flex-direction:column;gap:.25rem}.ds-nav-item{width:100%;display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:1.25rem;color:var(--ds-color-icon);background:transparent;border-radius:var(--ds-border-radius);transition:background-color var(--ds-motion-duration-mid),color var(--ds-motion-duration-mid)}.ds-nav-item:hover{background-color:var(--ds-color-fill-tertiary);color:var(--ds-color-icon-hover)}.ds-nav-item[data-active=true]{background-color:var(--ds-color-fill-secondary);color:var(--ds-color-text);font-weight:500}.ds-nav-item[aria-expanded=true]{background-color:var(--ds-color-fill-secondary);color:var(--ds-color-text)}.ds-nav-item:disabled{background:transparent;color:var(--ds-color-text-disabled);cursor:not-allowed}.ds-nav-item .ds-nav-item-icon{font-size:1.25rem;line-height:1;transition:all .1s}.ds-nav-item .ds-nav-item-content{flex:1;display:flex;align-items:center;white-space:nowrap;overflow:hidden;font-size:.875rem;line-height:1rem;transition:max-width .15s,opacity .15s}.ds-nav-small .ds-nav-item,.ds-nav-item.ds-nav-item-small{padding:.25rem .5rem}.ds-nav-small .ds-nav-item .ds-nav-item-icon,.ds-nav-item.ds-nav-item-small .ds-nav-item-icon{font-size:1rem}.ds-nav-large .ds-nav-item,.ds-nav-item.ds-nav-item-large{padding:.5rem 1rem}.ds-nav-large .ds-nav-item .ds-nav-item-icon,.ds-nav-item.ds-nav-item-large .ds-nav-item-icon{font-size:1.5rem}.ds-nav-large .ds-nav-item .ds-nav-item-content,.ds-nav-item.ds-nav-item-large .ds-nav-item-content{font-size:1rem;line-height:1.5rem}.ds-nav-heading{width:100%;height:.875rem;position:relative;color:var(--ds-color-text-tertiary);text-transform:uppercase;font-weight:500;letter-spacing:.002em;font-size:.75rem;line-height:1rem;margin-bottom:.5rem}.ds-nav-small .ds-nav-heading{font-size:.625rem;line-height:1.4}.ds-nav-heading-text{display:inline-block;overflow:hidden;text-overflow:ellipsis;position:absolute;transition:all .1s;white-space:nowrap}}
+@layer components{.ds-nav-group{display:flex;flex-direction:column;gap:.25rem}.ds-nav-item{width:100%;display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:1.25rem;color:var(--ds-color-icon);background:transparent;border-radius:var(--ds-border-radius);transition:background-color var(--ds-motion-duration-mid),color var(--ds-motion-duration-mid)}.ds-nav-item:hover,.ds-nav-item:focus{background-color:var(--ds-color-fill-tertiary);color:var(--ds-color-icon-hover)}.ds-nav-item:focus:not(:focus-visible){outline:none}.ds-nav-item[data-active=true]{background-color:var(--ds-color-fill-secondary);color:var(--ds-color-text);font-weight:500}.ds-nav-item[aria-expanded=true]{background-color:var(--ds-color-fill-secondary);color:var(--ds-color-text)}.ds-nav-item:disabled{background:transparent;color:var(--ds-color-text-disabled);cursor:not-allowed}.ds-nav-item .ds-nav-item-icon{font-size:1.25rem;line-height:1;transition:all .1s}.ds-nav-item .ds-nav-item-content{flex:1;display:flex;align-items:center;white-space:nowrap;overflow:hidden;font-size:.875rem;line-height:1rem;transition:max-width .15s,opacity .15s}.ds-nav-small .ds-nav-item,.ds-nav-item.ds-nav-item-small{padding:.25rem .5rem}.ds-nav-small .ds-nav-item .ds-nav-item-icon,.ds-nav-item.ds-nav-item-small .ds-nav-item-icon{font-size:1rem}.ds-nav-large .ds-nav-item,.ds-nav-item.ds-nav-item-large{padding:.5rem 1rem}.ds-nav-large .ds-nav-item .ds-nav-item-icon,.ds-nav-item.ds-nav-item-large .ds-nav-item-icon{font-size:1.5rem}.ds-nav-large .ds-nav-item .ds-nav-item-content,.ds-nav-item.ds-nav-item-large .ds-nav-item-content{font-size:1rem;line-height:1.5rem}.ds-nav-heading{width:100%;height:.875rem;position:relative;color:var(--ds-color-text-tertiary);text-transform:uppercase;font-weight:500;letter-spacing:.002em;font-size:.75rem;line-height:1rem;margin-bottom:.5rem}.ds-nav-small .ds-nav-heading{font-size:.625rem;line-height:1.4}.ds-nav-heading-text{display:inline-block;overflow:hidden;text-overflow:ellipsis;position:absolute;transition:all .1s;white-space:nowrap}}

package/dist/components/tag/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/tag/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  forwardRef,\n  cloneElement,\n  isValidElement,\n  HTMLAttributes,\n} from \"react\";\nimport { XIcon } from \"@bioturing/assets\";\nimport AntTag, {\n  type TagProps as AntTagProps,\n  type TagType,\n} from \"antd/es/tag\";\nimport AntCheckableTag, {\n  type CheckableTagProps as AntCheckableTagProps,\n} from \"antd/es/tag/CheckableTag\";\nimport { clsx, useCls } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport { TagType };\n\n// Define props interface extending Ant Design's TagProps\nexport interface TagProps extends AntTagProps {\n  /**\n   * Indicates if the tag is active\n   * @default false\n   */\n  active?: boolean;\n  /**\n   * Size of the tag\n   * @default \"small\"\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n}\n\nexport interface CheckableTagProps extends AntCheckableTagProps {\n  size?: \"small\" | \"medium\" | \"large\";\n}\n\n// Create Tag component\nconst InternalTag = forwardRef<HTMLSpanElement, TagProps>(\n  (\n    {\n      className,\n      active = false,\n      color,\n      style,\n      closeIcon,\n      closable,\n      size = \"small\",\n      children,\n      icon,\n      ...rest\n    },\n    ref,\n  ) => {\n    const renderedCloseIcon = <XIcon weight=\"bold\" />;\n    const cls = useCls();\n    const renderedIcon = isValidElement(icon)\n      ? cloneElement<HTMLAttributes<SVGElement>>(icon, {\n          className: clsx(\n            cls(\"tag-icon\"),\n            icon.props &&\n              typeof icon.props === \"object\" &&\n              \"className\" in icon.props &&\n              typeof icon.props.className === \"string\"\n              ? icon.props.className\n              : \"\",\n          ),\n        })\n      : icon;\n    return (\n      <AntTag\n        ref={ref}\n        className={clsx(\n          cls(\"tag\"),\n          cls(`tag-${size}`),\n          !children && cls(\"tag-empty\"),\n          className,\n        )}\n        color={color}\n        style={style}\n        closable={closable}\n        closeIcon={closable ? closeIcon || renderedCloseIcon : undefined}\n        icon={renderedIcon}\n        {...(active ? { \"data-active\": \"true\" } : {})}\n        {...rest}\n      >\n        {children}\n      </AntTag>\n    );\n  },\n);\n\nconst CheckableTag = forwardRef<HTMLSpanElement, CheckableTagProps>(\n  ({ className, size = \"small\", children, ...rest }, ref) => {\n    const cls = useCls();\n    return (\n      <AntCheckableTag\n        ref={ref}\n        className={clsx(\n          cls(\"tag\"),\n          cls(`tag-${size}`),\n          !children && cls(\"tag-empty\"),\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </AntCheckableTag>\n    );\n  },\n);\n\nexport const Tag = Object.assign(InternalTag, {\n  CheckableTag,\n});\n"],"names":["InternalTag","forwardRef","className","active","color","style","closeIcon","closable","size","children","icon","rest","ref","renderedCloseIcon","jsx","XIcon","cls","useCls","renderedIcon","isValidElement","cloneElement","clsx","AntTag","CheckableTag","AntCheckableTag","Tag"],"mappings":";;;;;;;;;AAyCA,MAAMA,IAAcC;AAAA,EAClB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAoB,gBAAAC,EAACC,GAAA,EAAM,QAAO,OAAA,CAAO,GACzCC,IAAMC,EAAA,GACNC,IAAeC,EAAeT,CAAI,IACpCU,EAAyCV,GAAM;AAAA,MAC7C,WAAWW;AAAA,QACTL,EAAI,UAAU;AAAA,QACdN,EAAK,SACH,OAAOA,EAAK,SAAU,YACtB,eAAeA,EAAK,SACpB,OAAOA,EAAK,MAAM,aAAc,WAC9BA,EAAK,MAAM,YACX;AAAA,MAAA;AAAA,IACN,CACD,IACDA;AACJ,WACE,gBAAAI;AAAA,MAACQ;AAAA,MAAA;AAAA,QACC,KAAAV;AAAA,QACA,WAAWS;AAAA,UACTL,EAAI,KAAK;AAAA,UACTA,EAAI,OAAOR,CAAI,EAAE;AAAA,UACjB,CAACC,KAAYO,EAAI,WAAW;AAAA,UAC5Bd;AAAA,QAAA;AAAA,QAEF,OAAAE;AAAA,QACA,OAAAC;AAAA,QACA,UAAAE;AAAA,QACA,WAAWA,IAAWD,KAAaO,IAAoB;AAAA,QACvD,MAAMK;AAAA,QACL,GAAIf,IAAS,EAAE,eAAe,OAAA,IAAW,CAAA;AAAA,QACzC,GAAGQ;AAAA,QAEH,UAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF,GAEMc,IAAetB;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,MAAAM,IAAO,SAAS,UAAAC,GAAU,GAAGE,EAAA,GAAQC,MAAQ;AACzD,UAAMI,IAAMC,EAAA;AACZ,WACE,gBAAAH;AAAA,MAACU;AAAA,MAAA;AAAA,QACC,KAAAZ;AAAA,QACA,WAAWS;AAAA,UACTL,EAAI,KAAK;AAAA,UACTA,EAAI,OAAOR,CAAI,EAAE;AAAA,UACjB,CAACC,KAAYO,EAAI,WAAW;AAAA,UAC5Bd;AAAA,QAAA;AAAA,QAED,GAAGS;AAAA,QAEH,UAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF,GAEagB,IAAM,OAAO,OAAOzB,GAAa;AAAA,EAC5C,cAAAuB;AACF,CAAC;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/tag/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  forwardRef,\n  cloneElement,\n  isValidElement,\n  HTMLAttributes,\n} from \"react\";\nimport { XIcon } from \"@bioturing/assets\";\nimport AntTag, {\n  type TagProps as AntTagProps,\n  type TagType,\n} from \"antd/es/tag\";\nimport AntCheckableTag, {\n  type CheckableTagProps as AntCheckableTagProps,\n} from \"antd/es/tag/CheckableTag\";\nimport { clsx, useCls } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport { TagType };\n\n// Define props interface extending Ant Design's TagProps\nexport interface TagProps extends AntTagProps {\n  /**\n   * Indicates if the tag is active\n   * @default false\n   */\n  active?: boolean;\n  /**\n   * Size of the tag\n   * @default \"small\"\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n}\n\nexport interface CheckableTagProps extends AntCheckableTagProps {\n  size?: \"small\" | \"medium\" | \"large\";\n}\n\n// Create Tag component\nconst InternalTag = forwardRef<HTMLSpanElement, TagProps>(\n  (\n    {\n      className,\n      active = false,\n      color,\n      style,\n      closeIcon,\n      closable,\n      size = \"small\",\n      children,\n      icon,\n      ...rest\n    },\n    ref\n  ) => {\n    const renderedCloseIcon = <XIcon weight=\"bold\" />;\n    const cls = useCls();\n    const renderedIcon = isValidElement(icon)\n      ? cloneElement<HTMLAttributes<SVGElement>>(icon, {\n          className: clsx(\n            cls(\"tag-icon\"),\n            icon.props &&\n              typeof icon.props === \"object\" &&\n              \"className\" in icon.props &&\n              typeof icon.props.className === \"string\"\n              ? icon.props.className\n              : \"\"\n          ),\n        })\n      : icon;\n    return (\n      <AntTag\n        ref={ref}\n        className={clsx(\n          cls(\"tag\"),\n          cls(`tag-${size}`),\n          !children && cls(\"tag-empty\"),\n          className\n        )}\n        color={color}\n        style={style}\n        closable={closable}\n        closeIcon={closable ? closeIcon || renderedCloseIcon : undefined}\n        icon={renderedIcon}\n        {...(active ? { \"data-active\": \"true\" } : {})}\n        {...rest}\n      >\n        {children}\n      </AntTag>\n    );\n  }\n);\n\nconst CheckableTag = forwardRef<HTMLSpanElement, CheckableTagProps>(\n  ({ className, size = \"small\", children, ...rest }, ref) => {\n    const cls = useCls();\n    return (\n      <AntCheckableTag\n        ref={ref}\n        className={clsx(\n          cls(\"tag\"),\n          cls(`tag-${size}`),\n          !children && cls(\"tag-empty\"),\n          className\n        )}\n        {...rest}\n      >\n        {children}\n      </AntCheckableTag>\n    );\n  }\n);\n\nexport const Tag = Object.assign(InternalTag, {\n  CheckableTag,\n});\n"],"names":["InternalTag","forwardRef","className","active","color","style","closeIcon","closable","size","children","icon","rest","ref","renderedCloseIcon","jsx","XIcon","cls","useCls","renderedIcon","isValidElement","cloneElement","clsx","AntTag","CheckableTag","AntCheckableTag","Tag"],"mappings":";;;;;;;;;AAyCA,MAAMA,IAAcC;AAAA,EAClB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAoB,gBAAAC,EAACC,GAAA,EAAM,QAAO,OAAA,CAAO,GACzCC,IAAMC,EAAA,GACNC,IAAeC,EAAeT,CAAI,IACpCU,EAAyCV,GAAM;AAAA,MAC7C,WAAWW;AAAA,QACTL,EAAI,UAAU;AAAA,QACdN,EAAK,SACH,OAAOA,EAAK,SAAU,YACtB,eAAeA,EAAK,SACpB,OAAOA,EAAK,MAAM,aAAc,WAC9BA,EAAK,MAAM,YACX;AAAA,MAAA;AAAA,IACN,CACD,IACDA;AACJ,WACE,gBAAAI;AAAA,MAACQ;AAAA,MAAA;AAAA,QACC,KAAAV;AAAA,QACA,WAAWS;AAAA,UACTL,EAAI,KAAK;AAAA,UACTA,EAAI,OAAOR,CAAI,EAAE;AAAA,UACjB,CAACC,KAAYO,EAAI,WAAW;AAAA,UAC5Bd;AAAA,QAAA;AAAA,QAEF,OAAAE;AAAA,QACA,OAAAC;AAAA,QACA,UAAAE;AAAA,QACA,WAAWA,IAAWD,KAAaO,IAAoB;AAAA,QACvD,MAAMK;AAAA,QACL,GAAIf,IAAS,EAAE,eAAe,OAAA,IAAW,CAAA;AAAA,QACzC,GAAGQ;AAAA,QAEH,UAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF,GAEMc,IAAetB;AAAA,EACnB,CAAC,EAAE,WAAAC,GAAW,MAAAM,IAAO,SAAS,UAAAC,GAAU,GAAGE,EAAA,GAAQC,MAAQ;AACzD,UAAMI,IAAMC,EAAA;AACZ,WACE,gBAAAH;AAAA,MAACU;AAAA,MAAA;AAAA,QACC,KAAAZ;AAAA,QACA,WAAWS;AAAA,UACTL,EAAI,KAAK;AAAA,UACTA,EAAI,OAAOR,CAAI,EAAE;AAAA,UACjB,CAACC,KAAYO,EAAI,WAAW;AAAA,UAC5Bd;AAAA,QAAA;AAAA,QAED,GAAGS;AAAA,QAEH,UAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF,GAEagB,IAAM,OAAO,OAAOzB,GAAa;AAAA,EAC5C,cAAAuB;AACF,CAAC;"}

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

@@ -1,2 +1,3 @@
 export * from './component';
+export * from './list';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tag/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tag/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC"}

package/dist/components/tag/list.d.ts

@@ -0,0 +1,18 @@
+export interface TagListProps extends Omit<React.ComponentPropsWithoutRef<"div">, "children"> {
+    /**
+     * Tag components to be displayed
+     */
+    children: React.ReactNode;
+    /**
+     * Maximum number of tags to display before truncating
+     * If omitted, will automatically calculate based on container width
+     */
+    maxCount?: number;
+    /**
+     * Custom render function for the overflow tag
+     * @param count - Number of hidden tags
+     */
+    renderOverflow?: (count: number) => React.ReactNode;
+}
+export declare const TagList: import('react').ForwardRefExoticComponent<TagListProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=list.d.ts.map

package/dist/components/tag/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/tag/list.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC/D;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACrD;AAID,eAAO,MAAM,OAAO,yGAiLnB,CAAC"}

package/dist/components/tag/list.js

@@ -0,0 +1,100 @@
+"use client";
+import { jsxs as y, Fragment as U, jsx as a } from "react/jsx-runtime";
+import { forwardRef as _, useRef as q, useState as D, Children as H, isValidElement as J, useLayoutEffect as K } from "react";
+import { Tag as x } from "./component.js";
+import { useCls as O } from "../utils/antdUtils.js";
+import { clsx as P } from "../utils/cn.js";
+const I = 16, Q = _(
+  ({ children: N, maxCount: d, renderOverflow: s, className: j, ...B }, r) => {
+    const u = O(), w = q(null), R = q(null), [b, h] = D(null), n = H.toArray(N).filter(
+      (t) => J(t)
+    );
+    K(() => {
+      const t = w.current;
+      if (!t || n.length === 0) return;
+      if (typeof d == "number") {
+        h(Math.min(d, n.length));
+        return;
+      }
+      const i = () => {
+        const g = R.current;
+        if (!g) return;
+        const v = t.clientWidth, p = window.getComputedStyle(t), f = parseFloat(p.gap) || 0, C = parseFloat(p.paddingLeft) || 0, L = parseFloat(p.paddingRight) || 0, $ = Array.from(
+          g.querySelectorAll(
+            "[data-tag-measure-item]"
+          )
+        ), S = (e) => {
+          const l = window.getComputedStyle(e), c = parseFloat(l.marginLeft) || 0, G = parseFloat(l.marginRight) || 0;
+          return e.getBoundingClientRect().width + c + G;
+        }, o = $.map((e) => S(e));
+        let A = C + L;
+        for (let e = 0; e < o.length; e++)
+          A += o[e] + (e > 0 ? f : 0);
+        if (A + I <= v) {
+          h(o.length);
+          return;
+        }
+        const E = g.querySelector(
+          "[data-tag-overflow-measure]"
+        ), k = E ? S(E) : 0, z = v - C - L - k - f - I;
+        let T = 0, V = 0;
+        for (let e = 0; e < o.length; e++) {
+          const l = o[e], c = T + l + (e > 0 ? f : 0);
+          if (c <= z)
+            T = c, V++;
+          else
+            break;
+        }
+        h(Math.max(0, V));
+      };
+      window.document.fonts?.ready?.then(i);
+      const W = new ResizeObserver(() => {
+        window.requestAnimationFrame(i);
+      });
+      return W.observe(t), () => {
+        W.disconnect();
+      };
+    }, [n, d, s, u]);
+    const F = b !== null ? b : n.length, m = n.length - F, M = m > 0;
+    return /* @__PURE__ */ y(U, { children: [
+      /* @__PURE__ */ y(
+        "div",
+        {
+          ref: R,
+          className: u("tag-list"),
+          style: {
+            visibility: "hidden",
+            position: "absolute",
+            top: 0,
+            left: 0,
+            pointerEvents: "none"
+          },
+          "aria-hidden": "true",
+          children: [
+            n.map((t, i) => /* @__PURE__ */ a("span", { "data-tag-measure-item": !0, children: t }, i)),
+            /* @__PURE__ */ a("span", { "data-tag-overflow-measure": !0, children: s ? s(n.length - 1) : /* @__PURE__ */ a(x, { children: `+${n.length - 1}` }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ y(
+        "div",
+        {
+          ref: (t) => {
+            w.current = t, typeof r == "function" ? r(t) : r && (r.current = t);
+          },
+          className: P(u("tag-list"), j),
+          ...B,
+          children: [
+            n.slice(0, F).map((t, i) => /* @__PURE__ */ a("span", { "data-tag-item": !0, children: t }, i)),
+            M && /* @__PURE__ */ a("span", { "data-tag-item": !0, children: s ? s(m) : /* @__PURE__ */ a(x, { children: `+${m}` }) })
+          ]
+        }
+      )
+    ] });
+  }
+);
+Q.displayName = "TagList";
+export {
+  Q as TagList
+};
+//# sourceMappingURL=list.js.map

package/dist/components/tag/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sources":["../../../src/components/tag/list.tsx"],"sourcesContent":["\"use client\";\nimport {\n  forwardRef,\n  useLayoutEffect,\n  useRef,\n  useState,\n  Children,\n  isValidElement,\n  ReactElement,\n} from \"react\";\nimport { useCls, clsx } from \"../utils\";\nimport { Tag } from \"./component\";\n\nexport interface TagListProps\n  extends Omit<React.ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  /**\n   * Tag components to be displayed\n   */\n  children: React.ReactNode;\n  /**\n   * Maximum number of tags to display before truncating\n   * If omitted, will automatically calculate based on container width\n   */\n  maxCount?: number;\n  /**\n   * Custom render function for the overflow tag\n   * @param count - Number of hidden tags\n   */\n  renderOverflow?: (count: number) => React.ReactNode;\n}\n\nconst OVERFLOW_BUFFER = 16;\n\nexport const TagList = forwardRef<HTMLDivElement, TagListProps>(\n  ({ children, maxCount, renderOverflow, className, ...rest }, ref) => {\n    const cls = useCls();\n    const containerRef = useRef<HTMLDivElement>(null);\n    const measureContainerRef = useRef<HTMLDivElement>(null);\n    const [visibleCount, setVisibleCount] = useState<number | null>(null);\n\n    const childArray = Children.toArray(children).filter((child) =>\n      isValidElement(child)\n    ) as ReactElement[];\n\n    useLayoutEffect(() => {\n      const container = containerRef.current;\n      if (!container || childArray.length === 0) return;\n\n      // If maxCount is specified, use it directly\n      if (typeof maxCount === \"number\") {\n        setVisibleCount(Math.min(maxCount, childArray.length));\n        return;\n      }\n\n      const calculateVisibleTags = () => {\n        const measureContainer = measureContainerRef.current;\n        if (!measureContainer) return;\n\n        const containerWidth = container.clientWidth;\n        const containerStyle = window.getComputedStyle(container);\n        const gap = parseFloat(containerStyle.gap) || 0;\n        const paddingLeft = parseFloat(containerStyle.paddingLeft) || 0;\n        const paddingRight = parseFloat(containerStyle.paddingRight) || 0;\n\n        // Get all tags from measurement container\n        const items = Array.from(\n          measureContainer.querySelectorAll<HTMLElement>(\n            \"[data-tag-measure-item]\"\n          )\n        );\n\n        // Helper to get full item width including margins\n        const getItemFullWidth = (item: HTMLElement) => {\n          const style = window.getComputedStyle(item);\n          const marginLeft = parseFloat(style.marginLeft) || 0;\n          const marginRight = parseFloat(style.marginRight) || 0;\n          const width = item.getBoundingClientRect().width;\n          return width + marginLeft + marginRight;\n        };\n\n        // Measure all tag widths (always fresh from DOM)\n        const itemWidths = items.map((item) => getItemFullWidth(item));\n\n        // Check if all items fit first\n        let allItemsWidth = paddingLeft + paddingRight;\n        for (let i = 0; i < itemWidths.length; i++) {\n          allItemsWidth += itemWidths[i] + (i > 0 ? gap : 0);\n        }\n\n        if (allItemsWidth + OVERFLOW_BUFFER <= containerWidth) {\n          setVisibleCount(itemWidths.length);\n          return;\n        }\n\n        // Measure overflow tag width from the measurement container\n        const overflowItem = measureContainer.querySelector<HTMLElement>(\n          \"[data-tag-overflow-measure]\"\n        );\n        const overflowTagWidth = overflowItem\n          ? getItemFullWidth(overflowItem)\n          : 0;\n\n        // Calculate available width accounting for overflow tag\n        const availableWidth =\n          containerWidth -\n          paddingLeft -\n          paddingRight -\n          overflowTagWidth -\n          gap -\n          OVERFLOW_BUFFER;\n\n        let totalWidth = 0;\n        let count = 0;\n\n        for (let i = 0; i < itemWidths.length; i++) {\n          const itemWidth = itemWidths[i];\n          const widthWithGap = totalWidth + itemWidth + (i > 0 ? gap : 0);\n\n          if (widthWithGap <= availableWidth) {\n            totalWidth = widthWithGap;\n            count++;\n          } else {\n            break;\n          }\n        }\n\n        setVisibleCount(Math.max(0, count));\n      };\n\n      // Wait for fonts to load\n      window.document.fonts?.ready?.then(calculateVisibleTags);\n\n      // Observe container resize\n      const observer = new ResizeObserver(() => {\n        window.requestAnimationFrame(calculateVisibleTags);\n      });\n\n      observer.observe(container);\n\n      return () => {\n        observer.disconnect();\n      };\n    }, [childArray, maxCount, renderOverflow, cls]);\n\n    const displayCount =\n      visibleCount !== null ? visibleCount : childArray.length;\n    const hiddenCount = childArray.length - displayCount;\n    const showOverflow = hiddenCount > 0;\n\n    return (\n      <>\n        {/* Hidden measurement container with all tags */}\n        <div\n          ref={measureContainerRef}\n          className={cls(\"tag-list\")}\n          style={{\n            visibility: \"hidden\",\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            pointerEvents: \"none\",\n          }}\n          aria-hidden=\"true\"\n        >\n          {childArray.map((child, index) => (\n            <span key={index} data-tag-measure-item>\n              {child}\n            </span>\n          ))}\n          {/* Always render overflow tag for measurement */}\n          <span data-tag-overflow-measure>\n            {renderOverflow ? (\n              renderOverflow(childArray.length - 1)\n            ) : (\n              <Tag>{`+${childArray.length - 1}`}</Tag>\n            )}\n          </span>\n        </div>\n\n        {/* Visible container */}\n        <div\n          ref={(node) => {\n            containerRef.current = node;\n            if (typeof ref === \"function\") {\n              ref(node);\n            } else if (ref) {\n              ref.current = node;\n            }\n          }}\n          className={clsx(cls(\"tag-list\"), className)}\n          {...rest}\n        >\n          {childArray.slice(0, displayCount).map((child, index) => (\n            <span key={index} data-tag-item>\n              {child}\n            </span>\n          ))}\n          {showOverflow && (\n            <span data-tag-item>\n              {renderOverflow ? (\n                renderOverflow(hiddenCount)\n              ) : (\n                <Tag>{`+${hiddenCount}`}</Tag>\n              )}\n            </span>\n          )}\n        </div>\n      </>\n    );\n  }\n);\n\nTagList.displayName = \"TagList\";\n"],"names":["OVERFLOW_BUFFER","TagList","forwardRef","children","maxCount","renderOverflow","className","rest","ref","cls","useCls","containerRef","useRef","measureContainerRef","visibleCount","setVisibleCount","useState","childArray","Children","child","isValidElement","useLayoutEffect","container","calculateVisibleTags","measureContainer","containerWidth","containerStyle","gap","paddingLeft","paddingRight","items","getItemFullWidth","item","style","marginLeft","marginRight","itemWidths","allItemsWidth","i","overflowItem","overflowTagWidth","availableWidth","totalWidth","count","itemWidth","widthWithGap","observer","displayCount","hiddenCount","showOverflow","jsxs","Fragment","index","jsx","Tag","node","clsx"],"mappings":"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"}

package/dist/components/tag/style.css

@@ -1 +1 @@
-@layer components{.ds-tag{display:inline-flex;align-items:center;font-size:var(--ds-font-size-sm);padding:.0625rem .4375rem}.ds-tag[data-active]{background-color:var(--ds-color-primary-bg);border-color:var(--ds-color-primary);color:var(--ds-color-primary)}.ds-tag .ds-tag-close-icon{color:var(--ds-color-icon)}.ds-tag.ds-tag-medium{padding:.1875rem .4375rem}.ds-tag.ds-tag-large{font-size:var(--ds-font-size);padding:.1875rem .4375rem}.ds-tag:is(.ds-tag-magenta,.ds-tag-red,.ds-tag-volcano,.ds-tag-orange,.ds-tag-gold,.ds-tag-lime,.ds-tag-green,.ds-tag-cyan,.ds-tag-blue,.ds-tag-geekblue,.ds-tag-purple) .ds-tag-close-icon{color:currentColor}.ds-tag.ds-tag-empty .ds-tag-close-icon{margin-left:0}.ds-tag .ds-tag-icon{margin-right:.25rem}.ds-tag>span:not(.ds-tag-icon,.ds-tag-close-icon){flex-shrink:1;min-height:0;min-width:0;flex-grow:1;flex-basis:max-content}}
+@layer components{.ds-tag{display:inline-flex;align-items:center;font-size:var(--ds-font-size-sm);padding:.0625rem .4375rem}.ds-tag[data-active]{background-color:var(--ds-color-primary-bg);border-color:var(--ds-color-primary);color:var(--ds-color-primary)}.ds-tag .ds-tag-close-icon{color:var(--ds-color-icon)}.ds-tag.ds-tag-medium{padding:.1875rem .4375rem}.ds-tag.ds-tag-large{font-size:var(--ds-font-size);padding:.1875rem .4375rem}.ds-tag:is(.ds-tag-magenta,.ds-tag-red,.ds-tag-volcano,.ds-tag-orange,.ds-tag-gold,.ds-tag-lime,.ds-tag-green,.ds-tag-cyan,.ds-tag-blue,.ds-tag-geekblue,.ds-tag-purple) .ds-tag-close-icon{color:currentColor}.ds-tag.ds-tag-empty .ds-tag-close-icon{margin-left:0}.ds-tag .ds-tag-icon{margin-right:.25rem}.ds-tag>span:not(.ds-tag-icon,.ds-tag-close-icon){flex-shrink:1;min-height:0;min-width:0;flex-grow:1;flex-basis:max-content}.ds-tag-list{display:flex;flex-wrap:nowrap;overflow:hidden;align-items:center}}