@exem-ui/react 0.3.4-next.20261022010408 → 0.3.4-next.20261028080258

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import { overlayListVariants, commonInputVariants, textFieldVariants, ScrollArea, ConditionalTooltip } from './chunk-RXQE5QHI.mjs';
-export { ColorPalette, ColorPaletteColors, Combobox, ComboboxContent, ComboboxDescription, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSearch, ComboboxTrigger, ComboboxValue, DEFAULT_COLOR, ScrollArea, ScrollBar, Segment, Select, Tabs, Tooltip, colorPaletteColorClasses, getColorPaletteColor, isInPalette } from './chunk-RXQE5QHI.mjs';
-import { X, MoreHorizontal, iconSizes, Minus, Check, Person, Loading, Warning, Info, Error as Error$1, ChevronLeft, ChevronRight } from './chunk-HCGCMPIB.mjs';
+import { overlayListVariants, commonInputVariants, textFieldVariants, ScrollArea, ConditionalTooltip } from './chunk-5BFEQZ62.mjs';
+export { ColorPalette, ColorPaletteColors, Combobox, ComboboxContent, ComboboxDescription, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSearch, ComboboxTrigger, ComboboxValue, DEFAULT_COLOR, ScrollArea, ScrollBar, Segment, Select, Tabs, Tooltip, colorPaletteColorClasses, getColorPaletteColor, isInPalette } from './chunk-5BFEQZ62.mjs';
+import { X, MoreHorizontal, iconSizes, Minus, Check, Person, Loading, Warning, Info, Error as Error$1, ChevronLeft, ChevronRight } from './chunk-MQYBZMNI.mjs';
 import { cva, cn } from '@exem-ui/core/utils';
 import * as React from 'react';
 import { forwardRef, Fragment, useId, createContext, useContext, useState, cloneElement } from 'react';
@@ -239,6 +239,10 @@ var tagVariants = cva(
       type: {
         fill: "",
         line: "bg-component-tag border border-border-secondary"
+      },
+      disabled: {
+        true: "text-text-disabled",
+        false: ""
       }
     },
     compoundVariants: [
@@ -259,7 +263,9 @@ var tagVariants = cva(
       { color: "indigo", type: "fill", className: "bg-tint-background-indigo" },
       { color: "purple", type: "fill", className: "bg-tint-background-purple" },
       { color: "fuchsia", type: "fill", className: "bg-tint-background-fuchsia" },
-      { color: "rose", type: "fill", className: "bg-tint-background-rose" }
+      { color: "rose", type: "fill", className: "bg-tint-background-rose" },
+      { disabled: true, type: "fill", className: "bg-tint-background-mono" },
+      { disabled: true, type: "line", className: "border-border-disabled" }
     ],
     defaultVariants: {
       color: "mono",
@@ -276,6 +282,7 @@ var Tag = forwardRef(
     canDelete,
     onDelete,
     rightSlot,
+    disabled = false,
     children,
     ...props
   }, ref) => {
@@ -283,16 +290,27 @@ var Tag = forwardRef(
       "div",
       {
         "data-slot": "tag",
-        className: cn(tagVariants({ color, type, className })),
+        className: cn(tagVariants({ color, type, disabled, className })),
         ref,
         ...props,
         children: [
-          leftIcon && /* @__PURE__ */ jsx("span", { className: "flex shrink-0 size-3 items-center justify-center [&>svg]:size-3", children: leftIcon }),
+          leftIcon && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "flex shrink-0 size-3 items-center justify-center [&>svg]:size-3",
+                disabled && "text-icon-disabled"
+              ),
+              children: leftIcon
+            }
+          ),
           /* @__PURE__ */ jsx("span", { className: "px-0.5 text-body-3 font-medium", children }),
           canDelete && /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
+              disabled,
+              className: cn(disabled && "text-icon-disabled"),
               onClick: (e) => {
                 e.stopPropagation();
                 onDelete?.();
@@ -308,19 +326,37 @@ var Tag = forwardRef(
 );
 Tag.displayName = "Tag";
 var DoubleTag = forwardRef(
-  ({ className, items, ...props }, ref) => {
+  ({ className, items, disabled = false, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
       {
         className: cn(
           "flex w-fit overflow-hidden rounded-medium border border-border-secondary",
+          disabled && "border-border-disabled",
           className
         ),
         ref,
         ...props,
         children: items.map((item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Tag, { color: item.color, type: "line", className: "rounded-none border-none", children: item.content }),
-          index < items.length - 1 && /* @__PURE__ */ jsx("div", { className: "min-h-[20px] w-px border-none bg-border-secondary" })
+          /* @__PURE__ */ jsx(
+            Tag,
+            {
+              color: item.color,
+              type: "line",
+              disabled,
+              className: "rounded-none border-none",
+              children: item.content
+            }
+          ),
+          index < items.length - 1 && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "min-h-[20px] w-px border-none bg-border-secondary",
+                disabled && "bg-border-disabled"
+              )
+            }
+          )
         ] }, index))
       }
     );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@exem-ui/react",
-  "version": "0.3.4-next.20261022010408",
+  "version": "0.3.4-next.20261028080258",
   "description": "Exem Design System - React Components",
   "author": "Exem Design Team",
   "license": "Apache-2.0",
@@ -98,7 +98,7 @@
     "tailwind-merge": "^3.3.1",
     "tailwind-scrollbar-hide": "^4.0.0",
     "tiny-invariant": "^1.3.3",
-    "@exem-ui/core": "0.3.3-next.20261022010408"
+    "@exem-ui/core": "0.3.3-next.20261028080258"
   },
   "devDependencies": {
     "@eslint/js": "^9.15.0",
@@ -134,7 +134,7 @@
     "tsup": "^8.5.0",
     "typescript": "^5.8.2",
     "typescript-eslint": "^8.16.0",
-    "@exem-ui/tailwindcss3": "0.3.2-next.20261022010408"
+    "@exem-ui/tailwindcss3": "0.3.2-next.20261028080258"
   },
   "scripts": {
     "generate": "node scripts/generate-icons.js",