eidos-ui 3.6.3 → 3.7.0

package/README.md

@@ -103,6 +103,7 @@ These are the same groups used in Storybook, so the README and the docs sidebar
 - Button
 - ButtonGroup
 - SplitButton
+- SplitChip
 - Avatar
 - Badge
 - Card

package/dist/Chip.types-B6y3Wifa.d.cts

@@ -0,0 +1,24 @@
+import { I as IconType } from './renderIcon-C2lEMMzb.cjs';
+import { C as ComponentSizeProps } from './sizes-DM6Rrrgq.cjs';
+
+type ChipVariantProps = 'filled' | 'outlined' | 'text';
+type ChipColorProps = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
+interface BaseChipProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onClick'> {
+    variant?: ChipVariantProps;
+    color?: ChipColorProps;
+    size?: ComponentSizeProps;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    tooltip?: string;
+    className?: string;
+    onClick?: () => void;
+    onRemove?: () => void;
+}
+interface TextChipProps extends BaseChipProps {
+    children: React.ReactNode;
+    preIcon?: IconType;
+    posIcon?: IconType;
+}
+type ChipProps = TextChipProps;
+
+export type { ChipColorProps as C, TextChipProps as T, ChipProps as a, ChipVariantProps as b };

package/dist/Chip.types-COQfx2Ru.d.ts

@@ -0,0 +1,24 @@
+import { I as IconType } from './renderIcon-C2lEMMzb.js';
+import { C as ComponentSizeProps } from './sizes-DM6Rrrgq.js';
+
+type ChipVariantProps = 'filled' | 'outlined' | 'text';
+type ChipColorProps = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
+interface BaseChipProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onClick'> {
+    variant?: ChipVariantProps;
+    color?: ChipColorProps;
+    size?: ComponentSizeProps;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    tooltip?: string;
+    className?: string;
+    onClick?: () => void;
+    onRemove?: () => void;
+}
+interface TextChipProps extends BaseChipProps {
+    children: React.ReactNode;
+    preIcon?: IconType;
+    posIcon?: IconType;
+}
+type ChipProps = TextChipProps;
+
+export type { ChipColorProps as C, TextChipProps as T, ChipProps as a, ChipVariantProps as b };

package/dist/chip/index.d.cts

@@ -1,27 +1,9 @@
 import React__default from 'react';
-import { I as IconType } from '../renderIcon-C2lEMMzb.cjs';
-import { C as ComponentSizeProps } from '../sizes-DM6Rrrgq.cjs';
-
-type ChipVariantProps = 'filled' | 'outlined' | 'text';
-type ChipColorProps = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
-interface BaseChipProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onClick'> {
-    variant?: ChipVariantProps;
-    color?: ChipColorProps;
-    size?: ComponentSizeProps;
-    fullWidth?: boolean;
-    disabled?: boolean;
-    tooltip?: string;
-    className?: string;
-    onClick?: () => void;
-    onRemove?: () => void;
-}
-interface TextChipProps extends BaseChipProps {
-    children: React.ReactNode;
-    preIcon?: IconType;
-    posIcon?: IconType;
-}
-type ChipProps = TextChipProps;
+import { a as ChipProps } from '../Chip.types-B6y3Wifa.cjs';
+export { C as ChipColorProps, b as ChipVariantProps, T as TextChipProps } from '../Chip.types-B6y3Wifa.cjs';
+import '../renderIcon-C2lEMMzb.cjs';
+import '../sizes-DM6Rrrgq.cjs';
 
 declare const Chip: React__default.FC<ChipProps>;
 
-export { Chip, type ChipColorProps, type ChipProps, type ChipVariantProps, type TextChipProps };
+export { Chip, ChipProps };

package/dist/chip/index.d.ts

@@ -1,27 +1,9 @@
 import React__default from 'react';
-import { I as IconType } from '../renderIcon-C2lEMMzb.js';
-import { C as ComponentSizeProps } from '../sizes-DM6Rrrgq.js';
-
-type ChipVariantProps = 'filled' | 'outlined' | 'text';
-type ChipColorProps = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
-interface BaseChipProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onClick'> {
-    variant?: ChipVariantProps;
-    color?: ChipColorProps;
-    size?: ComponentSizeProps;
-    fullWidth?: boolean;
-    disabled?: boolean;
-    tooltip?: string;
-    className?: string;
-    onClick?: () => void;
-    onRemove?: () => void;
-}
-interface TextChipProps extends BaseChipProps {
-    children: React.ReactNode;
-    preIcon?: IconType;
-    posIcon?: IconType;
-}
-type ChipProps = TextChipProps;
+import { a as ChipProps } from '../Chip.types-COQfx2Ru.js';
+export { C as ChipColorProps, b as ChipVariantProps, T as TextChipProps } from '../Chip.types-COQfx2Ru.js';
+import '../renderIcon-C2lEMMzb.js';
+import '../sizes-DM6Rrrgq.js';
 
 declare const Chip: React__default.FC<ChipProps>;
 
-export { Chip, type ChipColorProps, type ChipProps, type ChipVariantProps, type TextChipProps };
+export { Chip, ChipProps };

package/dist/chunk-L7I5NEGI.js

@@ -0,0 +1,82 @@
+import {
+  Chip
+} from "./chunk-GWHZFX2H.js";
+
+// src/components/SplitChip/SplitChip.utils.ts
+var hasVisibleBorder = (segment) => segment.variant === "outlined" || segment.disabled;
+var resolveSegmentEdges = (segments, showDividers) => {
+  const edges = segments.map(() => ({ joinedStart: false, joinedEnd: false, divided: false }));
+  for (let i = 0; i < segments.length - 1; i++) {
+    const a = hasVisibleBorder(segments[i]);
+    const b = hasVisibleBorder(segments[i + 1]);
+    const sameOutline = segments[i].disabled === segments[i + 1].disabled;
+    if (a && b) {
+      edges[i].joinedEnd = !showDividers && sameOutline;
+      edges[i + 1].joinedStart = true;
+    } else if (a) {
+      edges[i + 1].joinedStart = true;
+    } else if (b) {
+      edges[i].joinedEnd = true;
+    } else {
+      edges[i].joinedEnd = true;
+      edges[i + 1].joinedStart = !showDividers;
+      edges[i + 1].divided = showDividers;
+    }
+  }
+  return edges;
+};
+
+// src/components/SplitChip/SplitChip.component.tsx
+import { jsx } from "react/jsx-runtime";
+var SplitChip = ({
+  segments,
+  variant = "filled",
+  color = "primary",
+  size = "md",
+  disabled = false,
+  showDividers = false,
+  className = "",
+  ...rest
+}) => {
+  const classes = [
+    "eidos-split-chip",
+    `eidos-split-chip--${size}`,
+    showDividers && "eidos-split-chip--dividers",
+    disabled && "eidos-split-chip--disabled",
+    className
+  ].filter(Boolean).join(" ");
+  const lastIndex = segments.length - 1;
+  const resolved = segments.map((segment) => ({
+    variant: segment.variant ?? variant,
+    disabled: disabled || !!segment.disabled
+  }));
+  const edges = resolveSegmentEdges(resolved, showDividers);
+  return /* @__PURE__ */ jsx("div", { className: classes, ...rest, children: segments.map((segment, index) => /* @__PURE__ */ jsx(
+    Chip,
+    {
+      variant: resolved[index].variant,
+      color: segment.color ?? color,
+      size,
+      disabled: resolved[index].disabled,
+      onClick: segment.onClick,
+      tooltip: segment.tooltip,
+      preIcon: segment.preIcon,
+      posIcon: segment.posIcon,
+      className: [
+        "eidos-split-chip__segment",
+        index === 0 && "eidos-split-chip__segment--first",
+        index === lastIndex && "eidos-split-chip__segment--last",
+        edges[index].joinedStart && "eidos-split-chip__segment--joined-start",
+        edges[index].joinedEnd && "eidos-split-chip__segment--joined-end",
+        edges[index].divided && "eidos-split-chip__segment--divided"
+      ].filter(Boolean).join(" "),
+      children: segment.label
+    },
+    segment.id
+  )) });
+};
+
+export {
+  SplitChip
+};
+//# sourceMappingURL=chunk-L7I5NEGI.js.map

