iguazio.dashboard-react-controls 3.2.22 → 3.2.24

package/dist/nextGenComponents/components/index.mjs

@@ -1,3 +1,5 @@
+import "./Badge/index.mjs";
+import "./BadgeCell/index.mjs";
 import "./Loader/index.mjs";
 import "./RowActions/index.mjs";
 import "./EllipsisTooltip/index.mjs";
@@ -9,75 +11,93 @@ import "./StatsCard/index.mjs";
 import "./PaginationControls/index.mjs";
 import "./RefreshButton/index.mjs";
 import "./TimeFilterDropdown/index.mjs";
-import { Button as g } from "./ui/button.mjs";
-import { Calendar as C } from "./ui/calendar.mjs";
-import { Card as w, CardContent as x, CardDescription as M, CardFooter as T, CardHeader as f, CardTitle as P } from "./ui/card.mjs";
-import { Checkbox as s } from "./ui/checkbox.mjs";
-import { DropdownMenu as v, DropdownMenuCheckboxItem as B, DropdownMenuContent as L, DropdownMenuGroup as h, DropdownMenuItem as k, DropdownMenuLabel as G, DropdownMenuPortal as R, DropdownMenuRadioGroup as A, DropdownMenuRadioItem as E, DropdownMenuSeparator as F, DropdownMenuShortcut as H, DropdownMenuSub as N, DropdownMenuSubContent as U, DropdownMenuSubTrigger as V, DropdownMenuTrigger as j } from "./ui/dropdown-menu.mjs";
-import { Input as y } from "./ui/input.mjs";
-import { Pagination as J, PaginationContent as K, PaginationEllipsis as O, PaginationItem as Q, PaginationLink as W, PaginationNext as X, PaginationPrevious as Y } from "./ui/pagination.mjs";
-import { Popover as _, PopoverContent as $, PopoverTrigger as oo } from "./ui/popover.mjs";
-import { ScrollArea as eo, ScrollBar as to } from "./ui/scroll-area.mjs";
-import { Select as po, SelectContent as io, SelectGroup as ao, SelectItem as lo, SelectLabel as mo, SelectScrollDownButton as uo, SelectScrollUpButton as So, SelectSeparator as go, SelectTrigger as co, SelectValue as Co } from "./ui/select.mjs";
-import { Separator as wo } from "./ui/separator.mjs";
-import { Tabs as Mo, TabsContent as To, TabsList as fo, TabsTrigger as Po } from "./ui/tabs.mjs";
-import { Tooltip as so, TooltipContent as Io, TooltipProvider as vo, TooltipTrigger as Bo } from "./ui/tooltip.mjs";
+import { Button as S } from "./ui/button.mjs";
+import { Dialog as x, DialogBody as T, DialogClose as f, DialogContent as w, DialogDescription as M, DialogFooter as b, DialogHeader as s, DialogOverlay as P, DialogPortal as v, DialogTitle as I, DialogTrigger as B } from "./ui/dialog.mjs";
+import { Calendar as h } from "./ui/calendar.mjs";
+import { Card as G, CardContent as y, CardDescription as F, CardFooter as H, CardHeader as R, CardTitle as A } from "./ui/card.mjs";
+import { Collapsible as N, CollapsibleContent as O, CollapsibleTrigger as U } from "./ui/collapsible.mjs";
+import { Checkbox as j } from "./ui/checkbox.mjs";
+import { DropdownMenu as z, DropdownMenuCheckboxItem as J, DropdownMenuContent as K, DropdownMenuGroup as Q, DropdownMenuItem as W, DropdownMenuLabel as X, DropdownMenuPortal as Y, DropdownMenuRadioGroup as Z, DropdownMenuRadioItem as _, DropdownMenuSeparator as $, DropdownMenuShortcut as oo, DropdownMenuSub as ro, DropdownMenuSubContent as eo, DropdownMenuSubTrigger as to, DropdownMenuTrigger as no } from "./ui/dropdown-menu.mjs";
+import { Input as po } from "./ui/input.mjs";
+import { Pagination as lo, PaginationContent as go, PaginationEllipsis as mo, PaginationItem as Do, PaginationLink as uo, PaginationNext as Co, PaginationPrevious as So } from "./ui/pagination.mjs";
+import { Popover as xo, PopoverContent as To, PopoverTrigger as fo } from "./ui/popover.mjs";
+import { ScrollArea as Mo, ScrollBar as bo } from "./ui/scroll-area.mjs";
+import { Select as Po, SelectContent as vo, SelectGroup as Io, SelectItem as Bo, SelectLabel as Lo, SelectScrollDownButton as ho, SelectScrollUpButton as ko, SelectSeparator as Go, SelectTrigger as yo, SelectValue as Fo } from "./ui/select.mjs";
+import { Separator as Ro } from "./ui/separator.mjs";
+import { Tabs as Eo, TabsContent as No, TabsList as Oo, TabsTrigger as Uo } from "./ui/tabs.mjs";
+import { Tooltip as jo, TooltipContent as qo, TooltipProvider as zo, TooltipTrigger as Jo } from "./ui/tooltip.mjs";
+import { cn as Qo } from "../lib/utils.mjs";
 export {
-  g as Button,
-  C as Calendar,
-  w as Card,
-  x as CardContent,
-  M as CardDescription,
-  T as CardFooter,
-  f as CardHeader,
-  P as CardTitle,
-  s as Checkbox,
-  v as DropdownMenu,
-  B as DropdownMenuCheckboxItem,
-  L as DropdownMenuContent,
-  h as DropdownMenuGroup,
-  k as DropdownMenuItem,
-  G as DropdownMenuLabel,
-  R as DropdownMenuPortal,
-  A as DropdownMenuRadioGroup,
-  E as DropdownMenuRadioItem,
-  F as DropdownMenuSeparator,
-  H as DropdownMenuShortcut,
-  N as DropdownMenuSub,
-  U as DropdownMenuSubContent,
-  V as DropdownMenuSubTrigger,
-  j as DropdownMenuTrigger,
-  y as Input,
-  J as Pagination,
-  K as PaginationContent,
-  O as PaginationEllipsis,
-  Q as PaginationItem,
-  W as PaginationLink,
-  X as PaginationNext,
-  Y as PaginationPrevious,
-  _ as Popover,
-  $ as PopoverContent,
-  oo as PopoverTrigger,
-  eo as ScrollArea,
-  to as ScrollBar,
-  po as Select,
-  io as SelectContent,
-  ao as SelectGroup,
-  lo as SelectItem,
-  mo as SelectLabel,
-  uo as SelectScrollDownButton,
-  So as SelectScrollUpButton,
-  go as SelectSeparator,
-  co as SelectTrigger,
-  Co as SelectValue,
-  wo as Separator,
-  Mo as Tabs,
-  To as TabsContent,
-  fo as TabsList,
-  Po as TabsTrigger,
-  so as Tooltip,
-  Io as TooltipContent,
-  vo as TooltipProvider,
-  Bo as TooltipTrigger
+  S as Button,
+  h as Calendar,
+  G as Card,
+  y as CardContent,
+  F as CardDescription,
+  H as CardFooter,
+  R as CardHeader,
+  A as CardTitle,
+  j as Checkbox,
+  N as Collapsible,
+  O as CollapsibleContent,
+  U as CollapsibleTrigger,
+  x as Dialog,
+  T as DialogBody,
+  f as DialogClose,
+  w as DialogContent,
+  M as DialogDescription,
+  b as DialogFooter,
+  s as DialogHeader,
+  P as DialogOverlay,
+  v as DialogPortal,
+  I as DialogTitle,
+  B as DialogTrigger,
+  z as DropdownMenu,
+  J as DropdownMenuCheckboxItem,
+  K as DropdownMenuContent,
+  Q as DropdownMenuGroup,
+  W as DropdownMenuItem,
+  X as DropdownMenuLabel,
+  Y as DropdownMenuPortal,
+  Z as DropdownMenuRadioGroup,
+  _ as DropdownMenuRadioItem,
+  $ as DropdownMenuSeparator,
+  oo as DropdownMenuShortcut,
+  ro as DropdownMenuSub,
+  eo as DropdownMenuSubContent,
+  to as DropdownMenuSubTrigger,
+  no as DropdownMenuTrigger,
+  po as Input,
+  lo as Pagination,
+  go as PaginationContent,
+  mo as PaginationEllipsis,
+  Do as PaginationItem,
+  uo as PaginationLink,
+  Co as PaginationNext,
+  So as PaginationPrevious,
+  xo as Popover,
+  To as PopoverContent,
+  fo as PopoverTrigger,
+  Mo as ScrollArea,
+  bo as ScrollBar,
+  Po as Select,
+  vo as SelectContent,
+  Io as SelectGroup,
+  Bo as SelectItem,
+  Lo as SelectLabel,
+  ho as SelectScrollDownButton,
+  ko as SelectScrollUpButton,
+  Go as SelectSeparator,
+  yo as SelectTrigger,
+  Fo as SelectValue,
+  Ro as Separator,
+  Eo as Tabs,
+  No as TabsContent,
+  Oo as TabsList,
+  Uo as TabsTrigger,
+  jo as Tooltip,
+  qo as TooltipContent,
+  zo as TooltipProvider,
+  Jo as TooltipTrigger,
+  Qo as cn
 };
 //# sourceMappingURL=index.mjs.map

