@segmentify/ui 0.0.43 → 0.0.45

package/dist/segmentify-ui.js

@@ -20002,7 +20002,7 @@ function jde({
       "data-slot": "chart",
       "data-chart": s,
       className: F(
-        "ui:[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground ui:[&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 ui:[&_.recharts-curve.recharts-tooltip-cursor]:stroke-border ui:[&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border ui:[&_.recharts-radial-bar-background-sector]:fill-muted ui:[&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted ui:[&_.recharts-reference-line_[stroke='#ccc']]:stroke-border ui:flex ui:aspect-video ui:justify-center ui:text-xs ui:[&_.recharts-dot[stroke='#fff']]:stroke-transparent ui:[&_.recharts-layer]:outline-hidden ui:[&_.recharts-sector]:outline-hidden ui:[&_.recharts-sector[stroke='#fff']]:stroke-transparent ui:bg-amber-200 ui:[&_.recharts-surface]:outline-hidden",
+        "ui:[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground ui:[&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 ui:[&_.recharts-curve.recharts-tooltip-cursor]:stroke-border ui:[&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border ui:[&_.recharts-radial-bar-background-sector]:fill-muted ui:[&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted ui:[&_.recharts-reference-line_[stroke='#ccc']]:stroke-border ui:flex ui:aspect-video ui:justify-center ui:text-xs ui:[&_.recharts-dot[stroke='#fff']]:stroke-transparent ui:[&_.recharts-layer]:outline-hidden ui:[&_.recharts-sector]:outline-hidden ui:[&_.recharts-sector[stroke='#fff']]:stroke-transparent ui:[&_.recharts-surface]:outline-hidden",
         t
       ),
       ...o,
@@ -20097,7 +20097,7 @@ function Yde({
                   "div",
                   {
                     className: F(
-                      "ui:flex ui:flex-1 ui:justify-between ui:leading-none",
+                      "ui:flex ui:flex-1 ui:justify-between ui:leading-none ui:gap-2",
                       g ? "ui:items-end" : "ui:items-center"
                     ),
                     children: [
@@ -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);
@@ -1242,9 +1246,6 @@
 .ui\:bg-amber-50 {
   background-color: var(--ui-color-amber-50);
 }
-.ui\:bg-amber-200 {
-  background-color: var(--ui-color-amber-200);
-}
 .ui\:bg-amber-500\/10 {
   background-color: var(--ui-color-amber-500);
   @supports (color: color-mix(in lab, red, red)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@segmentify/ui",
-  "version": "0.0.43",
+  "version": "0.0.45",
   "description": "A collection of reusable React UI components built with Tailwind CSS and Radix UI",
   "repository": {
     "type": "git",
@@ -32,7 +32,8 @@
     "react-hook-form": "^7.0.0",
     "@tanstack/react-query": "^5.90.19",
     "lucide-react": ">=0.562.0",
-    "sonner": "^2.0.7"
+    "sonner": "^2.0.7",
+    "recharts": "^2.15.0"
   },
   "dependencies": {
     "@base-ui/react": "^1.1.0",
@@ -67,7 +68,6 @@
     "radix-ui": "^1.4.3",
     "react-day-picker": "^9.13.0",
     "react-select": "^5.10.2",
-    "recharts": "2.15.4",
     "tailwind-merge": "^3.4.0",
     "vaul": "^1.1.2"
   },
@@ -110,6 +110,7 @@
     "@tanstack/react-query": "^5.90.19",
     "lucide-react": "^0.562.0",
     "sonner": "^2.0.7",
+    "recharts": "2.15.4",
     "storybook": "^10.1.10",
     "tailwindcss": "^4.1.18",
     "ts-toolbelt": "^9.6.0",

package/dist/components/molecules/confirmation-dialog.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import type { VariantProps } from 'class-variance-authority';
-import { buttonVariants } from '../../lib/design-variants';
-import type { Union } from 'ts-toolbelt';
-type BaseProps = {
-    title: string;
-    description: string;
-    onAction: () => void;
-    children?: React.ReactNode;
-    cancelLabel: string;
-    actionLabel: string;
-    actionVariant?: VariantProps<typeof buttonVariants>['variant'];
-};
-type ControlledProps = BaseProps & {
-    controlled: true;
-    open: boolean;
-    setOpen: (open: boolean) => void;
-};
-type UncontrolledProps = BaseProps & {
-    controlled?: false;
-};
-type Props = Union.Strict<ControlledProps | UncontrolledProps>;
-export declare const ConfirmationDialog: ({ title, description, onAction, children, cancelLabel, actionLabel, actionVariant, open, setOpen, controlled, }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};