@skalar-saas/design-system 0.1.152 → 0.1.154

package/dist/index.mjs

@@ -1147,7 +1147,7 @@ const Me = (t) => t !== void 0 && {
       /* @__PURE__ */ e("g", { clipPath: "url(#a)", children: /* @__PURE__ */ e(
         "path",
         {
-          fill: "currontColor",
+          fill: "currentColor",
           fillRule: "evenodd",
           d: "M8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2ZM.665 8a7.333 7.333 0 1 1 14.667 0A7.333 7.333 0 0 1 .666 8Z",
           clipRule: "evenodd"
@@ -6035,7 +6035,7 @@ const tu = ({
     "flex",
     "items-center",
     "justify-center",
-    "p-1 bg-brand-primary-main-special rounded-lg border border-brand-primary-accent-special gap-2"
+    "p-1 bg-brand-primary-main-special rounded-8 border border-brand-primary-accent-special gap-2"
   ), [a, l] = R(null), u = F(null);
   return Z(() => {
     const d = (h) => {
@@ -6055,8 +6055,8 @@ const tu = ({
           variant: m.variant || "brand",
           hierarchy: m.hierarchy || "secondary",
           size: m.size || "sm",
-          icons: m.leadingIcon && m.trailingIcon ? "both" : m.leadingIcon ? "leading" : m.trailingIcon ? "trailing" : void 0,
-          leadingIcon: m.leadingIcon,
+          icons: m.label && m.leadingIcon ? "both" : "trailing",
+          leadingIcon: m.label ? m.leadingIcon : void 0,
           trailingIcon: a === m.id ? /* @__PURE__ */ e(dr, {}) : /* @__PURE__ */ e(cr, {}),
           onClick: () => l(a === m.id ? null : m.id),
           disabled: m.disabled,
@@ -6065,7 +6065,10 @@ const tu = ({
             m.className,
             a === m.id && "bg-brand-primary-accent-special"
           ),
-          children: m.label
+          children: m.label ? m.label : z.isValidElement(m.leadingIcon) ? z.cloneElement(m.leadingIcon, {
+            size: 18,
+            color: "currentColor"
+          }) : m.leadingIcon
         }
       ),
       a === m.id && /* @__PURE__ */ e(
@@ -6073,6 +6076,7 @@ const tu = ({
         {
           floating: !0,
           size: m.dropMenuSize || "sm",
+          selectedIds: m.selectedIds,
           items: m.items.map((p) => ({
             id: p.id,
             title: p.label,
@@ -6081,6 +6085,7 @@ const tu = ({
             showDescription: m.showDescription ?? !1,
             showTrailingIcon: m.showTrailingIcon ?? !1,
             showTrailingText: m.showTrailingText ?? !1,
+            trailingText: p.trailingText,
             showTag: m.showTag ?? !1,
             showCheckbox: m.showCheckbox ?? !1,
             disabled: p.disabled,