sellmate-design-system-react 0.1.4 → 0.1.6

package/dist/components/SChipInput/SChipInput.cjs

@@ -2888,7 +2888,7 @@ var HIDE_DELAY_MS = 100;
 function useBody(content, message = []) {
   if (content != null) return content;
   if (message.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-[12px]", children: message.map((line, i) => /* @__PURE__ */ jsxRuntime.jsx("span", { children: line }, i)) });
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: message.map((line, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { children: line }, i)) });
 }
 var STooltip = react.forwardRef(function STooltip2({
   content,
@@ -3215,6 +3215,7 @@ var STag = react.forwardRef(function STag2({
   label = "",
   icon,
   iconLeft = true,
+  width,
   className,
   style,
   ...rest
@@ -3222,13 +3223,14 @@ var STag = react.forwardRef(function STag2({
   const s = TAG_SIZE_CONFIG[size];
   const contentColor = `var(--cmp-tag-${color}-content)`;
   const iconNode = icon ? /* @__PURE__ */ jsxRuntime.jsx(SIcon, { name: icon, size: s.iconSize, color: contentColor }) : null;
+  const resolvedWidth = typeof width === "number" ? `${width}px` : width;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "span",
     {
       ref,
       "aria-label": label || "tag",
       className: cn(
-        "box-border inline-flex select-none items-center justify-center whitespace-nowrap",
+        "box-border inline-flex w-fit select-none items-center justify-center whitespace-nowrap",
         className
       ),
       style: {
@@ -3241,6 +3243,7 @@ var STag = react.forwardRef(function STag2({
         lineHeight: `${s.lineHeight}px`,
         background: `var(--cmp-tag-${color}-bg)`,
         color: contentColor,
+        ...resolvedWidth != null ? { width: resolvedWidth } : {},
         ...style
       },
       ...rest,