@iit/precision-ui 0.7.2 → 0.7.3

package/dist/index.es48.js

@@ -1,36 +1,93 @@
+import * as a from "@radix-ui/react-dialog";
 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,
+import { ScrollArea as i } from "./index.es49.js";
+import { X as d } from "lucide-react";
+import { cn as l } from "./index.es53.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: t,
-    className: c("relative overflow-hidden", a),
+    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
-  },
-  /* @__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,
+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: 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
+    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
     ),
-    ...o
+    ...s
   },
-  /* @__PURE__ */ e.createElement(r.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+  /* @__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
+  }
+);
+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
+  }
 ));
-n.displayName = r.ScrollAreaScrollbar.displayName;
+u.displayName = a.Description.displayName;
 export {
-  m as ScrollArea,
-  n as ScrollBar
+  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.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/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;"}

package/dist/index.es49.js

@@ -1,80 +1,36 @@
-import * as a from "@radix-ui/react-accordion";
 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 * as r from "@radix-ui/react-scroll-area";
+import { cn as c } from "./index.es53.js";
+const m = e.forwardRef(({ className: a, children: l, ...o }, t) => /* @__PURE__ */ e.createElement(
+  r.Root,
   {
-    ref: n,
-    className: l("border-b1 p-2 bg-whitish  rounded-2xl", r),
-    ...t
-  }
+    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)
 ));
-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`
-        }
-      ))
-    ));
-  }
-);
-v.displayName = a.Trigger.displayName;
-const g = e.forwardRef(({ className: r, children: t, withoutContent: n, ...i }, s) => /* @__PURE__ */ e.createElement(
-  a.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: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
-    ...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
+    ),
+    ...o
   },
-  /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      className: l(
-        "px-4 py-6 pt-7 typo_variant_body",
-        r,
-        !n && "content"
-      )
-    },
-    t
-  )
+  /* @__PURE__ */ e.createElement(r.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
 ));
-g.displayName = a.Content.displayName;
+n.displayName = r.ScrollAreaScrollbar.displayName;
 export {
-  w as Accordion,
-  g as AccordionContent,
-  u as AccordionItem,
-  v as AccordionTrigger
+  m as ScrollArea,
+  n as ScrollBar
 };
 //# 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/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;"}

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.es53.js";
 const f = l(
   "transition-all rounded-lg hover:rounded-[24px] border",
   {

package/dist/index.es50.js

@@ -1,46 +1,80 @@
-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 a from "@radix-ui/react-accordion";
+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.es53.js";
+const w = a.Root, u = e.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ e.createElement(
+  a.Item,
   {
-    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
+    ref: n,
+    className: l("border-b1 p-2 bg-whitish  rounded-2xl", r),
+    ...t
   }
 ));
-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
+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`
+        }
+      ))
+    ));
   }
-));
-r.displayName = e.Trigger.displayName;
-const c = t.forwardRef(({ className: i, ...a }, s) => /* @__PURE__ */ t.createElement(
-  e.Content,
+);
+v.displayName = a.Trigger.displayName;
+const g = e.forwardRef(({ className: r, children: t, withoutContent: n, ...i }, s) => /* @__PURE__ */ e.createElement(
+  a.Content,
   {
     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
-    ),
-    ...a
-  }
+    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
+  )
 ));
-c.displayName = e.Content.displayName;
+g.displayName = a.Content.displayName;
 export {
-  f as Tabs,
-  c as TabsContent,
-  o as TabsList,
-  r as TabsTrigger
+  w as Accordion,
+  g as AccordionContent,
+  u as AccordionItem,
+  v as AccordionTrigger
 };
 //# sourceMappingURL=index.es50.js.map

