@oneplatformdev/ui 0.1.99-beta.27 → 0.1.99-beta.270

package/ContextPopover/useContextPopoverHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContextPopoverHandler.js","sources":["../../src/ContextPopover/useContextPopoverHandler.ts"],"sourcesContent":["import { MouseEvent, useCallback, useRef, useState } from \"react\";\r\nimport { useOnClickOutside } from \"@oneplatformdev/hooks\";\r\n\r\nexport const useContextPopoverHandler = <\r\n\tData,\r\n\tElement extends HTMLDivElement = HTMLDivElement\r\n>() => {\r\n\tconst [ open, setOpen ] = useState(false);\r\n\tconst [ coords, setCoords ] = useState({ x: 0, y: 0 });\r\n\tconst [ data, setData ] = useState<Data | null>(null);\r\n\r\n\tconst ref = useRef<Element>(null!);\r\n\r\n\tuseOnClickOutside(ref, () => {\r\n\t\tif (open) {\r\n\t\t\tsetOpen(false);\r\n\t\t\tsetData(null);\r\n\t\t}\r\n\t});\r\n\r\n\tconst onContext = useCallback((event: MouseEvent, data: Data) => {\r\n\t\tevent.preventDefault()\r\n\r\n\t\tsetCoords({ x: event.clientX, y: event.clientY });\r\n\t\tsetData(data);\r\n\t\tsetOpen(true);\r\n\t}, [])\r\n\r\n\treturn {\r\n\t\tonContext,\r\n\t\tref,\r\n\t\topen,\r\n\t\tsetOpen,\r\n\t\tcoords,\r\n\t\tdata,\r\n\t}\r\n}\r\n\r\nexport type IUseContextPopoverHandler<Data> = ReturnType<typeof useContextPopoverHandler<Data>>;\r\n"],"names":["useContextPopoverHandler","open","setOpen","useState","coords","setCoords","data","setData","ref","useRef","useOnClickOutside","useCallback","event"],"mappings":";;AAGO,MAAMA,IAA2B,MAGjC;AACN,QAAM,CAAEC,GAAMC,CAAQ,IAAIC,EAAS,EAAK,GAClC,CAAEC,GAAQC,CAAU,IAAIF,EAAS,EAAE,GAAG,GAAG,GAAG,GAAG,GAC/C,CAAEG,GAAMC,CAAQ,IAAIJ,EAAsB,IAAI,GAE9CK,IAAMC,EAAgB,IAAK;AAEjC,SAAAC,EAAkBF,GAAK,MAAM;AAC5B,IAAIP,MACHC,EAAQ,EAAK,GACbK,EAAQ,IAAI;AAAA,EAEd,CAAC,GAUM;AAAA,IACN,WATiBI,EAAY,CAACC,GAAmBN,MAAe;AAChE,MAAAM,EAAM,eAAA,GAENP,EAAU,EAAE,GAAGO,EAAM,SAAS,GAAGA,EAAM,SAAS,GAChDL,EAAQD,CAAI,GACZJ,EAAQ,EAAI;AAAA,IACb,GAAG,CAAA,CAAE;AAAA,IAIJ,KAAAM;AAAA,IACA,MAAAP;AAAA,IACA,SAAAC;AAAA,IACA,QAAAE;AAAA,IACA,MAAAE;AAAA,EAAA;AAEF;"}

package/DataTable/DataTable.js

@@ -1,8 +1,8 @@
 import { jsxs as i, jsx as l } from "react/jsx-runtime";
 import { flexRender as d } from "@tanstack/react-table";
 import { ChevronDown as m } from "lucide-react";