package/dist/nextGenComponents/components/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/nextGenComponents/components/ui/collapsible.d.ts

@@ -0,0 +1,6 @@
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };
+//# sourceMappingURL=collapsible.d.ts.map

package/dist/nextGenComponents/components/ui/collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/ui/collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAA;AAEnE,QAAA,MAAM,WAAW,kIAA4B,CAAA;AAE7C,QAAA,MAAM,kBAAkB,4IAA0C,CAAA;AAElE,QAAA,MAAM,kBAAkB,yIAA0C,CAAA;AAElE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/nextGenComponents/components/ui/collapsible.mjs

@@ -0,0 +1,8 @@
+import * as l from "@radix-ui/react-collapsible";
+const o = l.Root, e = l.CollapsibleTrigger, i = l.CollapsibleContent;
+export {
+  o as Collapsible,
+  i as CollapsibleContent,
+  e as CollapsibleTrigger
+};
+//# sourceMappingURL=collapsible.mjs.map

package/dist/nextGenComponents/components/ui/collapsible.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.mjs","sources":["../../../../src/lib/nextGenComponents/components/ui/collapsible.tsx"],"sourcesContent":["import * as CollapsiblePrimitive from '@radix-ui/react-collapsible'\n\nconst Collapsible = CollapsiblePrimitive.Root\n\nconst CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger\n\nconst CollapsibleContent = CollapsiblePrimitive.CollapsibleContent\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\n"],"names":["Collapsible","CollapsiblePrimitive","CollapsibleTrigger","CollapsibleContent"],"mappings":";AAEA,MAAMA,IAAcC,EAAqB,MAEnCC,IAAqBD,EAAqB,oBAE1CE,IAAqBF,EAAqB;"}

