analytica-frontend-lib 1.2.0 → 1.2.1

package/dist/index.mjs

@@ -8147,7 +8147,7 @@ var StatCard = ({ item, showPlaceholder = false }) => {
           {
             size: "xs",
             weight: "bold",
-            className: "uppercase text-[8px] leading-[9px] text-text-800 self-stretch",
+            className: "uppercase text-[8px] leading-[9px] text-text-800 whitespace-nowrap",
             children: item.label
           }
         )
@@ -8183,8 +8183,18 @@ var StatisticsCard = ({
       className: `bg-background rounded-xl p-4 h-auto lg:h-[185px] flex flex-col gap-2 ${className}`,
       children: [
         /* @__PURE__ */ jsxs30("div", { className: "flex flex-row justify-between items-center gap-4", children: [
-          /* @__PURE__ */ jsx42(Text_default, { as: "h3", size: "sm", weight: "medium", color: "text-text-600", children: title }),
-          dropdownOptions && dropdownOptions.length > 0 && /* @__PURE__ */ jsx42("div", { className: "w-[99px]", children: /* @__PURE__ */ jsxs30(
+          /* @__PURE__ */ jsx42(
+            Text_default,
+            {
+              as: "h3",
+              size: "sm",
+              weight: "medium",
+              color: "text-text-600",
+              className: "flex-1 min-w-0",
+              children: title
+            }
+          ),
+          dropdownOptions && dropdownOptions.length > 0 && /* @__PURE__ */ jsx42("div", { className: "w-[120px] min-w-[90px] sm:shrink-0", children: /* @__PURE__ */ jsxs30(
             Select_default,
             {
               value: selectedDropdownValue,
@@ -8194,12 +8204,20 @@ var StatisticsCard = ({
                 /* @__PURE__ */ jsx42(
                   SelectTrigger,
                   {
-                    className: "border border-border-300 rounded whitespace-nowrap",
+                    className: "border border-border-300 rounded [&>span]:whitespace-nowrap [&>span]:overflow-hidden [&>span]:text-ellipsis",
                     "aria-label": dropdownAriaLabel,
                     children: /* @__PURE__ */ jsx42(SelectValue, { placeholder: selectPlaceholder })
                   }
                 ),
-                /* @__PURE__ */ jsx42(SelectContent, { children: dropdownOptions.map((option) => /* @__PURE__ */ jsx42(SelectItem, { value: option.value, children: option.label }, option.value)) })
+                /* @__PURE__ */ jsx42(SelectContent, { className: "min-w-[120px]", children: dropdownOptions.map((option) => /* @__PURE__ */ jsx42(
+                  SelectItem,
+                  {
+                    value: option.value,
+                    className: "whitespace-nowrap",
+                    children: option.label
+                  },
+                  option.value
+                )) })
               ]
             }
           ) })