@spark-ui/components 13.1.4 → 13.2.0

package/dist/chip/index.mjs

@@ -1,23 +1,18 @@
-import {
-  Icon
-} from "../chunk-UMUMFMFB.mjs";
-import "../chunk-KEGAAGJW.mjs";
-import {
-  Slot
-} from "../chunk-6QCEPQ3U.mjs";
-
-// src/chip/Chip.styles.tsx
-import { makeVariants } from "@spark-ui/internal-utils";
-import { cva } from "class-variance-authority";
-
-// src/chip/variants/outlined.ts
-import { tw } from "@spark-ui/internal-utils";
-var outlinedVariants = [
+import { jsx as r, jsxs as A, Fragment as F } from "react/jsx-runtime";
+import { tw as e, makeVariants as E } from "@spark-ui/internal-utils";
+import { cva as B, cx as C } from "class-variance-authority";
+import { createContext as H, useContext as K, Children as O, isValidElement as W, useCallback as q, cloneElement as G } from "react";
+import { useCombinedState as V } from "@spark-ui/hooks/use-combined-state";
+import { emulateTab as k } from "emulate-tab";
+import { a as L } from "../Slot-D2Bbf8Gw.mjs";
+import { Close as J } from "@spark-ui/icons/Close";
+import { I as M } from "../Icon-Ck-dhfLd.mjs";
+const Q = [
   /** Intents **/
   {
     design: "outlined",
     intent: "main",
-    class: tw([
+    class: e([
       "enabled:hover:bg-main/dim-5",
       "enabled:active:bg-main/dim-5",
       "focus-visible:bg-main/dim-5",
@@ -28,7 +23,7 @@ var outlinedVariants = [
   {
     design: "outlined",
     intent: "support",
-    class: tw([
+    class: e([
       "enabled:hover:bg-support/dim-5",
       "enabled:active:bg-support/dim-5",
       "focus-visible:bg-support/dim-5",
@@ -39,7 +34,7 @@ var outlinedVariants = [
   {
     design: "outlined",
     intent: "basic",
-    class: tw([
+    class: e([
       "enabled:hover:bg-basic/dim-5",
       "enabled:active:bg-basic/dim-5",
       "focus-visible:bg-basic/dim-5",
@@ -50,7 +45,7 @@ var outlinedVariants = [
   {
     intent: "accent",
     design: "outlined",
-    class: tw([
+    class: e([
       "enabled:hover:bg-accent/dim-5",
       "enabled:active:bg-accent/dim-5",
       "focus-visible:bg-accent/dim-5",
@@ -62,7 +57,7 @@ var outlinedVariants = [
   {
     design: "outlined",
     intent: "success",
-    class: tw([
+    class: e([
       "enabled:hover:bg-success/dim-5",
       "enabled:active:bg-success/dim-5",
       "focus-visible:bg-success/dim-5",
@@ -73,7 +68,7 @@ var outlinedVariants = [
   {
     intent: "alert",
     design: "outlined",
-    class: tw([
+    class: e([
       "enabled:hover:bg-alert/dim-5",
       "enabled:active:bg-alert/dim-5",
       "focus-visible:bg-alert/dim-5",
@@ -84,7 +79,7 @@ var outlinedVariants = [
   {
     design: "outlined",
     intent: "danger",
-    class: tw([
+    class: e([
       "enabled:hover:bg-error/dim-5",
       "enabled:active:bg-error/dim-5",
       "focus-visible:bg-error/dim-5",
@@ -95,7 +90,7 @@ var outlinedVariants = [
   {
     design: "outlined",
     intent: "info",
-    class: tw([
+    class: e([
       "enabled:hover:bg-info/dim-5",
       "enabled:active:bg-info/dim-5",
       "focus-visible:bg-info/dim-5",
@@ -106,7 +101,7 @@ var outlinedVariants = [
   {
     design: "outlined",
     intent: "neutral",
-    class: tw([
+    class: e([
       "enabled:hover:bg-neutral/dim-5",
       "enabled:active:bg-neutral/dim-5",
       "focus-visible:bg-neutral/dim-5",
@@ -117,7 +112,7 @@ var outlinedVariants = [
   {
     design: "outlined",
     intent: "surface",
-    class: tw([
+    class: e([
       "enabled:hover:bg-surface/dim-5",
       "enabled:active:bg-surface/dim-5",
       "focus-visible:bg-surface/dim-5",
@@ -128,24 +123,20 @@ var outlinedVariants = [
   /** Spacings **/
   {
     design: "outlined",
-    hasClearButton: false,
-    class: tw(["px-[calc(var(--spacing-md)-var(--border-width-sm))]"])
+    hasClearButton: !1,
+    class: e(["px-[calc(var(--spacing-md)-var(--border-width-sm))]"])
   },
   {
     design: "outlined",
-    hasClearButton: true,
-    class: tw(["pl-[calc(var(--spacing-md)-var(--border-width-sm))]"])
+    hasClearButton: !0,
+    class: e(["pl-[calc(var(--spacing-md)-var(--border-width-sm))]"])
   }
-];
-
-// src/chip/variants/tinted.ts
-import { tw as tw2 } from "@spark-ui/internal-utils";
-var tintedVariants = [
+], R = [
   /** Intents **/
   {
     intent: "main",
     design: "tinted",
-    class: tw2([
+    class: e([
       "bg-main-container",
       "enabled:hover:bg-main-container-hovered",
       "enabled:active:bg-main-container-hovered",
@@ -157,7 +148,7 @@ var tintedVariants = [
   {
     intent: "support",
     design: "tinted",
-    class: tw2([
+    class: e([
       "bg-support-container",
       "enabled:hover:bg-support-container-hovered",
       "enabled:active:bg-support-container-hovered",
@@ -169,7 +160,7 @@ var tintedVariants = [
   {
     intent: "basic",
     design: "tinted",
-    class: tw2([
+    class: e([
       "bg-basic-container",
       "enabled:hover:bg-basic-container-hovered",
       "enabled:active:bg-basic-container-hovered",
@@ -181,7 +172,7 @@ var tintedVariants = [
   {
     intent: "accent",
     design: "tinted",
-    class: tw2([
+    class: e([
       "bg-accent-container",
       "enabled:hover:bg-accent-container-hovered",
       "enabled:active:bg-accent-container-hovered",
@@ -193,7 +184,7 @@ var tintedVariants = [
   {
     intent: "success",
     design: "tinted",
-    class: tw2([
+    class: e([
       "bg-success-container",
       "enabled:hover:bg-success-container-hovered",
       "enabled:active:bg-success-container-hovered",
@@ -205,7 +196,7 @@ var tintedVariants = [
   {
     intent: "alert",
     design: "tinted",
-    class: tw2([
+    class: e([
       "bg-alert-container",
       "enabled:hover:bg-alert-container-hovered",
       "enabled:active:bg-alert-container-hovered",
@@ -217,7 +208,7 @@ var tintedVariants = [
   {
     intent: "danger",
     design: "tinted",
-    class: tw2([
+    class: e([
       "bg-error-container",
       "enabled:hover:bg-error-container-hovered",
       "enabled:active:bg-error-container-hovered",
@@ -229,7 +220,7 @@ var tintedVariants = [
   {
     intent: "info",
     design: "tinted",
-    class: tw2([
+    class: e([
       "bg-info-container",
       "enabled:hover:bg-info-container-hovered",
       "enabled:active:bg-info-container-hovered",
@@ -241,7 +232,7 @@ var tintedVariants = [
   {
     intent: "neutral",
     design: "tinted",
-    class: tw2([
+    class: e([
       "bg-neutral-container",
       "enabled:hover:bg-neutral-container-hovered",
       "enabled:active:bg-neutral-container-hovered",
@@ -253,7 +244,7 @@ var tintedVariants = [
   {
     intent: "surface",
     design: "tinted",
-    class: tw2([
+    class: e([
       "bg-surface/dim-1",
       "enabled:hover:bg-surface-hovered/dim-1",
       "enabled:active:bg-surface-hovered/dim-1",
@@ -265,24 +256,20 @@ var tintedVariants = [
   /** Spacings **/
   {
     design: "tinted",
-    hasClearButton: false,
-    class: tw2(["px-md"])
+    hasClearButton: !1,
+    class: e(["px-md"])
   },
   {
     design: "tinted",
-    hasClearButton: true,
-    class: tw2(["pl-md"])
+    hasClearButton: !0,
+    class: e(["pl-md"])
   }
-];
-
-// src/chip/variants/dashed.ts
-import { tw as tw3 } from "@spark-ui/internal-utils";
-var dashedVariants = [
+], U = [
   /** Intents **/
   {
     intent: "main",
     design: "dashed",
-    class: tw3([
+    class: e([
       "enabled:hover:bg-main/dim-5",
       "enabled:active:bg-main/dim-5",
       "focus-visible:bg-main/dim-5",
@@ -293,7 +280,7 @@ var dashedVariants = [
   {
     intent: "support",
     design: "dashed",
-    class: tw3([
+    class: e([
       "enabled:hover:bg-support/dim-5",
       "enabled:active:bg-support/dim-5",
       "focus-visible:bg-support/dim-5",
@@ -304,7 +291,7 @@ var dashedVariants = [
   {
     intent: "basic",
     design: "dashed",
-    class: tw3([
+    class: e([
       "enabled:hover:bg-basic/dim-5",
       "enabled:active:bg-basic/dim-5",
       "focus-visible:bg-basic/dim-5",
@@ -315,7 +302,7 @@ var dashedVariants = [
   {
     intent: "accent",
     design: "dashed",
-    class: tw3([
+    class: e([
       "enabled:hover:bg-accent/dim-5",
       "enabled:active:bg-accent/dim-5",
       "focus-visible:bg-accent/dim-5",
@@ -326,7 +313,7 @@ var dashedVariants = [
   {
     intent: "success",
     design: "dashed",
-    class: tw3([
+    class: e([
       "enabled:hover:bg-success/dim-5",
       "enabled:active:bg-success/dim-5",
       "focus-visible:bg-success/dim-5",
@@ -337,7 +324,7 @@ var dashedVariants = [
   {
     intent: "alert",
     design: "dashed",
-    class: tw3([
+    class: e([
       "enabled:hover:bg-alert/dim-5",
       "enabled:active:bg-alert/dim-5",
       "focus-visible:bg-alert/dim-5",
@@ -348,7 +335,7 @@ var dashedVariants = [
   {
     intent: "danger",
     design: "dashed",
-    class: tw3([
+    class: e([
       "enabled:hover:bg-error/dim-5",
       "enabled:active:bg-error/dim-5",
       "focus-visible:bg-error/dim-5",
@@ -359,7 +346,7 @@ var dashedVariants = [
   {
     intent: "info",
     design: "dashed",
-    class: tw3([
+    class: e([
       "enabled:hover:bg-info/dim-5",
       "enabled:active:bg-info/dim-5",
       "focus-visible:bg-info/dim-5",
@@ -370,7 +357,7 @@ var dashedVariants = [
   {
     intent: "neutral",
     design: "dashed",
-    class: tw3([
+    class: e([
       "enabled:hover:bg-neutral/dim-5",
       "enabled:active:bg-neutral/dim-5",
       "focus-visible:bg-neutral/dim-5",
@@ -381,7 +368,7 @@ var dashedVariants = [
   {
     intent: "surface",
     design: "dashed",
-    class: tw3([
+    class: e([
       "enabled:hover:bg-surface/dim-5",
       "enabled:active:bg-surface/dim-5",
       "focus-visible:bg-surface/dim-5",
@@ -392,18 +379,15 @@ var dashedVariants = [
   /** Spacings **/
   {
     design: "dashed",
-    hasClearButton: false,
-    class: tw3(["px-[calc(var(--spacing-md)-var(--border-width-sm))]"])
+    hasClearButton: !1,
+    class: e(["px-[calc(var(--spacing-md)-var(--border-width-sm))]"])
   },
   {
     design: "dashed",
-    hasClearButton: true,
-    class: tw3(["pl-[calc(var(--spacing-md)-var(--border-width-sm))]"])
+    hasClearButton: !0,
+    class: e(["pl-[calc(var(--spacing-md)-var(--border-width-sm))]"])
   }
-];
-
-// src/chip/Chip.styles.tsx
-var chipStyles = cva(
+], X = B(
   [
     "box-border inline-flex h-sz-32 flex-nowrap items-center justify-center rounded-md text-body-1 font-regular",
     "focus-visible:u-outline",
@@ -422,7 +406,7 @@ var chipStyles = cva(
        *
        * - `dashed`: Chip will be transparent with an outline dashed.
        */
-      design: makeVariants({
+      design: E({
         outlined: ["bg-transparent border-sm border-solid border-current"],
         tinted: [""],
         dashed: [
@@ -432,7 +416,7 @@ var chipStyles = cva(
       /**
        * Color scheme of the chip.
        */
-      intent: makeVariants({
+      intent: E({
         main: [],
         support: [],
         basic: [],
@@ -456,182 +440,123 @@ var chipStyles = cva(
       }
       // 'pl-[calc(var(--spacing-md)-(var(--border-width-sm)))]'
     },
-    compoundVariants: [...outlinedVariants, ...tintedVariants, ...dashedVariants],
+    compoundVariants: [...Q, ...R, ...U],
     defaultVariants: {
       design: "outlined",
       intent: "basic"
     }
   }
-);
-
-// src/chip/useChipContext.tsx
-import { createContext, useContext } from "react";
-var ChipContext = createContext({});
-var useChipContext = () => useContext(ChipContext) || {};
-
-// src/chip/useChipElement.tsx
-import { useCombinedState } from "@spark-ui/hooks/use-combined-state";
-import { emulateTab } from "emulate-tab";
-import {
-  Children,
-  isValidElement
-} from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var getDisplayName = (element) => {
-  return element ? element.type.displayName : "";
-};
-var findElement = (children) => (...values) => {
-  const validChildren = Children.toArray(children).filter(isValidElement);
-  return validChildren.find((child) => {
-    const displayName = getDisplayName(child);
-    return values.includes(displayName || "");
-  });
-};
-var useChipElement = ({
-  onClick,
-  asChild,
-  pressed,
-  defaultPressed,
-  disabled,
-  value,
-  defaultValue,
-  children,
-  onClear
+), T = H({}), Y = () => K(T) || {}, Z = (a) => a ? a.type.displayName : "", _ = (a) => (...n) => O.toArray(a).filter(W).find((o) => {
+  const s = Z(o);
+  return n.includes(s || "");
+}), ee = ({
+  onClick: a,
+  asChild: n,
+  pressed: i,
+  defaultPressed: o,
+  disabled: s,
+  value: d,
+  defaultValue: c,
+  children: g,
+  onClear: l
 }) => {
-  const [isPressed, setIsPressed] = useCombinedState(pressed, defaultPressed);
-  const [innerValue] = useCombinedState(
-    value,
-    defaultValue
-  );
-  const findChipElement = findElement(children);
-  const leadingIcon = findChipElement("Chip.LeadingIcon");
-  const trailingIcon = findChipElement("Chip.TrailingIcon");
-  const content = findChipElement("Chip.Content");
-  const clearButton = findChipElement("Chip.ClearButton");
-  const isButton = (onClick || isPressed) !== void 0;
-  const formattedChildren = [leadingIcon, content, clearButton].every(
-    (element) => element === void 0
-  ) ? /* @__PURE__ */ jsx("span", { className: "inline-block grow truncate", children }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    leadingIcon,
-    content,
-    leadingIcon === void 0 ? trailingIcon : null,
-    clearButton
-  ] });
-  const onKeyDown = (event) => {
-    if (!!clearButton && !disabled && ["Delete", "Backspace"].includes(event.key)) {
-      if (onClear) {
-        onClear();
-        event.key === "Delete" && emulateTab();
-        event.key === "Backspace" && emulateTab.backwards();
-      }
-    }
+  const [t, y] = V(i, o), [h] = V(
+    d,
+    c
+  ), m = _(g), b = m("Chip.LeadingIcon"), f = m("Chip.TrailingIcon"), v = m("Chip.Content"), p = m("Chip.ClearButton"), $ = (a || t) !== void 0, I = [b, v, p].every(
+    (u) => u === void 0
+  ) ? /* @__PURE__ */ r("span", { className: "inline-block grow truncate", children: g }) : /* @__PURE__ */ A(F, { children: [
+    b,
+    v,
+    b === void 0 ? f : null,
+    p
+  ] }), w = (u) => {
+    p && !s && ["Delete", "Backspace"].includes(u.key) && l && (l(), u.key === "Delete" && k(), u.key === "Backspace" && k.backwards());
   };
-  if (isButton) {
-    return {
-      Element: asChild ? Slot : "button",
-      chipProps: {
-        type: "button",
-        ...isPressed !== void 0 && {
-          "aria-pressed": isPressed,
-          "data-state": isPressed ? "on" : "off"
-        },
-        onClick: (event) => {
-          isPressed !== void 0 && setIsPressed(!isPressed);
-          onClick && onClick(event, { pressed: isPressed, value: innerValue });
-        },
-        onKeyDown,
-        disabled,
-        children: formattedChildren
+  return $ ? {
+    Element: n ? L : "button",
+    chipProps: {
+      type: "button",
+      ...t !== void 0 && {
+        "aria-pressed": t,
+        "data-state": t ? "on" : "off"
       },
-      compoundElements: {
-        leadingIcon,
-        trailingIcon,
-        content,
-        clearButton
-      }
-    };
-  }
-  return {
-    Element: asChild ? Slot : "div",
+      onClick: (u) => {
+        t !== void 0 && y(!t), a && a(u, { pressed: t, value: h });
+      },
+      onKeyDown: w,
+      disabled: s,
+      children: I
+    },
+    compoundElements: {
+      leadingIcon: b,
+      trailingIcon: f,
+      content: v,
+      clearButton: p
+    }
+  } : {
+    Element: n ? L : "div",
     chipProps: {
-      "aria-disabled": disabled,
-      children: formattedChildren,
-      onKeyDown
+      "aria-disabled": s,
+      children: I,
+      onKeyDown: w
     },
     compoundElements: {
-      leadingIcon,
-      trailingIcon,
-      content,
-      clearButton
+      leadingIcon: b,
+      trailingIcon: f,
+      content: v,
+      clearButton: p
     }
   };
-};
-
-// src/chip/Chip.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var Chip = ({
-  design = "outlined",
-  disabled,
-  children,
-  intent = "basic",
-  defaultPressed,
-  pressed,
-  asChild,
-  className,
-  onClick,
-  onClear,
-  ref: forwardedRef,
-  ...otherProps
+}, j = ({
+  design: a = "outlined",
+  disabled: n,
+  children: i,
+  intent: o = "basic",
+  defaultPressed: s,
+  pressed: d,
+  asChild: c,
+  className: g,
+  onClick: l,
+  onClear: t,
+  ref: y,
+  ...h
 }) => {
   const {
-    Element: ChipElement,
-    chipProps: { children: formattedChildren, ...chipProps },
-    compoundElements
-  } = useChipElement({
-    asChild,
-    pressed,
-    defaultPressed,
-    onClick,
-    disabled: !!disabled,
-    value: otherProps.value,
-    defaultValue: otherProps.defaultValue,
-    children,
-    onClear
-  });
-  const { clearButton } = compoundElements;
-  return /* @__PURE__ */ jsx2(ChipContext.Provider, { value: { disabled, design, intent, onClear }, children: /* @__PURE__ */ jsx2(
-    ChipElement,
+    Element: m,
+    chipProps: { children: b, ...f },
+    compoundElements: v
+  } = ee({
+    asChild: c,
+    pressed: d,
+    defaultPressed: s,
+    onClick: l,
+    disabled: !!n,
+    value: h.value,
+    defaultValue: h.defaultValue,
+    children: i,
+    onClear: t
+  }), { clearButton: p } = v;
+  return /* @__PURE__ */ r(T.Provider, { value: { disabled: n, design: a, intent: o, onClear: t }, children: /* @__PURE__ */ r(
+    m,
     {
-      ref: forwardedRef,
-      className: chipStyles({
-        className,
-        design,
-        disabled,
-        intent,
-        hasClearButton: !!clearButton
+      ref: y,
+      className: X({
+        className: g,
+        design: a,
+        disabled: n,
+        intent: o,
+        hasClearButton: !!p
       }),
-      ...{
-        ...chipProps,
-        ...otherProps
-      },
+      ...f,
+      ...h,
       "data-spark-component": "chip",
-      children: formattedChildren
+      children: b
     }
   ) });
 };
-Chip.displayName = "Chip";
-
-// src/chip/ChipClearButton.tsx
-import { Close } from "@spark-ui/icons/Close";
-import {
-  cloneElement,
-  useCallback
-} from "react";
-
-// src/chip/ChipClearButton.styles.tsx
-import { tw as tw4 } from "@spark-ui/internal-utils";
-import { cva as cva2 } from "class-variance-authority";
-var chipClearButtonWrapperStyles = cva2(
+j.displayName = "Chip";
+const ae = B(
   ["ml-md flex h-full items-center justify-center focus-visible:outline-hidden"],
   {
     variants: {
@@ -652,38 +577,37 @@ var chipClearButtonWrapperStyles = cva2(
     compoundVariants: [
       {
         design: "outlined",
-        disabled: false,
-        class: tw4(["hover:opacity-dim-1"])
+        disabled: !1,
+        class: e(["hover:opacity-dim-1"])
       },
       {
         design: "outlined",
-        disabled: true,
-        class: tw4(["opacity-dim-3"])
+        disabled: !0,
+        class: e(["opacity-dim-3"])
       },
       {
         design: "tinted",
-        disabled: false,
-        class: tw4(["hover:opacity-dim-1"])
+        disabled: !1,
+        class: e(["hover:opacity-dim-1"])
       },
       {
         design: "tinted",
-        disabled: true,
-        class: tw4(["opacity-dim-3"])
+        disabled: !0,
+        class: e(["opacity-dim-3"])
       },
       {
         design: "dashed",
-        disabled: false,
-        class: tw4(["hover:opacity-dim-1"])
+        disabled: !1,
+        class: e(["hover:opacity-dim-1"])
       },
       {
         design: "dashed",
-        disabled: true,
-        class: tw4(["opacity-dim-3"])
+        disabled: !0,
+        class: e(["opacity-dim-3"])
       }
     ]
   }
-);
-var chipClearButtonStyles = cva2(
+), ne = B(
   ["rounded-full p-sz-2 [font-size:var(--spacing-sz-8)] border-sm", "focus-visible:u-outline"],
   {
     variants: {
@@ -693,104 +617,74 @@ var chipClearButtonStyles = cva2(
       }
     },
     defaultVariants: {
-      disabled: false
+      disabled: !1
     }
   }
-);
-
-// src/chip/ChipClearButton.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var ChipClearButton = ({
-  children = /* @__PURE__ */ jsx3(Icon, { children: /* @__PURE__ */ jsx3(Close, {}) }),
-  tabIndex = 0,
-  label,
-  ref: forwardedRef
+), P = ({
+  children: a = /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(J, {}) }),
+  tabIndex: n = 0,
+  label: i,
+  ref: o
 }) => {
-  const { design, disabled, onClear } = useChipContext();
-  const onClearHandler = useCallback(
-    (event) => {
-      event.stopPropagation();
-      !disabled && onClear && onClear(event);
+  const { design: s, disabled: d, onClear: c } = Y(), g = q(
+    (l) => {
+      l.stopPropagation(), !d && c && c(l);
     },
-    [disabled, onClear]
+    [d, c]
   );
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ r(
     "span",
     {
-      className: chipClearButtonWrapperStyles({
-        isBordered: ["outline", "dashed"].includes(`${design}`),
-        disabled: !!disabled,
-        design
+      className: ae({
+        isBordered: ["outline", "dashed"].includes(`${s}`),
+        disabled: !!d,
+        design: s
       }),
-      onClick: onClearHandler,
-      ref: forwardedRef,
-      children: /* @__PURE__ */ jsx3(
+      onClick: g,
+      ref: o,
+      children: /* @__PURE__ */ r(
         "button",
         {
-          tabIndex,
+          tabIndex: n,
           type: "button",
-          disabled: !!disabled,
-          className: chipClearButtonStyles({ disabled }),
-          "aria-label": label,
-          children: children && cloneElement(children, { ariaLabel: label })
+          disabled: !!d,
+          className: ne({ disabled: d }),
+          "aria-label": i,
+          children: a && G(a, { ariaLabel: i })
         }
       )
     }
   );
 };
-ChipClearButton.displayName = "Chip.ClearButton";
-
-// src/chip/ChipContent.tsx
-import { cx } from "class-variance-authority";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var ChipContent = ({ children, className, ref: forwardedRef }) => {
-  return /* @__PURE__ */ jsx4("span", { className: cx("inline-block grow truncate", className), ref: forwardedRef, children });
-};
-ChipContent.displayName = "Chip.Content";
-
-// src/chip/ChipLeadingIcon.tsx
-import { cx as cx3 } from "class-variance-authority";
-
-// src/chip/ChipIcon.tsx
-import { cx as cx2 } from "class-variance-authority";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var ChipIcon = ({ children, className, ref: forwardedRef }) => {
-  return /* @__PURE__ */ jsx5("span", { className: cx2("flex h-full items-center justify-center", className), ref: forwardedRef, children });
-};
-ChipIcon.displayName = "Chip.Icon";
-
-// src/chip/ChipLeadingIcon.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-var ChipLeadingIcon = ({
-  className,
-  ref: forwardedRef,
-  ...props
-}) => /* @__PURE__ */ jsx6(ChipIcon, { className: cx3("mr-sm", className), ref: forwardedRef, ...props });
-ChipLeadingIcon.displayName = "Chip.LeadingIcon";
-
-// src/chip/ChipTrailingIcon.tsx
-import { cx as cx4 } from "class-variance-authority";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var ChipTrailingIcon = ({
-  className,
-  ref: forwardedRef,
-  ...props
-}) => /* @__PURE__ */ jsx7(ChipIcon, { className: cx4("ml-md", className), ref: forwardedRef, ...props });
-ChipTrailingIcon.displayName = "Chip.TrailingIcon";
-
-// src/chip/index.ts
-var Chip2 = Object.assign(Chip, {
-  Content: ChipContent,
-  LeadingIcon: ChipLeadingIcon,
-  TrailingIcon: ChipTrailingIcon,
-  ClearButton: ChipClearButton
+P.displayName = "Chip.ClearButton";
+const S = ({ children: a, className: n, ref: i }) => /* @__PURE__ */ r("span", { className: C("inline-block grow truncate", n), ref: i, children: a });
+S.displayName = "Chip.Content";
+const N = ({ children: a, className: n, ref: i }) => /* @__PURE__ */ r("span", { className: C("flex h-full items-center justify-center", n), ref: i, children: a });
+N.displayName = "Chip.Icon";
+const z = ({
+  className: a,
+  ref: n,
+  ...i
+}) => /* @__PURE__ */ r(N, { className: C("mr-sm", a), ref: n, ...i });
+z.displayName = "Chip.LeadingIcon";
+const D = ({
+  className: a,
+  ref: n,
+  ...i
+}) => /* @__PURE__ */ r(N, { className: C("ml-md", a), ref: n, ...i });
+D.displayName = "Chip.TrailingIcon";
+const x = Object.assign(j, {
+  Content: S,
+  LeadingIcon: z,
+  TrailingIcon: D,
+  ClearButton: P
 });
-Chip2.displayName = "Chip";
-Chip2.ClearButton.displayName = "Chip.ClearButton";
-Chip2.Content.displayName = "Chip.Content";
-Chip2.LeadingIcon.displayName = "Chip.LeadingIcon";
-Chip2.TrailingIcon.displayName = "Chip.TrailingIcon";
+x.displayName = "Chip";
+x.ClearButton.displayName = "Chip.ClearButton";
+x.Content.displayName = "Chip.Content";
+x.LeadingIcon.displayName = "Chip.LeadingIcon";
+x.TrailingIcon.displayName = "Chip.TrailingIcon";
 export {
-  Chip2 as Chip
+  x as Chip
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map