package/dist/nextGenComponents/components/ui/dialog.d.ts

@@ -0,0 +1,27 @@
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as React from 'react';
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    showCloseButton?: boolean;
+    closeOnOutsideClick?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogBody: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogBody, DialogFooter, DialogTitle, DialogDescription };
+//# sourceMappingURL=dialog.d.ts.map

package/dist/nextGenComponents/components/ui/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/ui/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,aAAa,8GAA0B,CAAA;AAE7C,QAAA,MAAM,YAAY,6CAAyB,CAAA;AAE3C,QAAA,MAAM,WAAW,4GAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,8JAejB,CAAA;AAGF,QAAA,MAAM,aAAa;sBAGG,OAAO;0BACH,OAAO;wCAsDhC,CAAA;AAGD,QAAA,MAAM,YAAY;8BAA6B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CASlF,CAAA;AAGD,QAAA,MAAM,UAAU;8BAA6B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAMhF,CAAA;AAGD,QAAA,MAAM,YAAY;8BAA6B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CASlF,CAAA;AAGD,QAAA,MAAM,WAAW,oKAaf,CAAA;AAGF,QAAA,MAAM,iBAAiB,8KAUrB,CAAA;AAGF,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,WAAW,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,iBAAiB,EAClB,CAAA"}

package/dist/nextGenComponents/components/ui/dialog.mjs