package/dist/index.es50.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es50.js","sources":["../src/components/ui/tabs.tsx"],"sourcesContent":["import * as React from 'react'\r\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\r\n\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst Tabs = TabsPrimitive.Root\r\n\r\nconst TabsList = React.forwardRef<\r\n  React.ElementRef<typeof TabsPrimitive.List>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\r\n>(({ className, ...props }, ref) => (\r\n  <TabsPrimitive.List\r\n    ref={ref}\r\n    className={cn(\r\n      'inline-flex h1-10 items-center justify-center rounded-lg  p-1 text-muted-foreground border border-navy-opacity-16 typo_variant_button',\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nTabsList.displayName = TabsPrimitive.List.displayName\r\n\r\nconst TabsTrigger = React.forwardRef<\r\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\r\n>(({ className, ...props }, ref) => (\r\n  <TabsPrimitive.Trigger\r\n    ref={ref}\r\n    className={cn(\r\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',\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\r\n\r\nconst TabsContent = React.forwardRef<\r\n  React.ElementRef<typeof TabsPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\r\n>(({ className, ...props }, ref) => (\r\n  <TabsPrimitive.Content\r\n    ref={ref}\r\n    className={cn(\r\n      'mt-7 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nTabsContent.displayName = TabsPrimitive.Content.displayName\r\n\r\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\r\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","cn","TabsTrigger","TabsContent"],"mappings":";;;AAKA,MAAMA,IAAOC,EAAc,MAErBC,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAS,cAAcD,EAAc,KAAK;AAEpC,MAAAO,IAAcL,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDG,EAAY,cAAcP,EAAc,QAAQ;AAE1C,MAAAQ,IAAcN,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAY,cAAcR,EAAc,QAAQ;"}
+{"version":3,"file":"index.es50.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;"}

package/dist/index.es51.js

@@ -1,14 +1,46 @@
-import c from "./index.es58.js";
-import e from "react";
-const m = ({ list: t }) => /* @__PURE__ */ e.createElement("ul", { className: "breadcrumbs space-y-2" }, t.map((a, r) => /* @__PURE__ */ e.createElement(
-  "li",
+import * as t from "react";
+import * as e from "@radix-ui/react-tabs";
+import { cn as n } from "./index.es53.js";
+const f = e.Root, o = t.forwardRef(({ className: i, ...a }, s) => /* @__PURE__ */ t.createElement(
+  e.List,
   {
-    key: r,
-    style: { "--counter": r + 1 }
-  },
-  /* @__PURE__ */ e.createElement(c, { ...a })
-))), u = m;
+    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
+  }
+));
+r.displayName = e.Trigger.displayName;
+const c = t.forwardRef(({ className: i, ...a }, s) => /* @__PURE__ */ t.createElement(
+  e.Content,
+  {
+    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
+    ),
+    ...a
+  }
+));
+c.displayName = e.Content.displayName;
 export {
-  u as default
+  f as Tabs,
+  c as TabsContent,
+  o as TabsList,
+  r as TabsTrigger
 };
 //# sourceMappingURL=index.es51.js.map

package/dist/index.es51.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es51.js","sources":["../src/components/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import Breadcrumb, { BreadcrumbProps } from \"./Breadcrumb\";\r\n\r\nimport React from \"react\";\r\n\r\ninterface BreadcrumbsProps {\r\n  list: BreadcrumbProps[];\r\n}\r\n\r\ninterface CustomInlineStyles extends React.CSSProperties {\r\n  \"--counter\"?: number;\r\n}\r\n\r\nconst Breadcrumbs: React.FC<BreadcrumbsProps> = ({ list }) => {\r\n  return (\r\n    <ul className=\"breadcrumbs space-y-2\">\r\n      {list.map((item, index) => (\r\n        <li\r\n          key={index}\r\n          style={{ \"--counter\": index + 1 } as CustomInlineStyles}\r\n        >\r\n          <Breadcrumb {...item} />\r\n        </li>\r\n      ))}\r\n    </ul>\r\n  );\r\n};\r\n\r\nexport default Breadcrumbs;\r\n"],"names":["Breadcrumbs","list","React","item","index","Breadcrumb","Breadcrumbs$1"],"mappings":";;AAYA,MAAMA,IAA0C,CAAC,EAAE,MAAAC,QAE/CC,gBAAAA,EAAA,cAAC,QAAG,WAAU,wBAAA,GACXD,EAAK,IAAI,CAACE,GAAMC,MACfF,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAKE;AAAA,IACL,OAAO,EAAE,aAAaA,IAAQ,EAAE;AAAA,EAAA;AAAA,EAEhCF,gBAAAA,EAAA,cAACG,GAAY,EAAA,GAAGF,EAAM,CAAA;AAEzB,CAAA,CACH,GAIJG,IAAeN;"}
+{"version":3,"file":"index.es51.js","sources":["../src/components/ui/tabs.tsx"],"sourcesContent":["import * as React from 'react'\r\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\r\n\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nconst Tabs = TabsPrimitive.Root\r\n\r\nconst TabsList = React.forwardRef<\r\n  React.ElementRef<typeof TabsPrimitive.List>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\r\n>(({ className, ...props }, ref) => (\r\n  <TabsPrimitive.List\r\n    ref={ref}\r\n    className={cn(\r\n      'inline-flex h1-10 items-center justify-center rounded-lg  p-1 text-muted-foreground border border-navy-opacity-16 typo_variant_button',\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nTabsList.displayName = TabsPrimitive.List.displayName\r\n\r\nconst TabsTrigger = React.forwardRef<\r\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\r\n>(({ className, ...props }, ref) => (\r\n  <TabsPrimitive.Trigger\r\n    ref={ref}\r\n    className={cn(\r\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',\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\r\n\r\nconst TabsContent = React.forwardRef<\r\n  React.ElementRef<typeof TabsPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\r\n>(({ className, ...props }, ref) => (\r\n  <TabsPrimitive.Content\r\n    ref={ref}\r\n    className={cn(\r\n      'mt-7 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\r\n      className\r\n    )}\r\n    {...props}\r\n  />\r\n))\r\nTabsContent.displayName = TabsPrimitive.Content.displayName\r\n\r\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\r\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","cn","TabsTrigger","TabsContent"],"mappings":";;;AAKA,MAAMA,IAAOC,EAAc,MAErBC,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAS,cAAcD,EAAc,KAAK;AAEpC,MAAAO,IAAcL,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDG,EAAY,cAAcP,EAAc,QAAQ;AAE1C,MAAAQ,IAAcN,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAY,cAAcR,EAAc,QAAQ;"}

package/dist/index.es52.js

@@ -1,9 +1,14 @@
-import { clsx as o } from "clsx";
-import { twMerge as t } from "tailwind-merge";
-function n(...r) {
-  return t(o(r));
-}
+import c from "./index.es60.js";
+import e from "react";
+const m = ({ list: t }) => /* @__PURE__ */ e.createElement("ul", { className: "breadcrumbs space-y-2" }, t.map((a, r) => /* @__PURE__ */ e.createElement(
+  "li",
+  {
+    key: r,
+    style: { "--counter": r + 1 }
+  },
+  /* @__PURE__ */ e.createElement(c, { ...a })
+))), u = m;
 export {
-  n as cn
+  u as default
 };
 //# sourceMappingURL=index.es52.js.map

package/dist/index.es52.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es52.js","sources":["../src/lib/utils/cn.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx'\r\nimport { twMerge } from 'tailwind-merge'\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs))\r\n}\r\n"],"names":["cn","inputs","twMerge","clsx"],"mappings":";;AAGO,SAASA,KAAMC,GAAsB;AACnC,SAAAC,EAAQC,EAAKF,CAAM,CAAC;AAC7B;"}
+{"version":3,"file":"index.es52.js","sources":["../src/components/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import Breadcrumb, { BreadcrumbProps } from \"./Breadcrumb\";\r\n\r\nimport React from \"react\";\r\n\r\ninterface BreadcrumbsProps {\r\n  list: BreadcrumbProps[];\r\n}\r\n\r\ninterface CustomInlineStyles extends React.CSSProperties {\r\n  \"--counter\"?: number;\r\n}\r\n\r\nconst Breadcrumbs: React.FC<BreadcrumbsProps> = ({ list }) => {\r\n  return (\r\n    <ul className=\"breadcrumbs space-y-2\">\r\n      {list.map((item, index) => (\r\n        <li\r\n          key={index}\r\n          style={{ \"--counter\": index + 1 } as CustomInlineStyles}\r\n        >\r\n          <Breadcrumb {...item} />\r\n        </li>\r\n      ))}\r\n    </ul>\r\n  );\r\n};\r\n\r\nexport default Breadcrumbs;\r\n"],"names":["Breadcrumbs","list","React","item","index","Breadcrumb","Breadcrumbs$1"],"mappings":";;AAYA,MAAMA,IAA0C,CAAC,EAAE,MAAAC,QAE/CC,gBAAAA,EAAA,cAAC,QAAG,WAAU,wBAAA,GACXD,EAAK,IAAI,CAACE,GAAMC,MACfF,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAKE;AAAA,IACL,OAAO,EAAE,aAAaA,IAAQ,EAAE;AAAA,EAAA;AAAA,EAEhCF,gBAAAA,EAAA,cAACG,GAAY,EAAA,GAAGF,EAAM,CAAA;AAEzB,CAAA,CACH,GAIJG,IAAeN;"}

package/dist/index.es53.js

@@ -1,25 +1,9 @@
-import { ArrowSliderPrev16X16 as s, ArrowSliderNext16X16 as m, MoreLink16X16 as l, LessLink16X16 as u } from "@iit/precision-ui-icons";
-import { ThumbsUp as f, ThumbsDown as p } from "lucide-react";
-import o from "react";
-const i = "1em", a = (e) => Object.keys(e).reduce((r, t) => (r[t] = ({
-  width: n = i,
-  height: c = i
-}) => o.createElement(e[t], { width: n, height: c }), r), {}), d = {
-  chevronLeft: s,
-  chevronRight: m,
-  plus: l,
-  minus: u,
-  like: f,
-  dislike: p
-}, h = a(d), I = (e, r, t) => {
-  if (e) {
-    const n = h[e];
-    if (n)
-      return n({ width: r, height: t });
-  }
-  return /* @__PURE__ */ o.createElement(o.Fragment, null);
-};
+import { clsx as o } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+function n(...r) {
+  return t(o(r));
+}
 export {
-  I as iconDefiner
+  n as cn
 };
 //# sourceMappingURL=index.es53.js.map

package/dist/index.es53.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es53.js","sources":["../src/components/ui/icon.tsx"],"sourcesContent":["import {\r\n  ArrowSliderNext16X16,\r\n  ArrowSliderPrev16X16,\r\n  LessLink16X16,\r\n  MoreLink16X16,\r\n} from '@iit/precision-ui-icons'\r\nimport { ThumbsDown, ThumbsUp } from 'lucide-react'\r\n\r\nimport React from 'react'\r\n\r\nconst DEFAULT_ICON_SIZE = '1em'\r\n\r\nexport type IconName =\r\n  | 'chevronLeft'\r\n  | 'chevronRight'\r\n  | 'plus'\r\n  | 'minus'\r\n  | 'like'\r\n  | 'dislike'\r\n\r\n// TODO: move to separate file\r\n// type IconMap = {\r\n//   [key in IconName]: (props: {\r\n//     width?: number | string\r\n//     height?: number | string\r\n//   }) => React.ReactElement\r\n// }\r\n\r\ninterface IconProps {\r\n  width?: number | string\r\n  height?: number | string\r\n}\r\n\r\nconst generateIconMap = (\r\n  icons: Record<IconName, React.ComponentType<React.SVGProps<SVGSVGElement>>>\r\n) => {\r\n  return Object.keys(icons).reduce<\r\n    Record<IconName, (props: IconProps) => React.ReactElement>\r\n  >((acc, key) => {\r\n    acc[key as IconName] = ({\r\n      width = DEFAULT_ICON_SIZE,\r\n      height = DEFAULT_ICON_SIZE,\r\n    }: IconProps) =>\r\n      React.createElement(icons[key as IconName], { width, height })\r\n    return acc\r\n  }, {} as Record<IconName, (props: IconProps) => React.ReactElement>)\r\n}\r\n\r\nconst icons: Record<\r\n  IconName,\r\n  React.ComponentType<React.SVGProps<SVGSVGElement>>\r\n> = {\r\n  chevronLeft: ArrowSliderPrev16X16,\r\n  chevronRight: ArrowSliderNext16X16,\r\n  plus: MoreLink16X16,\r\n  minus: LessLink16X16,\r\n  like: ThumbsUp,\r\n  dislike: ThumbsDown,\r\n}\r\n\r\nconst iconMap = generateIconMap(icons)\r\nexport const iconDefiner = (\r\n  icon?: IconName,\r\n  width?: number | string,\r\n  height?: number | string\r\n): React.ReactElement => {\r\n  if (icon) {\r\n    const selectedIcon = iconMap[icon]\r\n    if (selectedIcon) {\r\n      return selectedIcon({ width, height })\r\n    }\r\n  }\r\n  return <></>\r\n}\r\n"],"names":["DEFAULT_ICON_SIZE","generateIconMap","icons","acc","key","width","height","React","ArrowSliderPrev16X16","ArrowSliderNext16X16","MoreLink16X16","LessLink16X16","ThumbsUp","ThumbsDown","iconMap","iconDefiner","icon","selectedIcon"],"mappings":";;;AAUA,MAAMA,IAAoB,OAuBpBC,IAAkB,CACtBC,MAEO,OAAO,KAAKA,CAAK,EAAE,OAExB,CAACC,GAAKC,OACFD,EAAAC,CAAe,IAAI,CAAC;AAAA,EACtB,OAAAC,IAAQL;AAAA,EACR,QAAAM,IAASN;AAAA,MAETO,EAAM,cAAcL,EAAME,CAAe,GAAG,EAAE,OAAAC,GAAO,QAAAC,EAAA,CAAQ,GACxDH,IACN,CAAgE,CAAA,GAG/DD,IAGF;AAAA,EACF,aAAaM;AAAA,EACb,cAAcC;AAAA,EACd,MAAMC;AAAA,EACN,OAAOC;AAAA,EACP,MAAMC;AAAA,EACN,SAASC;AACX,GAEMC,IAAUb,EAAgBC,CAAK,GACxBa,IAAc,CACzBC,GACAX,GACAC,MACuB;AACvB,MAAIU,GAAM;AACF,UAAAC,IAAeH,EAAQE,CAAI;AACjC,QAAIC;AACF,aAAOA,EAAa,EAAE,OAAAZ,GAAO,QAAAC,EAAQ,CAAA;AAAA,EAEzC;AACA,SAASC,gBAAAA,EAAA,cAAAA,EAAA,UAAA,IAAA;AACX;"}
+{"version":3,"file":"index.es53.js","sources":["../src/lib/utils/cn.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx'\r\nimport { twMerge } from 'tailwind-merge'\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs))\r\n}\r\n"],"names":["cn","inputs","twMerge","clsx"],"mappings":";;AAGO,SAASA,KAAMC,GAAsB;AACnC,SAAAC,EAAQC,EAAKF,CAAM,CAAC;AAC7B;"}