@segmentify/ui 0.0.44 → 0.0.45

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(
@@ -27199,7 +27200,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 +34979,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 +34999,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);

package/package.json

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