@@ -0,0 +1,135 @@
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import * as t from "@radix-ui/react-dialog";
+import * as r from "react";
+import y from "../../../images/close.svg.mjs";
+import { Button as x } from "./button.mjs";
+import { cn as i } from "../../lib/utils.mjs";
+const j = t.Root, B = t.Trigger, N = t.Portal, k = t.Close, n = r.forwardRef(({ className: a, children: e, ...l }, d) => /* @__PURE__ */ o(
+  t.Overlay,
+  {
+    ref: d,
+    "data-testid": "dialog-overlay",
+    className: i(
+      "fixed flex items-center justify-center 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",
+      a
+    ),
+    ...l,
+    children: e
+  }
+));
+n.displayName = t.Overlay.displayName;
+const b = r.forwardRef(
+  ({
+    className: a,
+    children: e,
+    showCloseButton: l = !0,
+    closeOnOutsideClick: d = !1,
+    onPointerDownOutside: m,
+    onInteractOutside: c,
+    ...g
+  }, f) => /* @__PURE__ */ o(N, { children: /* @__PURE__ */ o(n, { children: /* @__PURE__ */ p(
+    t.Content,
+    {
+      "aria-describedby": void 0,
+      ref: f,
+      "data-testid": "dialog-content",
+      className: i(
+        "relative flex flex-col z-50 gap-4 border bg-background p-0 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 rounded-lg max-h-[90vh]",
+        a
+      ),
+      ...g,
+      onPointerDownOutside: (s) => {
+        m == null || m(s), d || s.preventDefault();
+      },
+      onInteractOutside: (s) => {
+        c == null || c(s), d || s.preventDefault();
+      },
+      children: [
+        e,
+        l && /* @__PURE__ */ o(t.Close, { asChild: !0, "data-slot": "dialog-close", children: /* @__PURE__ */ o(
+          x,
+          {
+            variant: "rounded",
+            size: "icon",
+            className: "absolute top-3.5 right-3",
+            "aria-label": "Close",
+            tooltip: "Close",
+            "data-testid": "dialog-close-button",
+            children: /* @__PURE__ */ o(y, { className: "w-6 h-6" })
+          }
+        ) })
+      ]
+    }
+  ) }) })
+);
+b.displayName = t.Content.displayName;
+const D = ({ className: a, ...e }) => /* @__PURE__ */ o(
+  "div",
+  {
+    "data-testid": "dialog-header",
+    className: i(
+      "flex flex-col items-start relative space-y-1.5 border-b border-igz-gray-light px-6 py-4",
+      a
+    ),
+    ...e
+  }
+);
+D.displayName = "DialogHeader";
+const v = ({ className: a, ...e }) => /* @__PURE__ */ o(
+  "div",
+  {
+    "data-testid": "dialog-body",
+    className: i("px-6 my-4 flex-1 flex flex-col gap-4 overflow-hidden", a),
+    ...e
+  }
+);
+v.displayName = "DialogBody";
+const h = ({ className: a, ...e }) => /* @__PURE__ */ o(
+  "div",
+  {
+    "data-testid": "dialog-footer",
+    className: i(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 px-6 pb-3",
+      a
+    ),
+    ...e
+  }
+);
+h.displayName = "DialogFooter";
+const u = r.forwardRef(({ className: a, ...e }, l) => /* @__PURE__ */ o(
+  t.Title,
+  {
+    ref: l,
+    "data-testid": "dialog-title",
+    className: i(
+      "font-roboto text-xl font-semibold leading-none tracking-tight text-igz-primary",
+      a
+    ),
+    ...e
+  }
+));
+u.displayName = t.Title.displayName;
+const C = r.forwardRef(({ className: a, ...e }, l) => /* @__PURE__ */ o(
+  t.Description,
+  {
+    ref: l,
+    "data-testid": "dialog-description",
+    className: i("text-sm text-muted-foreground", a),
+    ...e
+  }
+));
+C.displayName = t.Description.displayName;
+export {
+  j as Dialog,
+  v as DialogBody,
+  k as DialogClose,
+  b as DialogContent,
+  C as DialogDescription,
+  h as DialogFooter,
+  D as DialogHeader,
+  n as DialogOverlay,
+  N as DialogPortal,
+  u as DialogTitle,
+  B as DialogTrigger
+};
+//# sourceMappingURL=dialog.mjs.map

