@iit/precision-ui 0.7.2 → 0.8.0

package/dist/index.es47.js

@@ -1,93 +1,22 @@
-import * as a from "@radix-ui/react-dialog";
-import * as e from "react";
-import { ScrollArea as i } from "./index.es48.js";
-import { X as d } from "lucide-react";
-import { cn as l } from "./index.es52.js";
-const D = a.Root, v = a.Trigger, c = a.Portal, E = a.Close, n = e.forwardRef(({ className: t, ...o }, s) => /* @__PURE__ */ e.createElement(
-  a.Overlay,
-  {
-    ref: s,
-    className: l(
-      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      t
-    ),
-    ...o
-  }
-));
-n.displayName = a.Overlay.displayName;
-const m = e.forwardRef(({ className: t, children: o, ...s }, r) => /* @__PURE__ */ e.createElement(c, null, /* @__PURE__ */ e.createElement(n, null), /* @__PURE__ */ e.createElement(
-  a.Content,
-  {
-    ref: r,
-    className: l(
-      "fixed left-[50%] top-[50%] z-50 grid max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg overflow-hidden max-h-[calc(100dvh-0.75rem)] w-[calc(100dvw-0.75rem)] p-0",
-      t
-    ),
-    ...s
-  },
-  /* @__PURE__ */ e.createElement(i, { className: "max-h-[calc(100dvh-1rem)]" }, /* @__PURE__ */ e.createElement("div", { className: "p-6" }, o)),
-  /* @__PURE__ */ e.createElement(a.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground" }, /* @__PURE__ */ e.createElement(d, { className: "h-4 w-4" }), /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "Close"))
-)));
-m.displayName = a.Content.displayName;
-const f = ({
-  className: t,
-  ...o
-}) => /* @__PURE__ */ e.createElement(
-  "div",
-  {
-    className: l(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
-      t
-    ),
-    ...o
-  }
-);
-f.displayName = "DialogHeader";
-const p = ({
-  className: t,
-  ...o
-}) => /* @__PURE__ */ e.createElement(
-  "div",
-  {
-    className: l(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      t
-    ),
-    ...o
+import c, { forwardRef as f } from "react";
+import { typeVariants as d } from "./index.es61.js";
+const e = f(
+  ({ variant: a = "body", as: o, className: t = "", children: r, ...n }, s) => {
+    const m = o || "p", p = d({ variant: a });
+    return /* @__PURE__ */ c.createElement(
+      m,
+      {
+        ref: s,
+        className: `${p}${t ? ` ${t}` : ""}`,
+        ...n
+      },
+      r
+    );
   }
 );
-p.displayName = "DialogFooter";
-const g = e.forwardRef(({ className: t, ...o }, s) => /* @__PURE__ */ e.createElement(
-  a.Title,
-  {
-    ref: s,
-    className: l(
-      "text-lg font-semibold leading-none tracking-tight",
-      t
-    ),
-    ...o
-  }
-));
-g.displayName = a.Title.displayName;
-const u = e.forwardRef(({ className: t, ...o }, s) => /* @__PURE__ */ e.createElement(
-  a.Description,
-  {
-    ref: s,
-    className: l("text-sm text-muted-foreground", t),
-    ...o
-  }
-));
-u.displayName = a.Description.displayName;
+e.displayName = "Text";
+const x = e;
 export {
-  D as Dialog,
-  E as DialogClose,
-  m as DialogContent,
-  u as DialogDescription,
-  p as DialogFooter,
-  f as DialogHeader,
-  n as DialogOverlay,
-  c as DialogPortal,
-  g as DialogTitle,
-  v as DialogTrigger
+  x as default
 };
 //# sourceMappingURL=index.es47.js.map

package/dist/index.es47.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es47.js","sources":["../src/components/ui/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog'\nimport * as React from 'react'\n\nimport { ScrollArea } from './scroll-area'\nimport { X } from 'lucide-react'\nimport { cn } from '@/lib/utils/cn'\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      'fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n      className\n    )}\n    {...props}\n  />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        'fixed left-[50%] top-[50%] z-50 grid max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg overflow-hidden max-h-[calc(100dvh-0.75rem)] w-[calc(100dvw-0.75rem)] p-0',\n        className\n      )}\n      {...props}\n    >\n      <ScrollArea className=\"max-h-[calc(100dvh-1rem)]\">\n        <div className=\"p-6\">{children}</div>\n      </ScrollArea>\n      <DialogPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\n        <X className=\"h-4 w-4\" />\n        <span className=\"sr-only\">Close</span>\n      </DialogPrimitive.Close>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex flex-col space-y-1.5 text-center sm:text-left',\n      className\n    )}\n    {...props}\n  />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',\n      className\n    )}\n    {...props}\n  />\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn(\n      'text-lg font-semibold leading-none tracking-tight',\n      className\n    )}\n    {...props}\n  />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn('text-sm text-muted-foreground', className)}\n    {...props}\n  />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription,\n}\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","React","className","props","ref","cn","DialogContent","children","ScrollArea","X","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":";;;;;AAOA,MAAMA,IAASC,EAAgB,MAEzBC,IAAgBD,EAAgB,SAEhCE,IAAeF,EAAgB,QAE/BG,IAAcH,EAAgB,OAE9BI,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACL,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAcJ,EAAgB,QAAQ;AAEpD,MAAMU,IAAgBL,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,UAAAK,GAAU,GAAGJ,EAAA,GAASC,MACpC,gBAAAH,EAAA,cAACH,GACC,MAAA,gBAAAG,EAAA,cAACD,OAAc,GACf,gBAAAC,EAAA;AAAA,EAACL,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AAAA,EAEJ,gBAAAF,EAAA,cAACO,KAAW,WAAU,4BAAA,mCACnB,OAAI,EAAA,WAAU,MAAO,GAAAD,CAAS,CACjC;AAAA,kCACCX,EAAgB,OAAhB,EAAsB,WAAU,mRAC9B,gBAAAK,EAAA,cAAAQ,GAAA,EAAE,WAAU,UAAA,CAAU,GACtB,gBAAAR,EAAA,cAAA,QAAA,EAAK,WAAU,aAAU,OAAK,CACjC;AACF,CACF,CACD;AACDK,EAAc,cAAcV,EAAgB,QAAQ;AAEpD,MAAMc,IAAe,CAAC;AAAA,EACpB,WAAAR;AAAA,EACA,GAAGC;AACL,MACE,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWI;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFO,EAAa,cAAc;AAE3B,MAAMC,IAAe,CAAC;AAAA,EACpB,WAAAT;AAAA,EACA,GAAGC;AACL,MACE,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWI;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFQ,EAAa,cAAc;AAErB,MAAAC,IAAcX,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACL,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDS,EAAY,cAAchB,EAAgB,MAAM;AAE1C,MAAAiB,IAAoBZ,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACL,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDU,EAAkB,cAAcjB,EAAgB,YAAY;"}
+{"version":3,"file":"index.es47.js","sources":["../src/components/core/typography/Text.tsx"],"sourcesContent":["import React, { ElementType, ReactNode, forwardRef } from \"react\";\r\n\r\nimport { typeVariants } from \"./typeVariants\";\r\n\r\ninterface TextProps {\r\n  variant?:\r\n    | \"factoid\"\r\n    | \"subtitle-1\"\r\n    | \"subtitle-2\"\r\n    | \"overline\"\r\n    | \"lead-text\"\r\n    | \"body\"\r\n    | \"small-body\"\r\n    | \"caption\"\r\n    | \"button\"\r\n    | \"link\";\r\n  as?: ElementType;\r\n  className?: string;\r\n  children: ReactNode;\r\n}\r\n\r\nconst Text = forwardRef<HTMLParagraphElement, TextProps>(\r\n  ({ variant = \"body\", as, className = \"\", children, ...props }, ref) => {\r\n    const Component = as || \"p\";\r\n    const variantClass = typeVariants({ variant });\r\n\r\n    return (\r\n      <Component\r\n        ref={ref}\r\n        className={`${variantClass}${className ? ` ${className}` : \"\"}`}\r\n        {...props}\r\n      >\r\n        {children}\r\n      </Component>\r\n    );\r\n  }\r\n);\r\n\r\nText.displayName = \"Text\";\r\n\r\nexport default Text;\r\n"],"names":["Text","forwardRef","variant","as","className","children","props","ref","Component","variantClass","typeVariants","React","Text$1"],"mappings":";;AAqBA,MAAMA,IAAOC;AAAA,EACX,CAAC,EAAE,SAAAC,IAAU,QAAQ,IAAAC,GAAI,WAAAC,IAAY,IAAI,UAAAC,GAAU,GAAGC,EAAM,GAAGC,MAAQ;AACrE,UAAMC,IAAYL,KAAM,KAClBM,IAAeC,EAAa,EAAE,SAAAR,EAAS,CAAA;AAG3C,WAAAS,gBAAAA,EAAA;AAAA,MAACH;AAAA,MAAA;AAAA,QACC,KAAAD;AAAA,QACA,WAAW,GAAGE,CAAY,GAAGL,IAAY,IAAIA,CAAS,KAAK,EAAE;AAAA,QAC5D,GAAGE;AAAA,MAAA;AAAA,MAEHD;AAAA,IAAA;AAAA,EAGP;AACF;AAEAL,EAAK,cAAc;AAEnB,MAAAY,IAAeZ;"}