package/dist/chunk-L7I5NEGI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/SplitChip/SplitChip.utils.ts","../src/components/SplitChip/SplitChip.component.tsx"],"sourcesContent":["import type { ChipVariantProps } from '../Chip/Chip.types';\n\nexport interface SeamSegment {\n  variant: ChipVariantProps;\n  disabled: boolean;\n}\n\nexport interface SegmentEdges {\n  /** Drop the leading (left) border. */\n  joinedStart: boolean;\n  /** Drop the trailing (right) border. */\n  joinedEnd: boolean;\n  /** Draw a divider as the leading border, in the segment's own colour. */\n  divided: boolean;\n}\n\n/**\n * A segment \"owns\" a visible border when it is `outlined`, or when it is\n * disabled - the disabled Chip style paints a grey border on every variant.\n * `filled` and `text` borders are transparent.\n */\nconst hasVisibleBorder = (segment: SeamSegment) =>\n  segment.variant === 'outlined' || segment.disabled;\n\n/**\n * Decides, per seam, which of the two neighbouring edges survives.\n *\n * Each seam is resolved from **both** sides at once. The first version decided\n * each edge from one side only (\"drop it if the neighbour is not `text`\"),\n * which broke two ways: an `outlined` segment beside a disabled one dropped\n * its edge while the disabled segment dropped its own too, leaving the seam\n * open; and with dividers, an `outlined` segment gave up its own border to a\n * divider drawn in the *neighbour's* colour.\n *\n * The rules, for a seam between A (left) and B (right):\n *\n * - Both have visible borders: if they are the same kind (both enabled\n *   `outlined`, or both disabled), seamless by default - both edges drop, so\n *   the run reads as one outline. With dividers, or when the kinds differ,\n *   A's own edge is the seam and B's drops.\n * - Only one has a visible border: that edge is the seam; the other drops, so\n *   there is never a double line and never an open side.\n * - Neither has one: both drop; with dividers, B draws one in its own colour.\n */\nexport const resolveSegmentEdges = (\n  segments: SeamSegment[],\n  showDividers: boolean,\n): SegmentEdges[] => {\n  const edges = segments.map(() => ({ joinedStart: false, joinedEnd: false, divided: false }));\n\n  for (let i = 0; i < segments.length - 1; i++) {\n    const a = hasVisibleBorder(segments[i]);\n    const b = hasVisibleBorder(segments[i + 1]);\n    // Two borders only merge into one outline when they are the same kind:\n    // both enabled `outlined`, or both disabled. An outlined segment beside a\n    // disabled one would otherwise lose the seam against a near-white surface.\n    const sameOutline = segments[i].disabled === segments[i + 1].disabled;\n\n    if (a && b) {\n      edges[i].joinedEnd = !showDividers && sameOutline;\n      edges[i + 1].joinedStart = true;\n    } else if (a) {\n      edges[i + 1].joinedStart = true;\n    } else if (b) {\n      edges[i].joinedEnd = true;\n    } else {\n      edges[i].joinedEnd = true;\n      edges[i + 1].joinedStart = !showDividers;\n      edges[i + 1].divided = showDividers;\n    }\n  }\n\n  return edges;\n};\n","import React from 'react';\nimport { Chip } from '../Chip/Chip.component';\nimport type { SplitChipProps } from './SplitChip.types';\nimport { resolveSegmentEdges } from './SplitChip.utils';\n\n/**\n * SplitChip - one chip split into independent segments, each with its own\n * label, variant, colour and optional click handler.\n *\n * Every segment is a real `Chip`, the same way `SplitButton` is built from\n * `Button`, so variants, sizes, icons, tooltips, disabled styling and the\n * \"hover only when clickable\" rule cannot drift between the two. This\n * component only adds the join: collapsed inner borders, radii on the outer\n * ends, and optional dividers.\n *\n * @example\n * ```tsx\n * <SplitChip\n *   segments={[\n *     { id: 'label', label: 'Status', variant: 'outlined' },\n *     { id: 'value', label: 'Open', color: 'success', onClick: openFilter },\n *   ]}\n * />\n * ```\n */\nexport const SplitChip: React.FC<SplitChipProps> = ({\n  segments,\n  variant = 'filled',\n  color = 'primary',\n  size = 'md',\n  disabled = false,\n  showDividers = false,\n  className = '',\n  ...rest\n}) => {\n  const classes = [\n    'eidos-split-chip',\n    `eidos-split-chip--${size}`,\n    showDividers && 'eidos-split-chip--dividers',\n    disabled && 'eidos-split-chip--disabled',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const lastIndex = segments.length - 1;\n  const resolved = segments.map((segment) => ({\n    variant: segment.variant ?? variant,\n    disabled: disabled || !!segment.disabled,\n  }));\n  const edges = resolveSegmentEdges(resolved, showDividers);\n\n  return (\n    <div className={classes} {...rest}>\n      {segments.map((segment, index) => (\n        <Chip\n          key={segment.id}\n          variant={resolved[index].variant}\n          color={segment.color ?? color}\n          size={size}\n          disabled={resolved[index].disabled}\n          onClick={segment.onClick}\n          tooltip={segment.tooltip}\n          preIcon={segment.preIcon}\n          posIcon={segment.posIcon}\n          // Position comes from the index, not `:first-child`/`:last-child`:\n          // a segment with a `tooltip` is wrapped in the Tooltip's trigger\n          // `div`, so the chip is no longer a direct child of this container\n          // and structural pseudo-classes would round the wrong corners.\n          className={[\n            'eidos-split-chip__segment',\n            index === 0 && 'eidos-split-chip__segment--first',\n            index === lastIndex && 'eidos-split-chip__segment--last',\n            edges[index].joinedStart && 'eidos-split-chip__segment--joined-start',\n            edges[index].joinedEnd && 'eidos-split-chip__segment--joined-end',\n            edges[index].divided && 'eidos-split-chip__segment--divided',\n          ]\n            .filter(Boolean)\n            .join(' ')}\n        >\n          {segment.label}\n        </Chip>\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAqBA,IAAM,mBAAmB,CAAC,YACxB,QAAQ,YAAY,cAAc,QAAQ;AAsBrC,IAAM,sBAAsB,CACjC,UACA,iBACmB;AACnB,QAAM,QAAQ,SAAS,IAAI,OAAO,EAAE,aAAa,OAAO,WAAW,OAAO,SAAS,MAAM,EAAE;AAE3F,WAAS,IAAI,GAAG,IAAI,SAAS,SAAS,GAAG,KAAK;AAC5C,UAAM,IAAI,iBAAiB,SAAS,CAAC,CAAC;AACtC,UAAM,IAAI,iBAAiB,SAAS,IAAI,CAAC,CAAC;AAI1C,UAAM,cAAc,SAAS,CAAC,EAAE,aAAa,SAAS,IAAI,CAAC,EAAE;AAE7D,QAAI,KAAK,GAAG;AACV,YAAM,CAAC,EAAE,YAAY,CAAC,gBAAgB;AACtC,YAAM,IAAI,CAAC,EAAE,cAAc;AAAA,IAC7B,WAAW,GAAG;AACZ,YAAM,IAAI,CAAC,EAAE,cAAc;AAAA,IAC7B,WAAW,GAAG;AACZ,YAAM,CAAC,EAAE,YAAY;AAAA,IACvB,OAAO;AACL,YAAM,CAAC,EAAE,YAAY;AACrB,YAAM,IAAI,CAAC,EAAE,cAAc,CAAC;AAC5B,YAAM,IAAI,CAAC,EAAE,UAAU;AAAA,IACzB;AAAA,EACF;AAEA,SAAO;AACT;;;AClBQ;AA9BD,IAAM,YAAsC,CAAC;AAAA,EAClD;AAAA,EACA,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AAAA,EACX,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,GAAG;AACL,MAAM;AACJ,QAAM,UAAU;AAAA,IACd;AAAA,IACA,qBAAqB,IAAI;AAAA,IACzB,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ;AAAA,EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,QAAM,YAAY,SAAS,SAAS;AACpC,QAAM,WAAW,SAAS,IAAI,CAAC,aAAa;AAAA,IAC1C,SAAS,QAAQ,WAAW;AAAA,IAC5B,UAAU,YAAY,CAAC,CAAC,QAAQ;AAAA,EAClC,EAAE;AACF,QAAM,QAAQ,oBAAoB,UAAU,YAAY;AAExD,SACE,oBAAC,SAAI,WAAW,SAAU,GAAG,MAC1B,mBAAS,IAAI,CAAC,SAAS,UACtB;AAAA,IAAC;AAAA;AAAA,MAEC,SAAS,SAAS,KAAK,EAAE;AAAA,MACzB,OAAO,QAAQ,SAAS;AAAA,MACxB;AAAA,MACA,UAAU,SAAS,KAAK,EAAE;AAAA,MAC1B,SAAS,QAAQ;AAAA,MACjB,SAAS,QAAQ;AAAA,MACjB,SAAS,QAAQ;AAAA,MACjB,SAAS,QAAQ;AAAA,MAKjB,WAAW;AAAA,QACT;AAAA,QACA,UAAU,KAAK;AAAA,QACf,UAAU,aAAa;AAAA,QACvB,MAAM,KAAK,EAAE,eAAe;AAAA,QAC5B,MAAM,KAAK,EAAE,aAAa;AAAA,QAC1B,MAAM,KAAK,EAAE,WAAW;AAAA,MAC1B,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MAEV,kBAAQ;AAAA;AAAA,IAxBJ,QAAQ;AAAA,EAyBf,CACD,GACH;AAEJ;","names":[]}

package/dist/chunk-PCTHJZRO.cjs

@@ -0,0 +1,82 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+var _chunkTTLFY76Jcjs = require('./chunk-TTLFY76J.cjs');
+
+// src/components/SplitChip/SplitChip.utils.ts
+var hasVisibleBorder = (segment) => segment.variant === "outlined" || segment.disabled;
+var resolveSegmentEdges = (segments, showDividers) => {
+  const edges = segments.map(() => ({ joinedStart: false, joinedEnd: false, divided: false }));
+  for (let i = 0; i < segments.length - 1; i++) {
+    const a = hasVisibleBorder(segments[i]);
+    const b = hasVisibleBorder(segments[i + 1]);
+    const sameOutline = segments[i].disabled === segments[i + 1].disabled;
+    if (a && b) {
+      edges[i].joinedEnd = !showDividers && sameOutline;
+      edges[i + 1].joinedStart = true;
+    } else if (a) {
+      edges[i + 1].joinedStart = true;
+    } else if (b) {
+      edges[i].joinedEnd = true;
+    } else {
+      edges[i].joinedEnd = true;
+      edges[i + 1].joinedStart = !showDividers;
+      edges[i + 1].divided = showDividers;
+    }
+  }
+  return edges;
+};
+
+// src/components/SplitChip/SplitChip.component.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var SplitChip = ({
+  segments,
+  variant = "filled",
+  color = "primary",
+  size = "md",
+  disabled = false,
+  showDividers = false,
+  className = "",
+  ...rest
+}) => {
+  const classes = [
+    "eidos-split-chip",
+    `eidos-split-chip--${size}`,
+    showDividers && "eidos-split-chip--dividers",
+    disabled && "eidos-split-chip--disabled",
+    className
+  ].filter(Boolean).join(" ");
+  const lastIndex = segments.length - 1;
+  const resolved = segments.map((segment) => ({
+    variant: _nullishCoalesce(segment.variant, () => ( variant)),
+    disabled: disabled || !!segment.disabled
+  }));
+  const edges = resolveSegmentEdges(resolved, showDividers);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: classes, ...rest, children: segments.map((segment, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkTTLFY76Jcjs.Chip,
+    {
+      variant: resolved[index].variant,
+      color: _nullishCoalesce(segment.color, () => ( color)),
+      size,
+      disabled: resolved[index].disabled,
+      onClick: segment.onClick,
+      tooltip: segment.tooltip,
+      preIcon: segment.preIcon,
+      posIcon: segment.posIcon,
+      className: [
+        "eidos-split-chip__segment",
+        index === 0 && "eidos-split-chip__segment--first",
+        index === lastIndex && "eidos-split-chip__segment--last",
+        edges[index].joinedStart && "eidos-split-chip__segment--joined-start",
+        edges[index].joinedEnd && "eidos-split-chip__segment--joined-end",
+        edges[index].divided && "eidos-split-chip__segment--divided"
+      ].filter(Boolean).join(" "),
+      children: segment.label
+    },
+    segment.id
+  )) });
+};
+
+
+
+exports.SplitChip = SplitChip;
+//# sourceMappingURL=chunk-PCTHJZRO.cjs.map

