iguazio.dashboard-react-controls 3.2.21 → 3.2.23

package/dist/nextGenComponents/components/TimeFilterDropdown/TimeFilterDropdown.mjs

@@ -0,0 +1,106 @@
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { useState as i } from "react";
+import j from "../../../images/check.svg.mjs";
+import E from "../../../images/select.svg.mjs";
+import "../CustomRangePicker/index.mjs";
+import { DropdownMenu as k, DropdownMenuTrigger as $, DropdownMenuContent as P, DropdownMenuItem as K } from "../ui/dropdown-menu.mjs";
+import { TIME_FILTER_CUSTOM_VALUE as s, DEFAULT_TIME_FILTER_OPTIONS as q, TIME_FILTER_FALLBACK_LABEL as G, START_TIME_LABEL as H, TIME_FILTER_RESET_VALUE as J } from "../../constants/index.mjs";
+import { cn as x } from "../../lib/utils.mjs";
+import { formatCustomRangeLabel as Q } from "../../utils/date.utils.mjs";
+import V from "../CustomRangePicker/CustomRangePicker.mjs";
+const ro = ({
+  value: T,
+  defaultValue: _ = "any",
+  onChange: f,
+  onCustomRange: p,
+  initialCustomRange: l,
+  presetDateRange: e,
+  options: d = q,
+  startTimeOnly: c = !1,
+  className: A,
+  triggerClassName: w
+}) => {
+  var L;
+  const [M, S] = i(_), [t, m] = i(
+    l != null && l.since ? l : null
+  ), u = T ?? (t ? s : M), v = t ? Q(t.since, t.until) : "", N = u === s && !!v, F = ((L = d.find((o) => o.value === u)) == null ? void 0 : L.label) ?? G, h = N ? v : F, [O, n] = i(!1), [y, I] = i(!1), b = (o) => {
+    if (o === s) {
+      n(!0);
+      return;
+    }
+    n(!1), m(null), S(o), f == null || f(o);
+  }, B = (o) => {
+    m(o), p == null || p(o), I(!1), n(!1);
+  };
+  return /* @__PURE__ */ a(
+    k,
+    {
+      open: y,
+      onOpenChange: (o) => {
+        I(o), o || n(!1);
+      },
+      children: [
+        /* @__PURE__ */ a(
+          $,
+          {
+            className: x(
+              "inline-flex h-10 border-solid border-[#ccc] items-center justify-between gap-2 rounded border bg-background px-3 text-sm font-normal shadow-sm hover:bg-[#f5f5f5] transition-colors cursor-pointer",
+              "focus-visible:outline-none text-[#4B4760]",
+              c ? "w-[220px]" : "w-[180px]",
+              w
+            ),
+            "data-testid": "time-filter-trigger",
+            children: [
+              /* @__PURE__ */ r("span", { className: "truncate", children: c ? H + h : h }),
+              /* @__PURE__ */ r(E, { className: "size-4 opacity-70 w-3.5 h-2" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ r(
+          P,
+          {
+            align: "end",
+            sideOffset: 8,
+            className: x(
+              c ? "min-w-[220px]" : "min-w-[180px]",
+              "text-[#4B4760]",
+              A
+            ),
+            children: O ? /* @__PURE__ */ r(
+              V,
+              {
+                onApply: B,
+                singleDate: c,
+                onReset: () => b(J),
+                initialRange: t ?? e ?? void 0
+              },
+              `${(t == null ? void 0 : t.since) ?? (e == null ? void 0 : e.since) ?? ""}-${(t == null ? void 0 : t.until) ?? (e == null ? void 0 : e.until) ?? ""}`
+            ) : d.map((o) => {
+              const z = o.value === s ? !!t : u === o.value;
+              return /* @__PURE__ */ a(
+                K,
+                {
+                  onSelect: (U) => {
+                    o.value === s && U.preventDefault(), b(o.value);
+                  },
+                  className: "relative text-[15px] h-[50px] p-4 data-[highlighted]:bg-igz-accent-hover cursor-pointer",
+                  "data-testid": `time-filter-option-${o.value}`,
+                  children: [
+                    o.label,
+                    z && !o.rightIcon && /* @__PURE__ */ r(j, { className: "absolute right-2 top-1/2 -translate-y-1/2 size-4" }),
+                    o.rightIcon === "chevron" && /* @__PURE__ */ r(E, { className: "absolute right-2 top-1/2 -translate-y-1/2 size-4 opacity-70 -rotate-90" })
+                  ]
+                },
+                o.value
+              );
+            })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  ro as default
+};
+//# sourceMappingURL=TimeFilterDropdown.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeFilterDropdown.mjs","sources":["../../../../src/lib/nextGenComponents/components/TimeFilterDropdown/TimeFilterDropdown.tsx"],"sourcesContent":["import { useState } from 'react'\n\nimport Check from '../../../images/check.svg?react'\nimport Select from '../../../images/select.svg?react'\nimport CustomRangePicker from '@/components/CustomRangePicker'\nimport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem\n} from '@/components/ui/dropdown-menu'\nimport {\n  TIME_FILTER_CUSTOM_VALUE,\n  TIME_FILTER_RESET_VALUE,\n  TIME_FILTER_FALLBACK_LABEL,\n  DEFAULT_TIME_FILTER_OPTIONS,\n  START_TIME_LABEL\n} from '@/constants'\nimport { cn } from '@/lib/utils'\nimport { TimeFilterDropdownProps, TimeFilterValue } from '@/types/table/timeFilter'\nimport { formatCustomRangeLabel } from '@/utils/date.utils'\n\nconst TimeFilterDropdown = ({\n  value,\n  defaultValue = 'any',\n  onChange,\n  onCustomRange,\n  initialCustomRange,\n  presetDateRange,\n  options = DEFAULT_TIME_FILTER_OPTIONS,\n  startTimeOnly = false,\n  className,\n  triggerClassName\n}: TimeFilterDropdownProps) => {\n  const [internal, setInternal] = useState<TimeFilterValue>(defaultValue)\n  const [appliedRange, setAppliedRange] = useState<{ since: string; until: string } | null>(\n    initialCustomRange?.since ? initialCustomRange : null\n  )\n  const effectiveInternal = appliedRange ? TIME_FILTER_CUSTOM_VALUE : internal\n  const selected = value ?? effectiveInternal\n\n  const customLabel = appliedRange\n    ? formatCustomRangeLabel(appliedRange.since, appliedRange.until)\n    : ''\n  const isCustomActive = selected === TIME_FILTER_CUSTOM_VALUE && !!customLabel\n  const presetLabel = options.find(i => i.value === selected)?.label ?? TIME_FILTER_FALLBACK_LABEL\n  const currentLabel = isCustomActive ? customLabel : presetLabel\n\n  const [isCustomOpen, setIsCustomOpen] = useState(false)\n  const [isOpen, setIsOpen] = useState(false)\n\n  const handleSelect = (selectedValue: TimeFilterValue) => {\n    if (selectedValue === TIME_FILTER_CUSTOM_VALUE) {\n      setIsCustomOpen(true)\n      return\n    }\n\n    setIsCustomOpen(false)\n    setAppliedRange(null)\n    setInternal(selectedValue)\n    onChange?.(selectedValue)\n  }\n\n  const handleCustomApply = (range: { since: string; until: string }) => {\n    setAppliedRange(range)\n    onCustomRange?.(range)\n    setIsOpen(false)\n    setIsCustomOpen(false)\n  }\n\n  return (\n    <DropdownMenu\n      open={isOpen}\n      onOpenChange={open => {\n        setIsOpen(open)\n        if (!open) setIsCustomOpen(false)\n      }}\n    >\n      <DropdownMenuTrigger\n        className={cn(\n          'inline-flex h-10 border-solid border-[#ccc] items-center justify-between gap-2 rounded border bg-background px-3 text-sm font-normal shadow-sm hover:bg-[#f5f5f5] transition-colors cursor-pointer',\n          'focus-visible:outline-none text-[#4B4760]',\n          startTimeOnly ? 'w-[220px]' : 'w-[180px]',\n          triggerClassName\n        )}\n        data-testid=\"time-filter-trigger\"\n      >\n        <span className=\"truncate\">\n          {startTimeOnly ? START_TIME_LABEL + currentLabel : currentLabel}\n        </span>\n        <Select className=\"size-4 opacity-70 w-3.5 h-2\" />\n      </DropdownMenuTrigger>\n\n      <DropdownMenuContent\n        align=\"end\"\n        sideOffset={8}\n        className={cn(\n          startTimeOnly ? 'min-w-[220px]' : 'min-w-[180px]',\n          'text-[#4B4760]',\n          className\n        )}\n      >\n        {isCustomOpen ? (\n          <CustomRangePicker\n            key={`${appliedRange?.since ?? presetDateRange?.since ?? ''}-${appliedRange?.until ?? presetDateRange?.until ?? ''}`}\n            onApply={handleCustomApply}\n            singleDate={startTimeOnly}\n            onReset={() => handleSelect(TIME_FILTER_RESET_VALUE)}\n            initialRange={appliedRange ?? presetDateRange ?? undefined}\n          />\n        ) : (\n          options.map(item => {\n            const isActive =\n              item.value === TIME_FILTER_CUSTOM_VALUE ? !!appliedRange : selected === item.value\n            return (\n              <DropdownMenuItem\n                key={item.value}\n                onSelect={e => {\n                  if (item.value === TIME_FILTER_CUSTOM_VALUE) e.preventDefault()\n                  handleSelect(item.value)\n                }}\n                className=\"relative text-[15px] h-[50px] p-4 data-[highlighted]:bg-igz-accent-hover cursor-pointer\"\n                data-testid={`time-filter-option-${item.value}`}\n              >\n                {item.label}\n\n                {isActive && !item.rightIcon && (\n                  <Check className=\"absolute right-2 top-1/2 -translate-y-1/2 size-4\" />\n                )}\n\n                {item.rightIcon === 'chevron' && (\n                  <Select className=\"absolute right-2 top-1/2 -translate-y-1/2 size-4 opacity-70 -rotate-90\" />\n                )}\n              </DropdownMenuItem>\n            )\n          })\n        )}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n\nexport default TimeFilterDropdown\n"],"names":["TimeFilterDropdown","value","defaultValue","onChange","onCustomRange","initialCustomRange","presetDateRange","options","DEFAULT_TIME_FILTER_OPTIONS","startTimeOnly","className","triggerClassName","internal","setInternal","useState","appliedRange","setAppliedRange","selected","TIME_FILTER_CUSTOM_VALUE","customLabel","formatCustomRangeLabel","isCustomActive","presetLabel","_a","i","TIME_FILTER_FALLBACK_LABEL","currentLabel","isCustomOpen","setIsCustomOpen","isOpen","setIsOpen","handleSelect","selectedValue","handleCustomApply","range","jsxs","DropdownMenu","open","DropdownMenuTrigger","cn","jsx","START_TIME_LABEL","Select","DropdownMenuContent","CustomRangePicker","TIME_FILTER_RESET_VALUE","item","isActive","DropdownMenuItem","e","Check"],"mappings":"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"}

package/dist/nextGenComponents/components/TimeFilterDropdown/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './TimeFilterDropdown';
+//# sourceMappingURL=index.d.ts.map

package/dist/nextGenComponents/components/TimeFilterDropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/TimeFilterDropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA"}

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

@@ -0,0 +1,5 @@
+import { default as o } from "./TimeFilterDropdown.mjs";
+export {
+  o as default
+};
+//# sourceMappingURL=index.mjs.map

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

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

package/dist/nextGenComponents/components/index.d.ts

@@ -0,0 +1,39 @@
+export { default as Badge, getBadgeColor } from './Badge';
+export type { BadgeProps } from './Badge';
+export { default as BadgeCell } from './BadgeCell';
+export type { BadgeCellProps, BadgeItem } from './BadgeCell';
+export { Loader } from './Loader';
+export type { LoaderProps } from './Loader';
+export { RowActions, ActionMenu, SingleActionButton } from './RowActions';
+export type { ActionMenuItem } from './RowActions';
+export { default as CopyButton } from './EllipsisTooltip';
+export { default as DataTable } from './DataTable';
+export type { DataTableProps, DetailsPanelConfig, CheckboxSelectionConfig } from './DataTable/DataTable';
+export { default as DetailsPanel } from './DetailsPanel';
+export { default as EllipsisTooltip } from './EllipsisTooltip';
+export { default as FilterPopover } from './FilterPopover';
+export { default as MultiSelectField, SelectArrow } from './MultiSelectField';
+export type { MultiSelectFieldProps } from './MultiSelectField';
+export { default as StatsCard } from './StatsCard';
+export { default as PaginationControls } from './PaginationControls';
+export type { PaginationConfig, PaginationControlsProps } from './PaginationControls';
+export { default as RefreshButton } from './RefreshButton';
+export { default as TimeFilterDropdown } from './TimeFilterDropdown';
+export { Button } from './ui/button';
+export type { ButtonProps } from './ui/button';
+export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogBody, DialogFooter, DialogTitle, DialogDescription } from './ui/dialog';
+export { Calendar } from './ui/calendar';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './ui/card';
+export { Collapsible, CollapsibleTrigger, CollapsibleContent } from './ui/collapsible';
+export { Checkbox } from './ui/checkbox';
+export * from './ui/dropdown-menu';
+export { Input } from './ui/input';
+export * from './ui/pagination';
+export { Popover, PopoverContent, PopoverTrigger } from './ui/popover';
+export { ScrollArea, ScrollBar } from './ui/scroll-area';
+export * from './ui/select';
+export { Separator } from './ui/separator';
+export { Tabs, TabsContent, TabsList, TabsTrigger } from './ui/tabs';
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './ui/tooltip';
+export { cn } from '../lib/utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/nextGenComponents/components/index.d.ts.map

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

package/dist/nextGenComponents/components/index.mjs

@@ -0,0 +1,103 @@
+import "./Badge/index.mjs";
+import "./BadgeCell/index.mjs";
+import "./Loader/index.mjs";
+import "./RowActions/index.mjs";
+import "./EllipsisTooltip/index.mjs";
+import "./DataTable/index.mjs";
+import "./DetailsPanel/index.mjs";
+import "./FilterPopover/index.mjs";
+import "./MultiSelectField/index.mjs";
+import "./StatsCard/index.mjs";
+import "./PaginationControls/index.mjs";
+import "./RefreshButton/index.mjs";
+import "./TimeFilterDropdown/index.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 {
+  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

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

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

@@ -0,0 +1,14 @@
+import { TooltipContentProps } from '@radix-ui/react-tooltip';
+import { type VariantProps } from 'class-variance-authority';
+import React from 'react';
+declare const buttonVariants: (props?: ({
+    variant?: "secondary" | "default" | "link" | "destructive" | "outline" | "ghost" | "rounded" | null | undefined;
+    size?: "sm" | "lg" | "default" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants>, Omit<TooltipContentProps, keyof React.ButtonHTMLAttributes<HTMLButtonElement>> {
+    asChild?: boolean;
+    tooltip?: string;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button };
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/ui/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,QAAA,MAAM,cAAc;;;8EA8BnB,CAAA;AAED,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC,EACnC,IAAI,CAAC,mBAAmB,EAAE,MAAM,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAChF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,QAAA,MAAM,MAAM,uFA2BX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,CAAA"}

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

@@ -0,0 +1,56 @@
+import { jsx as r, jsxs as u } from "react/jsx-runtime";
+import { Slot as c } from "@radix-ui/react-slot";
+import { cva as g } from "class-variance-authority";
+import f from "react";
+import { Tooltip as p, TooltipTrigger as m, TooltipContent as v } from "./tooltip.mjs";
+import { cn as h } from "../../lib/utils.mjs";
+const x = g(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:cursor-not-allowed disabled:border disabled:bg-white disabled:text-igz-gray disabled:[&_svg]:text-igz-secondary [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90 min-w-[100px] disabled:border-primary",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 disabled:border-destructive",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground disabled:border-background",
+        secondary: "border border-solid border-[#ccc] bg-secondary text-secondary-foreground hover:bg-[#483F561F] min-w-[50px] disabled:border-secondary",
+        ghost: "hover:bg-accent hover:text-accent-foreground disabled:border-transparent",
+        link: "text-igz-primary underline-offset-4 hover:underline disabled:border-transparent",
+        rounded: "rounded-full hover:bg-igz-gray-light [&_svg]:size-[16px] transition-bg duration-300 ease-in-out disabled:border-igz-gray-light"
+      },
+      size: {
+        default: "h-10 px-4 py-3",
+        sm: "h-9 px-4 py-2.5",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10 p-0 m-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), y = f.forwardRef(
+  ({ className: i, variant: n, size: d, tooltip: e = "", side: s = "top", asChild: a = !1, disabled: t, ...l }, b) => {
+    const o = /* @__PURE__ */ r(
+      a ? c : "button",
+      {
+        className: h(
+          x({ variant: n, size: d, className: i }),
+          e && t && "disabled:pointer-events-auto"
+        ),
+        disabled: t,
+        ref: b,
+        ...l
+      }
+    );
+    return e ? /* @__PURE__ */ u(p, { children: [
+      /* @__PURE__ */ r(m, { asChild: !0, children: o }),
+      /* @__PURE__ */ r(v, { side: s, children: e })
+    ] }) : o;
+  }
+);
+y.displayName = "Button";
+export {
+  y as Button
+};
+//# sourceMappingURL=button.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.mjs","sources":["../../../../src/lib/nextGenComponents/components/ui/button.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { TooltipContentProps } from '@radix-ui/react-tooltip'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport React from 'react'\n\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip'\nimport { cn } from '@/lib/utils'\n\nconst buttonVariants = cva(\n  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:cursor-not-allowed disabled:border disabled:bg-white disabled:text-igz-gray disabled:[&_svg]:text-igz-secondary [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-primary text-primary-foreground hover:bg-primary/90 min-w-[100px] disabled:border-primary',\n        destructive:\n          'bg-destructive text-destructive-foreground hover:bg-destructive/90 disabled:border-destructive',\n        outline:\n          'border border-input bg-background hover:bg-accent hover:text-accent-foreground disabled:border-background',\n        secondary:\n          'border border-solid border-[#ccc] bg-secondary text-secondary-foreground hover:bg-[#483F561F] min-w-[50px] disabled:border-secondary',\n        ghost: 'hover:bg-accent hover:text-accent-foreground disabled:border-transparent',\n        link: 'text-igz-primary underline-offset-4 hover:underline disabled:border-transparent',\n        rounded:\n          'rounded-full hover:bg-igz-gray-light [&_svg]:size-[16px] transition-bg duration-300 ease-in-out disabled:border-igz-gray-light'\n      },\n      size: {\n        default: 'h-10 px-4 py-3',\n        sm: 'h-9 px-4 py-2.5',\n        lg: 'h-11 rounded-md px-8',\n        icon: 'h-10 w-10 p-0 m-0'\n      }\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default'\n    }\n  }\n)\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants>,\n    Omit<TooltipContentProps, keyof React.ButtonHTMLAttributes<HTMLButtonElement>> {\n  asChild?: boolean\n  tooltip?: string\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    { className, variant, size, tooltip = '', side = 'top', asChild = false, disabled, ...props },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : 'button'\n    const buttonEl = (\n      <Comp\n        className={cn(\n          buttonVariants({ variant, size, className }),\n          tooltip && disabled && 'disabled:pointer-events-auto'\n        )}\n        disabled={disabled}\n        ref={ref}\n        {...props}\n      />\n    )\n\n    if (!tooltip) return buttonEl\n\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>{buttonEl}</TooltipTrigger>\n        <TooltipContent side={side}>{tooltip}</TooltipContent>\n      </Tooltip>\n    )\n  }\n)\nButton.displayName = 'Button'\n\nexport { Button }\n"],"names":["buttonVariants","cva","Button","React","className","variant","size","tooltip","side","asChild","disabled","props","ref","buttonEl","jsx","Slot","cn","Tooltip","TooltipTrigger","TooltipContent"],"mappings":";;;;;;AAQA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OAAO;AAAA,QACP,MAAM;AAAA,QACN,SACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAUMC,IAASC,EAAM;AAAA,EACnB,CACE,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,SAAAC,IAAU,IAAI,MAAAC,IAAO,OAAO,SAAAC,IAAU,IAAO,UAAAC,GAAU,GAAGC,EAAA,GACtFC,MACG;AAEH,UAAMC,IACJ,gBAAAC;AAAA,MAFWL,IAAUM,IAAO;AAAA,MAE3B;AAAA,QACC,WAAWC;AAAA,UACThB,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,GAAW;AAAA,UAC3CG,KAAWG,KAAY;AAAA,QAAA;AAAA,QAEzB,UAAAA;AAAA,QACA,KAAAE;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAIR,WAAKJ,sBAGFU,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAH,EAACI,GAAA,EAAe,SAAO,IAAE,UAAAL,GAAS;AAAA,MAClC,gBAAAC,EAACK,GAAA,EAAe,MAAAX,GAAa,UAAAD,EAAA,CAAQ;AAAA,IAAA,GACvC,IANmBM;AAAA,EAQvB;AACF;AACAX,EAAO,cAAc;"}

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

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import type { DateRange } from 'react-day-picker';
+import { DayPicker } from 'react-day-picker';
+import { Button } from '@/components/ui/button';
+type CalendarProps = React.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React.ComponentProps<typeof Button>['variant'];
+    singleDate?: boolean;
+    /**
+     * If provided, Calendar will paint the range (middle) and optionally an "active" endpoint.
+     */
+    range?: DateRange;
+    /**
+     * Which endpoint should be shown as the active circle in this calendar.
+     * - "start" paints range.from as a filled circle
+     * - "end" paints range.to as a filled circle
+     */
+    activeRangeSide?: 'start' | 'end';
+    /**
+     * Caption prefix like "From:" / "To:" (used when captionLayout="label")
+     */
+    captionPrefix?: string;
+    /**
+     * When true, forces weekday to be a single letter (like the screenshot).
+     */
+    weekdaySingleLetter?: boolean;
+};
+declare const Calendar: ({ className, classNames, showOutsideDays, captionLayout, formatters, components, range, activeRangeSide, captionPrefix, weekdaySingleLetter, singleDate, modifiers, modifiersClassNames, ...props }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
+export { Calendar };
+//# sourceMappingURL=calendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/ui/calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAgC,SAAS,EAAwB,MAAM,kBAAkB,CAAA;AAGhG,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAI/C,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAC5D,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAA;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IACjC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,CAAA;AAED,QAAA,MAAM,QAAQ,GAAI,qMAef,aAAa,4CAgIf,CAAA;AAuDD,OAAO,EAAE,QAAQ,EAAE,CAAA"}

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

@@ -0,0 +1,157 @@
+import { jsx as m } from "react/jsx-runtime";
+import * as g from "react";
+import { getDefaultClassNames as k, DayPicker as j } from "react-day-picker";
+import y from "../../../images/calendar-chevron.svg.mjs";
+import { Button as D } from "./button.mjs";
+import { cn as e } from "../../lib/utils.mjs";
+import { getSupportedLocale as S } from "../../utils/date.utils.mjs";
+const G = ({
+  className: s,
+  classNames: t,
+  showOutsideDays: l = !0,
+  captionLayout: u = "label",
+  formatters: d,
+  components: w,
+  range: n,
+  activeRangeSide: i,
+  captionPrefix: f,
+  weekdaySingleLetter: v = !0,
+  singleDate: p = !1,
+  modifiers: h,
+  modifiersClassNames: x,
+  ...C
+}) => {
+  const o = k(), F = g.useMemo(() => {
+    const a = n == null ? void 0 : n.from, r = n == null ? void 0 : n.to, c = {};
+    a && r && (c.range_middle = (_) => _ > a && _ < r, c.range_from = a, c.range_to = r);
+    let b = {};
+    return i === "start" ? b = { active_start: a } : i === "end" && (b = { active_end: r }), {
+      ...h,
+      ...c,
+      ...b
+    };
+  }, [i, h, n == null ? void 0 : n.from, n == null ? void 0 : n.to]), z = g.useMemo(() => ({
+    ...x,
+    range_middle: "rounded-none text-[#869CFF]"
+  }), [x]), N = g.useMemo(() => {
+    const a = S();
+    return {
+      formatMonthDropdown: (r) => r.toLocaleString(a, { month: "short" }),
+      ...v ? { formatWeekdayName: (r) => r.toLocaleDateString(a, { weekday: "narrow" }) } : {},
+      ...f ? {
+        formatCaption: (r) => `${f} ${r.toLocaleDateString(a, { month: "short", year: "numeric" })}`
+      } : {},
+      ...d
+    };
+  }, [f, d, v]);
+  return /* @__PURE__ */ m(
+    j,
+    {
+      showOutsideDays: l,
+      captionLayout: u,
+      modifiers: F,
+      modifiersClassNames: z,
+      formatters: N,
+      className: e(
+        "bg-background group/calendar p-0 [--cell-size:2rem] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        s
+      ),
+      classNames: {
+        root: e(o.root),
+        months: e("relative flex flex-col gap-4 md:flex-row", o.months),
+        month: e("flex w-full flex-col gap-4", o.month),
+        nav: e(
+          "absolute inset-x-0 top-0 flex w-full items-start justify-between z-20",
+          o.nav
+        ),
+        button_previous: e(
+          "flex items-center justify-center h-[--cell-size] w-[--cell-size]",
+          o.button_previous
+        ),
+        button_next: e(
+          "flex items-center justify-center h-[--cell-size] w-[--cell-size]",
+          o.button_next
+        ),
+        month_caption: e(
+          "flex h-[--cell-size] w-full items-center justify-center px-5",
+          o.month_caption
+        ),
+        dropdowns: e(
+          "flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium",
+          o.dropdowns
+        ),
+        dropdown: e("bg-popover absolute inset-0 opacity-0", o.dropdown),
+        table: "w-full border-collapse",
+        weekdays: e("flex border-b border-slate-100 pb-2", o.weekdays),
+        weekday: e(
+          "text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal",
+          o.weekday
+        ),
+        day: e(
+          "group/day relative aspect-square flex-1 select-none p-0 text-center flex items-center justify-center",
+          !p && "has-[button[data-range-start]]:bg-[#869CFF33] has-[button[data-range-end]]:bg-[#869CFF33] has-[button[data-range-middle]]:bg-[#869CFF33]",
+          !p && "has-[button[data-range-start]]:rounded-l-full has-[button[data-range-end]]:rounded-r-full",
+          !p && "has-[button[data-selected-single]]:bg-transparent",
+          o.day
+        ),
+        week: e("flex w-full mt-1", o.week),
+        range_start: "bg-transparent",
+        range_middle: "bg-transparent",
+        range_end: "bg-transparent",
+        outside: e(
+          "text-muted-foreground aria-selected:text-muted-foreground",
+          o.outside
+        ),
+        disabled: e("text-muted-foreground opacity-50", o.disabled),
+        hidden: e("invisible", o.hidden),
+        ...t
+      },
+      components: {
+        Root: q,
+        DayButton: B,
+        Chevron: L,
+        ...w
+      },
+      ...C
+    }
+  );
+}, B = ({
+  className: s,
+  modifiers: t,
+  ...l
+}) => {
+  const u = t.active_start || t.active_end || t.selected, d = t.range_from || t.range_to || t.range_middle || t.active_start || t.active_end;
+  return /* @__PURE__ */ m(
+    D,
+    {
+      variant: "ghost",
+      size: "icon",
+      "data-range-start": t.range_from || t.active_start || void 0,
+      "data-range-end": t.range_to || t.active_end || void 0,
+      "data-range-middle": t.range_middle || void 0,
+      "data-selected-single": t.selected && !d || void 0,
+      disabled: t.outside,
+      className: e(
+        "relative flex aspect-square h-8 w-full items-center justify-center p-0 font-normal transition-none z-10 hover:bg-igz-accent-hover",
+        u && "!bg-[#869CFF] !text-white rounded-full z-20 hover:!bg-[#869CFF]",
+        s,
+        t.range_middle && "!text-[#869CFF]"
+      ),
+      ...l
+    }
+  );
+}, L = ({
+  orientation: s,
+  className: t
+}) => /* @__PURE__ */ m(
+  y,
+  {
+    className: e("text-[#7F7989]", s === "left" && "rotate-180", t)
+  }
+), q = ({ className: s, rootRef: t, ...l }) => /* @__PURE__ */ m("div", { "data-slot": "calendar", ref: t, className: e(s), ...l });
+export {
+  G as Calendar
+};
+//# sourceMappingURL=calendar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.mjs","sources":["../../../../src/lib/nextGenComponents/components/ui/calendar.tsx"],"sourcesContent":["import * as React from 'react'\nimport type { DateRange } from 'react-day-picker'\nimport { DayButton as DayButtonImport, DayPicker, getDefaultClassNames } from 'react-day-picker'\n\nimport CalendarChevronSvg from '../../../images/calendar-chevron.svg?react'\nimport { Button } from '@/components/ui/button'\nimport { cn } from '@/lib/utils'\nimport { getSupportedLocale } from '@/utils/date.utils'\n\ntype CalendarProps = React.ComponentProps<typeof DayPicker> & {\n  buttonVariant?: React.ComponentProps<typeof Button>['variant']\n  singleDate?: boolean\n  /**\n   * If provided, Calendar will paint the range (middle) and optionally an \"active\" endpoint.\n   */\n  range?: DateRange\n  /**\n   * Which endpoint should be shown as the active circle in this calendar.\n   * - \"start\" paints range.from as a filled circle\n   * - \"end\" paints range.to as a filled circle\n   */\n  activeRangeSide?: 'start' | 'end'\n  /**\n   * Caption prefix like \"From:\" / \"To:\" (used when captionLayout=\"label\")\n   */\n  captionPrefix?: string\n  /**\n   * When true, forces weekday to be a single letter (like the screenshot).\n   */\n  weekdaySingleLetter?: boolean\n}\n\nconst Calendar = ({\n  className,\n  classNames,\n  showOutsideDays = true,\n  captionLayout = 'label',\n  formatters,\n  components,\n  range,\n  activeRangeSide,\n  captionPrefix,\n  weekdaySingleLetter = true,\n  singleDate = false,\n  modifiers,\n  modifiersClassNames,\n  ...props\n}: CalendarProps) => {\n  const defaultClassNames = getDefaultClassNames()\n\n  const computedModifiers = React.useMemo(() => {\n    const from = range?.from\n    const to = range?.to\n\n    const rangeModifiers: Record<string, Date | ((day: Date) => boolean) | undefined> = {}\n\n    if (from && to) {\n      rangeModifiers.range_middle = (day: Date) => day > from && day < to\n      rangeModifiers.range_from = from\n      rangeModifiers.range_to = to\n    }\n\n    let active: Record<string, Date | undefined> = {}\n\n    if (activeRangeSide === 'start') {\n      active = { active_start: from }\n    } else if (activeRangeSide === 'end') {\n      active = { active_end: to }\n    }\n\n    return {\n      ...modifiers,\n      ...rangeModifiers,\n      ...active\n    }\n  }, [activeRangeSide, modifiers, range?.from, range?.to])\n\n  const computedModifiersClassNames = React.useMemo(() => {\n    return {\n      ...modifiersClassNames,\n      range_middle: 'rounded-none text-[#869CFF]'\n    }\n  }, [modifiersClassNames])\n\n  const computedFormatters = React.useMemo(() => {\n    const locale = getSupportedLocale()\n    return {\n      formatMonthDropdown: (date: Date) => date.toLocaleString(locale, { month: 'short' }),\n      ...(weekdaySingleLetter\n        ? { formatWeekdayName: (d: Date) => d.toLocaleDateString(locale, { weekday: 'narrow' }) }\n        : {}),\n      ...(captionPrefix\n        ? {\n            formatCaption: (m: Date) =>\n              `${captionPrefix} ${m.toLocaleDateString(locale, { month: 'short', year: 'numeric' })}`\n          }\n        : {}),\n      ...formatters\n    }\n  }, [captionPrefix, formatters, weekdaySingleLetter])\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      captionLayout={captionLayout}\n      modifiers={computedModifiers}\n      modifiersClassNames={computedModifiersClassNames}\n      formatters={computedFormatters}\n      className={cn(\n        'bg-background group/calendar p-0 [--cell-size:2rem] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent',\n        String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n        String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n        className\n      )}\n      classNames={{\n        root: cn(defaultClassNames.root),\n        months: cn('relative flex flex-col gap-4 md:flex-row', defaultClassNames.months),\n        month: cn('flex w-full flex-col gap-4', defaultClassNames.month),\n        nav: cn(\n          'absolute inset-x-0 top-0 flex w-full items-start justify-between z-20',\n          defaultClassNames.nav\n        ),\n        button_previous: cn(\n          'flex items-center justify-center h-[--cell-size] w-[--cell-size]',\n          defaultClassNames.button_previous\n        ),\n        button_next: cn(\n          'flex items-center justify-center h-[--cell-size] w-[--cell-size]',\n          defaultClassNames.button_next\n        ),\n        month_caption: cn(\n          'flex h-[--cell-size] w-full items-center justify-center px-5',\n          defaultClassNames.month_caption\n        ),\n        dropdowns: cn(\n          'flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium',\n          defaultClassNames.dropdowns\n        ),\n        dropdown: cn('bg-popover absolute inset-0 opacity-0', defaultClassNames.dropdown),\n        table: 'w-full border-collapse',\n        weekdays: cn('flex border-b border-slate-100 pb-2', defaultClassNames.weekdays),\n        weekday: cn(\n          'text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal',\n          defaultClassNames.weekday\n        ),\n        day: cn(\n          'group/day relative aspect-square flex-1 select-none p-0 text-center flex items-center justify-center',\n          !singleDate &&\n            'has-[button[data-range-start]]:bg-[#869CFF33] has-[button[data-range-end]]:bg-[#869CFF33] has-[button[data-range-middle]]:bg-[#869CFF33]',\n          !singleDate &&\n            'has-[button[data-range-start]]:rounded-l-full has-[button[data-range-end]]:rounded-r-full',\n          !singleDate && 'has-[button[data-selected-single]]:bg-transparent',\n          defaultClassNames.day\n        ),\n        week: cn('flex w-full mt-1', defaultClassNames.week),\n        range_start: 'bg-transparent',\n        range_middle: 'bg-transparent',\n        range_end: 'bg-transparent',\n        outside: cn(\n          'text-muted-foreground aria-selected:text-muted-foreground',\n          defaultClassNames.outside\n        ),\n        disabled: cn('text-muted-foreground opacity-50', defaultClassNames.disabled),\n        hidden: cn('invisible', defaultClassNames.hidden),\n        ...classNames\n      }}\n      components={{\n        Root: CalendarRoot,\n        DayButton: CalendarDayButton,\n        Chevron: CalendarChevron,\n        ...components\n      }}\n      {...props}\n    />\n  )\n}\n\nconst CalendarDayButton = ({\n  className: btnClassName,\n  modifiers: dayModifiers,\n  ...rest\n}: React.ComponentProps<typeof DayButtonImport>) => {\n  const isSelected = dayModifiers.active_start || dayModifiers.active_end || dayModifiers.selected\n  const isInRange =\n    dayModifiers.range_from ||\n    dayModifiers.range_to ||\n    dayModifiers.range_middle ||\n    dayModifiers.active_start ||\n    dayModifiers.active_end\n\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"icon\"\n      data-range-start={dayModifiers.range_from || dayModifiers.active_start || undefined}\n      data-range-end={dayModifiers.range_to || dayModifiers.active_end || undefined}\n      data-range-middle={dayModifiers.range_middle || undefined}\n      data-selected-single={(dayModifiers.selected && !isInRange) || undefined}\n      disabled={dayModifiers.outside}\n      className={cn(\n        'relative flex aspect-square h-8 w-full items-center justify-center p-0 font-normal transition-none z-10 hover:bg-igz-accent-hover',\n        isSelected && '!bg-[#869CFF] !text-white rounded-full z-20 hover:!bg-[#869CFF]',\n        btnClassName,\n        dayModifiers.range_middle && '!text-[#869CFF]'\n      )}\n      {...rest}\n    />\n  )\n}\n\ntype CalendarRootProps = React.HTMLAttributes<HTMLDivElement> & {\n  rootRef?: React.Ref<HTMLDivElement>\n}\n\nconst CalendarChevron = ({\n  orientation,\n  className\n}: {\n  className?: string\n  orientation?: 'up' | 'down' | 'left' | 'right'\n}) => (\n  <CalendarChevronSvg\n    className={cn('text-[#7F7989]', orientation === 'left' && 'rotate-180', className)}\n  />\n)\n\nconst CalendarRoot = ({ className, rootRef, ...rest }: CalendarRootProps) => {\n  return <div data-slot=\"calendar\" ref={rootRef} className={cn(className)} {...rest} />\n}\n\nexport { Calendar }\n"],"names":["Calendar","className","classNames","showOutsideDays","captionLayout","formatters","components","range","activeRangeSide","captionPrefix","weekdaySingleLetter","singleDate","modifiers","modifiersClassNames","props","defaultClassNames","getDefaultClassNames","computedModifiers","React","from","to","rangeModifiers","day","active","computedModifiersClassNames","computedFormatters","locale","getSupportedLocale","date","d","m","jsx","DayPicker","cn","CalendarRoot","CalendarDayButton","CalendarChevron","btnClassName","dayModifiers","rest","isSelected","isInRange","Button","orientation","CalendarChevronSvg","rootRef"],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
+//# sourceMappingURL=card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/lib/nextGenComponents/components/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,IAAI,6GAQT,CAAA;AAGD,QAAA,MAAM,UAAU,6GAIf,CAAA;AAGD,QAAA,MAAM,SAAS,6GAQd,CAAA;AAGD,QAAA,MAAM,eAAe,6GAIpB,CAAA;AAGD,QAAA,MAAM,WAAW,6GAIhB,CAAA;AAGD,QAAA,MAAM,UAAU,6GAIf,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,CAAA"}