package/dist/nextGenComponents/components/ui/dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.mjs","sources":["../../../../src/lib/nextGenComponents/components/ui/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog'\nimport * as React from 'react'\n\nimport Close from '../../../images/close.svg?react'\nimport { Button } from '@/components/ui/button'\nimport { cn } from '@/lib/utils'\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, children, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    data-testid=\"dialog-overlay\"\n    className={cn(\n      'fixed flex items-center justify-center 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    {children}\n  </DialogPrimitive.Overlay>\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\n    showCloseButton?: boolean\n    closeOnOutsideClick?: boolean\n  }\n>(\n  (\n    {\n      className,\n      children,\n      showCloseButton = true,\n      closeOnOutsideClick = false,\n      onPointerDownOutside,\n      onInteractOutside,\n      ...props\n    },\n    ref\n  ) => (\n    <DialogPortal>\n      <DialogOverlay>\n        <DialogPrimitive.Content\n          aria-describedby={undefined}\n          ref={ref}\n          data-testid=\"dialog-content\"\n          className={cn(\n            'relative flex flex-col z-50 gap-4 border bg-background p-0 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 rounded-lg max-h-[90vh]',\n            className\n          )}\n          {...props}\n          onPointerDownOutside={event => {\n            onPointerDownOutside?.(event)\n            if (!closeOnOutsideClick) event.preventDefault()\n          }}\n          onInteractOutside={event => {\n            onInteractOutside?.(event)\n            if (!closeOnOutsideClick) event.preventDefault()\n          }}\n        >\n          {children}\n          {showCloseButton && (\n            <DialogPrimitive.Close asChild data-slot=\"dialog-close\">\n              <Button\n                variant=\"rounded\"\n                size=\"icon\"\n                className=\"absolute top-3.5 right-3\"\n                aria-label=\"Close\"\n                tooltip=\"Close\"\n                data-testid=\"dialog-close-button\"\n              >\n                <Close className=\"w-6 h-6\" />\n              </Button>\n            </DialogPrimitive.Close>\n          )}\n        </DialogPrimitive.Content>\n      </DialogOverlay>\n    </DialogPortal>\n  )\n)\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    data-testid=\"dialog-header\"\n    className={cn(\n      'flex flex-col items-start relative space-y-1.5 border-b border-igz-gray-light px-6 py-4',\n      className\n    )}\n    {...props}\n  />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogBody = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    data-testid=\"dialog-body\"\n    className={cn('px-6 my-4 flex-1 flex flex-col gap-4 overflow-hidden', className)}\n    {...props}\n  />\n)\nDialogBody.displayName = 'DialogBody'\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    data-testid=\"dialog-footer\"\n    className={cn(\n      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 px-6 pb-3',\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    data-testid=\"dialog-title\"\n    className={cn(\n      'font-roboto text-xl font-semibold leading-none tracking-tight text-igz-primary',\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    data-testid=\"dialog-description\"\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  DialogBody,\n  DialogFooter,\n  DialogTitle,\n  DialogDescription\n}\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","React","className","children","props","ref","jsx","cn","DialogContent","showCloseButton","closeOnOutsideClick","onPointerDownOutside","onInteractOutside","jsxs","event","Button","Close","DialogHeader","DialogBody","DialogFooter","DialogTitle","DialogDescription"],"mappings":"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"}

package/dist/nextGenComponents/components/ui/tabs.mjs

@@ -43,7 +43,7 @@ const i = ({ className: t, ...e }) => /* @__PURE__ */ a(
   r.Content,
   {
     "data-slot": "tabs-content",
-    className: s("flex-1 outline-none pt-6", t),
+    className: s("flex-1 outline-none py-6", t),
     ...e
   }
 );