-import { DropdownMenu as h, DropdownMenuTrigger as g, DropdownMenuContent as p, DropdownMenuCheckboxItem as u } from "../DropdownMenu/DropdownMenu.js";
-import { Button as C } from "../Button/Button.js";
+import { Button as h } from "../Button/Button.js";
+import { DropdownMenu as g, DropdownMenuTrigger as p, DropdownMenuContent as u, DropdownMenuCheckboxItem as C } from "../DropdownMenu/DropdownMenu.js";
 import { Table as f, TableHeader as w, TableRow as t, TableHead as x, TableBody as b, TableCell as o } from "../Table/Table.js";
 const R = ({
   table: r,
@@ -12,14 +12,14 @@ const R = ({
 }) => /* @__PURE__ */ i("div", { className: "w-full", children: [
   /* @__PURE__ */ i("div", { className: "flex items-center py-4", children: [
     a,
-    /* @__PURE__ */ i(h, { children: [
-      /* @__PURE__ */ l(g, { asChild: !0, children: /* @__PURE__ */ i(C, { variant: "outline", className: "ml-auto", children: [
+    /* @__PURE__ */ i(g, { children: [
+      /* @__PURE__ */ l(p, { asChild: !0, children: /* @__PURE__ */ i(h, { variant: "outline", className: "ml-auto", children: [
         s,
         " ",
         /* @__PURE__ */ l(m, { className: "ml-2 h-4 w-4" })
       ] }) }),
-      /* @__PURE__ */ l(p, { align: "end", children: r.getAllColumns().filter((e) => e.getCanHide()).map((e) => /* @__PURE__ */ l(
-        u,
+      /* @__PURE__ */ l(u, { align: "end", children: r.getAllColumns().filter((e) => e.getCanHide()).map((e) => /* @__PURE__ */ l(
+        C,
         {
           className: "capitalize",
           checked: e.getIsVisible(),

package/DataTable/useDataTable.d.ts

@@ -1,4 +1,4 @@
 export declare const useDataTable: (data: any, columns: any) => {
-    table: import('@tanstack/table-core').Table<unknown>;
+    table: import('@tanstack/react-table').Table<unknown>;
 };
 //# sourceMappingURL=useDataTable.d.ts.map

package/Dialog/Dialog.d.ts

@@ -7,10 +7,13 @@ declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPri
 declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
 declare function DialogContent(props: React.ComponentProps<typeof DialogPrimitive.Content> & {
     showCloseButton?: boolean;
+    slotProps?: {
+        overlay?: React.ComponentProps<typeof DialogPrimitive.Overlay>;
+    };
 }): import("react/jsx-runtime").JSX.Element;
 declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle(props: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
 declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DialogPrimitive };
 //# sourceMappingURL=Dialog.d.ts.map

package/Dialog/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,iBAAS,MAAM,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnE;AAED,iBAAS,aAAa,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAE7E;AAED,iBAAS,YAAY,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAE3E;AAED,iBAAS,WAAW,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEzE;AAED,iBAAS,aAAa,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAW7E;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACnF,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,2CAkDA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED,iBAAS,WAAW,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,iBAAiB,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQrF;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,EACb,eAAe,EAChB,CAAA"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAOzD,iBAAS,MAAM,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnE;AAED,iBAAS,aAAa,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAE7E;AAED,iBAAS,YAAY,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAE3E;AAED,iBAAS,WAAW,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEzE;AAED,iBAAS,aAAa,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAW7E;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACnF,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAC;KAChE,CAAA;CACF,2CAsEA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CA2B7E;AAED,iBAAS,iBAAiB,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAYrF;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,EACb,eAAe,EAChB,CAAA"}

package/Dialog/Dialog.js

@@ -1,28 +1,31 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import * as p from "react";
 import * as a from "@radix-ui/react-dialog";
-import { XIcon as c } from "lucide-react";
+import { XIcon as m } from "lucide-react";
 import { cn as n } from "@oneplatformdev/utils";
-function x({
+import { useDialogClosePosition as x } from "./useDialogClosePosition.js";
+import { ButtonIcon as h } from "../ButtonIcon/ButtonIcon.js";
+function z({
   ...t
 }) {
   return /* @__PURE__ */ e(a.Root, { "data-slot": "dialog", ...t });
 }
-function v({
+function P({
   ...t
 }) {
   return /* @__PURE__ */ e(a.Trigger, { "data-slot": "dialog-trigger", ...t });
 }
-function u({
+function v({
   ...t
 }) {
   return /* @__PURE__ */ e(a.Portal, { "data-slot": "dialog-portal", ...t });
 }
-function D({
+function k({
   ...t
 }) {
   return /* @__PURE__ */ e(a.Close, { "data-slot": "dialog-close", ...t });
 }
-function f({
+function b({
   className: t,
   ...o
 }) {
@@ -38,40 +41,47 @@ function f({
     }
   );
 }
-function b(t) {
+function j(t) {
   const {
     className: o,
     children: i,
-    showCloseButton: l = !0,
-    style: r,
-    ...d
-  } = t;
-  return /* @__PURE__ */ e(u, { "data-slot": "dialog-portal", children: /* @__PURE__ */ e(f, { children: /* @__PURE__ */ s(
+    showCloseButton: s = !0,
+    style: c,
+    slotProps: d,
+    ...u
+  } = t, [f, g] = p.useState(null), l = x(f, {
+    enabled: s
+  });
+  return /* @__PURE__ */ e(v, { "data-slot": "dialog-portal", children: /* @__PURE__ */ e(b, { ...d?.overlay, children: /* @__PURE__ */ r(
     a.Content,
     {
+      ref: g,
       "data-slot": "dialog-content",
+      "data-closable": JSON.stringify(s),
       className: n(
+        "group group/content",
         "fixed top-[50%] left-[50%] z-50 translate-x-[-50%] translate-y-[-50%]",
         "flex flex-col w-full max-w-[calc(100%-2rem)] sm:max-w-2xl gap-3",
-        "bg-background rounded-lg border p-4 shadow-lg duration-200",
+        "max-h-[90%] overflow-auto overscroll-none",
+        "bg-background rounded-lg border shadow-lg duration-200 p-6",
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
         "focus:outline-none focus-visible:outline-none focus:ring-0 focus-visible:ring-0 focus:ring-transparent",
         "outline-none focus:outline-none focus-visible:outline-none",
         o
       ),
-      ...d,
+      ...u,
       style: {
         pointerEvents: "auto",
-        ...r || {}
+        ...c || {}
       },
       children: [
         i,
-        l && /* @__PURE__ */ s(
+        s && /* @__PURE__ */ r(
           a.Close,
           {
             "data-slot": "dialog-close",
             className: n(
-              "absolute top-4 right-4 rounded-2xl opacity-70 transition-opacity hover:opacity-100",
+              "absolute top-6 right-6 rounded-2xl opacity-70 transition-opacity hover:opacity-100",
               "data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
               "ring-offset-background focus:ring-transparent focus:ring-0 focus:ring-offset-0 focus:outline-hidden",
               "focus:outline-none focus:ring-0",
@@ -79,8 +89,19 @@ function b(t) {
               '[&_svg]:shrink-0 [&_svg:not([class*="size-"])]:size-5',
               "cursor-pointer size-10 flex items-center justify-center"
             ),
+            style: {
+              top: l.top,
+              right: l.right
+            },
             children: [
-              /* @__PURE__ */ e(c, { className: "size-6 text-[#06080D]" }),
+              /* @__PURE__ */ e(
+                h,
+                {
+                  variant: "ghost",
+                  color: "secondary",
+                  icon: m
+                }
+              ),
               /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
             ]
           }
@@ -89,17 +110,17 @@ function b(t) {
     }
   ) }) });
 }
-function h({ className: t, ...o }) {
+function T({ className: t, ...o }) {
   return /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "dialog-header",
-      className: n("flex flex-col gap-4 justify-center text-center sm:text-left", t),
+      className: n("flex flex-col gap-4 justify-center text-center sm:text-left min-h-10", t),
       ...o
     }
   );
 }
-function y({ className: t, ...o }) {
+function E({ className: t, ...o }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -112,20 +133,37 @@ function y({ className: t, ...o }) {
     }
   );
 }
-function N({
-  className: t,
-  ...o
-}) {
+function O(t) {
+  const {
+    className: o,
+    children: i,
+    ...s
+  } = t;
   return /* @__PURE__ */ e(
     a.Title,
     {
+      asChild: !0,
       "data-slot": "dialog-title",
-      className: n("text-lg leading-none font-bold text-[#06080D]", t),
-      ...o
+      className: n(
+        "flex items-center min-h-10",
+        "group-data-[closable='true']/content:pr-13",
+        o
+      ),
+      ...s,
+      children: /* @__PURE__ */ e(
+        "span",
+        {
+          className: n(
+            "text-lg leading-[1.2] font-bold text-[#06080D]",
+            "whitespace-pre-wrap wrap-break-word line-clamp-10"
+          ),
+          children: i
+        }
+      )
     }
   );
 }
-function z({
+function S({
   className: t,
   ...o
 }) {
@@ -133,22 +171,26 @@ function z({
     a.Description,
     {
       "data-slot": "dialog-description",
-      className: n("text-[#363B4E] font-medium text-base", t),
+      className: n(
+        "text-[#06080D] font-medium text-base",
+        "whitespace-pre-wrap wrap-break-word line-clamp-10",
+        t
+      ),
       ...o
     }
   );
 }
 export {
-  x as Dialog,
-  D as DialogClose,
-  b as DialogContent,
-  z as DialogDescription,
-  y as DialogFooter,
-  h as DialogHeader,
-  f as DialogOverlay,
-  u as DialogPortal,
+  z as Dialog,
+  k as DialogClose,
+  j as DialogContent,
+  S as DialogDescription,
+  E as DialogFooter,
+  T as DialogHeader,
+  b as DialogOverlay,
+  v as DialogPortal,
   a as DialogPrimitive,
-  N as DialogTitle,
-  v as DialogTrigger
+  O as DialogTitle,
+  P as DialogTrigger
 };
 //# sourceMappingURL=Dialog.js.map

package/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../src/Dialog/Dialog.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\r\nimport { XIcon } from \"lucide-react\"\r\n\r\nimport { cn } from \"@oneplatformdev/utils\"\r\n\r\nfunction Dialog({\r\n                  ...props\r\n                }: React.ComponentProps<typeof DialogPrimitive.Root>) {\r\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\r\n}\r\n\r\nfunction DialogTrigger({\r\n                         ...props\r\n                       }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\r\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\r\n}\r\n\r\nfunction DialogPortal({\r\n                        ...props\r\n                      }: React.ComponentProps<typeof DialogPrimitive.Portal>) {\r\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\r\n}\r\n\r\nfunction DialogClose({\r\n                       ...props\r\n                     }: React.ComponentProps<typeof DialogPrimitive.Close>) {\r\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\r\n}\r\n\r\nfunction DialogOverlay({\r\n                         className,\r\n                         ...props\r\n                       }: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\r\n  return (\r\n    <DialogPrimitive.Overlay\r\n      data-slot=\"dialog-overlay\"\r\n      className={cn(\r\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction DialogContent(props: React.ComponentProps<typeof DialogPrimitive.Content> & {\r\n  showCloseButton?: boolean\r\n}) {\r\n  const {\r\n    className,\r\n    children,\r\n    showCloseButton = true,\r\n    style,\r\n    ...rest\r\n  } = props;\r\n  return (\r\n    <DialogPortal data-slot=\"dialog-portal\">\r\n      <DialogOverlay>\r\n        <DialogPrimitive.Content\r\n          data-slot=\"dialog-content\"\r\n          className={cn(\r\n            'fixed top-[50%] left-[50%] z-50 translate-x-[-50%] translate-y-[-50%]',\r\n            'flex flex-col w-full max-w-[calc(100%-2rem)] sm:max-w-2xl gap-3',\r\n            'bg-background rounded-lg border p-4 shadow-lg duration-200',\r\n            'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\r\n            \"focus:outline-none focus-visible:outline-none focus:ring-0 focus-visible:ring-0 focus:ring-transparent\",\r\n            'outline-none focus:outline-none focus-visible:outline-none',\r\n            className\r\n          )}\r\n          {...rest}\r\n          style={{\r\n            pointerEvents: 'auto',\r\n            ...(style || {}),\r\n          }}\r\n        >\r\n          {children}\r\n          {showCloseButton && (\r\n            <DialogPrimitive.Close\r\n              data-slot=\"dialog-close\"\r\n              className={cn(\r\n                'absolute top-4 right-4 rounded-2xl opacity-70 transition-opacity hover:opacity-100',\r\n                'data-[state=open]:bg-accent data-[state=open]:text-muted-foreground',\r\n                'ring-offset-background focus:ring-transparent focus:ring-0 focus:ring-offset-0 focus:outline-hidden',\r\n                'focus:outline-none focus:ring-0',\r\n                'disabled:pointer-events-none [&_svg]:pointer-events-none',\r\n                '[&_svg]:shrink-0 [&_svg:not([class*=\"size-\"])]:size-5',\r\n                'cursor-pointer size-10 flex items-center justify-center',\r\n              )}\r\n            >\r\n              <XIcon className='size-6 text-[#06080D]'/>\r\n              <span className=\"sr-only\">Close</span>\r\n            </DialogPrimitive.Close>\r\n          )}\r\n        </DialogPrimitive.Content>\r\n      </DialogOverlay>\r\n    </DialogPortal>\r\n  )\r\n}\r\n\r\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\r\n  return (\r\n    <div\r\n      data-slot=\"dialog-header\"\r\n      className={cn(\"flex flex-col gap-4 justify-center text-center sm:text-left\", className)}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\r\n  return (\r\n    <div\r\n      data-slot=\"dialog-footer\"\r\n      className={cn(\r\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end pt-4\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction DialogTitle({\r\n                       className,\r\n                       ...props\r\n                     }: React.ComponentProps<typeof DialogPrimitive.Title>) {\r\n  return (\r\n    <DialogPrimitive.Title\r\n      data-slot=\"dialog-title\"\r\n      className={cn(\"text-lg leading-none font-bold text-[#06080D]\", className)}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction DialogDescription({\r\n                             className,\r\n                             ...props\r\n                           }: React.ComponentProps<typeof DialogPrimitive.Description>) {\r\n  return (\r\n    <DialogPrimitive.Description\r\n      data-slot=\"dialog-description\"\r\n      className={cn(\"text-[#363B4E] font-medium text-base\", className)}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nexport {\r\n  Dialog,\r\n  DialogClose,\r\n  DialogContent,\r\n  DialogDescription,\r\n  DialogFooter,\r\n  DialogHeader,\r\n  DialogOverlay,\r\n  DialogPortal,\r\n  DialogTitle,\r\n  DialogTrigger,\r\n  DialogPrimitive\r\n}\r\n"],"names":["Dialog","props","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","className","jsx","cn","DialogContent","children","showCloseButton","style","rest","jsxs","XIcon","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":";;;;AAQA,SAASA,EAAO;AAAA,EACE,GAAGC;AACL,GAAsD;AACpE,2BAAQC,EAAgB,MAAhB,EAAqB,aAAU,UAAU,GAAGD,GAAO;AAC7D;AAEA,SAASE,EAAc;AAAA,EACE,GAAGF;AACL,GAAyD;AAC9E,2BAAQC,EAAgB,SAAhB,EAAwB,aAAU,kBAAkB,GAAGD,GAAO;AACxE;AAEA,SAASG,EAAa;AAAA,EACE,GAAGH;AACL,GAAwD;AAC5E,2BAAQC,EAAgB,QAAhB,EAAuB,aAAU,iBAAiB,GAAGD,GAAO;AACtE;AAEA,SAASI,EAAY;AAAA,EACE,GAAGJ;AACL,GAAuD;AAC1E,2BAAQC,EAAgB,OAAhB,EAAsB,aAAU,gBAAgB,GAAGD,GAAO;AACpE;AAEA,SAASK,EAAc;AAAA,EACE,WAAAC;AAAA,EACA,GAAGN;AACL,GAAyD;AAC9E,SACE,gBAAAO;AAAA,IAACN,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWO;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASS,EAAcT,GAEpB;AACD,QAAM;AAAA,IACJ,WAAAM;AAAA,IACA,UAAAI;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDb;AACJ,SACE,gBAAAO,EAACJ,GAAA,EAAa,aAAU,iBACtB,4BAACE,GAAA,EACC,UAAA,gBAAAS;AAAA,IAACb,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWO;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGO;AAAA,MACJ,OAAO;AAAA,QACL,eAAe;AAAA,QACf,GAAID,KAAS,CAAA;AAAA,MAAC;AAAA,MAGf,UAAA;AAAA,QAAAF;AAAA,QACAC,KACC,gBAAAG;AAAA,UAACb,EAAgB;AAAA,UAAhB;AAAA,YACC,aAAU;AAAA,YACV,WAAWO;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YAAA;AAAA,YAGF,UAAA;AAAA,cAAA,gBAAAD,EAACQ,GAAA,EAAM,WAAU,wBAAA,CAAuB;AAAA,cACxC,gBAAAR,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,QAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACjC;AAAA,IAAA;AAAA,EAAA,GAGN,EAAA,CACF;AAEJ;AAEA,SAASS,EAAa,EAAE,WAAAV,GAAW,GAAGN,KAAsC;AAC1E,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,+DAA+DF,CAAS;AAAA,MACrF,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASiB,EAAa,EAAE,WAAAX,GAAW,GAAGN,KAAsC;AAC1E,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASkB,EAAY;AAAA,EACE,WAAAZ;AAAA,EACA,GAAGN;AACL,GAAuD;AAC1E,SACE,gBAAAO;AAAA,IAACN,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWO,EAAG,iDAAiDF,CAAS;AAAA,MACvE,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASmB,EAAkB;AAAA,EACE,WAAAb;AAAA,EACA,GAAGN;AACL,GAA6D;AACtF,SACE,gBAAAO;AAAA,IAACN,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWO,EAAG,wCAAwCF,CAAS;AAAA,MAC9D,GAAGN;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"Dialog.js","sources":["../../src/Dialog/Dialog.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\r\nimport { XIcon } from \"lucide-react\"\r\n\r\nimport { cn } from \"@oneplatformdev/utils\"\r\nimport { ButtonIcon } from \"../ButtonIcon\";\r\nimport { useDialogClosePosition } from \"./useDialogClosePosition\";\r\n\r\nfunction Dialog({\r\n                  ...props\r\n                }: React.ComponentProps<typeof DialogPrimitive.Root>) {\r\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\r\n}\r\n\r\nfunction DialogTrigger({\r\n                         ...props\r\n                       }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\r\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\r\n}\r\n\r\nfunction DialogPortal({\r\n                        ...props\r\n                      }: React.ComponentProps<typeof DialogPrimitive.Portal>) {\r\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\r\n}\r\n\r\nfunction DialogClose({\r\n                       ...props\r\n                     }: React.ComponentProps<typeof DialogPrimitive.Close>) {\r\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\r\n}\r\n\r\nfunction DialogOverlay({\r\n                         className,\r\n                         ...props\r\n                       }: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\r\n  return (\r\n    <DialogPrimitive.Overlay\r\n      data-slot=\"dialog-overlay\"\r\n      className={cn(\r\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction DialogContent(props: React.ComponentProps<typeof DialogPrimitive.Content> & {\r\n  showCloseButton?: boolean;\r\n  slotProps?: {\r\n    overlay?: React.ComponentProps<typeof DialogPrimitive.Overlay>;\r\n  }\r\n}) {\r\n  const {\r\n    className,\r\n    children,\r\n    showCloseButton = true,\r\n    style,\r\n    slotProps,\r\n    ...rest\r\n  } = props;\r\n  const [contentEl, setContentEl] = React.useState<HTMLDivElement | null>(null);\r\n\r\n  const closePosition = useDialogClosePosition(contentEl, {\r\n    enabled: showCloseButton,\r\n  });\r\n\r\n\r\n  return (\r\n    <DialogPortal data-slot=\"dialog-portal\">\r\n      <DialogOverlay {...slotProps?.overlay}>\r\n        <DialogPrimitive.Content\r\n          ref={setContentEl}\r\n          data-slot=\"dialog-content\"\r\n          data-closable={JSON.stringify(showCloseButton)}\r\n          className={cn(\r\n            'group group/content',\r\n            'fixed top-[50%] left-[50%] z-50 translate-x-[-50%] translate-y-[-50%]',\r\n            'flex flex-col w-full max-w-[calc(100%-2rem)] sm:max-w-2xl gap-3',\r\n            'max-h-[90%] overflow-auto overscroll-none',\r\n            'bg-background rounded-lg border shadow-lg duration-200 p-6',\r\n            'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\r\n            \"focus:outline-none focus-visible:outline-none focus:ring-0 focus-visible:ring-0 focus:ring-transparent\",\r\n            'outline-none focus:outline-none focus-visible:outline-none',\r\n            className\r\n          )}\r\n          {...rest}\r\n          style={{\r\n            pointerEvents: 'auto',\r\n            ...(style || {}),\r\n          }}\r\n        >\r\n          {children}\r\n          {showCloseButton && (\r\n            <DialogPrimitive.Close\r\n              data-slot=\"dialog-close\"\r\n              className={cn(\r\n                'absolute top-6 right-6 rounded-2xl opacity-70 transition-opacity hover:opacity-100',\r\n                'data-[state=open]:bg-accent data-[state=open]:text-muted-foreground',\r\n                'ring-offset-background focus:ring-transparent focus:ring-0 focus:ring-offset-0 focus:outline-hidden',\r\n                'focus:outline-none focus:ring-0',\r\n                'disabled:pointer-events-none [&_svg]:pointer-events-none',\r\n                '[&_svg]:shrink-0 [&_svg:not([class*=\"size-\"])]:size-5',\r\n                'cursor-pointer size-10 flex items-center justify-center',\r\n              )}\r\n              style={{\r\n                top: closePosition.top,\r\n                right: closePosition.right,\r\n              }}\r\n            >\r\n              <ButtonIcon\r\n                variant='ghost'\r\n                color='secondary'\r\n                icon={XIcon}\r\n              />\r\n              <span className=\"sr-only\">Close</span>\r\n            </DialogPrimitive.Close>\r\n          )}\r\n        </DialogPrimitive.Content>\r\n      </DialogOverlay>\r\n    </DialogPortal>\r\n  )\r\n}\r\n\r\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\r\n  return (\r\n    <div\r\n      data-slot=\"dialog-header\"\r\n      className={cn(\"flex flex-col gap-4 justify-center text-center sm:text-left min-h-10\", className)}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\r\n  return (\r\n    <div\r\n      data-slot=\"dialog-footer\"\r\n      className={cn(\r\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end pt-4\",\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nfunction DialogTitle(props: React.ComponentProps<typeof DialogPrimitive.Title>) {\r\n  const {\r\n    className,\r\n    children,\r\n    ...rest\r\n  } = props;\r\n  return (\r\n    <DialogPrimitive.Title\r\n      asChild\r\n      data-slot=\"dialog-title\"\r\n      className={cn(\r\n        \"flex items-center min-h-10\",\r\n        \"group-data-[closable='true']/content:pr-13\",\r\n        className\r\n      )}\r\n      {...rest}\r\n    >\r\n      <span\r\n        className={cn(\r\n          \"text-lg leading-[1.2] font-bold text-[#06080D]\",\r\n          'whitespace-pre-wrap wrap-break-word line-clamp-10',\r\n        )}\r\n      >\r\n        {children}\r\n      </span>\r\n    </DialogPrimitive.Title>\r\n  )\r\n}\r\n\r\nfunction DialogDescription({\r\n                             className,\r\n                             ...props\r\n                           }: React.ComponentProps<typeof DialogPrimitive.Description>) {\r\n  return (\r\n    <DialogPrimitive.Description\r\n      data-slot=\"dialog-description\"\r\n      className={cn(\r\n        \"text-[#06080D] font-medium text-base\",\r\n        'whitespace-pre-wrap wrap-break-word line-clamp-10',\r\n        className\r\n      )}\r\n      {...props}\r\n    />\r\n  )\r\n}\r\n\r\nexport {\r\n  Dialog,\r\n  DialogClose,\r\n  DialogContent,\r\n  DialogDescription,\r\n  DialogFooter,\r\n  DialogHeader,\r\n  DialogOverlay,\r\n  DialogPortal,\r\n  DialogTitle,\r\n  DialogTrigger,\r\n  DialogPrimitive\r\n}\r\n"],"names":["Dialog","props","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","className","jsx","cn","DialogContent","children","showCloseButton","style","slotProps","rest","contentEl","setContentEl","React","closePosition","useDialogClosePosition","jsxs","ButtonIcon","XIcon","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":"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"}

package/Dialog/Dialog.stories.js

@@ -0,0 +1,108 @@
+import { jsx as o, jsxs as e } from "react/jsx-runtime";
+import { Dialog as b, DialogTrigger as O, DialogContent as B, DialogHeader as v, DialogTitle as w, DialogDescription as N, DialogFooter as T, DialogClose as F } from "./Dialog.js";
+import { useState as L, useCallback as S } from "react";
+import { Button as l } from "../Button/Button.js";
+function I(p) {
+  const {
+    open: i,
+    onOpenChange: r,
+    title: h,
+    description: a,
+    showCloseButton: u = !0,
+    withFooter: m = !0,
+    initialOpen: f = !1,
+    triggerLabel: C = "Open dialog",
+    bodyText: s = "Some content inside dialog…",
+    longBody: c = !1
+  } = p, [D, x] = L(f), t = i !== void 0, y = t ? i : D, d = S((n) => {
+    t || x(n), r?.(n);
+  }, [t, r]);
+  return /* @__PURE__ */ o("div", { className: "p-10", children: /* @__PURE__ */ e(b, { open: y, onOpenChange: d, children: [
+    /* @__PURE__ */ o(O, { asChild: !0, children: /* @__PURE__ */ o(l, { variant: "outlined", children: C }) }),
+    /* @__PURE__ */ e(
+      B,
+      {
+        showCloseButton: u,
+        className: "p-12",
+        children: [
+          /* @__PURE__ */ e(v, { children: [
+            /* @__PURE__ */ e(w, { children: [
+              h,
+              " 123"
+            ] }),
+            a ? /* @__PURE__ */ o(N, { children: a }) : null
+          ] }),
+          /* @__PURE__ */ o("div", { className: c ? "max-h-[50vh] overflow-auto pr-1" : void 0, children: c ? /* @__PURE__ */ o("div", { className: "space-y-3 text-sm leading-6", children: Array.from({ length: 30 }).map((n, g) => /* @__PURE__ */ e("p", { children: [
+            "#",
+            g + 1,
+            ". ",
+            s,
+            " Lorem ipsum dolor sit amet, consectetur adipiscing elit."
+          ] }, g)) }) : /* @__PURE__ */ o("p", { className: "text-sm leading-6", children: s }) }),
+          m ? /* @__PURE__ */ e(T, { children: [
+            /* @__PURE__ */ o(F, { asChild: !0, children: /* @__PURE__ */ o(l, { color: "secondary", children: "Cancel" }) }),
+            /* @__PURE__ */ o(l, { onClick: () => d(!1), children: "Save" })
+          ] }) : null
+        ]
+      }
+    )
+  ] }) });
+}
+const U = {
+  title: "UI/Dialog",
+  component: I,
+  parameters: {
+    layout: "fullscreen"
+  },
+  argTypes: {
+    title: { control: "text" },
+    description: { control: "text" },
+    showCloseButton: { control: "boolean" },
+    withFooter: { control: "boolean" },
+    initialOpen: { control: "boolean" },
+    triggerLabel: { control: "text" },
+    bodyText: { control: "text" },
+    longBody: { control: "boolean" }
+  },
+  args: {
+    title: "Dialog title",
+    description: "Dialog description",
+    showCloseButton: !0,
+    withFooter: !0,
+    initialOpen: !1,
+    triggerLabel: "Open dialog",
+    bodyText: "Some content inside dialog…",
+    longBody: !1
+  }
+}, W = {}, _ = {
+  args: {
+    description: ""
+  }
+}, q = {
+  args: {
+    showCloseButton: !1
+  }
+}, z = {
+  args: {
+    withFooter: !1
+  }
+}, E = {
+  args: {
+    longBody: !0,
+    bodyText: "Long text line"
+  }
+}, G = {
+  args: {
+    initialOpen: !0
+  }
+};
+export {
+  W as Default,
+  G as InitiallyOpen,
+  E as LongContentScrollable,
+  q as NoCloseButton,
+  z as NoFooter,
+  _ as WithoutDescription,
+  U as default
+};
+//# sourceMappingURL=Dialog.stories.js.map

package/Dialog/Dialog.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.stories.js","sources":["../../src/Dialog/Dialog.stories.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport type { Meta, StoryObj } from \"@storybook/react\";\r\n\r\nimport {\r\n  Dialog,\r\n  DialogTrigger,\r\n  DialogContent,\r\n  DialogHeader,\r\n  DialogTitle,\r\n  DialogDescription,\r\n  DialogFooter,\r\n  DialogClose,\r\n} from \"./Dialog\";\r\nimport { Button } from \"../Button\";\r\nimport { useCallback, useState } from \"react\";\r\nimport { DialogControlsProps } from \"./Dialog.types\";\r\n\r\ntype DialogDemoProps = DialogControlsProps & {\r\n  title: string;\r\n  description?: string;\r\n  showCloseButton?: boolean;\r\n  withFooter?: boolean;\r\n  initialOpen?: boolean;\r\n  triggerLabel?: string;\r\n  bodyText?: string;\r\n  longBody?: boolean;\r\n};\r\n\r\n// TODO: create cmp like alert\r\nfunction DialogDemo(props: DialogDemoProps) {\r\n  const {\r\n    open: controlledOpen,\r\n    onOpenChange,\r\n    title,\r\n    description,\r\n    showCloseButton = true,\r\n    withFooter = true,\r\n    initialOpen = false,\r\n    triggerLabel = \"Open dialog\",\r\n    bodyText = \"Some content inside dialog…\",\r\n    longBody = false,\r\n  } = props;\r\n\r\n  const [ internalOpen, setInternalOpen ] = useState(initialOpen);\r\n  const isControlled = controlledOpen !== undefined;\r\n  const open = isControlled ? controlledOpen : internalOpen;\r\n  const setOpen = useCallback((next: boolean) => {\r\n    if (!isControlled) setInternalOpen(next);\r\n    onOpenChange?.(next);\r\n  }, [ isControlled, onOpenChange ]);\r\n\r\n  return (\r\n    <div className=\"p-10\">\r\n      <Dialog open={open} onOpenChange={setOpen}>\r\n        <DialogTrigger asChild>\r\n          <Button variant='outlined'>\r\n            {triggerLabel}\r\n          </Button>\r\n        </DialogTrigger>\r\n\r\n        <DialogContent\r\n          showCloseButton={showCloseButton}\r\n          className='p-12'\r\n        >\r\n          <DialogHeader>\r\n            <DialogTitle>{title} 123</DialogTitle>\r\n            {description ? <DialogDescription>{description}</DialogDescription> : null}\r\n          </DialogHeader>\r\n\r\n          <div className={longBody ? \"max-h-[50vh] overflow-auto pr-1\" : undefined}>\r\n            {longBody ? (\r\n              <div className=\"space-y-3 text-sm leading-6\">\r\n                {Array.from({ length: 30 }).map((_, i) => (\r\n                  <p key={i}>\r\n                    #{i + 1}. {bodyText} Lorem ipsum dolor sit amet, consectetur adipiscing elit.\r\n                  </p>\r\n                ))}\r\n              </div>\r\n            ) : (\r\n              <p className=\"text-sm leading-6\">{bodyText}</p>\r\n            )}\r\n          </div>\r\n\r\n          {withFooter ? (\r\n            <DialogFooter>\r\n              <DialogClose asChild>\r\n                <Button color='secondary'>\r\n                  Cancel\r\n                </Button>\r\n              </DialogClose>\r\n\r\n              <Button onClick={() => setOpen(false)}>\r\n                Save\r\n              </Button>\r\n            </DialogFooter>\r\n          ) : null}\r\n        </DialogContent>\r\n      </Dialog>\r\n    </div>\r\n  );\r\n}\r\n\r\nconst meta: Meta<typeof DialogDemo> = {\r\n  title: \"UI/Dialog\",\r\n  component: DialogDemo,\r\n  parameters: {\r\n    layout: \"fullscreen\",\r\n  },\r\n  argTypes: {\r\n    title: { control: \"text\" },\r\n    description: { control: \"text\" },\r\n    showCloseButton: { control: \"boolean\" },\r\n    withFooter: { control: \"boolean\" },\r\n    initialOpen: { control: \"boolean\" },\r\n    triggerLabel: { control: \"text\" },\r\n    bodyText: { control: \"text\" },\r\n    longBody: { control: \"boolean\" },\r\n  },\r\n  args: {\r\n    title: \"Dialog title\",\r\n    description: \"Dialog description\",\r\n    showCloseButton: true,\r\n    withFooter: true,\r\n    initialOpen: false,\r\n    triggerLabel: \"Open dialog\",\r\n    bodyText: \"Some content inside dialog…\",\r\n    longBody: false,\r\n  },\r\n};\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof DialogDemo>;\r\n\r\nexport const Default: Story = {};\r\n\r\nexport const WithoutDescription: Story = {\r\n  args: {\r\n    description: \"\",\r\n  },\r\n};\r\n\r\nexport const NoCloseButton: Story = {\r\n  args: {\r\n    showCloseButton: false,\r\n  },\r\n};\r\n\r\nexport const NoFooter: Story = {\r\n  args: {\r\n    withFooter: false,\r\n  },\r\n};\r\n\r\nexport const LongContentScrollable: Story = {\r\n  args: {\r\n    longBody: true,\r\n    bodyText: \"Long text line\",\r\n  },\r\n};\r\n\r\nexport const InitiallyOpen: Story = {\r\n  args: {\r\n    initialOpen: true,\r\n  },\r\n};\r\n"],"names":["DialogDemo","props","controlledOpen","onOpenChange","title","description","showCloseButton","withFooter","initialOpen","triggerLabel","bodyText","longBody","internalOpen","setInternalOpen","useState","isControlled","open","setOpen","useCallback","next","jsx","Dialog","DialogTrigger","Button","jsxs","DialogContent","DialogHeader","DialogTitle","DialogDescription","_","i","DialogFooter","DialogClose","meta","Default","WithoutDescription","NoCloseButton","NoFooter","LongContentScrollable","InitiallyOpen"],"mappings":"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"}

package/Dialog/Dialog.types.d.ts

@@ -0,0 +1,4 @@
+import { ComponentProps } from 'react';
+import { Dialog } from './Dialog';
+export type DialogControlsProps = Pick<ComponentProps<typeof Dialog>, 'open' | 'onOpenChange'>;
+//# sourceMappingURL=Dialog.types.d.ts.map

package/Dialog/Dialog.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.types.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC,CAAA"}

package/Dialog/Dialog.types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=Dialog.types.js.map

package/Dialog/Dialog.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/Dialog/index.d.ts

@@ -1,3 +1,4 @@
 export * from './Dialog';
 export * from './DialogOverlayScope';
+export type * from './Dialog.types';
 //# sourceMappingURL=index.d.ts.map

package/Dialog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAA;AACpC,mBAAmB,gBAAgB,CAAA"}

package/Dialog/useDialogClosePosition.d.ts

@@ -0,0 +1,11 @@
+type UseDialogClosePositionOptions = {
+    enabled?: boolean;
+    titleSelector?: string;
+};
+type DialogClosePosition = {
+    top?: number;
+    right?: number;
+};
+export declare function useDialogClosePosition(contentEl: HTMLElement | null, options?: UseDialogClosePositionOptions): DialogClosePosition;
+export {};
+//# sourceMappingURL=useDialogClosePosition.d.ts.map

package/Dialog/useDialogClosePosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDialogClosePosition.d.ts","sourceRoot":"","sources":["../../src/Dialog/useDialogClosePosition.ts"],"names":[],"mappings":"AAEA,KAAK,6BAA6B,GAAG;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,wBAAgB,sBAAsB,CACpC,SAAS,EAAE,WAAW,GAAG,IAAI,EAC7B,OAAO,CAAC,EAAE,6BAA6B,uBAkFxC"}

package/Dialog/useDialogClosePosition.js

@@ -0,0 +1,50 @@
+import * as a from "react";
+function g(i, c) {
+  const {
+    enabled: s = !0,
+    titleSelector: u = '[data-slot="dialog-title"]'
+  } = c ?? {}, [l, d] = a.useState({}), r = a.useCallback((t) => {
+    d((e) => e.top === t.top && e.right === t.right ? e : t);
+  }, []), o = a.useCallback(() => {
+    if (!s || !i) {
+      r({});
+      return;
+    }
+    const t = i.querySelector(u);
+    if (!t) {
+      r({});
+      return;
+    }
+    const e = i.getBoundingClientRect(), n = t.getBoundingClientRect();
+    if (e.width <= 0 || e.height <= 0 || n.width <= 0 || n.height <= 0) {
+      r({});
+      return;
+    }
+    r({
+      top: Math.round(n.top - e.top),
+      right: Math.round(e.right - n.right)
+    });
+  }, [i, s, r, u]);
+  return a.useEffect(() => {
+    if (!s || !i) {
+      r({});
+      return;
+    }
+    let t = 0, e = 0;
+    t = requestAnimationFrame(() => {
+      e = requestAnimationFrame(() => {
+        o();
+      });
+    });
+    const n = new ResizeObserver(() => {
+      o();
+    });
+    return n.observe(i), window.addEventListener("resize", o), () => {
+      cancelAnimationFrame(t), cancelAnimationFrame(e), n.disconnect(), window.removeEventListener("resize", o);
+    };
+  }, [i, s, o, r]), l;
+}
+export {
+  g as useDialogClosePosition
+};
+//# sourceMappingURL=useDialogClosePosition.js.map

package/Dialog/useDialogClosePosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDialogClosePosition.js","sources":["../../src/Dialog/useDialogClosePosition.ts"],"sourcesContent":["import * as React from 'react';\r\n\r\ntype UseDialogClosePositionOptions = {\r\n  enabled?: boolean;\r\n  titleSelector?: string;\r\n};\r\n\r\ntype DialogClosePosition = {\r\n  top?: number;\r\n  right?: number;\r\n};\r\n\r\nexport function useDialogClosePosition(\r\n  contentEl: HTMLElement | null,\r\n  options?: UseDialogClosePositionOptions,\r\n) {\r\n  const {\r\n    enabled = true,\r\n    titleSelector = '[data-slot=\"dialog-title\"]',\r\n  } = options ?? {};\r\n\r\n  const [position, setPosition] = React.useState<DialogClosePosition>({});\r\n\r\n  const setIfChanged = React.useCallback((next: DialogClosePosition) => {\r\n    setPosition((prev) => {\r\n      if (prev.top === next.top && prev.right === next.right) {\r\n        return prev;\r\n      }\r\n\r\n      return next;\r\n    });\r\n  }, []);\r\n\r\n  const measure = React.useCallback(() => {\r\n    if (!enabled || !contentEl) {\r\n      setIfChanged({});\r\n      return;\r\n    }\r\n\r\n    const titleEl = contentEl.querySelector<HTMLElement>(titleSelector);\r\n\r\n    if (!titleEl) {\r\n      setIfChanged({});\r\n      return;\r\n    }\r\n\r\n    const contentRect = contentEl.getBoundingClientRect();\r\n    const titleRect = titleEl.getBoundingClientRect();\r\n\r\n    if (\r\n      contentRect.width <= 0 ||\r\n      contentRect.height <= 0 ||\r\n      titleRect.width <= 0 ||\r\n      titleRect.height <= 0\r\n    ) {\r\n      setIfChanged({});\r\n      return;\r\n    }\r\n\r\n    setIfChanged({\r\n      top: Math.round(titleRect.top - contentRect.top),\r\n      right: Math.round(contentRect.right - titleRect.right),\r\n    });\r\n  }, [contentEl, enabled, setIfChanged, titleSelector]);\r\n\r\n  React.useEffect(() => {\r\n    if (!enabled || !contentEl) {\r\n      setIfChanged({});\r\n      return;\r\n    }\r\n\r\n    let raf1 = 0;\r\n    let raf2 = 0;\r\n\r\n    raf1 = requestAnimationFrame(() => {\r\n      raf2 = requestAnimationFrame(() => {\r\n        measure();\r\n      });\r\n    });\r\n\r\n    const resizeObserver = new ResizeObserver(() => {\r\n      measure();\r\n    });\r\n\r\n    resizeObserver.observe(contentEl);\r\n    window.addEventListener('resize', measure);\r\n\r\n    return () => {\r\n      cancelAnimationFrame(raf1);\r\n      cancelAnimationFrame(raf2);\r\n      resizeObserver.disconnect();\r\n      window.removeEventListener('resize', measure);\r\n    };\r\n  }, [contentEl, enabled, measure, setIfChanged]);\r\n\r\n  return position;\r\n}\r\n"],"names":["useDialogClosePosition","contentEl","options","enabled","titleSelector","position","setPosition","React","setIfChanged","next","prev","measure","titleEl","contentRect","titleRect","raf1","raf2","resizeObserver"],"mappings":";AAYO,SAASA,EACdC,GACAC,GACA;AACA,QAAM;AAAA,IACJ,SAAAC,IAAU;AAAA,IACV,eAAAC,IAAgB;AAAA,EAAA,IACdF,KAAW,CAAA,GAET,CAACG,GAAUC,CAAW,IAAIC,EAAM,SAA8B,CAAA,CAAE,GAEhEC,IAAeD,EAAM,YAAY,CAACE,MAA8B;AACpE,IAAAH,EAAY,CAACI,MACPA,EAAK,QAAQD,EAAK,OAAOC,EAAK,UAAUD,EAAK,QACxCC,IAGFD,CACR;AAAA,EACH,GAAG,CAAA,CAAE,GAECE,IAAUJ,EAAM,YAAY,MAAM;AACtC,QAAI,CAACJ,KAAW,CAACF,GAAW;AAC1B,MAAAO,EAAa,CAAA,CAAE;AACf;AAAA,IACF;AAEA,UAAMI,IAAUX,EAAU,cAA2BG,CAAa;AAElE,QAAI,CAACQ,GAAS;AACZ,MAAAJ,EAAa,CAAA,CAAE;AACf;AAAA,IACF;AAEA,UAAMK,IAAcZ,EAAU,sBAAA,GACxBa,IAAYF,EAAQ,sBAAA;AAE1B,QACEC,EAAY,SAAS,KACrBA,EAAY,UAAU,KACtBC,EAAU,SAAS,KACnBA,EAAU,UAAU,GACpB;AACA,MAAAN,EAAa,CAAA,CAAE;AACf;AAAA,IACF;AAEA,IAAAA,EAAa;AAAA,MACX,KAAK,KAAK,MAAMM,EAAU,MAAMD,EAAY,GAAG;AAAA,MAC/C,OAAO,KAAK,MAAMA,EAAY,QAAQC,EAAU,KAAK;AAAA,IAAA,CACtD;AAAA,EACH,GAAG,CAACb,GAAWE,GAASK,GAAcJ,CAAa,CAAC;AAEpD,SAAAG,EAAM,UAAU,MAAM;AACpB,QAAI,CAACJ,KAAW,CAACF,GAAW;AAC1B,MAAAO,EAAa,CAAA,CAAE;AACf;AAAA,IACF;AAEA,QAAIO,IAAO,GACPC,IAAO;AAEX,IAAAD,IAAO,sBAAsB,MAAM;AACjC,MAAAC,IAAO,sBAAsB,MAAM;AACjC,QAAAL,EAAA;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAED,UAAMM,IAAiB,IAAI,eAAe,MAAM;AAC9C,MAAAN,EAAA;AAAA,IACF,CAAC;AAED,WAAAM,EAAe,QAAQhB,CAAS,GAChC,OAAO,iBAAiB,UAAUU,CAAO,GAElC,MAAM;AACX,2BAAqBI,CAAI,GACzB,qBAAqBC,CAAI,GACzBC,EAAe,WAAA,GACf,OAAO,oBAAoB,UAAUN,CAAO;AAAA,IAC9C;AAAA,EACF,GAAG,CAACV,GAAWE,GAASQ,GAASH,CAAY,CAAC,GAEvCH;AACT;"}

package/DropdownMenu/DropdownMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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"}