package/dist/index.es48.js

@@ -1,36 +1,94 @@
 import * as e from "react";
-import * as r from "@radix-ui/react-scroll-area";
-import { cn as c } from "./index.es52.js";
-const m = e.forwardRef(({ className: a, children: l, ...o }, t) => /* @__PURE__ */ e.createElement(
-  r.Root,
-  {
-    ref: t,
-    className: c("relative overflow-hidden", a),
-    ...o
-  },
-  /* @__PURE__ */ e.createElement(r.Viewport, { className: "h-full w-full rounded-[inherit]" }, l),
-  /* @__PURE__ */ e.createElement(n, null),
-  /* @__PURE__ */ e.createElement(r.Corner, null)
-));
-m.displayName = r.Root.displayName;
-const n = e.forwardRef(({ className: a, orientation: l = "vertical", ...o }, t) => /* @__PURE__ */ e.createElement(
-  r.ScrollAreaScrollbar,
-  {
-    ref: t,
-    orientation: l,
-    className: c(
-      "flex touch-none select-none transition-colors",
-      l === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
-      l === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
-      a
-    ),
-    ...o
-  },
-  /* @__PURE__ */ e.createElement(r.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
-));
-n.displayName = r.ScrollAreaScrollbar.displayName;
+import { FormProvider as f, Controller as F, useFormContext as u } from "react-hook-form";
+import { Label as p } from "./index.es17.js";
+import { Slot as I } from "@radix-ui/react-slot";
+import { cn as a } from "./index.es54.js";
+const R = f, c = e.createContext(
+  {}
+), $ = ({
+  ...t
+}) => /* @__PURE__ */ e.createElement(c.Provider, { value: { name: t.name } }, /* @__PURE__ */ e.createElement(F, { ...t })), i = () => {
+  const t = e.useContext(c), o = e.useContext(l), { getFieldState: r, formState: m } = u(), n = r(t.name, m);
+  if (!t)
+    throw new Error("useFormField should be used within <FormField>");
+  const { id: s } = o;
+  return {
+    id: s,
+    name: t.name,
+    formItemId: `${s}-form-item`,
+    formDescriptionId: `${s}-form-item-description`,
+    formMessageId: `${s}-form-item-message`,
+    ...n
+  };
+}, l = e.createContext(
+  {}
+), x = e.forwardRef(({ className: t, ...o }, r) => {
+  const m = e.useId();
+  return /* @__PURE__ */ e.createElement(l.Provider, { value: { id: m } }, /* @__PURE__ */ e.createElement("div", { ref: r, className: a("space-y-2", t), ...o }));
+});
+x.displayName = "FormItem";
+const C = e.forwardRef(({ className: t, ...o }, r) => {
+  const { error: m, formItemId: n } = i();
+  return /* @__PURE__ */ e.createElement(
+    p,
+    {
+      ref: r,
+      className: a(m && "text-destructive", t),
+      htmlFor: n,
+      ...o
+    }
+  );
+});
+C.displayName = "FormLabel";
+const g = e.forwardRef(({ ...t }, o) => {
+  const { error: r, formItemId: m, formDescriptionId: n, formMessageId: s } = i();
+  return /* @__PURE__ */ e.createElement(
+    I,
+    {
+      ref: o,
+      id: m,
+      "aria-describedby": r ? `${n} ${s}` : `${n}`,
+      "aria-invalid": !!r,
+      ...t
+    }
+  );
+});
+g.displayName = "FormControl";
+const v = e.forwardRef(({ className: t, ...o }, r) => {
+  const { formDescriptionId: m } = i();
+  return /* @__PURE__ */ e.createElement(
+    "p",
+    {
+      ref: r,
+      id: m,
+      className: a("text-sm text-muted-foreground", t),
+      ...o
+    }
+  );
+});
+v.displayName = "FormDescription";
+const E = e.forwardRef(({ className: t, children: o, ...r }, m) => {
+  const { error: n, formMessageId: s } = i(), d = n ? String(n?.message) : o;
+  return d ? /* @__PURE__ */ e.createElement(
+    "p",
+    {
+      ref: m,
+      id: s,
+      className: a("text-sm font-medium text-destructive", t),
+      ...r
+    },
+    d
+  ) : null;
+});
+E.displayName = "FormMessage";
 export {
-  m as ScrollArea,
-  n as ScrollBar
+  R as Form,
+  g as FormControl,
+  v as FormDescription,
+  $ as FormField,
+  x as FormItem,
+  C as FormLabel,
+  E as FormMessage,
+  i as useFormField
 };
 //# sourceMappingURL=index.es48.js.map

package/dist/index.es48.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es48.js","sources":["../src/components/ui/scroll-area.tsx"],"sourcesContent":["import * as React from 'react'\nimport * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area'\n\nimport { cn } from '@/lib/utils/cn'\n\nconst ScrollArea = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\n>(({ className, children, ...props }, ref) => (\n  <ScrollAreaPrimitive.Root\n    ref={ref}\n    className={cn('relative overflow-hidden', className)}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Viewport className=\"h-full w-full rounded-[inherit]\">\n      {children}\n    </ScrollAreaPrimitive.Viewport>\n    <ScrollBar />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n))\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName\n\nconst ScrollBar = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n>(({ className, orientation = 'vertical', ...props }, ref) => (\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\n    ref={ref}\n    orientation={orientation}\n    className={cn(\n      'flex touch-none select-none transition-colors',\n      orientation === 'vertical' &&\n        'h-full w-2.5 border-l border-l-transparent p-[1px]',\n      orientation === 'horizontal' &&\n        'h-2.5 flex-col border-t border-t-transparent p-[1px]',\n      className\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-border\" />\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\n))\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName\n\nexport { ScrollArea, ScrollBar }\n"],"names":["ScrollArea","React","className","children","props","ref","ScrollAreaPrimitive","cn","ScrollBar","orientation"],"mappings":";;;AAKM,MAAAA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAM,GAAGC,MACpC,gBAAAJ,EAAA;AAAA,EAACK,EAAoB;AAAA,EAApB;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,4BAA4BL,CAAS;AAAA,IAClD,GAAGE;AAAA,EAAA;AAAA,kCAEHE,EAAoB,UAApB,EAA6B,WAAU,qCACrCH,CACH;AAAA,kCACCK,GAAU,IAAA;AAAA,EACX,gBAAAP,EAAA,cAACK,EAAoB,QAApB,IAA2B;AAC9B,CACD;AACDN,EAAW,cAAcM,EAAoB,KAAK;AAE5C,MAAAE,IAAYP,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,aAAAO,IAAc,YAAY,GAAGL,EAAM,GAAGC,MACpD,gBAAAJ,EAAA;AAAA,EAACK,EAAoB;AAAA,EAApB;AAAA,IACC,KAAAD;AAAA,IACA,aAAAI;AAAA,IACA,WAAWF;AAAA,MACT;AAAA,MACAE,MAAgB,cACd;AAAA,MACFA,MAAgB,gBACd;AAAA,MACFP;AAAA,IACF;AAAA,IACC,GAAGE;AAAA,EAAA;AAAA,EAEH,gBAAAH,EAAA,cAAAK,EAAoB,iBAApB,EAAoC,WAAU,0CAAyC;AAC1F,CACD;AACDE,EAAU,cAAcF,EAAoB,oBAAoB;"}
+{"version":3,"file":"index.es48.js","sources":["../src/components/ui/form.tsx"],"sourcesContent":["import * as LabelPrimitive from '@radix-ui/react-label'\nimport * as React from 'react'\n\nimport {\n  Controller,\n  ControllerProps,\n  FieldPath,\n  FieldValues,\n  FormProvider,\n  useFormContext,\n} from 'react-hook-form'\nimport { Label, labelVariants } from '@/components/ui/label'\n\nimport { Slot } from '@radix-ui/react-slot'\nimport { VariantProps } from 'class-variance-authority'\nimport { cn } from '@/lib/utils/cn'\n\nconst Form = FormProvider\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = {\n  name: TName\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>(\n  {} as FormFieldContextValue\n)\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  )\n}\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext)\n  const itemContext = React.useContext(FormItemContext)\n  const { getFieldState, formState } = useFormContext()\n\n  const fieldState = getFieldState(fieldContext.name, formState)\n\n  if (!fieldContext) {\n    throw new Error('useFormField should be used within <FormField>')\n  }\n\n  const { id } = itemContext\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  }\n}\n\ntype FormItemContextValue = {\n  id: string\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue>(\n  {} as FormItemContextValue\n)\n\nconst FormItem = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => {\n  const id = React.useId()\n\n  return (\n    <FormItemContext.Provider value={{ id }}>\n      <div ref={ref} className={cn('space-y-2', className)} {...props} />\n    </FormItemContext.Provider>\n  )\n})\nFormItem.displayName = 'FormItem'\n\nconst FormLabel = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n    VariantProps<typeof labelVariants>\n>(({ className, ...props }, ref) => {\n  const { error, formItemId } = useFormField()\n\n  return (\n    <Label\n      ref={ref}\n      className={cn(error && 'text-destructive', className)}\n      htmlFor={formItemId}\n      {...props}\n    />\n  )\n})\nFormLabel.displayName = 'FormLabel'\n\nconst FormControl = React.forwardRef<\n  React.ElementRef<typeof Slot>,\n  React.ComponentPropsWithoutRef<typeof Slot>\n>(({ ...props }, ref) => {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()\n\n  return (\n    <Slot\n      ref={ref}\n      id={formItemId}\n      aria-describedby={\n        !error\n          ? `${formDescriptionId}`\n          : `${formDescriptionId} ${formMessageId}`\n      }\n      aria-invalid={!!error}\n      {...props}\n    />\n  )\n})\nFormControl.displayName = 'FormControl'\n\nconst FormDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => {\n  const { formDescriptionId } = useFormField()\n\n  return (\n    <p\n      ref={ref}\n      id={formDescriptionId}\n      className={cn('text-sm text-muted-foreground', className)}\n      {...props}\n    />\n  )\n})\nFormDescription.displayName = 'FormDescription'\n\nconst FormMessage = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, children, ...props }, ref) => {\n  const { error, formMessageId } = useFormField()\n  const body = error ? String(error?.message) : children\n\n  if (!body) {\n    return null\n  }\n\n  return (\n    <p\n      ref={ref}\n      id={formMessageId}\n      className={cn('text-sm font-medium text-destructive', className)}\n      {...props}\n    >\n      {body}\n    </p>\n  )\n})\nFormMessage.displayName = 'FormMessage'\n\nexport {\n  useFormField,\n  Form,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormDescription,\n  FormMessage,\n  FormField,\n}\n"],"names":["Form","FormProvider","FormFieldContext","React","FormField","props","Controller","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","formState","useFormContext","fieldState","id","FormItem","className","ref","cn","FormLabel","error","formItemId","Label","FormControl","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","children","body"],"mappings":"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"}

package/dist/index.es49.js

@@ -1,80 +1,93 @@
-import * as a from "@radix-ui/react-accordion";
+import * as a from "@radix-ui/react-dialog";
 import * as e from "react";
-import { Plus as d, Minus as p, ArrowDown as m, ArrowUp as y } from "lucide-react";
-import { cn as l } from "./index.es52.js";
-const w = a.Root, u = e.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ e.createElement(
-  a.Item,
+import { ScrollArea as i } from "./index.es50.js";
+import { X as d } from "lucide-react";
+import { cn as l } from "./index.es54.js";
+const D = a.Root, v = a.Trigger, c = a.Portal, E = a.Close, n = e.forwardRef(({ className: t, ...o }, s) => /* @__PURE__ */ e.createElement(
+  a.Overlay,
   {
-    ref: n,
-    className: l("border-b1 p-2 bg-whitish  rounded-2xl", r),
-    ...t
+    ref: s,
+    className: l(
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      t
+    ),
+    ...o
   }
 ));
-u.displayName = "AccordionItem";
-const v = e.forwardRef(
-  ({ className: r, children: t, icons: n = "math", size: i = "default", ...s }, c) => {
-    const o = i === "default" ? "h-10 w-10 p-2" : "w-10 h-10 p-[10px]";
-    return /* @__PURE__ */ e.createElement(a.Header, { className: "flex" }, /* @__PURE__ */ e.createElement(
-      a.Trigger,
-      {
-        ref: c,
-        className: l(
-          "flex flex-1 items-center text-left justify-between py1-4 p-4 typo_variant_body transition-all  [&[data-state=open]>svg]:rotate-1801 [&[data-state=open]>.icon-wrapper>.plus]:hidden [&[data-state=open]>.icon-wrapper>.minus]:block text-navy  duration-200 [&[data-state=open]]:bg-navy-opacity-4 rounded-xl hover:bg-navy-opacity-41 border border-transparent hover:border-navy-opacity-16",
-          r
-        ),
-        ...s
-      },
-      t && /* @__PURE__ */ e.createElement("span", { className: "text-wrapper transition-all pr-3 leading-none" }, t),
-      n === "math" && /* @__PURE__ */ e.createElement("span", { className: "relative icon-wrapper" }, /* @__PURE__ */ e.createElement(
-        d,
-        {
-          className: `${o} bg-navy-opacity-4 rounded-lg shrink-0 transition-all duration-200 visible plus`
-        }
-      ), /* @__PURE__ */ e.createElement(
-        p,
-        {
-          className: `${o} bg-navy-opacity-4 rounded-lg shrink-0 transition-all duration-200 hidden minus`
-        }
-      )),
-      n === "arrows" && /* @__PURE__ */ e.createElement("span", { className: "relative icon-wrapper" }, /* @__PURE__ */ e.createElement(
-        m,
-        {
-          className: `${o} bg-navy-opacity-4 rounded-lg shrink-0 transition-all duration-200 visible plus`
-        }
-      ), /* @__PURE__ */ e.createElement(
-        y,
-        {
-          className: `${o} bg-navy-opacity-4 rounded-lg shrink-0 transition-all duration-200 hidden minus`
-        }
-      ))
-    ));
+n.displayName = a.Overlay.displayName;
+const m = e.forwardRef(({ className: t, children: o, ...s }, r) => /* @__PURE__ */ e.createElement(c, null, /* @__PURE__ */ e.createElement(n, null), /* @__PURE__ */ e.createElement(
+  a.Content,
+  {
+    ref: r,
+    className: l(
+      "fixed left-[50%] top-[50%] z-50 grid max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg overflow-hidden max-h-[calc(100dvh-0.75rem)] w-[calc(100dvw-0.75rem)] p-0",
+      t
+    ),
+    ...s
+  },
+  /* @__PURE__ */ e.createElement(i, { className: "max-h-[calc(100dvh-1rem)]" }, /* @__PURE__ */ e.createElement("div", { className: "p-6" }, o)),
+  /* @__PURE__ */ e.createElement(a.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground" }, /* @__PURE__ */ e.createElement(d, { className: "h-4 w-4" }), /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "Close"))
+)));
+m.displayName = a.Content.displayName;
+const f = ({
+  className: t,
+  ...o
+}) => /* @__PURE__ */ e.createElement(
+  "div",
+  {
+    className: l(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      t
+    ),
+    ...o
   }
 );
-v.displayName = a.Trigger.displayName;
-const g = e.forwardRef(({ className: r, children: t, withoutContent: n, ...i }, s) => /* @__PURE__ */ e.createElement(
-  a.Content,
+f.displayName = "DialogHeader";
+const p = ({
+  className: t,
+  ...o
+}) => /* @__PURE__ */ e.createElement(
+  "div",
+  {
+    className: l(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      t
+    ),
+    ...o
+  }
+);
+p.displayName = "DialogFooter";
+const g = e.forwardRef(({ className: t, ...o }, s) => /* @__PURE__ */ e.createElement(
+  a.Title,
   {
     ref: s,
-    className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
-    ...i
-  },
-  /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      className: l(
-        "px-4 py-6 pt-7 typo_variant_body",
-        r,
-        !n && "content"
-      )
-    },
-    t
-  )
+    className: l(
+      "text-lg font-semibold leading-none tracking-tight",
+      t
+    ),
+    ...o
+  }
+));
+g.displayName = a.Title.displayName;
+const u = e.forwardRef(({ className: t, ...o }, s) => /* @__PURE__ */ e.createElement(
+  a.Description,
+  {
+    ref: s,
+    className: l("text-sm text-muted-foreground", t),
+    ...o
+  }
 ));
-g.displayName = a.Content.displayName;
+u.displayName = a.Description.displayName;
 export {
-  w as Accordion,
-  g as AccordionContent,
-  u as AccordionItem,
-  v as AccordionTrigger
+  D as Dialog,
+  E as DialogClose,
+  m as DialogContent,
+  u as DialogDescription,
+  p as DialogFooter,
+  f as DialogHeader,
+  n as DialogOverlay,
+  c as DialogPortal,
+  g as DialogTitle,
+  v as DialogTrigger
 };
 //# sourceMappingURL=index.es49.js.map

package/dist/index.es49.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es49.js","sources":["../src/components/ui/accordion.tsx"],"sourcesContent":["import * as AccordionPrimitive from '@radix-ui/react-accordion'\nimport * as React from 'react'\n\nimport { ArrowDown, ArrowUp, Minus, Plus } from 'lucide-react'\n\nimport { cn } from '@/lib/utils/cn'\n\n// import { LessLink16X16, MoreLink16X16 } from \"@iit/precision-ui-icons\";\n\nconst Accordion = AccordionPrimitive.Root\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <AccordionPrimitive.Item\n    ref={ref}\n    className={cn('border-b1 p-2 bg-whitish  rounded-2xl', className)}\n    {...props}\n  />\n))\nAccordionItem.displayName = 'AccordionItem'\n\ninterface AccordionTriggerProps {\n  icons?: 'math' | 'arrows'\n  size?: 'default' | 'small'\n}\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> &\n    AccordionTriggerProps\n>(\n  (\n    { className, children, icons = 'math', size = 'default', ...props },\n    ref\n  ) => {\n    const iconSize = size === 'default' ? 'h-10 w-10 p-2' : 'w-10 h-10 p-[10px]'\n    return (\n      <AccordionPrimitive.Header className=\"flex\">\n        <AccordionPrimitive.Trigger\n          ref={ref}\n          className={cn(\n            'flex flex-1 items-center text-left justify-between py1-4 p-4 typo_variant_body transition-all  [&[data-state=open]>svg]:rotate-1801 [&[data-state=open]>.icon-wrapper>.plus]:hidden [&[data-state=open]>.icon-wrapper>.minus]:block text-navy  duration-200 [&[data-state=open]]:bg-navy-opacity-4 rounded-xl hover:bg-navy-opacity-41 border border-transparent hover:border-navy-opacity-16',\n            className\n          )}\n          {...props}\n        >\n          {children && (\n            <span className=\"text-wrapper transition-all pr-3 leading-none\">\n              {children}\n            </span>\n          )}\n          {icons === 'math' && (\n            <span className=\"relative icon-wrapper\">\n              <Plus\n                className={`${iconSize} bg-navy-opacity-4 rounded-lg shrink-0 transition-all duration-200 visible plus`}\n              />\n              <Minus\n                className={`${iconSize} bg-navy-opacity-4 rounded-lg shrink-0 transition-all duration-200 hidden minus`}\n              />\n              {/* <MoreLink16X16 className=\"h-4 w-4 shrink-0 transition-transform duration-200 visible plus\" /> */}\n              {/* <LessLink16X16 className=\"h-4 w-4 shrink-0 transition-transform duration-200 hidden minus\" /> */}\n            </span>\n          )}\n          {icons === 'arrows' && (\n            <span className=\"relative icon-wrapper\">\n              <ArrowDown\n                className={`${iconSize} bg-navy-opacity-4 rounded-lg shrink-0 transition-all duration-200 visible plus`}\n              />\n              <ArrowUp\n                className={`${iconSize} bg-navy-opacity-4 rounded-lg shrink-0 transition-all duration-200 hidden minus`}\n              />\n            </span>\n          )}\n        </AccordionPrimitive.Trigger>\n      </AccordionPrimitive.Header>\n    )\n  }\n)\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName\n\ninterface AccordionContentProps\n  extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {\n  withoutContent?: boolean\n}\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  AccordionContentProps\n>(({ className, children, withoutContent, ...props }, ref) => (\n  <AccordionPrimitive.Content\n    ref={ref}\n    className=\"overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n    {...props}\n  >\n    <div\n      className={cn(\n        'px-4 py-6 pt-7 typo_variant_body',\n        className,\n        !withoutContent && 'content'\n      )}\n    >\n      {children}\n    </div>\n  </AccordionPrimitive.Content>\n))\n\nAccordionContent.displayName = AccordionPrimitive.Content.displayName\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n"],"names":["Accordion","AccordionPrimitive","AccordionItem","React","className","props","ref","cn","AccordionTrigger","children","icons","size","iconSize","Plus","Minus","ArrowDown","ArrowUp","AccordionContent","withoutContent"],"mappings":";;;;AASA,MAAMA,IAAYC,EAAmB,MAE/BC,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC,EAAG,yCAAyCH,CAAS;AAAA,IAC/D,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAc;AAO5B,MAAMM,IAAmBL,EAAM;AAAA,EAK7B,CACE,EAAE,WAAAC,GAAW,UAAAK,GAAU,OAAAC,IAAQ,QAAQ,MAAAC,IAAO,WAAW,GAAGN,EAAM,GAClEC,MACG;AACG,UAAAM,IAAWD,MAAS,YAAY,kBAAkB;AACxD,WACG,gBAAAR,EAAA,cAAAF,EAAmB,QAAnB,EAA0B,WAAU,UACnC,gBAAAE,EAAA;AAAA,MAACF,EAAmB;AAAA,MAAnB;AAAA,QACC,KAAAK;AAAA,QACA,WAAWC;AAAA,UACT;AAAA,UACAH;AAAA,QACF;AAAA,QACC,GAAGC;AAAA,MAAA;AAAA,MAEHI,KACC,gBAAAN,EAAA,cAAC,QAAK,EAAA,WAAU,mDACbM,CACH;AAAA,MAEDC,MAAU,UACR,gBAAAP,EAAA,cAAA,QAAA,EAAK,WAAU,2BACd,gBAAAA,EAAA;AAAA,QAACU;AAAA,QAAA;AAAA,UACC,WAAW,GAAGD,CAAQ;AAAA,QAAA;AAAA,MAExB,GAAA,gBAAAT,EAAA;AAAA,QAACW;AAAA,QAAA;AAAA,UACC,WAAW,GAAGF,CAAQ;AAAA,QAAA;AAAA,MAAA,CAI1B;AAAA,MAEDF,MAAU,YACR,gBAAAP,EAAA,cAAA,QAAA,EAAK,WAAU,2BACd,gBAAAA,EAAA;AAAA,QAACY;AAAA,QAAA;AAAA,UACC,WAAW,GAAGH,CAAQ;AAAA,QAAA;AAAA,MAExB,GAAA,gBAAAT,EAAA;AAAA,QAACa;AAAA,QAAA;AAAA,UACC,WAAW,GAAGJ,CAAQ;AAAA,QAAA;AAAA,MAAA,CAE1B;AAAA,IAAA,CAGN;AAAA,EAEJ;AACF;AACAJ,EAAiB,cAAcP,EAAmB,QAAQ;AAOpD,MAAAgB,IAAmBd,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,UAAAK,GAAU,gBAAAS,GAAgB,GAAGb,EAAM,GAAGC,MACpD,gBAAAH,EAAA;AAAA,EAACF,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAK;AAAA,IACA,WAAU;AAAA,IACT,GAAGD;AAAA,EAAA;AAAA,EAEJ,gBAAAF,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWI;AAAA,QACT;AAAA,QACAH;AAAA,QACA,CAACc,KAAkB;AAAA,MACrB;AAAA,IAAA;AAAA,IAECT;AAAA,EACH;AACF,CACD;AAEDQ,EAAiB,cAAchB,EAAmB,QAAQ;"}
+{"version":3,"file":"index.es49.js","sources":["../src/components/ui/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog'\r\nimport * as React from 'react'\r\n\r\nimport { ScrollArea } from './scroll-area'\r\nimport { X } from 'lucide-react'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst Dialog = DialogPrimitive.Root\r\n\r\nconst DialogTrigger = DialogPrimitive.Trigger\r\n\r\nconst DialogPortal = DialogPrimitive.Portal\r\n\r\nconst DialogClose = DialogPrimitive.Close\r\n\r\nconst DialogOverlay = React.forwardRef<\r\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\r\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\r\n>(({ className, ...props }, ref) => (\r\n  <DialogPrimitive.Overlay\r\n    ref={ref}\r\n    className={cn(\r\n      'fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\r\n\r\nconst DialogContent = React.forwardRef<\r\n  React.ElementRef<typeof DialogPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\r\n>(({ className, children, ...props }, ref) => (\r\n  <DialogPortal>\r\n    <DialogOverlay />\r\n    <DialogPrimitive.Content\r\n      ref={ref}\r\n      className={cn(\r\n        'fixed left-[50%] top-[50%] z-50 grid max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg overflow-hidden max-h-[calc(100dvh-0.75rem)] w-[calc(100dvw-0.75rem)] p-0',\r\n        className\r\n      )}\r\n      {...props}\r\n    >\r\n      <ScrollArea className=\"max-h-[calc(100dvh-1rem)]\">\r\n        <div className=\"p-6\">{children}</div>\r\n      </ScrollArea>\r\n      <DialogPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\r\n        <X className=\"h-4 w-4\" />\r\n        <span className=\"sr-only\">Close</span>\r\n      </DialogPrimitive.Close>\r\n    </DialogPrimitive.Content>\r\n  </DialogPortal>\r\n))\r\nDialogContent.displayName = DialogPrimitive.Content.displayName\r\n\r\nconst DialogHeader = ({\r\n  className,\r\n  ...props\r\n}: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div\r\n    className={cn(\r\n      'flex flex-col space-y-1.5 text-center sm:text-left',\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n)\r\nDialogHeader.displayName = 'DialogHeader'\r\n\r\nconst DialogFooter = ({\r\n  className,\r\n  ...props\r\n}: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div\r\n    className={cn(\r\n      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n)\r\nDialogFooter.displayName = 'DialogFooter'\r\n\r\nconst DialogTitle = React.forwardRef<\r\n  React.ElementRef<typeof DialogPrimitive.Title>,\r\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\r\n>(({ className, ...props }, ref) => (\r\n  <DialogPrimitive.Title\r\n    ref={ref}\r\n    className={cn(\r\n      'text-lg font-semibold leading-none tracking-tight',\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nDialogTitle.displayName = DialogPrimitive.Title.displayName\r\n\r\nconst DialogDescription = React.forwardRef<\r\n  React.ElementRef<typeof DialogPrimitive.Description>,\r\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\r\n>(({ className, ...props }, ref) => (\r\n  <DialogPrimitive.Description\r\n    ref={ref}\r\n    className={cn('text-sm text-muted-foreground', className)}\r\n    {...props}\r\n  />\r\n))\r\nDialogDescription.displayName = DialogPrimitive.Description.displayName\r\n\r\nexport {\r\n  Dialog,\r\n  DialogPortal,\r\n  DialogOverlay,\r\n  DialogClose,\r\n  DialogTrigger,\r\n  DialogContent,\r\n  DialogHeader,\r\n  DialogFooter,\r\n  DialogTitle,\r\n  DialogDescription,\r\n}\r\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","React","className","props","ref","cn","DialogContent","children","ScrollArea","X","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":";;;;;AAOA,MAAMA,IAASC,EAAgB,MAEzBC,IAAgBD,EAAgB,SAEhCE,IAAeF,EAAgB,QAE/BG,IAAcH,EAAgB,OAE9BI,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACL,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAcJ,EAAgB,QAAQ;AAEpD,MAAMU,IAAgBL,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,UAAAK,GAAU,GAAGJ,EAAA,GAASC,MACpC,gBAAAH,EAAA,cAACH,GACC,MAAA,gBAAAG,EAAA,cAACD,OAAc,GACf,gBAAAC,EAAA;AAAA,EAACL,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AAAA,EAEJ,gBAAAF,EAAA,cAACO,KAAW,WAAU,4BAAA,mCACnB,OAAI,EAAA,WAAU,MAAO,GAAAD,CAAS,CACjC;AAAA,kCACCX,EAAgB,OAAhB,EAAsB,WAAU,mRAC9B,gBAAAK,EAAA,cAAAQ,GAAA,EAAE,WAAU,UAAA,CAAU,GACtB,gBAAAR,EAAA,cAAA,QAAA,EAAK,WAAU,aAAU,OAAK,CACjC;AACF,CACF,CACD;AACDK,EAAc,cAAcV,EAAgB,QAAQ;AAEpD,MAAMc,IAAe,CAAC;AAAA,EACpB,WAAAR;AAAA,EACA,GAAGC;AACL,MACE,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWI;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFO,EAAa,cAAc;AAE3B,MAAMC,IAAe,CAAC;AAAA,EACpB,WAAAT;AAAA,EACA,GAAGC;AACL,MACE,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWI;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFQ,EAAa,cAAc;AAErB,MAAAC,IAAcX,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACL,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDS,EAAY,cAAchB,EAAgB,MAAM;AAE1C,MAAAiB,IAAoBZ,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACL,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDU,EAAkB,cAAcjB,EAAgB,YAAY;"}

package/dist/index.es5.js

@@ -1,7 +1,7 @@
 import t from "react";
 import { Button as p } from "./index.es2.js";
 import { cva as l } from "class-variance-authority";
-import { cn as u } from "./index.es52.js";
+import { cn as u } from "./index.es54.js";
 const f = l(
   "transition-all rounded-lg hover:rounded-[24px] border",
   {

package/dist/index.es50.js

@@ -1,46 +1,36 @@
-import * as t from "react";
-import * as e from "@radix-ui/react-tabs";
-import { cn as n } from "./index.es52.js";
-const f = e.Root, o = t.forwardRef(({ className: i, ...a }, s) => /* @__PURE__ */ t.createElement(
-  e.List,
+import * as e from "react";
+import * as r from "@radix-ui/react-scroll-area";
+import { cn as c } from "./index.es54.js";
+const m = e.forwardRef(({ className: a, children: l, ...o }, t) => /* @__PURE__ */ e.createElement(
+  r.Root,
   {
-    ref: s,
-    className: n(
-      "inline-flex h1-10 items-center justify-center rounded-lg  p-1 text-muted-foreground border border-navy-opacity-16 typo_variant_button",
-      i
-    ),
-    ...a
-  }
-));
-o.displayName = e.List.displayName;
-const r = t.forwardRef(({ className: i, ...a }, s) => /* @__PURE__ */ t.createElement(
-  e.Trigger,
-  {
-    ref: s,
-    className: n(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-[45px] py-[15px] xl:min-w-[224px] typo_variant_button text-navy ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-navy data-[state=active]:shadow-sm",
-      i
-    ),
-    ...a
-  }
+    ref: t,
+    className: c("relative overflow-hidden", a),
+    ...o
+  },
+  /* @__PURE__ */ e.createElement(r.Viewport, { className: "h-full w-full rounded-[inherit]" }, l),
+  /* @__PURE__ */ e.createElement(n, null),
+  /* @__PURE__ */ e.createElement(r.Corner, null)
 ));
-r.displayName = e.Trigger.displayName;
-const c = t.forwardRef(({ className: i, ...a }, s) => /* @__PURE__ */ t.createElement(
-  e.Content,
+m.displayName = r.Root.displayName;
+const n = e.forwardRef(({ className: a, orientation: l = "vertical", ...o }, t) => /* @__PURE__ */ e.createElement(
+  r.ScrollAreaScrollbar,
   {
-    ref: s,
-    className: n(
-      "mt-7 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-      i
+    ref: t,
+    orientation: l,
+    className: c(
+      "flex touch-none select-none transition-colors",
+      l === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      l === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      a
     ),
-    ...a
-  }
+    ...o
+  },
+  /* @__PURE__ */ e.createElement(r.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
 ));
-c.displayName = e.Content.displayName;
+n.displayName = r.ScrollAreaScrollbar.displayName;
 export {
-  f as Tabs,
-  c as TabsContent,
-  o as TabsList,
-  r as TabsTrigger
+  m as ScrollArea,
+  n as ScrollBar
 };
 //# sourceMappingURL=index.es50.js.map