package/dist/chunk-PCTHJZRO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-PCTHJZRO.cjs","../src/components/SplitChip/SplitChip.utils.ts","../src/components/SplitChip/SplitChip.component.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACiBA,IAAM,iBAAA,EAAmB,CAAC,OAAA,EAAA,GACxB,OAAA,CAAQ,QAAA,IAAY,WAAA,GAAc,OAAA,CAAQ,QAAA;AAsBrC,IAAM,oBAAA,EAAsB,CACjC,QAAA,EACA,YAAA,EAAA,GACmB;AACnB,EAAA,MAAM,MAAA,EAAQ,QAAA,CAAS,GAAA,CAAI,CAAA,EAAA,GAAA,CAAO,EAAE,WAAA,EAAa,KAAA,EAAO,SAAA,EAAW,KAAA,EAAO,OAAA,EAAS,MAAM,CAAA,CAAE,CAAA;AAE3F,EAAA,IAAA,CAAA,IAAS,EAAA,EAAI,CAAA,EAAG,EAAA,EAAI,QAAA,CAAS,OAAA,EAAS,CAAA,EAAG,CAAA,EAAA,EAAK;AAC5C,IAAA,MAAM,EAAA,EAAI,gBAAA,CAAiB,QAAA,CAAS,CAAC,CAAC,CAAA;AACtC,IAAA,MAAM,EAAA,EAAI,gBAAA,CAAiB,QAAA,CAAS,EAAA,EAAI,CAAC,CAAC,CAAA;AAI1C,IAAA,MAAM,YAAA,EAAc,QAAA,CAAS,CAAC,CAAA,CAAE,SAAA,IAAa,QAAA,CAAS,EAAA,EAAI,CAAC,CAAA,CAAE,QAAA;AAE7D,IAAA,GAAA,CAAI,EAAA,GAAK,CAAA,EAAG;AACV,MAAA,KAAA,CAAM,CAAC,CAAA,CAAE,UAAA,EAAY,CAAC,aAAA,GAAgB,WAAA;AACtC,MAAA,KAAA,CAAM,EAAA,EAAI,CAAC,CAAA,CAAE,YAAA,EAAc,IAAA;AAAA,IAC7B,EAAA,KAAA,GAAA,CAAW,CAAA,EAAG;AACZ,MAAA,KAAA,CAAM,EAAA,EAAI,CAAC,CAAA,CAAE,YAAA,EAAc,IAAA;AAAA,IAC7B,EAAA,KAAA,GAAA,CAAW,CAAA,EAAG;AACZ,MAAA,KAAA,CAAM,CAAC,CAAA,CAAE,UAAA,EAAY,IAAA;AAAA,IACvB,EAAA,KAAO;AACL,MAAA,KAAA,CAAM,CAAC,CAAA,CAAE,UAAA,EAAY,IAAA;AACrB,MAAA,KAAA,CAAM,EAAA,EAAI,CAAC,CAAA,CAAE,YAAA,EAAc,CAAC,YAAA;AAC5B,MAAA,KAAA,CAAM,EAAA,EAAI,CAAC,CAAA,CAAE,QAAA,EAAU,YAAA;AAAA,IACzB;AAAA,EACF;AAEA,EAAA,OAAO,KAAA;AACT,CAAA;AD9CA;AACA;AE2BQ,+CAAA;AA9BD,IAAM,UAAA,EAAsC,CAAC;AAAA,EAClD,QAAA;AAAA,EACA,QAAA,EAAU,QAAA;AAAA,EACV,MAAA,EAAQ,SAAA;AAAA,EACR,KAAA,EAAO,IAAA;AAAA,EACP,SAAA,EAAW,KAAA;AAAA,EACX,aAAA,EAAe,KAAA;AAAA,EACf,UAAA,EAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,EAAA,GAAM;AACJ,EAAA,MAAM,QAAA,EAAU;AAAA,IACd,kBAAA;AAAA,IACA,CAAA,kBAAA,EAAqB,IAAI,CAAA,CAAA;AACT,IAAA;AACJ,IAAA;AACZ,IAAA;AAGS,EAAA;AAEgB,EAAA;AACD,EAAA;AACP,IAAA;AACO,IAAA;AACxB,EAAA;AACY,EAAA;AAGX,EAAA;AAEI,IAAA;AAAA,IAAA;AAEwB,MAAA;AACC,MAAA;AACxB,MAAA;AACwB,MAAA;AACP,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AAKN,MAAA;AACT,QAAA;AACe,QAAA;AACL,QAAA;AACG,QAAA;AACA,QAAA;AACA,QAAA;AAGP,MAAA;AAEC,MAAA;AAAA,IAAA;AAxBI,IAAA;AA2BnB,EAAA;AAEJ;AFR8B;AACA;AACA;AACA","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-PCTHJZRO.cjs","sourcesContent":[null,"import type { ChipVariantProps } from '../Chip/Chip.types';\n\nexport interface SeamSegment {\n  variant: ChipVariantProps;\n  disabled: boolean;\n}\n\nexport interface SegmentEdges {\n  /** Drop the leading (left) border. */\n  joinedStart: boolean;\n  /** Drop the trailing (right) border. */\n  joinedEnd: boolean;\n  /** Draw a divider as the leading border, in the segment's own colour. */\n  divided: boolean;\n}\n\n/**\n * A segment \"owns\" a visible border when it is `outlined`, or when it is\n * disabled - the disabled Chip style paints a grey border on every variant.\n * `filled` and `text` borders are transparent.\n */\nconst hasVisibleBorder = (segment: SeamSegment) =>\n  segment.variant === 'outlined' || segment.disabled;\n\n/**\n * Decides, per seam, which of the two neighbouring edges survives.\n *\n * Each seam is resolved from **both** sides at once. The first version decided\n * each edge from one side only (\"drop it if the neighbour is not `text`\"),\n * which broke two ways: an `outlined` segment beside a disabled one dropped\n * its edge while the disabled segment dropped its own too, leaving the seam\n * open; and with dividers, an `outlined` segment gave up its own border to a\n * divider drawn in the *neighbour's* colour.\n *\n * The rules, for a seam between A (left) and B (right):\n *\n * - Both have visible borders: if they are the same kind (both enabled\n *   `outlined`, or both disabled), seamless by default - both edges drop, so\n *   the run reads as one outline. With dividers, or when the kinds differ,\n *   A's own edge is the seam and B's drops.\n * - Only one has a visible border: that edge is the seam; the other drops, so\n *   there is never a double line and never an open side.\n * - Neither has one: both drop; with dividers, B draws one in its own colour.\n */\nexport const resolveSegmentEdges = (\n  segments: SeamSegment[],\n  showDividers: boolean,\n): SegmentEdges[] => {\n  const edges = segments.map(() => ({ joinedStart: false, joinedEnd: false, divided: false }));\n\n  for (let i = 0; i < segments.length - 1; i++) {\n    const a = hasVisibleBorder(segments[i]);\n    const b = hasVisibleBorder(segments[i + 1]);\n    // Two borders only merge into one outline when they are the same kind:\n    // both enabled `outlined`, or both disabled. An outlined segment beside a\n    // disabled one would otherwise lose the seam against a near-white surface.\n    const sameOutline = segments[i].disabled === segments[i + 1].disabled;\n\n    if (a && b) {\n      edges[i].joinedEnd = !showDividers && sameOutline;\n      edges[i + 1].joinedStart = true;\n    } else if (a) {\n      edges[i + 1].joinedStart = true;\n    } else if (b) {\n      edges[i].joinedEnd = true;\n    } else {\n      edges[i].joinedEnd = true;\n      edges[i + 1].joinedStart = !showDividers;\n      edges[i + 1].divided = showDividers;\n    }\n  }\n\n  return edges;\n};\n","import React from 'react';\nimport { Chip } from '../Chip/Chip.component';\nimport type { SplitChipProps } from './SplitChip.types';\nimport { resolveSegmentEdges } from './SplitChip.utils';\n\n/**\n * SplitChip - one chip split into independent segments, each with its own\n * label, variant, colour and optional click handler.\n *\n * Every segment is a real `Chip`, the same way `SplitButton` is built from\n * `Button`, so variants, sizes, icons, tooltips, disabled styling and the\n * \"hover only when clickable\" rule cannot drift between the two. This\n * component only adds the join: collapsed inner borders, radii on the outer\n * ends, and optional dividers.\n *\n * @example\n * ```tsx\n * <SplitChip\n *   segments={[\n *     { id: 'label', label: 'Status', variant: 'outlined' },\n *     { id: 'value', label: 'Open', color: 'success', onClick: openFilter },\n *   ]}\n * />\n * ```\n */\nexport const SplitChip: React.FC<SplitChipProps> = ({\n  segments,\n  variant = 'filled',\n  color = 'primary',\n  size = 'md',\n  disabled = false,\n  showDividers = false,\n  className = '',\n  ...rest\n}) => {\n  const classes = [\n    'eidos-split-chip',\n    `eidos-split-chip--${size}`,\n    showDividers && 'eidos-split-chip--dividers',\n    disabled && 'eidos-split-chip--disabled',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const lastIndex = segments.length - 1;\n  const resolved = segments.map((segment) => ({\n    variant: segment.variant ?? variant,\n    disabled: disabled || !!segment.disabled,\n  }));\n  const edges = resolveSegmentEdges(resolved, showDividers);\n\n  return (\n    <div className={classes} {...rest}>\n      {segments.map((segment, index) => (\n        <Chip\n          key={segment.id}\n          variant={resolved[index].variant}\n          color={segment.color ?? color}\n          size={size}\n          disabled={resolved[index].disabled}\n          onClick={segment.onClick}\n          tooltip={segment.tooltip}\n          preIcon={segment.preIcon}\n          posIcon={segment.posIcon}\n          // Position comes from the index, not `:first-child`/`:last-child`:\n          // a segment with a `tooltip` is wrapped in the Tooltip's trigger\n          // `div`, so the chip is no longer a direct child of this container\n          // and structural pseudo-classes would round the wrong corners.\n          className={[\n            'eidos-split-chip__segment',\n            index === 0 && 'eidos-split-chip__segment--first',\n            index === lastIndex && 'eidos-split-chip__segment--last',\n            edges[index].joinedStart && 'eidos-split-chip__segment--joined-start',\n            edges[index].joinedEnd && 'eidos-split-chip__segment--joined-end',\n            edges[index].divided && 'eidos-split-chip__segment--divided',\n          ]\n            .filter(Boolean)\n            .join(' ')}\n        >\n          {segment.label}\n        </Chip>\n      ))}\n    </div>\n  );\n};\n"]}

package/dist/index.cjs

@@ -6,6 +6,9 @@ var _chunkXKQMEVODcjs = require('./chunk-XKQMEVOD.cjs');
 var _chunkRUDXHT76cjs = require('./chunk-RUDXHT76.cjs');
 
 
+var _chunkIXZMKIV5cjs = require('./chunk-IXZMKIV5.cjs');
+
+
 var _chunk3ZRFOKDMcjs = require('./chunk-3ZRFOKDM.cjs');
 
 
@@ -47,10 +50,10 @@ var _chunkOZZHOEN5cjs = require('./chunk-OZZHOEN5.cjs');
 var _chunkXERBOFYZcjs = require('./chunk-XERBOFYZ.cjs');
 
 
-var _chunkHFZ5FKRGcjs = require('./chunk-HFZ5FKRG.cjs');
+var _chunkPCTHJZROcjs = require('./chunk-PCTHJZRO.cjs');
 
 
-var _chunkIXZMKIV5cjs = require('./chunk-IXZMKIV5.cjs');
+var _chunkHFZ5FKRGcjs = require('./chunk-HFZ5FKRG.cjs');
 
 
 var _chunkVHO6JPRRcjs = require('./chunk-VHO6JPRR.cjs');
@@ -301,5 +304,6 @@ require('./chunk-DZUJEN5N.cjs');
 
 
 
-exports.Accordion = _chunkEAJGSXEWcjs.Accordion; exports.AccordionItem = _chunkEAJGSXEWcjs.AccordionItem; exports.Alert = _chunk3RWZC6OWcjs.Alert; exports.Avatar = _chunkQ3GNKF74cjs.Avatar; exports.AvatarGroup = _chunkQ3GNKF74cjs.AvatarGroup; exports.Badge = _chunk3ETWFS2Ncjs.Badge; exports.Breadcrumb = _chunk5O73AALPcjs.Breadcrumb; exports.Button = _chunkDA375AI6cjs.Button; exports.ButtonGroup = _chunk2ROKOO22cjs.ButtonGroup; exports.Calendar = _chunk6JHVXWDVcjs.Calendar; exports.Card = _chunkV5RS3JZNcjs.Card; exports.Chat = _chunkO2BECFXJcjs.Chat; exports.Checkbox = _chunkYJNQLH2Lcjs.Checkbox; exports.Chip = _chunkTTLFY76Jcjs.Chip; exports.ColorPicker = _chunkKBQD4JLKcjs.ColorPicker; exports.Combobox = _chunk4AO5RKV5cjs.Combobox; exports.CommandPalette = _chunk2T7ZMMH5cjs.CommandPalette; exports.CommentThread = _chunkO2BECFXJcjs.CommentThread; exports.ContextMenu = _chunkHNGFRRVZcjs.ContextMenu; exports.DataGrid = _chunk66UQTF57cjs.DataGrid; exports.DatePicker = _chunk6JHVXWDVcjs.DatePicker; exports.Divider = _chunk366R4GKRcjs.Divider; exports.Drawer = _chunkDU5JKTHKcjs.Drawer; exports.Dropdown = _chunkKIZVY57Hcjs.Dropdown; exports.DropdownProvider = _chunkKIZVY57Hcjs.DropdownProvider; exports.EmptyState = _chunkKV3V2CPHcjs.EmptyState; exports.FONT_ACCEPT = _chunkRJVHR45Icjs.FONT_ACCEPT; exports.FileUpload = _chunkXRVRGRC3cjs.FileUpload; exports.Footer = _chunkPTBBY4ZXcjs.Footer; exports.Header = _chunk3KBBJZHKcjs.Header; exports.IconButton = _chunkDA375AI6cjs.IconButton; exports.IdentityHeader = _chunk3KBBJZHKcjs.IdentityHeader; exports.InlineEdit = _chunkI6M6CVI2cjs.InlineEdit; exports.Input = _chunk7VJCGKVPcjs.Input; exports.Kbd = _chunkKVIL4EP4cjs.Kbd; exports.Menu = _chunkJ76JHN7Jcjs.Menu; exports.MenuPanel = _chunkJ76JHN7Jcjs.MenuPanel; exports.MessageComposer = _chunkO2BECFXJcjs.MessageComposer; exports.Modal = _chunk4JSTBA4Fcjs.Modal; exports.Navigation = _chunkV4BZWBZTcjs.Navigation; exports.NumberInput = _chunkTC5IC6OPcjs.NumberInput; exports.OTPInput = _chunkVHO6JPRRcjs.OTPInput; exports.PageLayout = _chunkHEXAY6DEcjs.PageLayout; exports.Pagination = _chunkKREHT4AQcjs.Pagination; exports.Pill = _chunkEQ6BNPTLcjs.Pill; exports.Popover = _chunkVQGLVBPLcjs.Popover; exports.Progress = _chunkV2S6XWIQcjs.Progress; exports.Radio = _chunkKPMIIGHHcjs.Radio; exports.RadioGroup = _chunkKPMIIGHHcjs.RadioGroup; exports.SegmentedControl = _chunkJPYJQ4TFcjs.SegmentedControl; exports.Select = _chunkXZLSHEHEcjs.Select; exports.Skeleton = _chunkIGFR5TEScjs.Skeleton; exports.Slider = _chunkOZZHOEN5cjs.Slider; exports.SnackbarContainer = _chunkXERBOFYZcjs.SnackbarContainer; exports.SnackbarProvider = _chunkXERBOFYZcjs.SnackbarProvider; exports.Spinner = _chunkTROYIUDHcjs.Spinner; exports.SplitButton = _chunkLQXFXXMJcjs.SplitButton; exports.Stepper = _chunkHFZ5FKRGcjs.Stepper; exports.Switch = _chunkIXZMKIV5cjs.Switch; exports.Tab = _chunkNOQF7UQ5cjs.Tab; exports.TabPanel = _chunkNOQF7UQ5cjs.TabPanel; exports.Table = _chunk3ZRFOKDMcjs.Table; exports.TableFiltersDropdown = _chunkPMSENLOAcjs.TableFiltersDropdown; exports.Tabs = _chunkNOQF7UQ5cjs.Tabs; exports.TagInput = _chunkZMRINZIOcjs.TagInput; exports.Textarea = _chunk7BFODYNLcjs.Textarea; exports.ThemeEditor = _chunk36JFXFM2cjs.ThemeEditor; exports.ThemeProvider = _chunkRJVHR45Icjs.ThemeProvider; exports.TimeInput = _chunk6JHVXWDVcjs.TimeInput; exports.Timeline = _chunkZMDZGL5Acjs.Timeline; exports.Toolbar = _chunkJCKGAAPZcjs.Toolbar; exports.Tooltip = _chunkBEOECPVJcjs.Tooltip; exports.TreeView = _chunkXKQMEVODcjs.TreeView; exports.VirtualList = _chunkRUDXHT76cjs.VirtualList; exports.defaultTheme = _chunkRJVHR45Icjs.defaultTheme; exports.familyNameFromFile = _chunkRJVHR45Icjs.familyNameFromFile; exports.isFontAvailable = _chunkRJVHR45Icjs.isFontAvailable; exports.isFontStackAvailable = _chunkRJVHR45Icjs.isFontStackAvailable; exports.registerFontFace = _chunkRJVHR45Icjs.registerFontFace; exports.registerFontFile = _chunkRJVHR45Icjs.registerFontFile; exports.renderIcon = _chunk35LGEPLPcjs.renderIcon; exports.toFontStack = _chunkRJVHR45Icjs.toFontStack; exports.useDropdownContext = _chunkKIZVY57Hcjs.useDropdownContext; exports.useSnackbar = _chunkXERBOFYZcjs.useSnackbar; exports.useSnackbarContext = _chunkXERBOFYZcjs.useSnackbarContext; exports.useTheme = _chunkRJVHR45Icjs.useTheme;
+
+exports.Accordion = _chunkEAJGSXEWcjs.Accordion; exports.AccordionItem = _chunkEAJGSXEWcjs.AccordionItem; exports.Alert = _chunk3RWZC6OWcjs.Alert; exports.Avatar = _chunkQ3GNKF74cjs.Avatar; exports.AvatarGroup = _chunkQ3GNKF74cjs.AvatarGroup; exports.Badge = _chunk3ETWFS2Ncjs.Badge; exports.Breadcrumb = _chunk5O73AALPcjs.Breadcrumb; exports.Button = _chunkDA375AI6cjs.Button; exports.ButtonGroup = _chunk2ROKOO22cjs.ButtonGroup; exports.Calendar = _chunk6JHVXWDVcjs.Calendar; exports.Card = _chunkV5RS3JZNcjs.Card; exports.Chat = _chunkO2BECFXJcjs.Chat; exports.Checkbox = _chunkYJNQLH2Lcjs.Checkbox; exports.Chip = _chunkTTLFY76Jcjs.Chip; exports.ColorPicker = _chunkKBQD4JLKcjs.ColorPicker; exports.Combobox = _chunk4AO5RKV5cjs.Combobox; exports.CommandPalette = _chunk2T7ZMMH5cjs.CommandPalette; exports.CommentThread = _chunkO2BECFXJcjs.CommentThread; exports.ContextMenu = _chunkHNGFRRVZcjs.ContextMenu; exports.DataGrid = _chunk66UQTF57cjs.DataGrid; exports.DatePicker = _chunk6JHVXWDVcjs.DatePicker; exports.Divider = _chunk366R4GKRcjs.Divider; exports.Drawer = _chunkDU5JKTHKcjs.Drawer; exports.Dropdown = _chunkKIZVY57Hcjs.Dropdown; exports.DropdownProvider = _chunkKIZVY57Hcjs.DropdownProvider; exports.EmptyState = _chunkKV3V2CPHcjs.EmptyState; exports.FONT_ACCEPT = _chunkRJVHR45Icjs.FONT_ACCEPT; exports.FileUpload = _chunkXRVRGRC3cjs.FileUpload; exports.Footer = _chunkPTBBY4ZXcjs.Footer; exports.Header = _chunk3KBBJZHKcjs.Header; exports.IconButton = _chunkDA375AI6cjs.IconButton; exports.IdentityHeader = _chunk3KBBJZHKcjs.IdentityHeader; exports.InlineEdit = _chunkI6M6CVI2cjs.InlineEdit; exports.Input = _chunk7VJCGKVPcjs.Input; exports.Kbd = _chunkKVIL4EP4cjs.Kbd; exports.Menu = _chunkJ76JHN7Jcjs.Menu; exports.MenuPanel = _chunkJ76JHN7Jcjs.MenuPanel; exports.MessageComposer = _chunkO2BECFXJcjs.MessageComposer; exports.Modal = _chunk4JSTBA4Fcjs.Modal; exports.Navigation = _chunkV4BZWBZTcjs.Navigation; exports.NumberInput = _chunkTC5IC6OPcjs.NumberInput; exports.OTPInput = _chunkVHO6JPRRcjs.OTPInput; exports.PageLayout = _chunkHEXAY6DEcjs.PageLayout; exports.Pagination = _chunkKREHT4AQcjs.Pagination; exports.Pill = _chunkEQ6BNPTLcjs.Pill; exports.Popover = _chunkVQGLVBPLcjs.Popover; exports.Progress = _chunkV2S6XWIQcjs.Progress; exports.Radio = _chunkKPMIIGHHcjs.Radio; exports.RadioGroup = _chunkKPMIIGHHcjs.RadioGroup; exports.SegmentedControl = _chunkJPYJQ4TFcjs.SegmentedControl; exports.Select = _chunkXZLSHEHEcjs.Select; exports.Skeleton = _chunkIGFR5TEScjs.Skeleton; exports.Slider = _chunkOZZHOEN5cjs.Slider; exports.SnackbarContainer = _chunkXERBOFYZcjs.SnackbarContainer; exports.SnackbarProvider = _chunkXERBOFYZcjs.SnackbarProvider; exports.Spinner = _chunkTROYIUDHcjs.Spinner; exports.SplitButton = _chunkLQXFXXMJcjs.SplitButton; exports.SplitChip = _chunkPCTHJZROcjs.SplitChip; exports.Stepper = _chunkHFZ5FKRGcjs.Stepper; exports.Switch = _chunkIXZMKIV5cjs.Switch; exports.Tab = _chunkNOQF7UQ5cjs.Tab; exports.TabPanel = _chunkNOQF7UQ5cjs.TabPanel; exports.Table = _chunk3ZRFOKDMcjs.Table; exports.TableFiltersDropdown = _chunkPMSENLOAcjs.TableFiltersDropdown; exports.Tabs = _chunkNOQF7UQ5cjs.Tabs; exports.TagInput = _chunkZMRINZIOcjs.TagInput; exports.Textarea = _chunk7BFODYNLcjs.Textarea; exports.ThemeEditor = _chunk36JFXFM2cjs.ThemeEditor; exports.ThemeProvider = _chunkRJVHR45Icjs.ThemeProvider; exports.TimeInput = _chunk6JHVXWDVcjs.TimeInput; exports.Timeline = _chunkZMDZGL5Acjs.Timeline; exports.Toolbar = _chunkJCKGAAPZcjs.Toolbar; exports.Tooltip = _chunkBEOECPVJcjs.Tooltip; exports.TreeView = _chunkXKQMEVODcjs.TreeView; exports.VirtualList = _chunkRUDXHT76cjs.VirtualList; exports.defaultTheme = _chunkRJVHR45Icjs.defaultTheme; exports.familyNameFromFile = _chunkRJVHR45Icjs.familyNameFromFile; exports.isFontAvailable = _chunkRJVHR45Icjs.isFontAvailable; exports.isFontStackAvailable = _chunkRJVHR45Icjs.isFontStackAvailable; exports.registerFontFace = _chunkRJVHR45Icjs.registerFontFace; exports.registerFontFile = _chunkRJVHR45Icjs.registerFontFile; exports.renderIcon = _chunk35LGEPLPcjs.renderIcon; exports.toFontStack = _chunkRJVHR45Icjs.toFontStack; exports.useDropdownContext = _chunkKIZVY57Hcjs.useDropdownContext; exports.useSnackbar = _chunkXERBOFYZcjs.useSnackbar; exports.useSnackbarContext = _chunkXERBOFYZcjs.useSnackbarContext; exports.useTheme = _chunkRJVHR45Icjs.useTheme;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,itIAAC","file":"/home/runner/work/eidos-ui/eidos-ui/dist/index.cjs"}
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,kwIAAC","file":"/home/runner/work/eidos-ui/eidos-ui/dist/index.cjs"}

package/dist/index.css

@@ -1582,49 +1582,49 @@ svg.lucide {
   background-color: var(--primary-color);
   color: var(--primary-contrast);
 }
-.eidos-chip--filled:hover:not(.eidos-chip--disabled) {
+.eidos-chip--filled.eidos-chip--clickable:hover:not(.eidos-chip--disabled) {
   background-color: var(--primary-dark);
 }
 .eidos-chip--filled.eidos-chip--primary {
   background-color: var(--primary-color);
   color: var(--primary-contrast);
 }
-.eidos-chip--filled.eidos-chip--primary:hover:not(.eidos-chip--disabled) {
+.eidos-chip--filled.eidos-chip--primary.eidos-chip--clickable:hover:not(.eidos-chip--disabled) {
   background-color: var(--primary-dark);
 }
 .eidos-chip--filled.eidos-chip--secondary {
   background-color: var(--secondary-color);
   color: var(--secondary-contrast);
 }
-.eidos-chip--filled.eidos-chip--secondary:hover:not(.eidos-chip--disabled) {
+.eidos-chip--filled.eidos-chip--secondary.eidos-chip--clickable:hover:not(.eidos-chip--disabled) {
   background-color: var(--secondary-dark);
 }
 .eidos-chip--filled.eidos-chip--success {
   background-color: var(--success-color);
   color: var(--success-contrast);
 }
-.eidos-chip--filled.eidos-chip--success:hover:not(.eidos-chip--disabled) {
+.eidos-chip--filled.eidos-chip--success.eidos-chip--clickable:hover:not(.eidos-chip--disabled) {
   background-color: var(--success-dark);
 }
 .eidos-chip--filled.eidos-chip--danger {
   background-color: var(--danger-color);
   color: var(--danger-contrast);
 }
-.eidos-chip--filled.eidos-chip--danger:hover:not(.eidos-chip--disabled) {
+.eidos-chip--filled.eidos-chip--danger.eidos-chip--clickable:hover:not(.eidos-chip--disabled) {
   background-color: var(--danger-dark);
 }
 .eidos-chip--filled.eidos-chip--warning {
   background-color: var(--warning-color);
   color: var(--warning-contrast);
 }
-.eidos-chip--filled.eidos-chip--warning:hover:not(.eidos-chip--disabled) {
+.eidos-chip--filled.eidos-chip--warning.eidos-chip--clickable:hover:not(.eidos-chip--disabled) {
   background-color: var(--warning-dark);
 }
 .eidos-chip--filled.eidos-chip--info {
   background-color: var(--info-color);
   color: var(--info-contrast);
 }
-.eidos-chip--filled.eidos-chip--info:hover:not(.eidos-chip--disabled) {
+.eidos-chip--filled.eidos-chip--info.eidos-chip--clickable:hover:not(.eidos-chip--disabled) {
   background-color: var(--info-dark);
 }
 .eidos-chip--outlined {
@@ -1632,49 +1632,49 @@ svg.lucide {
   border: 1px solid var(--primary-color);
   color: var(--primary-color);
 }
-.eidos-chip--outlined:hover:not(.eidos-chip--disabled) {
+.eidos-chip--outlined.eidos-chip--clickable:hover:not(.eidos-chip--disabled) {
   background-color: rgba(var(--primary-rgb), 0.05);
 }
 .eidos-chip--outlined.eidos-chip--primary {
   border-color: var(--primary-color);
   color: var(--primary-color);
 }
-.eidos-chip--outlined.eidos-chip--primary:hover:not(.eidos-chip--disabled) {
+.eidos-chip--outlined.eidos-chip--primary.eidos-chip--clickable:hover:not(.eidos-chip--disabled) {
   background-color: rgba(var(--primary-rgb), 0.05);
 }
 .eidos-chip--outlined.eidos-chip--secondary {
   border-color: var(--secondary-color);
   color: var(--secondary-color);
 }
-.eidos-chip--outlined.eidos-chip--secondary:hover:not(.eidos-chip--disabled) {
+.eidos-chip--outlined.eidos-chip--secondary.eidos-chip--clickable:hover:not(.eidos-chip--disabled) {
   background-color: rgba(var(--secondary-rgb), 0.05);
 }
 .eidos-chip--outlined.eidos-chip--success {
   border-color: var(--success-color);
   color: var(--success-color);
 }
-.eidos-chip--outlined.eidos-chip--success:hover:not(.eidos-chip--disabled) {
+.eidos-chip--outlined.eidos-chip--success.eidos-chip--clickable:hover:not(.eidos-chip--disabled) {
   background-color: rgba(var(--success-rgb), 0.05);
 }
 .eidos-chip--outlined.eidos-chip--danger {
   border-color: var(--danger-color);
   color: var(--danger-color);
 }
-.eidos-chip--outlined.eidos-chip--danger:hover:not(.eidos-chip--disabled) {
+.eidos-chip--outlined.eidos-chip--danger.eidos-chip--clickable:hover:not(.eidos-chip--disabled) {
   background-color: rgba(var(--danger-rgb), 0.05);
 }
 .eidos-chip--outlined.eidos-chip--warning {
   border-color: var(--warning-color);
   color: var(--warning-color);
 }
-.eidos-chip--outlined.eidos-chip--warning:hover:not(.eidos-chip--disabled) {
+.eidos-chip--outlined.eidos-chip--warning.eidos-chip--clickable:hover:not(.eidos-chip--disabled) {
   background-color: rgba(var(--warning-rgb), 0.05);
 }
 .eidos-chip--outlined.eidos-chip--info {
   border-color: var(--info-color);
   color: var(--info-color);
 }
-.eidos-chip--outlined.eidos-chip--info:hover:not(.eidos-chip--disabled) {
+.eidos-chip--outlined.eidos-chip--info.eidos-chip--clickable:hover:not(.eidos-chip--disabled) {
   background-color: rgba(var(--info-rgb), 0.05);
 }
 .eidos-chip--text {
@@ -1684,37 +1684,37 @@ svg.lucide {
 .eidos-chip--text.eidos-chip--primary {
   color: var(--primary-color);
 }
-.eidos-chip--text.eidos-chip--primary:hover:not(.eidos-chip--disabled) {
+.eidos-chip--text.eidos-chip--primary.eidos-chip--clickable:hover:not(.eidos-chip--disabled) {
   background-color: rgba(var(--primary-rgb), 0.1);
 }
 .eidos-chip--text.eidos-chip--secondary {
   color: var(--secondary-color);
 }
-.eidos-chip--text.eidos-chip--secondary:hover:not(.eidos-chip--disabled) {
+.eidos-chip--text.eidos-chip--secondary.eidos-chip--clickable:hover:not(.eidos-chip--disabled) {
   background-color: rgba(var(--secondary-rgb), 0.1);
 }
 .eidos-chip--text.eidos-chip--success {
   color: var(--success-color);
 }
-.eidos-chip--text.eidos-chip--success:hover:not(.eidos-chip--disabled) {
+.eidos-chip--text.eidos-chip--success.eidos-chip--clickable:hover:not(.eidos-chip--disabled) {
   background-color: rgba(var(--success-rgb), 0.1);
 }
 .eidos-chip--text.eidos-chip--danger {
   color: var(--danger-color);
 }
-.eidos-chip--text.eidos-chip--danger:hover:not(.eidos-chip--disabled) {
+.eidos-chip--text.eidos-chip--danger.eidos-chip--clickable:hover:not(.eidos-chip--disabled) {
   background-color: rgba(var(--danger-rgb), 0.1);
 }
 .eidos-chip--text.eidos-chip--warning {
   color: var(--warning-color);
 }
-.eidos-chip--text.eidos-chip--warning:hover:not(.eidos-chip--disabled) {
+.eidos-chip--text.eidos-chip--warning.eidos-chip--clickable:hover:not(.eidos-chip--disabled) {
   background-color: rgba(var(--warning-rgb), 0.1);
 }
 .eidos-chip--text.eidos-chip--info {
   color: var(--info-color);
 }
-.eidos-chip--text.eidos-chip--info:hover:not(.eidos-chip--disabled) {
+.eidos-chip--text.eidos-chip--info.eidos-chip--clickable:hover:not(.eidos-chip--disabled) {
   background-color: rgba(var(--info-rgb), 0.1);
 }
 .eidos-chip--disabled {
@@ -7525,6 +7525,45 @@ a.eidos-message-attachment-link:focus-visible {
     transform: rotate(360deg);
   }
 }
+.eidos-split-chip {
+  display: inline-flex;
+  align-items: stretch;
+  max-width: 100%;
+}
+.eidos-split-chip > .eidos-tooltip-trigger {
+  display: flex;
+  align-items: stretch;
+  min-width: 0;
+}
+.eidos-split-chip .eidos-split-chip__segment {
+  border-radius: 0;
+}
+.eidos-split-chip .eidos-split-chip__segment--joined-start {
+  border-left-width: 0;
+}
+.eidos-split-chip .eidos-split-chip__segment--joined-end {
+  border-right-width: 0;
+}
+.eidos-split-chip .eidos-split-chip__segment--divided {
+  border-left: 1px solid currentColor;
+}
+.eidos-split-chip .eidos-split-chip__segment--first {
+  border-top-left-radius: var(--border-radius-sm);
+  border-bottom-left-radius: var(--border-radius-sm);
+}
+.eidos-split-chip .eidos-split-chip__segment--last {
+  border-top-right-radius: var(--border-radius-sm);
+  border-bottom-right-radius: var(--border-radius-sm);
+}
+.eidos-split-chip .eidos-split-chip__segment.eidos-chip--clickable {
+  min-width: 24px;
+  justify-content: center;
+}
+.eidos-split-chip .eidos-split-chip__segment:focus-visible {
+  outline: none;
+  box-shadow: inset 0 0 0 2px var(--primary-color);
+}
+
 .eidos-stepper {
   display: flex;
   width: 100%;

package/dist/index.d.cts

@@ -40,7 +40,9 @@ export { S as SegmentedControlColorProps, a as SegmentedControlProps, b as Segme
 export { SplitButton, SplitButtonOption, SplitButtonProps } from './split-button/index.cjs';
 export { ContextMenu, ContextMenuProps } from './context-menu/index.cjs';
 export { Tooltip, TooltipProps } from './tooltip/index.cjs';
-export { Chip, ChipColorProps, ChipProps, ChipVariantProps, TextChipProps } from './chip/index.cjs';
+export { Chip } from './chip/index.cjs';
+export { C as ChipColorProps, a as ChipProps, b as ChipVariantProps, T as TextChipProps } from './Chip.types-B6y3Wifa.cjs';
+export { SplitChip, SplitChipProps, SplitChipSegment } from './split-chip/index.cjs';
 export { Divider, DividerProps } from './divider/index.cjs';
 export { Spinner, SpinnerColorProps, SpinnerProps } from './spinner/index.cjs';
 export { Dropdown, DropdownPosition, DropdownProps, DropdownProvider, DropdownState, NestedDropdownItem, useDropdownContext } from './dropdown/index.cjs';

package/dist/index.d.ts

@@ -40,7 +40,9 @@ export { S as SegmentedControlColorProps, a as SegmentedControlProps, b as Segme
 export { SplitButton, SplitButtonOption, SplitButtonProps } from './split-button/index.js';
 export { ContextMenu, ContextMenuProps } from './context-menu/index.js';
 export { Tooltip, TooltipProps } from './tooltip/index.js';
-export { Chip, ChipColorProps, ChipProps, ChipVariantProps, TextChipProps } from './chip/index.js';
+export { Chip } from './chip/index.js';
+export { C as ChipColorProps, a as ChipProps, b as ChipVariantProps, T as TextChipProps } from './Chip.types-COQfx2Ru.js';
+export { SplitChip, SplitChipProps, SplitChipSegment } from './split-chip/index.js';
 export { Divider, DividerProps } from './divider/index.js';
 export { Spinner, SpinnerColorProps, SpinnerProps } from './spinner/index.js';
 export { Dropdown, DropdownPosition, DropdownProps, DropdownProvider, DropdownState, NestedDropdownItem, useDropdownContext } from './dropdown/index.js';

package/dist/index.js

@@ -4,6 +4,9 @@ import {
 import {
   VirtualList
 } from "./chunk-H2RS6Z6Q.js";
+import {
+  Switch
+} from "./chunk-7HEUWGYW.js";
 import {
   Table
 } from "./chunk-RHFD2Z5V.js";
@@ -45,12 +48,12 @@ import {
   useSnackbar,
   useSnackbarContext
 } from "./chunk-MPIVBAMY.js";
+import {
+  SplitChip
+} from "./chunk-L7I5NEGI.js";
 import {
   Stepper
 } from "./chunk-3LBWAUCR.js";
-import {
-  Switch
-} from "./chunk-7HEUWGYW.js";
 import {
   OTPInput
 } from "./chunk-U233KQZX.js";
@@ -272,6 +275,7 @@ export {
   SnackbarProvider,
   Spinner,
   SplitButton,
+  SplitChip,
   Stepper,
   Switch,
   Tab,

package/dist/split-chip/index.cjs

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkPCTHJZROcjs = require('../chunk-PCTHJZRO.cjs');
+require('../chunk-TTLFY76J.cjs');
+require('../chunk-BEOECPVJ.cjs');
+require('../chunk-35LGEPLP.cjs');
+require('../chunk-DZUJEN5N.cjs');
+
+
+exports.SplitChip = _chunkPCTHJZROcjs.SplitChip;
+//# sourceMappingURL=index.cjs.map

package/dist/split-chip/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/split-chip/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACF,gDAAC","file":"/home/runner/work/eidos-ui/eidos-ui/dist/split-chip/index.cjs"}

package/dist/split-chip/index.d.cts

@@ -0,0 +1,67 @@
+import React__default from 'react';
+import { I as IconType } from '../renderIcon-C2lEMMzb.cjs';
+import { C as ComponentSizeProps } from '../sizes-DM6Rrrgq.cjs';
+import { b as ChipVariantProps, C as ChipColorProps } from '../Chip.types-B6y3Wifa.cjs';
+
+interface SplitChipSegment {
+    /** Stable, unique key for the segment. */
+    id: string;
+    /** Content of the segment. */
+    label: React.ReactNode;
+    /** Visual style of this segment. Falls back to the `SplitChip`'s `variant`. */
+    variant?: ChipVariantProps;
+    /** Colour of this segment. Falls back to the `SplitChip`'s `color`. */
+    color?: ChipColorProps;
+    /**
+     * Makes the segment a button with hover and press feedback. A segment
+     * without it is static: no pointer cursor, no hover state.
+     */
+    onClick?: () => void;
+    /** Icon before the label. Lucide component or icon name. */
+    preIcon?: IconType;
+    /** Icon after the label. Lucide component or icon name. */
+    posIcon?: IconType;
+    /** Tooltip shown when this segment is hovered or focused. */
+    tooltip?: string;
+    /** Disables this segment only. */
+    disabled?: boolean;
+}
+interface SplitChipProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'color'> {
+    /** The segments, rendered left to right as one joined chip. */
+    segments: SplitChipSegment[];
+    /** Default visual style for segments that do not set their own. */
+    variant?: ChipVariantProps;
+    /** Default colour for segments that do not set their own. */
+    color?: ChipColorProps;
+    /** Size of every segment. */
+    size?: ComponentSizeProps;
+    /** Disables every segment. */
+    disabled?: boolean;
+    /** Draws a 1px divider between adjacent segments. */
+    showDividers?: boolean;
+    className?: string;
+}
+
+/**
+ * SplitChip - one chip split into independent segments, each with its own
+ * label, variant, colour and optional click handler.
+ *
+ * Every segment is a real `Chip`, the same way `SplitButton` is built from
+ * `Button`, so variants, sizes, icons, tooltips, disabled styling and the
+ * "hover only when clickable" rule cannot drift between the two. This
+ * component only adds the join: collapsed inner borders, radii on the outer
+ * ends, and optional dividers.
+ *
+ * @example
+ * ```tsx
+ * <SplitChip
+ *   segments={[
+ *     { id: 'label', label: 'Status', variant: 'outlined' },
+ *     { id: 'value', label: 'Open', color: 'success', onClick: openFilter },
+ *   ]}
+ * />
+ * ```
+ */
+declare const SplitChip: React__default.FC<SplitChipProps>;
+
+export { SplitChip, type SplitChipProps, type SplitChipSegment };

package/dist/split-chip/index.d.ts

@@ -0,0 +1,67 @@
+import React__default from 'react';
+import { I as IconType } from '../renderIcon-C2lEMMzb.js';
+import { C as ComponentSizeProps } from '../sizes-DM6Rrrgq.js';
+import { b as ChipVariantProps, C as ChipColorProps } from '../Chip.types-COQfx2Ru.js';
+
+interface SplitChipSegment {
+    /** Stable, unique key for the segment. */
+    id: string;
+    /** Content of the segment. */
+    label: React.ReactNode;
+    /** Visual style of this segment. Falls back to the `SplitChip`'s `variant`. */
+    variant?: ChipVariantProps;
+    /** Colour of this segment. Falls back to the `SplitChip`'s `color`. */
+    color?: ChipColorProps;
+    /**
+     * Makes the segment a button with hover and press feedback. A segment
+     * without it is static: no pointer cursor, no hover state.
+     */
+    onClick?: () => void;
+    /** Icon before the label. Lucide component or icon name. */
+    preIcon?: IconType;
+    /** Icon after the label. Lucide component or icon name. */
+    posIcon?: IconType;
+    /** Tooltip shown when this segment is hovered or focused. */
+    tooltip?: string;
+    /** Disables this segment only. */
+    disabled?: boolean;
+}
+interface SplitChipProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'color'> {
+    /** The segments, rendered left to right as one joined chip. */
+    segments: SplitChipSegment[];
+    /** Default visual style for segments that do not set their own. */
+    variant?: ChipVariantProps;
+    /** Default colour for segments that do not set their own. */
+    color?: ChipColorProps;
+    /** Size of every segment. */
+    size?: ComponentSizeProps;
+    /** Disables every segment. */
+    disabled?: boolean;
+    /** Draws a 1px divider between adjacent segments. */
+    showDividers?: boolean;
+    className?: string;
+}
+
+/**
+ * SplitChip - one chip split into independent segments, each with its own
+ * label, variant, colour and optional click handler.
+ *
+ * Every segment is a real `Chip`, the same way `SplitButton` is built from
+ * `Button`, so variants, sizes, icons, tooltips, disabled styling and the
+ * "hover only when clickable" rule cannot drift between the two. This
+ * component only adds the join: collapsed inner borders, radii on the outer
+ * ends, and optional dividers.
+ *
+ * @example
+ * ```tsx
+ * <SplitChip
+ *   segments={[
+ *     { id: 'label', label: 'Status', variant: 'outlined' },
+ *     { id: 'value', label: 'Open', color: 'success', onClick: openFilter },
+ *   ]}
+ * />
+ * ```
+ */
+declare const SplitChip: React__default.FC<SplitChipProps>;
+
+export { SplitChip, type SplitChipProps, type SplitChipSegment };

package/dist/split-chip/index.js

@@ -0,0 +1,11 @@
+import {
+  SplitChip
+} from "../chunk-L7I5NEGI.js";
+import "../chunk-GWHZFX2H.js";
+import "../chunk-JNY7TUDS.js";
+import "../chunk-RHHZRTWM.js";
+import "../chunk-5WRI5ZAA.js";
+export {
+  SplitChip
+};
+//# sourceMappingURL=index.js.map

package/dist/split-chip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eidos-ui",
-  "version": "3.6.3",
+  "version": "3.7.0",
   "description": "A modern React component library with TypeScript and SCSS",
   "type": "module",
   "main": "./dist/index.cjs",