package/dist/nextGenComponents/components/ui/tabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.mjs","sources":["../../../../src/lib/nextGenComponents/components/ui/tabs.tsx"],"sourcesContent":["import * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst Tabs = ({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>) => {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      className={cn('flex flex-col gap-0', className)}\n      {...props}\n    />\n  )\n}\n\nconst TabsList = ({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>) => {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(\n        'flex w-fit items-center gap-3 bg-transparent border-b border-gray-200',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst TabsTrigger = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) => {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        'relative inline-flex select-none items-center justify-center whitespace-nowrap mr-2 pb-1 text-[16px] text-gray-500',\n        'hover:text-[#4B4760]',\n        'data-[state=active]:text-[#4B4760]',\n        \"after:content-[''] after:absolute after:-bottom-[1px] after:left-0 after:h-[2px] after:bg-[#869CFF] after:w-0 data-[state=active]:after:w-full\",\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-300 focus-visible:rounded-sm',\n        'first:px-4',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst TabsContent = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) => {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn('flex-1 outline-none pt-6', className)}\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],"names":["Tabs","className","props","jsx","TabsPrimitive","cn","TabsList","TabsTrigger","TabsContent"],"mappings":";;;AAKA,MAAMA,IAAO,CAAC,EAAE,WAAAC,GAAW,GAAGC,QAE1B,gBAAAC;AAAA,EAACC,EAAc;AAAA,EAAd;AAAA,IACC,aAAU;AAAA,IACV,WAAWC,EAAG,uBAAuBJ,CAAS;AAAA,IAC7C,GAAGC;AAAA,EAAA;AAAA,GAKJI,IAAW,CAAC,EAAE,WAAAL,GAAW,GAAGC,QAE9B,gBAAAC;AAAA,EAACC,EAAc;AAAA,EAAd;AAAA,IACC,aAAU;AAAA,IACV,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AAAA,GAKJK,IAAc,CAAC;AAAA,EACnB,WAAAN;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACC,EAAc;AAAA,EAAd;AAAA,IACC,aAAU;AAAA,IACV,WAAWC;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AAAA,GAKJM,IAAc,CAAC;AAAA,EACnB,WAAAP;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACC,EAAc;AAAA,EAAd;AAAA,IACC,aAAU;AAAA,IACV,WAAWC,EAAG,4BAA4BJ,CAAS;AAAA,IAClD,GAAGC;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"tabs.mjs","sources":["../../../../src/lib/nextGenComponents/components/ui/tabs.tsx"],"sourcesContent":["import * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst Tabs = ({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>) => {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      className={cn('flex flex-col gap-0', className)}\n      {...props}\n    />\n  )\n}\n\nconst TabsList = ({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>) => {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(\n        'flex w-fit items-center gap-3 bg-transparent border-b border-gray-200',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst TabsTrigger = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) => {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        'relative inline-flex select-none items-center justify-center whitespace-nowrap mr-2 pb-1 text-[16px] text-gray-500',\n        'hover:text-[#4B4760]',\n        'data-[state=active]:text-[#4B4760]',\n        \"after:content-[''] after:absolute after:-bottom-[1px] after:left-0 after:h-[2px] after:bg-[#869CFF] after:w-0 data-[state=active]:after:w-full\",\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-300 focus-visible:rounded-sm',\n        'first:px-4',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst TabsContent = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) => {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn('flex-1 outline-none py-6', className)}\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],"names":["Tabs","className","props","jsx","TabsPrimitive","cn","TabsList","TabsTrigger","TabsContent"],"mappings":";;;AAKA,MAAMA,IAAO,CAAC,EAAE,WAAAC,GAAW,GAAGC,QAE1B,gBAAAC;AAAA,EAACC,EAAc;AAAA,EAAd;AAAA,IACC,aAAU;AAAA,IACV,WAAWC,EAAG,uBAAuBJ,CAAS;AAAA,IAC7C,GAAGC;AAAA,EAAA;AAAA,GAKJI,IAAW,CAAC,EAAE,WAAAL,GAAW,GAAGC,QAE9B,gBAAAC;AAAA,EAACC,EAAc;AAAA,EAAd;AAAA,IACC,aAAU;AAAA,IACV,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AAAA,GAKJK,IAAc,CAAC;AAAA,EACnB,WAAAN;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACC,EAAc;AAAA,EAAd;AAAA,IACC,aAAU;AAAA,IACV,WAAWC;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AAAA,GAKJM,IAAc,CAAC;AAAA,EACnB,WAAAP;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACC,EAAc;AAAA,EAAd;AAAA,IACC,aAAU;AAAA,IACV,WAAWC,EAAG,4BAA4BJ,CAAS;AAAA,IAClD,GAAGC;AAAA,EAAA;AAAA;"}