@szum-tech/design-system 3.17.0 → 3.18.2

package/dist/components/alert-dialog/index.d.cts

@@ -1,32 +0,0 @@
-import * as React from 'react';
-import { AlertDialog as AlertDialog$1 } from 'radix-ui';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-type AlertDialogProps = AlertDialog$1.AlertDialogProps;
-declare const AlertDialog: React.FC<AlertDialog$1.AlertDialogProps>;
-
-type AlertDialogTriggerProps = AlertDialog$1.AlertDialogTriggerProps;
-declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialog$1.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-
-type AlertDialogContentProps = React.ComponentProps<typeof AlertDialog$1.Content>;
-declare function AlertDialogContent({ className, ...props }: AlertDialogContentProps): react_jsx_runtime.JSX.Element;
-
-type AlertDialogActionProps = AlertDialog$1.AlertDialogActionProps;
-declare const AlertDialogAction: React.ForwardRefExoticComponent<AlertDialog$1.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;
-
-type AlertDialogFooterProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-declare function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): react_jsx_runtime.JSX.Element;
-
-type AlertDialogTitleProps = React.ComponentProps<typeof AlertDialog$1.Title>;
-declare function AlertDialogTitle({ className, ref, ...props }: AlertDialogTitleProps): react_jsx_runtime.JSX.Element;
-
-type AlertDialogDescriptionProps = React.ComponentProps<typeof AlertDialog$1.Description>;
-declare function AlertDialogDescription({ className, ...props }: AlertDialogDescriptionProps): react_jsx_runtime.JSX.Element;
-
-type AlertDialogCancelProps = AlertDialog$1.AlertDialogCancelProps;
-declare const AlertDialogCancel: React.ForwardRefExoticComponent<AlertDialog$1.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;
-
-type AlertDialogHeaderProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-declare function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): react_jsx_runtime.JSX.Element;
-
-export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps };

package/dist/components/alert-dialog/index.d.ts

@@ -1,32 +0,0 @@
-import * as React from 'react';
-import { AlertDialog as AlertDialog$1 } from 'radix-ui';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-type AlertDialogProps = AlertDialog$1.AlertDialogProps;
-declare const AlertDialog: React.FC<AlertDialog$1.AlertDialogProps>;
-
-type AlertDialogTriggerProps = AlertDialog$1.AlertDialogTriggerProps;
-declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialog$1.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-
-type AlertDialogContentProps = React.ComponentProps<typeof AlertDialog$1.Content>;
-declare function AlertDialogContent({ className, ...props }: AlertDialogContentProps): react_jsx_runtime.JSX.Element;
-
-type AlertDialogActionProps = AlertDialog$1.AlertDialogActionProps;
-declare const AlertDialogAction: React.ForwardRefExoticComponent<AlertDialog$1.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;
-
-type AlertDialogFooterProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-declare function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): react_jsx_runtime.JSX.Element;
-
-type AlertDialogTitleProps = React.ComponentProps<typeof AlertDialog$1.Title>;
-declare function AlertDialogTitle({ className, ref, ...props }: AlertDialogTitleProps): react_jsx_runtime.JSX.Element;
-
-type AlertDialogDescriptionProps = React.ComponentProps<typeof AlertDialog$1.Description>;
-declare function AlertDialogDescription({ className, ...props }: AlertDialogDescriptionProps): react_jsx_runtime.JSX.Element;
-
-type AlertDialogCancelProps = AlertDialog$1.AlertDialogCancelProps;
-declare const AlertDialogCancel: React.ForwardRefExoticComponent<AlertDialog$1.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;
-
-type AlertDialogHeaderProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-declare function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): react_jsx_runtime.JSX.Element;
-
-export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps };

package/dist/components/alert-dialog/index.js

@@ -1,2 +0,0 @@
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from '../../chunk-5MJPZUTO.js';
-import '../../chunk-ZD2QRAOX.js';

package/dist/components/avatar/index.cjs

