@segmentify/ui 0.0.44 → 0.0.46

package/dist/segmentify-ui.js

@@ -20534,10 +20534,11 @@ function $M({
   className: e,
   children: t,
   showCloseButton: n = !0,
-  ...r
+  overlayClassName: r,
+  ...o
 }) {
   return /* @__PURE__ */ ne(VX, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ v($X, {}),
+    /* @__PURE__ */ v($X, { className: r }),
     /* @__PURE__ */ ne(
       lu,
       {
@@ -20546,7 +20547,7 @@ function $M({
           "ui:bg-background ui:data-[state=open]:animate-in ui:data-[state=closed]:animate-out ui:data-[state=closed]:fade-out-0 ui:data-[state=open]:fade-in-0 ui:data-[state=closed]:zoom-out-95 ui:data-[state=open]:zoom-in-95 ui:fixed ui:top-[50%] ui:left-[50%] ui:z-50 ui:grid ui:w-full ui:max-w-[calc(100%-2rem)] ui:translate-x-[-50%] ui:translate-y-[-50%] ui:gap-4 ui:rounded-lg ui:border ui:p-6 ui:shadow-lg ui:duration-200 ui:outline-none ui:sm:max-w-lg",
           e
         ),
-        ...r,
+        ...o,
         children: [
           t,
           n && /* @__PURE__ */ ne(
@@ -26863,7 +26864,7 @@ function QE({
   showClear: o = !1,
   ...i
 }) {
-  return /* @__PURE__ */ ne(nJ, { className: F("ui:w-auto", e), children: [
+  return /* @__PURE__ */ ne(nJ, { className: F("ui:w-auto ui:shrink-0", e), children: [
     /* @__PURE__ */ v(ew, { render: /* @__PURE__ */ v(sJ, { disabled: n }), ...i }),
     /* @__PURE__ */ ne(oJ, { align: "inline-end", children: [
       r && /* @__PURE__ */ v(
@@ -26907,7 +26908,7 @@ function uJ({
           "data-slot": "combobox-content",
           "data-chips": !!i,
           className: F(
-            "ui:bg-popover ui:text-popover-foreground ui:data-open:animate-in ui:data-closed:animate-out ui:data-closed:fade-out-0 ui:data-open:fade-in-0 ui:data-closed:zoom-out-95 ui:data-open:zoom-in-95 ui:data-[side=bottom]:slide-in-from-top-2 ui:data-[side=left]:slide-in-from-right-2 ui:data-[side=right]:slide-in-from-left-2 ui:data-[side=top]:slide-in-from-bottom-2 ui:ring-foreground/10 ui:*:data-[slot=input-group]:bg-input/30 ui:*:data-[slot=input-group]:border-input/30 ui:group/combobox-content ui:relative ui:max-h-96 ui:w-(--anchor-width) ui:max-w-(--available-width) ui:min-w-[calc(var(--anchor-width)+--spacing(7))] ui:origin-(--transform-origin) ui:overflow-hidden ui:rounded-md ui:shadow-md ui:ring-1 ui:duration-100 ui:data-[chips=true]:min-w-(--anchor-width) ui:*:data-[slot=input-group]:m-1 ui:*:data-[slot=input-group]:mb-0 ui:*:data-[slot=input-group]:h-8 ui:*:data-[slot=input-group]:shadow-none",
+            "ui:bg-popover ui:text-popover-foreground ui:data-open:animate-in ui:data-closed:animate-out ui:data-closed:fade-out-0 ui:data-open:fade-in-0 ui:data-closed:zoom-out-95 ui:data-open:zoom-in-95 ui:data-[side=bottom]:slide-in-from-top-2 ui:data-[side=left]:slide-in-from-right-2 ui:data-[side=right]:slide-in-from-left-2 ui:data-[side=top]:slide-in-from-bottom-2 ui:ring-foreground/10 ui:*:data-[slot=input-group]:bg-input/30 ui:*:data-[slot=input-group]:border-input/30 ui:group/combobox-content ui:relative ui:flex ui:min-h-0 ui:max-h-96 ui:flex-col ui:w-(--anchor-width) ui:max-w-(--available-width) ui:min-w-[calc(var(--anchor-width)+--spacing(7))] ui:origin-(--transform-origin) ui:overflow-hidden ui:rounded-md ui:shadow-md ui:ring-1 ui:duration-100 ui:data-[chips=true]:min-w-(--anchor-width) ui:*:data-[slot=input-group]:m-1 ui:*:data-[slot=input-group]:mb-0 ui:*:data-[slot=input-group]:h-8 ui:*:data-[slot=input-group]:shadow-none",
             e
           ),
           ...s
@@ -26921,10 +26922,7 @@ function cJ({ className: e, ...t }) {
     XD,
     {
       "data-slot": "combobox-list",
-      className: F(
-        "ui:max-h-[min(calc(--spacing(96)---spacing(9)),calc(var(--available-height)---spacing(9)))] ui:scroll-py-1 ui:overflow-y-auto ui:p-1 ui:data-empty:p-0",
-        e
-      ),
+      className: F("ui:min-h-0 ui:flex-1 ui:overflow-y-auto ui:scroll-py-1 ui:p-1 ui:data-empty:p-0", e),
       ...t
     }
   );
@@ -26935,7 +26933,7 @@ function dJ({ className: e, children: t, ...n }) {
     {
       "data-slot": "combobox-item",
       className: F(
-        "ui:data-highlighted:bg-accent ui:data-highlighted:text-accent-foreground ui:relative ui:flex ui:w-full ui:cursor-default ui:items-center ui:gap-2 ui:rounded-sm ui:py-1.5 ui:pr-8 ui:pl-2 ui:text-sm ui:outline-hidden ui:select-none ui:data-[disabled]:pointer-events-none ui:data-[disabled]:opacity-50 ui:[&_svg]:pointer-events-none ui:[&_svg]:shrink-0 ui:[&_svg:not([class*=size-])]:size-4",
+        "ui:data-highlighted:bg-accent ui:data-highlighted:text-accent-foreground ui:relative ui:flex ui:w-full ui:cursor-default ui:items-center ui:gap-2 ui:rounded-sm ui:py-1.5 ui:pr-8 ui:pl-2 ui:text-sm ui:outline-hidden ui:select-none ui:data-disabled:pointer-events-none ui:data-disabled:opacity-50 ui:[&_svg]:pointer-events-none ui:[&_svg]:shrink-0 ui:[&_svg:not([class*=size-])]:size-4",
         e
       ),
       ...n,
@@ -26959,7 +26957,7 @@ function fJ({ className: e, ...t }) {
     {
       "data-slot": "combobox-empty",
       className: F(
-        "ui:text-muted-foreground ui:hidden ui:w-full ui:justify-center ui:py-2 ui:text-center ui:text-sm ui:group-data-empty/combobox-content:flex",
+        "ui:hidden ui:w-full ui:shrink-0 ui:justify-center ui:py-2 ui:text-center ui:text-sm ui:text-muted-foreground ui:group-data-empty/combobox-content:flex",
         e
       ),
       ...t
@@ -27117,7 +27115,7 @@ const vJ = (e) => e.label, yJ = (e, t) => e.value === t.value, pk = ({
               children: [
                 c === "popup" && /* @__PURE__ */ v(QE, { showTrigger: !1, placeholder: "Search...", onChange: S }),
                 /* @__PURE__ */ v(fJ, { children: a }),
-                l && n && /* @__PURE__ */ ne("div", { className: "ui:group-data-empty/combobox-content:hidden", children: [
+                l && n && /* @__PURE__ */ ne("div", { className: "ui:shrink-0 ui:group-data-empty/combobox-content:hidden", children: [
                   /* @__PURE__ */ v("div", { className: F("ui:p-1 ui:pb-0", c === "popup" ? "ui:mt-1" : ""), children: /* @__PURE__ */ ne(
                     "div",
                     {
@@ -27199,7 +27197,7 @@ const xJ = ({
             o
           ),
           children: [
-            /* @__PURE__ */ v(QL, { className: "ui:mr-2 ui:h-4 ui:w-4" }),
+            /* @__PURE__ */ v(QL, { className: "ui:h-4 ui:w-4" }),
             f?.from ? f.to ? /* @__PURE__ */ ne(Mr, { children: [
               hl(f.from, "LLL dd, y", { locale: u }),
               " -",
@@ -34978,7 +34976,7 @@ const Lv = [
   { bg: "ui:bg-orange-600/10", text: "ui:text-orange-600" }
 ], zne = (e) => Array.from({ length: e }, () => Math.floor(Math.random() * Lv.length)), Ype = ({ items: e, header: t, className: n, onItemClick: r, dateLocale: o }) => {
   const [i] = ht(() => zne(e.length));
-  return /* @__PURE__ */ ne("div", { className: F("ui:w-full", n), children: [
+  return /* @__PURE__ */ ne("div", { className: F("ui:w-full ui:bg-white ui:rounded-lg ui:border ui:shadow-sm ui:p-6", n), children: [
     t && /* @__PURE__ */ v("div", { className: "ui:mb-4 ui:text-sm ui:text-muted-foreground", children: t }),
     /* @__PURE__ */ v("div", { className: "ui:relative", children: e.map((s, a) => {
       const { iconConfig: l, title: u, description: c, timestamp: d, tags: f, topRightSlot: p, bottomRightSlot: h } = s, g = l.icon, b = i[a] ?? a % Lv.length, y = Lv[b], w = l.bg ?? y.bg, C = l.text ?? y.text, x = !!r;
@@ -34998,11 +34996,11 @@ const Lv = [
             ),
             children: [
               /* @__PURE__ */ ne("div", { className: "ui:space-y-1", children: [
-                /* @__PURE__ */ v("h3", { className: "ui:text-sm", children: u }),
+                /* @__PURE__ */ v("h3", { className: "ui:text-base", children: u }),
                 /* @__PURE__ */ v("p", { className: "ui:text-sm ui:text-muted-foreground", children: c }),
                 f && /* @__PURE__ */ v("div", { className: "ui:flex ui:items-center ui:gap-1.5 ui:pt-1 ui:text-xs ui:text-muted-foreground", children: f.map((S) => /* @__PURE__ */ v(bP, { variant: "outline", className: "ui:shrink-0", children: S }, S)) }),
                 /* @__PURE__ */ ne("div", { className: "ui:flex ui:items-center ui:gap-1.5 ui:pt-1 ui:text-xs ui:text-muted-foreground", children: [
-                  /* @__PURE__ */ v(gF, { className: "ui:size-3.5" }),
+                  /* @__PURE__ */ v(gF, { className: "ui:size-3" }),
                   /* @__PURE__ */ v("span", { children: hl(new Date(d), void 0, { locale: o }) })
                 ] })
               ] }),

package/dist/ui.css

@@ -429,6 +429,10 @@
   width: calc(var(--ui-spacing) * 2.5);
   height: calc(var(--ui-spacing) * 2.5);
 }
+.ui\:size-3 {
+  width: calc(var(--ui-spacing) * 3);
+  height: calc(var(--ui-spacing) * 3);
+}
 .ui\:size-3\.5 {
   width: calc(var(--ui-spacing) * 3.5);
   height: calc(var(--ui-spacing) * 3.5);
@@ -571,9 +575,6 @@
 .ui\:max-h-\[300px\] {
   max-height: 300px;
 }
-.ui\:max-h-\[min\(calc\(--spacing\(96\)---spacing\(9\)\)\,calc\(var\(--available-height\)---spacing\(9\)\)\)\] {
-  max-height: min(calc(calc(var(--ui-spacing) * 96) - calc(var(--ui-spacing) * 9)), calc(var(--available-height) - calc(var(--ui-spacing) * 9)));
-}
 .ui\:min-h-0 {
   min-height: calc(var(--ui-spacing) * 0);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@segmentify/ui",
-  "version": "0.0.44",
+  "version": "0.0.46",
   "description": "A collection of reusable React UI components built with Tailwind CSS and Radix UI",
   "repository": {
     "type": "git",