silver-ui 0.1.0

package/dist/chunk-QFO5ZTZZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Center/Center.recipe.ts","../src/components/Center/Center.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,eAAe,GAAA,CAAI;AAAA,EAC9B,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS;AAAA,GACX;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,IAAA,EAAM;AAAA,QACJ,UAAA,EAAY,QAAA;AAAA,QACZ,cAAA,EAAgB;AAAA,OAClB;AAAA,MACA,UAAA,EAAY;AAAA,QACV,cAAA,EAAgB;AAAA,OAClB;AAAA,MACA,QAAA,EAAU;AAAA,QACR,UAAA,EAAY;AAAA;AACd,KACF;AAAA,IACA,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS;AAAA,OACX;AAAA,MACA,OAAO;AAAC;AACV,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,MAAA;AAAA,IACN,QAAA,EAAU;AAAA;AAEd,CAAC;ACQM,SAAS,MAAA,CAAO;AAAA,EACrB,IAAA,GAAO,MAAA;AAAA,EACP,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,MAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,GAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAmC;AACjC,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,SAAA,EAAW,GAAG,YAAA,CAAa,EAAC,MAAM,QAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MACvD,aAAA,EAAa,UAAA;AAAA,MACb,GAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,KAAA,EAAO,YAAY,KAAK,CAAA;AAAA,QACxB,MAAA,EAAQ,YAAY,MAAM,CAAA;AAAA,QAC1B,GAAG;AAAA,OACL;AAAA,MACC;AAAA;AAAA,GACH;AAEJ;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-QFO5ZTZZ.js","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const centerRecipe = cva({\n  base: {\n    display: 'flex',\n  },\n  variants: {\n    axis: {\n      both: {\n        alignItems: 'center',\n        justifyContent: 'center',\n      },\n      horizontal: {\n        justifyContent: 'center',\n      },\n      vertical: {\n        alignItems: 'center',\n      },\n    },\n    isInline: {\n      true: {\n        display: 'inline-flex',\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    axis: 'both',\n    isInline: false,\n  },\n});\n\nexport type CenterVariants = RecipeVariantProps<typeof centerRecipe>;\n","import type {HTMLAttributes, ReactNode, Ref} from 'react';\nimport {cx} from '../../internal/cx';\nimport {toPixelSize, type SizeValue} from '../../internal/toPixelSize';\nimport {centerRecipe} from './Center.recipe';\n\nexport type CenterAxis = 'both' | 'horizontal' | 'vertical';\n\nexport interface CenterProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Which axes to center content along.\n   */\n  axis?: CenterAxis;\n  /**\n   * Content to center.\n   */\n  children: ReactNode;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Fixed height. Numbers are treated as pixels.\n   */\n  height?: SizeValue;\n  /**\n   * Render as `inline-flex` instead of `flex`.\n   */\n  isInline?: boolean;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Fixed width. Numbers are treated as pixels.\n   */\n  width?: SizeValue;\n}\n\nexport function Center({\n  axis = 'both',\n  children,\n  className,\n  'data-testid': dataTestId,\n  height,\n  isInline = false,\n  ref,\n  style,\n  width,\n  ...htmlProps\n}: CenterProps): React.JSX.Element {\n  return (\n    <div\n      {...htmlProps}\n      className={cx(centerRecipe({axis, isInline}), className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={{\n        width: toPixelSize(width),\n        height: toPixelSize(height),\n        ...style,\n      }}>\n      {children}\n    </div>\n  );\n}\n\nCenter.displayName = 'Center';\n"]}

package/dist/chunk-QRDRZNCS.cjs

@@ -0,0 +1,393 @@
+'use strict';
+
+var chunkOA4KIVLO_cjs = require('./chunk-OA4KIVLO.cjs');
+var chunk2QM5XBX4_cjs = require('./chunk-2QM5XBX4.cjs');
+var chunkMKAOIB2O_cjs = require('./chunk-MKAOIB2O.cjs');
+var chunkPHFEQG4E_cjs = require('./chunk-PHFEQG4E.cjs');
+var chunkJAX62FUE_cjs = require('./chunk-JAX62FUE.cjs');
+var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
+var chunkAZDWQGAX_cjs = require('./chunk-AZDWQGAX.cjs');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Tag/Tag.recipe.ts
+var tagRecipe = chunkJAX62FUE_cjs.cva({
+  base: {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: "1",
+    maxW: "full",
+    overflow: "hidden",
+    borderWidth: 0,
+    borderRadius: "sm",
+    fontFamily: "body",
+    fontWeight: "medium",
+    lineHeight: "normal",
+    textDecoration: "none",
+    whiteSpace: "nowrap",
+    verticalAlign: "middle",
+    _hover: {
+      textDecoration: "none"
+    }
+  },
+  variants: {
+    size: {
+      sm: {
+        minH: "6",
+        px: "2",
+        fontSize: "sm"
+      },
+      md: {
+        minH: "8",
+        px: "2",
+        fontSize: "sm"
+      },
+      lg: {
+        minH: "10",
+        px: "2.5",
+        fontSize: "md"
+      }
+    },
+    color: {
+      default: {
+        bg: "surface.gray",
+        color: "surface.gray.fg",
+        _hover: { bg: "surface.gray.hover" }
+      },
+      red: {
+        bg: "surface.red",
+        color: "surface.red.fg",
+        _hover: { bg: "surface.red.hover" }
+      },
+      orange: {
+        bg: "surface.orange",
+        color: "surface.orange.fg",
+        _hover: { bg: "surface.orange.hover" }
+      },
+      yellow: {
+        bg: "surface.yellow",
+        color: "surface.yellow.fg",
+        _hover: { bg: "surface.yellow.hover" }
+      },
+      green: {
+        bg: "surface.green",
+        color: "surface.green.fg",
+        _hover: { bg: "surface.green.hover" }
+      },
+      teal: {
+        bg: "surface.teal",
+        color: "surface.teal.fg",
+        _hover: { bg: "surface.teal.hover" }
+      },
+      cyan: {
+        bg: "surface.cyan",
+        color: "surface.cyan.fg",
+        _hover: { bg: "surface.cyan.hover" }
+      },
+      blue: {
+        bg: "surface.blue",
+        color: "surface.blue.fg",
+        _hover: { bg: "surface.blue.hover" }
+      },
+      purple: {
+        bg: "surface.purple",
+        color: "surface.purple.fg",
+        _hover: { bg: "surface.purple.hover" }
+      },
+      pink: {
+        bg: "surface.pink",
+        color: "surface.pink.fg",
+        _hover: { bg: "surface.pink.hover" }
+      },
+      gray: {
+        bg: "surface.gray",
+        color: "surface.gray.fg",
+        _hover: { bg: "surface.gray.hover" }
+      }
+    },
+    isInteractive: {
+      true: {
+        cursor: "pointer",
+        _focusVisible: {
+          outlineWidth: "focus",
+          outlineStyle: "solid",
+          outlineColor: "primary",
+          outlineOffset: "focusOffset"
+        }
+      },
+      false: {}
+    },
+    isDisabled: {
+      true: {
+        opacity: 0.55,
+        cursor: "not-allowed",
+        pointerEvents: "none"
+      },
+      false: {}
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    color: "default",
+    isInteractive: false,
+    isDisabled: false
+  }
+});
+var styles = {
+  buttonReset: chunkAZDWQGAX_cjs.css({
+    p: 0,
+    borderWidth: 0,
+    font: "inherit",
+    color: "inherit",
+    bg: "transparent",
+    cursor: "pointer"
+  }),
+  bodyButton: chunkAZDWQGAX_cjs.css({
+    display: "inline-flex",
+    alignItems: "center",
+    gap: "inherit",
+    p: 0,
+    borderWidth: 0,
+    font: "inherit",
+    color: "inherit",
+    bg: "transparent",
+    cursor: "pointer",
+    minW: 0,
+    _focusVisible: {
+      outlineWidth: "focus",
+      outlineStyle: "solid",
+      outlineColor: "primary",
+      outlineOffset: "focusOffset"
+    }
+  }),
+  label: chunkAZDWQGAX_cjs.css({
+    minW: 0,
+    overflow: "hidden",
+    textOverflow: "ellipsis"
+  }),
+  removeButton: chunkAZDWQGAX_cjs.css({
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    flexShrink: 0,
+    p: 0,
+    borderWidth: 0,
+    borderRadius: "full",
+    bg: "transparent",
+    color: "inherit",
+    cursor: "pointer",
+    _hover: {
+      opacity: 0.7
+    },
+    _active: {
+      opacity: 0.5
+    },
+    _focusVisible: {
+      outlineWidth: "focus",
+      outlineStyle: "solid",
+      outlineColor: "primary",
+      outlineOffset: "focusOffset"
+    }
+  })
+};
+function TagContent({
+  endContent,
+  icon,
+  isLabelHidden,
+  label,
+  onRemove,
+  isDisabled,
+  size = "md",
+  startContent
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    startContent,
+    icon != null ? /* @__PURE__ */ jsxRuntime.jsx(chunkPHFEQG4E_cjs.Icon, { "aria-hidden": "true", color: "inherit", icon, size }) : null,
+    isLabelHidden === true ? /* @__PURE__ */ jsxRuntime.jsx(chunk2QM5XBX4_cjs.VisuallyHidden, { children: label }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.label, children: label }),
+    endContent,
+    onRemove != null ? /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        "aria-label": `Remove ${label}`,
+        className: styles.removeButton,
+        disabled: isDisabled,
+        onClick: (event) => {
+          event.stopPropagation();
+          onRemove(event);
+        },
+        type: "button",
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkPHFEQG4E_cjs.Icon, { icon: lucideReact.X, size: "sm" })
+      }
+    ) : null
+  ] });
+}
+function Tag({
+  className,
+  color = "default",
+  "data-testid": dataTestId,
+  description,
+  endContent,
+  href,
+  icon,
+  isDisabled = false,
+  isLabelHidden = false,
+  label,
+  onClick,
+  onRemove,
+  ref,
+  size = "md",
+  startContent,
+  style,
+  tooltip
+}) {
+  const isInteractive = href != null || onClick != null;
+  const classNames = chunkSPDVNY2Z_cjs.cx(
+    tagRecipe({ size, color, isInteractive, isDisabled }),
+    href == null && onClick != null && onRemove == null ? styles.buttonReset : void 0,
+    className
+  );
+  const sharedProps = {
+    "aria-description": description,
+    className: classNames,
+    "data-testid": dataTestId,
+    style
+  };
+  let element;
+  if (href != null && onRemove != null) {
+    element = /* @__PURE__ */ jsxRuntime.jsxs("span", { ...sharedProps, ref, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        chunkOA4KIVLO_cjs.Link,
+        {
+          className: styles.bodyButton,
+          color: "inherit",
+          href,
+          isDisabled,
+          onClick,
+          children: [
+            startContent,
+            icon != null ? /* @__PURE__ */ jsxRuntime.jsx(chunkPHFEQG4E_cjs.Icon, { "aria-hidden": "true", color: "inherit", icon, size }) : null,
+            isLabelHidden ? /* @__PURE__ */ jsxRuntime.jsx(chunk2QM5XBX4_cjs.VisuallyHidden, { children: label }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.label, children: label }),
+            endContent
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          "aria-label": `Remove ${label}`,
+          className: styles.removeButton,
+          disabled: isDisabled,
+          onClick: (event) => {
+            event.stopPropagation();
+            onRemove(event);
+          },
+          type: "button",
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkPHFEQG4E_cjs.Icon, { icon: lucideReact.X, size: "sm" })
+        }
+      )
+    ] });
+  } else if (href != null) {
+    element = /* @__PURE__ */ jsxRuntime.jsx(
+      chunkOA4KIVLO_cjs.Link,
+      {
+        ...sharedProps,
+        color: "inherit",
+        href,
+        isDisabled,
+        onClick,
+        ref,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          TagContent,
+          {
+            endContent,
+            icon,
+            isDisabled,
+            isLabelHidden,
+            label,
+            size,
+            startContent
+          }
+        )
+      }
+    );
+  } else if (onClick != null && onRemove != null) {
+    element = /* @__PURE__ */ jsxRuntime.jsxs("span", { ...sharedProps, ref, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          className: styles.bodyButton,
+          disabled: isDisabled,
+          onClick,
+          type: "button",
+          children: [
+            startContent,
+            icon != null ? /* @__PURE__ */ jsxRuntime.jsx(chunkPHFEQG4E_cjs.Icon, { "aria-hidden": "true", color: "inherit", icon, size }) : null,
+            isLabelHidden ? /* @__PURE__ */ jsxRuntime.jsx(chunk2QM5XBX4_cjs.VisuallyHidden, { children: label }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.label, children: label }),
+            endContent
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          "aria-label": `Remove ${label}`,
+          className: styles.removeButton,
+          disabled: isDisabled,
+          onClick: (event) => {
+            event.stopPropagation();
+            onRemove(event);
+          },
+          type: "button",
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkPHFEQG4E_cjs.Icon, { icon: lucideReact.X, size: "sm" })
+        }
+      )
+    ] });
+  } else if (onClick != null) {
+    element = /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        ...sharedProps,
+        disabled: isDisabled,
+        onClick,
+        ref,
+        type: "button",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          TagContent,
+          {
+            endContent,
+            icon,
+            isDisabled,
+            isLabelHidden,
+            label,
+            size,
+            startContent
+          }
+        )
+      }
+    );
+  } else {
+    element = /* @__PURE__ */ jsxRuntime.jsx("span", { ...sharedProps, ref, children: /* @__PURE__ */ jsxRuntime.jsx(
+      TagContent,
+      {
+        endContent,
+        icon,
+        isDisabled,
+        isLabelHidden,
+        label,
+        onRemove,
+        size,
+        startContent
+      }
+    ) });
+  }
+  if (tooltip != null) {
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkMKAOIB2O_cjs.Tooltip, { content: tooltip, children: element });
+  }
+  return element;
+}
+Tag.displayName = "Tag";
+
+exports.Tag = Tag;
+exports.tagRecipe = tagRecipe;
+//# sourceMappingURL=chunk-QRDRZNCS.cjs.map
+//# sourceMappingURL=chunk-QRDRZNCS.cjs.map