@@ -1,19 +0,0 @@
-'use strict';
-
-var chunk4LNGZHF2_cjs = require('../../chunk-4LNGZHF2.cjs');
-require('../../chunk-H2BWO3SI.cjs');
-
-
-
-Object.defineProperty(exports, "Avatar", {
-  enumerable: true,
-  get: function () { return chunk4LNGZHF2_cjs.Avatar; }
-});
-Object.defineProperty(exports, "AvatarFallback", {
-  enumerable: true,
-  get: function () { return chunk4LNGZHF2_cjs.AvatarFallback; }
-});
-Object.defineProperty(exports, "AvatarImage", {
-  enumerable: true,
-  get: function () { return chunk4LNGZHF2_cjs.AvatarImage; }
-});

package/dist/components/avatar/index.d.cts

@@ -1,14 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import { Avatar as Avatar$1 } from 'radix-ui';
-
-type AvatarProps = React.ComponentProps<typeof Avatar$1.Root>;
-declare function Avatar({ className, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
-
-type AvatarImageProps = React.ComponentProps<typeof Avatar$1.Image>;
-declare function AvatarImage({ className, ...props }: AvatarImageProps): react_jsx_runtime.JSX.Element;
-
-type AvatarFallbackProps = React.ComponentProps<typeof Avatar$1.Fallback>;
-declare function AvatarFallback({ className, ...props }: AvatarFallbackProps): react_jsx_runtime.JSX.Element;
-
-export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps };

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

@@ -1,14 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import { Avatar as Avatar$1 } from 'radix-ui';
-
-type AvatarProps = React.ComponentProps<typeof Avatar$1.Root>;
-declare function Avatar({ className, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
-
-type AvatarImageProps = React.ComponentProps<typeof Avatar$1.Image>;
-declare function AvatarImage({ className, ...props }: AvatarImageProps): react_jsx_runtime.JSX.Element;
-
-type AvatarFallbackProps = React.ComponentProps<typeof Avatar$1.Fallback>;
-declare function AvatarFallback({ className, ...props }: AvatarFallbackProps): react_jsx_runtime.JSX.Element;
-
-export { Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps };

package/dist/components/avatar/index.js

@@ -1,2 +0,0 @@
-export { Avatar, AvatarFallback, AvatarImage } from '../../chunk-XTKD76O5.js';
-import '../../chunk-ZD2QRAOX.js';

package/dist/components/badge/index.cjs

@@ -1,19 +0,0 @@
-'use strict';
-
-var chunkZVF7J4EI_cjs = require('../../chunk-ZVF7J4EI.cjs');
-require('../../chunk-H2BWO3SI.cjs');
-
-
-
-Object.defineProperty(exports, "Badge", {
-  enumerable: true,
-  get: function () { return chunkZVF7J4EI_cjs.Badge; }
-});
-Object.defineProperty(exports, "BadgeButton", {
-  enumerable: true,
-  get: function () { return chunkZVF7J4EI_cjs.BadgeButton; }
-});
-Object.defineProperty(exports, "BadgeDot", {
-  enumerable: true,
-  get: function () { return chunkZVF7J4EI_cjs.BadgeDot; }
-});

package/dist/components/badge/index.d.cts

@@ -1,28 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import React__default from 'react';
-import { VariantProps } from 'class-variance-authority';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-
-declare const badgeVariants: (props?: {
-    variant?: "primary" | "secondary" | "outline" | "success" | "warning" | "error";
-} & class_variance_authority_types.ClassProp) => string;
-
-type BadgeVariantsProps = VariantProps<typeof badgeVariants>;
-type BadgeVariant = NonNullable<BadgeVariantsProps["variant"]>;
-
-type BadgeProps = React.ComponentProps<"span"> & {
-    variant?: BadgeVariant;
-    asChild?: boolean;
-};
-declare function Badge({ className, variant, asChild, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
-
-type BadgeButtonProps = React__default.ComponentProps<"button"> & {
-    asChild?: boolean;
-};
-declare function BadgeButton({ className, asChild, ...props }: BadgeButtonProps): react_jsx_runtime.JSX.Element;
-
-type BadgeDotProps = React.ComponentProps<"span">;
-declare function BadgeDot({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
-
-export { Badge, BadgeButton, type BadgeButtonProps, BadgeDot, type BadgeDotProps, type BadgeProps, type BadgeVariant };

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

@@ -1,28 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import React__default from 'react';
-import { VariantProps } from 'class-variance-authority';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-
-declare const badgeVariants: (props?: {
-    variant?: "primary" | "secondary" | "outline" | "success" | "warning" | "error";
-} & class_variance_authority_types.ClassProp) => string;
-
-type BadgeVariantsProps = VariantProps<typeof badgeVariants>;
-type BadgeVariant = NonNullable<BadgeVariantsProps["variant"]>;
-
-type BadgeProps = React.ComponentProps<"span"> & {
-    variant?: BadgeVariant;
-    asChild?: boolean;
-};
-declare function Badge({ className, variant, asChild, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
-
-type BadgeButtonProps = React__default.ComponentProps<"button"> & {
-    asChild?: boolean;
-};
-declare function BadgeButton({ className, asChild, ...props }: BadgeButtonProps): react_jsx_runtime.JSX.Element;
-
-type BadgeDotProps = React.ComponentProps<"span">;
-declare function BadgeDot({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
-
-export { Badge, BadgeButton, type BadgeButtonProps, BadgeDot, type BadgeDotProps, type BadgeProps, type BadgeVariant };

package/dist/components/badge/index.js

@@ -1,2 +0,0 @@
-export { Badge, BadgeButton, BadgeDot } from '../../chunk-U3QKV7I4.js';
-import '../../chunk-ZD2QRAOX.js';

package/dist/components/badge-overflow/index.cjs

@@ -1,183 +0,0 @@
-'use strict';
-
-var chunkF7NFSDOD_cjs = require('../../chunk-F7NFSDOD.cjs');
-require('../../chunk-N4TYSZSU.cjs');
-var chunkH2BWO3SI_cjs = require('../../chunk-H2BWO3SI.cjs');
-var React = require('react');
-var radixUi = require('radix-ui');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-function BadgeOverflow(props) {
-  const {
-    items,
-    getBadgeLabel: getBadgeLabelProp,
-    lineCount = 1,
-    renderBadge,
-    renderOverflow,
-    asChild,
-    className,
-    style,
-    ref,
-    ...rootProps
-  } = props;
-  const getBadgeLabel = React__namespace.useCallback(
-    (item) => {
-      if (typeof item === "object" && !getBadgeLabelProp) {
-        throw new Error("`getBadgeLabel` is required when using array of objects");
-      }
-      return getBadgeLabelProp ? getBadgeLabelProp(item) : item;
-    },
-    [getBadgeLabelProp]
-  );
-  const rootRef = React__namespace.useRef(null);
-  const composedRef = chunkF7NFSDOD_cjs.useComposedRefs(ref, rootRef);
-  const measureRef = React__namespace.useRef(null);
-  const [containerWidth, setContainerWidth] = React__namespace.useState(0);
-  const [badgeGap, setBadgeGap] = React__namespace.useState(4);
-  const [badgeHeight, setBadgeHeight] = React__namespace.useState(20);
-  const [overflowBadgeWidth, setOverflowBadgeWidth] = React__namespace.useState(40);
-  const [isMeasured, setIsMeasured] = React__namespace.useState(false);
-  const [badgeWidths, setBadgeWidths] = React__namespace.useState(/* @__PURE__ */ new Map());
-  React__namespace.useLayoutEffect(() => {
-    if (!rootRef.current || !measureRef.current) return;
-    function measureContainer() {
-      if (!rootRef.current || !measureRef.current) return;
-      const computedStyle = getComputedStyle(rootRef.current);
-      const gapValue = computedStyle.gap;
-      const gap = gapValue ? parseFloat(gapValue) : 4;
-      setBadgeGap(gap);
-      const paddingLeft = parseFloat(computedStyle.paddingLeft) || 0;
-      const paddingRight = parseFloat(computedStyle.paddingRight) || 0;
-      const totalPadding = paddingLeft + paddingRight;
-      const widthMap = /* @__PURE__ */ new Map();
-      const measureChildren = measureRef.current.children;
-      for (let i = 0; i < items.length; i++) {
-        const child = measureChildren[i];
-        if (child) {
-          const label = getBadgeLabel(items[i]);
-          widthMap.set(label, child.offsetWidth);
-        }
-      }
-      setBadgeWidths(widthMap);
-      const firstBadge = measureChildren[0];
-      if (firstBadge) {
-        setBadgeHeight(firstBadge.offsetHeight || 20);
-      }
-      const overflowChild = measureChildren[items.length];
-      if (overflowChild) {
-        setOverflowBadgeWidth(overflowChild.offsetWidth || 40);
-      }
-      const width = rootRef.current.clientWidth - totalPadding;
-      setContainerWidth(width);
-      setIsMeasured(true);
-    }
-    measureContainer();
-    const resizeObserver = new ResizeObserver(measureContainer);
-    resizeObserver.observe(rootRef.current);
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, [items, getBadgeLabel]);
-  const placeholderHeight = React__namespace.useMemo(
-    () => badgeHeight * lineCount + badgeGap * (lineCount - 1),
-    [badgeHeight, badgeGap, lineCount]
-  );
-  const { visibleItems, hiddenCount } = React__namespace.useMemo(() => {
-    if (!containerWidth || items.length === 0 || badgeWidths.size === 0) {
-      return { visibleItems: items, hiddenCount: 0 };
-    }
-    let currentLineWidth = 0;
-    let currentLine = 1;
-    const visible = [];
-    for (let i = 0; i < items.length; i++) {
-      const item = items[i];
-      if (!item) continue;
-      const label = getBadgeLabel(item);
-      const badgeWidth = badgeWidths.get(label);
-      if (!badgeWidth) {
-        continue;
-      }
-      const widthWithGap = badgeWidth + badgeGap;
-      const isLastLine = currentLine === lineCount;
-      const hasMoreItems = i < items.length - 1;
-      const availableWidth = isLastLine && hasMoreItems ? containerWidth - overflowBadgeWidth - badgeGap : containerWidth;
-      if (currentLineWidth + widthWithGap <= availableWidth) {
-        currentLineWidth += widthWithGap;
-        visible.push(item);
-      } else if (currentLine < lineCount) {
-        currentLine++;
-        currentLineWidth = widthWithGap;
-        visible.push(item);
-      } else {
-        break;
-      }
-    }
-    return {
-      visibleItems: visible,
-      hiddenCount: Math.max(0, items.length - visible.length)
-    };
-  }, [items, getBadgeLabel, containerWidth, lineCount, badgeGap, overflowBadgeWidth, badgeWidths]);
-  const Component = asChild ? radixUi.Slot.Slot : "div";
-  return /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: measureRef, className: "pointer-events-none invisible absolute flex flex-wrap", style: { gap: badgeGap }, children: [
-      items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(React__namespace.Fragment, { children: renderBadge(item, getBadgeLabel(item)) }, index)),
-      renderOverflow ? renderOverflow(99) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex h-5 shrink-0 items-center rounded-md border px-1.5 text-xs font-semibold", children: "+99" })
-    ] }),
-    isMeasured ? /* @__PURE__ */ jsxRuntime.jsxs(
-      Component,
-      {
-        "data-slot": "badge-overflow",
-        ...rootProps,
-        ref: composedRef,
-        className: chunkH2BWO3SI_cjs.cn("flex flex-wrap", className),
-        style: {
-          gap: badgeGap,
-          ...style
-        },
-        children: [
-          visibleItems.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(React__namespace.Fragment, { children: renderBadge(item, getBadgeLabel(item)) }, index)),
-          hiddenCount > 0 && (renderOverflow ? renderOverflow(hiddenCount) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex h-5 shrink-0 items-center rounded-md border px-1.5 text-xs font-semibold", children: [
-            "+",
-            hiddenCount
-          ] }))
-        ]
-      }
-    ) : /* @__PURE__ */ jsxRuntime.jsx(
-      Component,
-      {
-        "data-slot": "badge-overflow",
-        ...rootProps,
-        ref: composedRef,
-        className: chunkH2BWO3SI_cjs.cn("flex flex-wrap", className),
-        style: {
-          gap: badgeGap,
-          minHeight: placeholderHeight,
-          ...style
-        },
-        children: items.slice(0, Math.min(items.length, lineCount * 3 - (lineCount > 1 ? 1 : 0))).map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(React__namespace.Fragment, { children: renderBadge(item, getBadgeLabel(item)) }, index))
-      }
-    )
-  ] });
-}
-
-exports.BadgeOverflow = BadgeOverflow;

package/dist/components/badge-overflow/index.d.cts

@@ -1,21 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-
-interface GetBadgeLabel<T> {
-    /**
-     * Callback that returns a label string for each badge item.
-     * Optional for primitive arrays (strings, numbers), required for object arrays.
-     * @example getBadgeLabel={(item) => item.name}
-     */
-    getBadgeLabel: (item: T) => string;
-}
-type BadgeOverflowProps<T = string> = React.ComponentProps<"div"> & (T extends object ? GetBadgeLabel<T> : Partial<GetBadgeLabel<T>>) & {
-    items: T[];
-    lineCount?: number;
-    renderBadge: (item: T, label: string) => React.ReactNode;
-    renderOverflow?: (count: number) => React.ReactNode;
-    asChild?: boolean;
-};
-declare function BadgeOverflow<T = string>(props: BadgeOverflowProps<T>): react_jsx_runtime.JSX.Element;
-
-export { BadgeOverflow, type BadgeOverflowProps };

package/dist/components/badge-overflow/index.d.ts

@@ -1,21 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-
-interface GetBadgeLabel<T> {
-    /**
-     * Callback that returns a label string for each badge item.
-     * Optional for primitive arrays (strings, numbers), required for object arrays.
-     * @example getBadgeLabel={(item) => item.name}
-     */
-    getBadgeLabel: (item: T) => string;
-}
-type BadgeOverflowProps<T = string> = React.ComponentProps<"div"> & (T extends object ? GetBadgeLabel<T> : Partial<GetBadgeLabel<T>>) & {
-    items: T[];
-    lineCount?: number;
-    renderBadge: (item: T, label: string) => React.ReactNode;
-    renderOverflow?: (count: number) => React.ReactNode;
-    asChild?: boolean;
-};
-declare function BadgeOverflow<T = string>(props: BadgeOverflowProps<T>): react_jsx_runtime.JSX.Element;
-
-export { BadgeOverflow, type BadgeOverflowProps };

package/dist/components/badge-overflow/index.js

@@ -1,161 +0,0 @@
-import { useComposedRefs } from '../../chunk-P4IL77YC.js';
-import '../../chunk-G24PWQKG.js';
-import { cn } from '../../chunk-ZD2QRAOX.js';
-import * as React from 'react';
-import { Slot } from 'radix-ui';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function BadgeOverflow(props) {
-  const {
-    items,
-    getBadgeLabel: getBadgeLabelProp,
-    lineCount = 1,
-    renderBadge,
-    renderOverflow,
-    asChild,
-    className,
-    style,
-    ref,
-    ...rootProps
-  } = props;
-  const getBadgeLabel = React.useCallback(
-    (item) => {
-      if (typeof item === "object" && !getBadgeLabelProp) {
-        throw new Error("`getBadgeLabel` is required when using array of objects");
-      }
-      return getBadgeLabelProp ? getBadgeLabelProp(item) : item;
-    },
-    [getBadgeLabelProp]
-  );
-  const rootRef = React.useRef(null);
-  const composedRef = useComposedRefs(ref, rootRef);
-  const measureRef = React.useRef(null);
-  const [containerWidth, setContainerWidth] = React.useState(0);
-  const [badgeGap, setBadgeGap] = React.useState(4);
-  const [badgeHeight, setBadgeHeight] = React.useState(20);
-  const [overflowBadgeWidth, setOverflowBadgeWidth] = React.useState(40);
-  const [isMeasured, setIsMeasured] = React.useState(false);
-  const [badgeWidths, setBadgeWidths] = React.useState(/* @__PURE__ */ new Map());
-  React.useLayoutEffect(() => {
-    if (!rootRef.current || !measureRef.current) return;
-    function measureContainer() {
-      if (!rootRef.current || !measureRef.current) return;
-      const computedStyle = getComputedStyle(rootRef.current);
-      const gapValue = computedStyle.gap;
-      const gap = gapValue ? parseFloat(gapValue) : 4;
-      setBadgeGap(gap);
-      const paddingLeft = parseFloat(computedStyle.paddingLeft) || 0;
-      const paddingRight = parseFloat(computedStyle.paddingRight) || 0;
-      const totalPadding = paddingLeft + paddingRight;
-      const widthMap = /* @__PURE__ */ new Map();
-      const measureChildren = measureRef.current.children;
-      for (let i = 0; i < items.length; i++) {
-        const child = measureChildren[i];
-        if (child) {
-          const label = getBadgeLabel(items[i]);
-          widthMap.set(label, child.offsetWidth);
-        }
-      }
-      setBadgeWidths(widthMap);
-      const firstBadge = measureChildren[0];
-      if (firstBadge) {
-        setBadgeHeight(firstBadge.offsetHeight || 20);
-      }
-      const overflowChild = measureChildren[items.length];
-      if (overflowChild) {
-        setOverflowBadgeWidth(overflowChild.offsetWidth || 40);
-      }
-      const width = rootRef.current.clientWidth - totalPadding;
-      setContainerWidth(width);
-      setIsMeasured(true);
-    }
-    measureContainer();
-    const resizeObserver = new ResizeObserver(measureContainer);
-    resizeObserver.observe(rootRef.current);
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, [items, getBadgeLabel]);
-  const placeholderHeight = React.useMemo(
-    () => badgeHeight * lineCount + badgeGap * (lineCount - 1),
-    [badgeHeight, badgeGap, lineCount]
-  );
-  const { visibleItems, hiddenCount } = React.useMemo(() => {
-    if (!containerWidth || items.length === 0 || badgeWidths.size === 0) {
-      return { visibleItems: items, hiddenCount: 0 };
-    }
-    let currentLineWidth = 0;
-    let currentLine = 1;
-    const visible = [];
-    for (let i = 0; i < items.length; i++) {
-      const item = items[i];
-      if (!item) continue;
-      const label = getBadgeLabel(item);
-      const badgeWidth = badgeWidths.get(label);
-      if (!badgeWidth) {
-        continue;
-      }
-      const widthWithGap = badgeWidth + badgeGap;
-      const isLastLine = currentLine === lineCount;
-      const hasMoreItems = i < items.length - 1;
-      const availableWidth = isLastLine && hasMoreItems ? containerWidth - overflowBadgeWidth - badgeGap : containerWidth;
-      if (currentLineWidth + widthWithGap <= availableWidth) {
-        currentLineWidth += widthWithGap;
-        visible.push(item);
-      } else if (currentLine < lineCount) {
-        currentLine++;
-        currentLineWidth = widthWithGap;
-        visible.push(item);
-      } else {
-        break;
-      }
-    }
-    return {
-      visibleItems: visible,
-      hiddenCount: Math.max(0, items.length - visible.length)
-    };
-  }, [items, getBadgeLabel, containerWidth, lineCount, badgeGap, overflowBadgeWidth, badgeWidths]);
-  const Component = asChild ? Slot.Slot : "div";
-  return /* @__PURE__ */ jsxs(React.Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { ref: measureRef, className: "pointer-events-none invisible absolute flex flex-wrap", style: { gap: badgeGap }, children: [
-      items.map((item, index) => /* @__PURE__ */ jsx(React.Fragment, { children: renderBadge(item, getBadgeLabel(item)) }, index)),
-      renderOverflow ? renderOverflow(99) : /* @__PURE__ */ jsx("div", { className: "inline-flex h-5 shrink-0 items-center rounded-md border px-1.5 text-xs font-semibold", children: "+99" })
-    ] }),
-    isMeasured ? /* @__PURE__ */ jsxs(
-      Component,
-      {
-        "data-slot": "badge-overflow",
-        ...rootProps,
-        ref: composedRef,
-        className: cn("flex flex-wrap", className),
-        style: {
-          gap: badgeGap,
-          ...style
-        },
-        children: [
-          visibleItems.map((item, index) => /* @__PURE__ */ jsx(React.Fragment, { children: renderBadge(item, getBadgeLabel(item)) }, index)),
-          hiddenCount > 0 && (renderOverflow ? renderOverflow(hiddenCount) : /* @__PURE__ */ jsxs("div", { className: "inline-flex h-5 shrink-0 items-center rounded-md border px-1.5 text-xs font-semibold", children: [
-            "+",
-            hiddenCount
-          ] }))
-        ]
-      }
-    ) : /* @__PURE__ */ jsx(
-      Component,
-      {
-        "data-slot": "badge-overflow",
-        ...rootProps,
-        ref: composedRef,
-        className: cn("flex flex-wrap", className),
-        style: {
-          gap: badgeGap,
-          minHeight: placeholderHeight,
-          ...style
-        },
-        children: items.slice(0, Math.min(items.length, lineCount * 3 - (lineCount > 1 ? 1 : 0))).map((item, index) => /* @__PURE__ */ jsx(React.Fragment, { children: renderBadge(item, getBadgeLabel(item)) }, index))
-      }
-    )
-  ] });
-}
-
-export { BadgeOverflow };