@oneplatformdev/ui 0.1.99-beta.25 → 0.1.99-beta.251

package/Dialog/Dialog.js

@@ -1,28 +1,32 @@
-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 { ButtonIcon as x } from "../ButtonIcon/ButtonIcon.js";
+import "../ButtonIcon/buttonIconVariants.js";
+import { useDialogClosePosition as h } from "./useDialogClosePosition.js";
+function P({
   ...t
 }) {
   return /* @__PURE__ */ e(a.Root, { "data-slot": "dialog", ...t });
 }
-function v({
+function k({
   ...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 j({
   ...t
 }) {
   return /* @__PURE__ */ e(a.Close, { "data-slot": "dialog-close", ...t });
 }
-function g({
+function b({
   className: t,
   ...o
 }) {
@@ -38,40 +42,47 @@ function g({
     }
   );
 }
-function b(t) {
+function T(t) {
   const {
     className: o,
     children: i,
-    showCloseButton: l = !0,
-    style: r,
-    ...d
-  } = t;
-  return /* @__PURE__ */ e(u, { "data-slot": "dialog-portal", children: /* @__PURE__ */ e(g, { children: /* @__PURE__ */ s(
+    showCloseButton: s = !0,
+    style: c,
+    slotProps: d,
+    ...u
+  } = t, [f, g] = p.useState(null), l = h(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%]",
-        "grid w-full max-w-[calc(100%-2rem)] gap-3 sm:max-w-2xl",
-        "bg-background rounded-lg border p-4 shadow-lg duration-200",
+        "flex flex-col w-full max-w-[calc(100%-2rem)] sm:max-w-2xl gap-3",
+        "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 +90,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(
+                x,
+                {
+                  variant: "ghost",
+                  color: "secondary",
+                  icon: m
+                }
+              ),
               /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
             ]
           }
@@ -89,17 +111,17 @@ function b(t) {
     }
   ) }) });
 }
-function h({ className: t, ...o }) {
+function E({ 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 O({ className: t, ...o }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -112,20 +134,37 @@ function y({ className: t, ...o }) {
     }
   );
 }
-function N({
-  className: t,
-  ...o
-}) {
+function S(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 _({
   className: t,
   ...o
 }) {
@@ -133,22 +172,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,
-  g as DialogOverlay,
-  u as DialogPortal,
+  P as Dialog,
+  j as DialogClose,
+  T as DialogContent,
+  _ as DialogDescription,
+  O as DialogFooter,
+  E as DialogHeader,
+  b as DialogOverlay,
+  v as DialogPortal,
   a as DialogPrimitive,
-  N as DialogTitle,
-  v as DialogTrigger
+  S as DialogTitle,
+  k 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\"\n\nimport * as React from \"react\"\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { XIcon } from \"lucide-react\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nfunction Dialog({\n                  ...props\n                }: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nfunction DialogTrigger({\n                         ...props\n                       }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({\n                        ...props\n                      }: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({\n                       ...props\n                     }: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({\n                         className,\n                         ...props\n                       }: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\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\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogContent(props: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean\n}) {\n  const {\n    className,\n    children,\n    showCloseButton = true,\n    style,\n    ...rest\n  } = props;\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay>\n        <DialogPrimitive.Content\n          data-slot=\"dialog-content\"\n          className={cn(\n            'fixed top-[50%] left-[50%] z-50 translate-x-[-50%] translate-y-[-50%]',\n            'grid w-full max-w-[calc(100%-2rem)] gap-3 sm:max-w-2xl',\n            'bg-background rounded-lg border p-4 shadow-lg duration-200',\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',\n            \"focus:outline-none focus-visible:outline-none focus:ring-0 focus-visible:ring-0 focus:ring-transparent\",\n            'outline-none focus:outline-none focus-visible:outline-none',\n            className\n          )}\n          {...rest}\n          style={{\n            pointerEvents: 'auto',\n            ...(style || {}),\n          }}\n        >\n          {children}\n          {showCloseButton && (\n            <DialogPrimitive.Close\n              data-slot=\"dialog-close\"\n              className={cn(\n                'absolute top-4 right-4 rounded-2xl opacity-70 transition-opacity hover:opacity-100',\n                'data-[state=open]:bg-accent data-[state=open]:text-muted-foreground',\n                'ring-offset-background focus:ring-transparent focus:ring-0 focus:ring-offset-0 focus:outline-hidden',\n                'focus:outline-none focus:ring-0',\n                'disabled:pointer-events-none [&_svg]:pointer-events-none',\n                '[&_svg]:shrink-0 [&_svg:not([class*=\"size-\"])]:size-5',\n                'cursor-pointer size-10 flex items-center justify-center',\n              )}\n            >\n              <XIcon className='size-6 text-[#06080D]'/>\n              <span className=\"sr-only\">Close</span>\n            </DialogPrimitive.Close>\n          )}\n        </DialogPrimitive.Content>\n      </DialogOverlay>\n    </DialogPortal>\n  )\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-4 justify-center text-center sm:text-left\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end pt-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogTitle({\n                       className,\n                       ...props\n                     }: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg leading-none font-bold text-[#06080D]\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogDescription({\n                             className,\n                             ...props\n                           }: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-[#363B4E] font-medium text-base\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n  DialogPrimitive\n}\n"],"names":["Dialog","props","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","className","jsx","cn","DialogContent","children","showCloseButton","style","rest","jsxs","XIcon","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":"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"}
+{"version":3,"file":"Dialog.js","sources":["../../src/Dialog/Dialog.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { XIcon } from \"lucide-react\"\n\nimport { cn } from \"@oneplatformdev/utils\"\nimport { ButtonIcon } from \"../ButtonIcon\";\nimport { useDialogClosePosition } from \"./useDialogClosePosition\";\n\nfunction Dialog({\n                  ...props\n                }: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nfunction DialogTrigger({\n                         ...props\n                       }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({\n                        ...props\n                      }: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({\n                       ...props\n                     }: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({\n                         className,\n                         ...props\n                       }: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\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\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogContent(props: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean;\n  slotProps?: {\n    overlay?: React.ComponentProps<typeof DialogPrimitive.Overlay>;\n  }\n}) {\n  const {\n    className,\n    children,\n    showCloseButton = true,\n    style,\n    slotProps,\n    ...rest\n  } = props;\n  const [contentEl, setContentEl] = React.useState<HTMLDivElement | null>(null);\n\n  const closePosition = useDialogClosePosition(contentEl, {\n    enabled: showCloseButton,\n  });\n\n\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay {...slotProps?.overlay}>\n        <DialogPrimitive.Content\n          ref={setContentEl}\n          data-slot=\"dialog-content\"\n          data-closable={JSON.stringify(showCloseButton)}\n          className={cn(\n            'group group/content',\n            'fixed top-[50%] left-[50%] z-50 translate-x-[-50%] translate-y-[-50%]',\n            'flex flex-col w-full max-w-[calc(100%-2rem)] sm:max-w-2xl gap-3',\n            'max-h-[90%] overflow-auto overscroll-none',\n            'bg-background rounded-lg border shadow-lg duration-200 p-6',\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',\n            \"focus:outline-none focus-visible:outline-none focus:ring-0 focus-visible:ring-0 focus:ring-transparent\",\n            'outline-none focus:outline-none focus-visible:outline-none',\n            className\n          )}\n          {...rest}\n          style={{\n            pointerEvents: 'auto',\n            ...(style || {}),\n          }}\n        >\n          {children}\n          {showCloseButton && (\n            <DialogPrimitive.Close\n              data-slot=\"dialog-close\"\n              className={cn(\n                'absolute top-6 right-6 rounded-2xl opacity-70 transition-opacity hover:opacity-100',\n                'data-[state=open]:bg-accent data-[state=open]:text-muted-foreground',\n                'ring-offset-background focus:ring-transparent focus:ring-0 focus:ring-offset-0 focus:outline-hidden',\n                'focus:outline-none focus:ring-0',\n                'disabled:pointer-events-none [&_svg]:pointer-events-none',\n                '[&_svg]:shrink-0 [&_svg:not([class*=\"size-\"])]:size-5',\n                'cursor-pointer size-10 flex items-center justify-center',\n              )}\n              style={{\n                top: closePosition.top,\n                right: closePosition.right,\n              }}\n            >\n              <ButtonIcon\n                variant='ghost'\n                color='secondary'\n                icon={XIcon}\n              />\n              <span className=\"sr-only\">Close</span>\n            </DialogPrimitive.Close>\n          )}\n        </DialogPrimitive.Content>\n      </DialogOverlay>\n    </DialogPortal>\n  )\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-4 justify-center text-center sm:text-left min-h-10\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end pt-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogTitle(props: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  const {\n    className,\n    children,\n    ...rest\n  } = props;\n  return (\n    <DialogPrimitive.Title\n      asChild\n      data-slot=\"dialog-title\"\n      className={cn(\n        \"flex items-center min-h-10\",\n        \"group-data-[closable='true']/content:pr-13\",\n        className\n      )}\n      {...rest}\n    >\n      <span\n        className={cn(\n          \"text-lg leading-[1.2] font-bold text-[#06080D]\",\n          'whitespace-pre-wrap wrap-break-word line-clamp-10',\n        )}\n      >\n        {children}\n      </span>\n    </DialogPrimitive.Title>\n  )\n}\n\nfunction DialogDescription({\n                             className,\n                             ...props\n                           }: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\n        \"text-[#06080D] font-medium text-base\",\n        'whitespace-pre-wrap wrap-break-word line-clamp-10',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n  DialogPrimitive\n}\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,109 @@
+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 { Button as l } from "../Button/Button.js";
+import "../Button/buttonVariants.js";
+import { useState as L, useCallback as S } from "react";
+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 W = {
+  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
+  }
+}, _ = {}, q = {
+  args: {
+    description: ""
+  }
+}, z = {
+  args: {
+    showCloseButton: !1
+  }
+}, E = {
+  args: {
+    withFooter: !1
+  }
+}, G = {
+  args: {
+    longBody: !0,
+    bodyText: "Long text line"
+  }
+}, J = {
+  args: {
+    initialOpen: !0
+  }
+};
+export {
+  _ as Default,
+  J as InitiallyOpen,
+  G as LongContentScrollable,
+  z as NoCloseButton,
+  E as NoFooter,
+  q as WithoutDescription,
+  W 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\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\n\nimport {\n  Dialog,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n  DialogFooter,\n  DialogClose,\n} from \"./Dialog\";\nimport { Button } from \"../Button\";\nimport { useCallback, useState } from \"react\";\nimport { DialogControlsProps } from \"./Dialog.types\";\n\ntype DialogDemoProps = DialogControlsProps & {\n  title: string;\n  description?: string;\n  showCloseButton?: boolean;\n  withFooter?: boolean;\n  initialOpen?: boolean;\n  triggerLabel?: string;\n  bodyText?: string;\n  longBody?: boolean;\n};\n\n// TODO: create cmp like alert\nfunction DialogDemo(props: DialogDemoProps) {\n  const {\n    open: controlledOpen,\n    onOpenChange,\n    title,\n    description,\n    showCloseButton = true,\n    withFooter = true,\n    initialOpen = false,\n    triggerLabel = \"Open dialog\",\n    bodyText = \"Some content inside dialog…\",\n    longBody = false,\n  } = props;\n\n  const [ internalOpen, setInternalOpen ] = useState(initialOpen);\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : internalOpen;\n  const setOpen = useCallback((next: boolean) => {\n    if (!isControlled) setInternalOpen(next);\n    onOpenChange?.(next);\n  }, [ isControlled, onOpenChange ]);\n\n  return (\n    <div className=\"p-10\">\n      <Dialog open={open} onOpenChange={setOpen}>\n        <DialogTrigger asChild>\n          <Button variant='outlined'>\n            {triggerLabel}\n          </Button>\n        </DialogTrigger>\n\n        <DialogContent\n          showCloseButton={showCloseButton}\n          className='p-12'\n        >\n          <DialogHeader>\n            <DialogTitle>{title} 123</DialogTitle>\n            {description ? <DialogDescription>{description}</DialogDescription> : null}\n          </DialogHeader>\n\n          <div className={longBody ? \"max-h-[50vh] overflow-auto pr-1\" : undefined}>\n            {longBody ? (\n              <div className=\"space-y-3 text-sm leading-6\">\n                {Array.from({ length: 30 }).map((_, i) => (\n                  <p key={i}>\n                    #{i + 1}. {bodyText} Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n                  </p>\n                ))}\n              </div>\n            ) : (\n              <p className=\"text-sm leading-6\">{bodyText}</p>\n            )}\n          </div>\n\n          {withFooter ? (\n            <DialogFooter>\n              <DialogClose asChild>\n                <Button color='secondary'>\n                  Cancel\n                </Button>\n              </DialogClose>\n\n              <Button onClick={() => setOpen(false)}>\n                Save\n              </Button>\n            </DialogFooter>\n          ) : null}\n        </DialogContent>\n      </Dialog>\n    </div>\n  );\n}\n\nconst meta: Meta<typeof DialogDemo> = {\n  title: \"UI/Dialog\",\n  component: DialogDemo,\n  parameters: {\n    layout: \"fullscreen\",\n  },\n  argTypes: {\n    title: { control: \"text\" },\n    description: { control: \"text\" },\n    showCloseButton: { control: \"boolean\" },\n    withFooter: { control: \"boolean\" },\n    initialOpen: { control: \"boolean\" },\n    triggerLabel: { control: \"text\" },\n    bodyText: { control: \"text\" },\n    longBody: { control: \"boolean\" },\n  },\n  args: {\n    title: \"Dialog title\",\n    description: \"Dialog description\",\n    showCloseButton: true,\n    withFooter: true,\n    initialOpen: false,\n    triggerLabel: \"Open dialog\",\n    bodyText: \"Some content inside dialog…\",\n    longBody: false,\n  },\n};\nexport default meta;\n\ntype Story = StoryObj<typeof DialogDemo>;\n\nexport const Default: Story = {};\n\nexport const WithoutDescription: Story = {\n  args: {\n    description: \"\",\n  },\n};\n\nexport const NoCloseButton: Story = {\n  args: {\n    showCloseButton: false,\n  },\n};\n\nexport const NoFooter: Story = {\n  args: {\n    withFooter: false,\n  },\n};\n\nexport const LongContentScrollable: Story = {\n  args: {\n    longBody: true,\n    bodyText: \"Long text line\",\n  },\n};\n\nexport const InitiallyOpen: Story = {\n  args: {\n    initialOpen: true,\n  },\n};\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';\n\ntype UseDialogClosePositionOptions = {\n  enabled?: boolean;\n  titleSelector?: string;\n};\n\ntype DialogClosePosition = {\n  top?: number;\n  right?: number;\n};\n\nexport function useDialogClosePosition(\n  contentEl: HTMLElement | null,\n  options?: UseDialogClosePositionOptions,\n) {\n  const {\n    enabled = true,\n    titleSelector = '[data-slot=\"dialog-title\"]',\n  } = options ?? {};\n\n  const [position, setPosition] = React.useState<DialogClosePosition>({});\n\n  const setIfChanged = React.useCallback((next: DialogClosePosition) => {\n    setPosition((prev) => {\n      if (prev.top === next.top && prev.right === next.right) {\n        return prev;\n      }\n\n      return next;\n    });\n  }, []);\n\n  const measure = React.useCallback(() => {\n    if (!enabled || !contentEl) {\n      setIfChanged({});\n      return;\n    }\n\n    const titleEl = contentEl.querySelector<HTMLElement>(titleSelector);\n\n    if (!titleEl) {\n      setIfChanged({});\n      return;\n    }\n\n    const contentRect = contentEl.getBoundingClientRect();\n    const titleRect = titleEl.getBoundingClientRect();\n\n    if (\n      contentRect.width <= 0 ||\n      contentRect.height <= 0 ||\n      titleRect.width <= 0 ||\n      titleRect.height <= 0\n    ) {\n      setIfChanged({});\n      return;\n    }\n\n    setIfChanged({\n      top: Math.round(titleRect.top - contentRect.top),\n      right: Math.round(contentRect.right - titleRect.right),\n    });\n  }, [contentEl, enabled, setIfChanged, titleSelector]);\n\n  React.useEffect(() => {\n    if (!enabled || !contentEl) {\n      setIfChanged({});\n      return;\n    }\n\n    let raf1 = 0;\n    let raf2 = 0;\n\n    raf1 = requestAnimationFrame(() => {\n      raf2 = requestAnimationFrame(() => {\n        measure();\n      });\n    });\n\n    const resizeObserver = new ResizeObserver(() => {\n      measure();\n    });\n\n    resizeObserver.observe(contentEl);\n    window.addEventListener('resize', measure);\n\n    return () => {\n      cancelAnimationFrame(raf1);\n      cancelAnimationFrame(raf2);\n      resizeObserver.disconnect();\n      window.removeEventListener('resize', measure);\n    };\n  }, [contentEl, enabled, measure, setIfChanged]);\n\n  return position;\n}\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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"}

package/DropdownMenu/DropdownMenu.js

@@ -12,7 +12,7 @@ function g({
 }) {
   return /* @__PURE__ */ t(n.Portal, { "data-slot": "dropdown-menu-portal", ...e });
 }
-function v({
+function x({
   ...e
 }) {
   return /* @__PURE__ */ t(
@@ -23,7 +23,7 @@ function v({
     }
   );
 }
-function x({
+function v({
   className: e,
   sideOffset: o = 4,
   ...a
@@ -34,19 +34,24 @@ function x({
       "data-slot": "dropdown-menu-content",
       sideOffset: o,
       className: r(
-        "bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+        "rounded-lg border border-[#EBEBEB] p-1",
+        "bg-[#FCFCFC] shadow-[1px_1px_10px_rgba(6,8,13,0.06)]",
+        "text-sm text-[#06080D] font-medium leading-[1.25]",
+        "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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50",
+        "max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin)",
+        "overflow-x-hidden overflow-y-auto",
         e
       ),
       ...a
     }
   ) });
 }
-function w({
+function b({
   ...e
 }) {
   return /* @__PURE__ */ t(n.Group, { "data-slot": "dropdown-menu-group", ...e });
 }
-function b({
+function w({
   className: e,
   inset: o,
   variant: a = "default",
@@ -59,7 +64,15 @@ function b({
       "data-inset": o,
       "data-variant": a,
       className: r(
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "relative flex items-center gap-1 rounded-md p-1",
+        "text-sm text-[#06080D] font-medium leading-[1.25]",
+        "[&_svg:not([class*='text-'])]:text-[#06080D]",
+        "outline-hidden select-none",
+        "focus:bg-accent focus:text-accent-foreground ",
+        "data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-6",
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8",
+        "cursor-pointer",
         e
       ),
       ...d
@@ -89,7 +102,7 @@ function h({
     }
   );
 }
-function z({
+function D({
   ...e
 }) {
   return /* @__PURE__ */ t(
@@ -100,7 +113,7 @@ function z({
     }
   );
 }
-function D({
+function z({
   className: e,
   children: o,
   ...a
@@ -168,12 +181,12 @@ function I({
     }
   );
 }
-function y({
+function _({
   ...e
 }) {
   return /* @__PURE__ */ t(n.Sub, { "data-slot": "dropdown-menu-sub", ...e });
 }
-function _({
+function C({
   className: e,
   inset: o,
   children: a,
@@ -196,7 +209,7 @@ function _({
     }
   );
 }
-function k({
+function y({
   className: e,
   ...o
 }) {
@@ -215,19 +228,19 @@ function k({
 export {
   f as DropdownMenu,
   h as DropdownMenuCheckboxItem,
-  x as DropdownMenuContent,
-  w as DropdownMenuGroup,
-  b as DropdownMenuItem,
+  v as DropdownMenuContent,
+  b as DropdownMenuGroup,
+  w as DropdownMenuItem,
   M as DropdownMenuLabel,
   g as DropdownMenuPortal,
   n as DropdownMenuPrimitive,
-  z as DropdownMenuRadioGroup,
-  D as DropdownMenuRadioItem,
+  D as DropdownMenuRadioGroup,
+  z as DropdownMenuRadioItem,
   N as DropdownMenuSeparator,
   I as DropdownMenuShortcut,
-  y as DropdownMenuSub,
-  k as DropdownMenuSubContent,
-  _ as DropdownMenuSubTrigger,
-  v as DropdownMenuTrigger
+  _ as DropdownMenuSub,
+  y as DropdownMenuSubContent,
+  C as DropdownMenuSubTrigger,
+  x as DropdownMenuTrigger
 };
 //# sourceMappingURL=DropdownMenu.js.map