package/dist/chunk-QRDRZNCS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tag/Tag.recipe.ts","../src/components/Tag/Tag.tsx"],"names":["cva","css","jsxs","Fragment","jsx","Icon","VisuallyHidden","X","cx","Link","Tooltip"],"mappings":"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","file":"chunk-QRDRZNCS.cjs","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const tagRecipe = cva({\n  base: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '1',\n    maxW: 'full',\n    overflow: 'hidden',\n    borderWidth: 0,\n    borderRadius: 'sm',\n    fontFamily: 'body',\n    fontWeight: 'medium',\n    lineHeight: 'normal',\n    textDecoration: 'none',\n    whiteSpace: 'nowrap',\n    verticalAlign: 'middle',\n    _hover: {\n      textDecoration: 'none',\n    },\n  },\n  variants: {\n    size: {\n      sm: {\n        minH: '6',\n        px: '2',\n        fontSize: 'sm',\n      },\n      md: {\n        minH: '8',\n        px: '2',\n        fontSize: 'sm',\n      },\n      lg: {\n        minH: '10',\n        px: '2.5',\n        fontSize: 'md',\n      },\n    },\n    color: {\n      default: {\n        bg: 'surface.gray',\n        color: 'surface.gray.fg',\n        _hover: {bg: 'surface.gray.hover'},\n      },\n      red: {\n        bg: 'surface.red',\n        color: 'surface.red.fg',\n        _hover: {bg: 'surface.red.hover'},\n      },\n      orange: {\n        bg: 'surface.orange',\n        color: 'surface.orange.fg',\n        _hover: {bg: 'surface.orange.hover'},\n      },\n      yellow: {\n        bg: 'surface.yellow',\n        color: 'surface.yellow.fg',\n        _hover: {bg: 'surface.yellow.hover'},\n      },\n      green: {\n        bg: 'surface.green',\n        color: 'surface.green.fg',\n        _hover: {bg: 'surface.green.hover'},\n      },\n      teal: {\n        bg: 'surface.teal',\n        color: 'surface.teal.fg',\n        _hover: {bg: 'surface.teal.hover'},\n      },\n      cyan: {\n        bg: 'surface.cyan',\n        color: 'surface.cyan.fg',\n        _hover: {bg: 'surface.cyan.hover'},\n      },\n      blue: {\n        bg: 'surface.blue',\n        color: 'surface.blue.fg',\n        _hover: {bg: 'surface.blue.hover'},\n      },\n      purple: {\n        bg: 'surface.purple',\n        color: 'surface.purple.fg',\n        _hover: {bg: 'surface.purple.hover'},\n      },\n      pink: {\n        bg: 'surface.pink',\n        color: 'surface.pink.fg',\n        _hover: {bg: 'surface.pink.hover'},\n      },\n      gray: {\n        bg: 'surface.gray',\n        color: 'surface.gray.fg',\n        _hover: {bg: 'surface.gray.hover'},\n      },\n    },\n    isInteractive: {\n      true: {\n        cursor: 'pointer',\n        _focusVisible: {\n          outlineWidth: 'focus',\n          outlineStyle: 'solid',\n          outlineColor: 'primary',\n          outlineOffset: 'focusOffset',\n        },\n      },\n      false: {},\n    },\n    isDisabled: {\n      true: {\n        opacity: 0.55,\n        cursor: 'not-allowed',\n        pointerEvents: 'none',\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    color: 'default',\n    isInteractive: false,\n    isDisabled: false,\n  },\n});\n\nexport type TagVariants = RecipeVariantProps<typeof tagRecipe>;\n","import {X} from 'lucide-react';\nimport type {\n  CSSProperties,\n  MouseEvent,\n  MouseEventHandler,\n  ReactNode,\n  Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {VisuallyHidden} from '../../internal/VisuallyHidden';\nimport {cx} from '../../internal/cx';\nimport {Icon, type IconComponent} from '../Icon';\nimport {Link} from '../Link';\nimport {Tooltip} from '../Tooltip';\nimport {tagRecipe} from './Tag.recipe';\n\nexport type TagColor =\n  | 'default'\n  | 'red'\n  | 'orange'\n  | 'yellow'\n  | 'green'\n  | 'teal'\n  | 'cyan'\n  | 'blue'\n  | 'purple'\n  | 'pink'\n  | 'gray';\n\nexport type TagSize = 'sm' | 'md' | 'lg';\n\nexport interface TagProps {\n  /**\n   * Additional CSS class names applied to the tag.\n   */\n  className?: string;\n  /**\n   * Visual color.\n   * @default 'default'\n   */\n  color?: TagColor;\n  /**\n   * Test ID applied to the tag root.\n   */\n  'data-testid'?: string;\n  /**\n   * Accessible description for the tag.\n   */\n  description?: string;\n  /**\n   * Content rendered after the label and before the remove button.\n   */\n  endContent?: ReactNode;\n  /**\n   * Link destination. When provided, the tag renders as a link.\n   */\n  href?: string;\n  /**\n   * Icon rendered before the label.\n   */\n  icon?: IconComponent;\n  /**\n   * Whether the tag is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label while keeping it available to screen readers.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Tag text.\n   */\n  label: string;\n  /**\n   * Click handler.\n   */\n  onClick?: MouseEventHandler<HTMLElement>;\n  /**\n   * Called when the remove button is clicked. When provided, a remove button is shown.\n   */\n  onRemove?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Ref forwarded to the tag root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Visual size.\n   * @default 'md'\n   */\n  size?: TagSize;\n  /**\n   * Content rendered before the icon and label.\n   */\n  startContent?: ReactNode;\n  /**\n   * Inline styles applied to the tag.\n   */\n  style?: CSSProperties;\n  /**\n   * Tooltip text shown on hover.\n   */\n  tooltip?: string;\n}\n\nconst styles = {\n  buttonReset: css({\n    p: 0,\n    borderWidth: 0,\n    font: 'inherit',\n    color: 'inherit',\n    bg: 'transparent',\n    cursor: 'pointer',\n  }),\n  bodyButton: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: 'inherit',\n    p: 0,\n    borderWidth: 0,\n    font: 'inherit',\n    color: 'inherit',\n    bg: 'transparent',\n    cursor: 'pointer',\n    minW: 0,\n    _focusVisible: {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffset',\n    },\n  }),\n  label: css({\n    minW: 0,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  }),\n  removeButton: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n    p: 0,\n    borderWidth: 0,\n    borderRadius: 'full',\n    bg: 'transparent',\n    color: 'inherit',\n    cursor: 'pointer',\n    _hover: {\n      opacity: 0.7,\n    },\n    _active: {\n      opacity: 0.5,\n    },\n    _focusVisible: {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffset',\n    },\n  }),\n} as const;\n\nfunction TagContent({\n  endContent,\n  icon,\n  isLabelHidden,\n  label,\n  onRemove,\n  isDisabled,\n  size = 'md',\n  startContent,\n}: Pick<\n  TagProps,\n  | 'endContent'\n  | 'icon'\n  | 'isDisabled'\n  | 'isLabelHidden'\n  | 'label'\n  | 'size'\n  | 'startContent'\n> & {\n  onRemove?: (event: MouseEvent<HTMLButtonElement>) => void;\n}): React.JSX.Element {\n  return (\n    <>\n      {startContent}\n      {icon != null ? (\n        <Icon aria-hidden=\"true\" color=\"inherit\" icon={icon} size={size} />\n      ) : null}\n      {isLabelHidden === true ? (\n        <VisuallyHidden>{label}</VisuallyHidden>\n      ) : (\n        <span className={styles.label}>{label}</span>\n      )}\n      {endContent}\n      {onRemove != null ? (\n        <button\n          aria-label={`Remove ${label}`}\n          className={styles.removeButton}\n          disabled={isDisabled}\n          onClick={event => {\n            event.stopPropagation();\n            onRemove(event);\n          }}\n          type=\"button\">\n          <Icon icon={X} size=\"sm\" />\n        </button>\n      ) : null}\n    </>\n  );\n}\n\n/**\n * Compact chip for displaying selected values, filters, tags, or removable entities.\n */\nexport function Tag({\n  className,\n  color = 'default',\n  'data-testid': dataTestId,\n  description,\n  endContent,\n  href,\n  icon,\n  isDisabled = false,\n  isLabelHidden = false,\n  label,\n  onClick,\n  onRemove,\n  ref,\n  size = 'md',\n  startContent,\n  style,\n  tooltip,\n}: TagProps): React.JSX.Element {\n  const isInteractive = href != null || onClick != null;\n  const classNames = cx(\n    tagRecipe({size, color, isInteractive, isDisabled}),\n    href == null && onClick != null && onRemove == null\n      ? styles.buttonReset\n      : undefined,\n    className,\n  );\n  const sharedProps = {\n    'aria-description': description,\n    className: classNames,\n    'data-testid': dataTestId,\n    style,\n  };\n\n  let element: React.JSX.Element;\n\n  if (href != null && onRemove != null) {\n    element = (\n      <span {...sharedProps} ref={ref}>\n        <Link\n          className={styles.bodyButton}\n          color=\"inherit\"\n          href={href}\n          isDisabled={isDisabled}\n          onClick={onClick}>\n          {startContent}\n          {icon != null ? (\n            <Icon aria-hidden=\"true\" color=\"inherit\" icon={icon} size={size} />\n          ) : null}\n          {isLabelHidden ? (\n            <VisuallyHidden>{label}</VisuallyHidden>\n          ) : (\n            <span className={styles.label}>{label}</span>\n          )}\n          {endContent}\n        </Link>\n        <button\n          aria-label={`Remove ${label}`}\n          className={styles.removeButton}\n          disabled={isDisabled}\n          onClick={event => {\n            event.stopPropagation();\n            onRemove(event);\n          }}\n          type=\"button\">\n          <Icon icon={X} size=\"sm\" />\n        </button>\n      </span>\n    );\n  } else if (href != null) {\n    element = (\n      <Link\n        {...sharedProps}\n        color=\"inherit\"\n        href={href}\n        isDisabled={isDisabled}\n        onClick={onClick}\n        ref={ref as Ref<HTMLAnchorElement>}>\n        <TagContent\n          endContent={endContent}\n          icon={icon}\n          isDisabled={isDisabled}\n          isLabelHidden={isLabelHidden}\n          label={label}\n          size={size}\n          startContent={startContent}\n        />\n      </Link>\n    );\n  } else if (onClick != null && onRemove != null) {\n    element = (\n      <span {...sharedProps} ref={ref}>\n        <button\n          className={styles.bodyButton}\n          disabled={isDisabled}\n          onClick={onClick}\n          type=\"button\">\n          {startContent}\n          {icon != null ? (\n            <Icon aria-hidden=\"true\" color=\"inherit\" icon={icon} size={size} />\n          ) : null}\n          {isLabelHidden ? (\n            <VisuallyHidden>{label}</VisuallyHidden>\n          ) : (\n            <span className={styles.label}>{label}</span>\n          )}\n          {endContent}\n        </button>\n        <button\n          aria-label={`Remove ${label}`}\n          className={styles.removeButton}\n          disabled={isDisabled}\n          onClick={event => {\n            event.stopPropagation();\n            onRemove(event);\n          }}\n          type=\"button\">\n          <Icon icon={X} size=\"sm\" />\n        </button>\n      </span>\n    );\n  } else if (onClick != null) {\n    element = (\n      <button\n        {...sharedProps}\n        disabled={isDisabled}\n        onClick={onClick}\n        ref={ref as Ref<HTMLButtonElement>}\n        type=\"button\">\n        <TagContent\n          endContent={endContent}\n          icon={icon}\n          isDisabled={isDisabled}\n          isLabelHidden={isLabelHidden}\n          label={label}\n          size={size}\n          startContent={startContent}\n        />\n      </button>\n    );\n  } else {\n    element = (\n      <span {...sharedProps} ref={ref}>\n        <TagContent\n          endContent={endContent}\n          icon={icon}\n          isDisabled={isDisabled}\n          isLabelHidden={isLabelHidden}\n          label={label}\n          onRemove={onRemove}\n          size={size}\n          startContent={startContent}\n        />\n      </span>\n    );\n  }\n\n  if (tooltip != null) {\n    return <Tooltip content={tooltip}>{element}</Tooltip>;\n  }\n\n  return element;\n}\n\nTag.displayName = 'Tag';\n"]}