@konstructio/ui 0.1.2-alpha.67 → 0.1.2-alpha.68

package/dist/components/Select/components/List/List.variants.d.ts

@@ -1 +1,2 @@
+export declare const listGroupLabelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
 export declare const listVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/components/Select/components/List/List.variants.js

@@ -1,5 +1,19 @@
 import { c as t } from "../../../../index-D29mdTf5.js";
-const o = t([
+const r = t([
+  "flex",
+  "items-center",
+  "h-8",
+  "px-6",
+  "py-1.5",
+  "text-[11px]",
+  "font-medium",
+  "uppercase",
+  "tracking-[0.25px]",
+  "text-metal-50",
+  "pointer-events-none",
+  "select-none",
+  "cursor-default"
+]), a = t([
   "scrollbar",
   "absolute",
   "bg-white",
@@ -27,5 +41,6 @@ const o = t([
   "[&>li:last-child]:mb-2"
 ]);
 export {
-  o as listVariants
+  r as listGroupLabelVariants,
+  a as listVariants
 };

package/dist/components/Select/components/Wrapper.d.ts

@@ -1,3 +1,5 @@
 import { ComponentRef, ForwardRefExoticComponent, RefAttributes } from 'react';
 import { SelectProps } from '../Select.types';
-export declare const Wrapper: ForwardRefExoticComponent<Omit<SelectProps, 'options'> & RefAttributes<ComponentRef<'input'>>>;
+export declare const Wrapper: ForwardRefExoticComponent<Omit<SelectProps, 'options'> & {
+    groupedOptions: SelectProps['options'];
+} & RefAttributes<ComponentRef<'input'>>>;

package/dist/components/Select/components/Wrapper.js

@@ -1,98 +1,99 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { forwardRef as te, useId as ae, useRef as w, useMemo as re, useImperativeHandle as ne, useEffect as le } from "react";
-import { Typography as se } from "../../Typography/Typography.js";
+import { forwardRef as ae, useId as re, useRef as w, useMemo as ne, useImperativeHandle as le, useEffect as se } from "react";
+import { Typography as oe } from "../../Typography/Typography.js";
 import { cn as n } from "../../../utils/index.js";
-import { labelVariants as oe, inputVariants as ce, selectVariants as ie } from "../Select.variants.js";
-import { useSelect as me } from "../hooks/useSelect.js";
-import { List as pe } from "./List/List.js";
-import { c as ue } from "../../../createLucideIcon-CP-mMPfa.js";
-import { LoaderIcon as fe } from "../../../assets/icons/components/Loader.js";
-import { C as de } from "../../../chevron-up-IlDPxR7j.js";
-import { useSelectContext as xe } from "../contexts/select.hook.js";
-const he = [
+import { labelVariants as ce, inputVariants as ie, selectVariants as me } from "../Select.variants.js";
+import { useSelect as pe } from "../hooks/useSelect.js";
+import { List as ue } from "./List/List.js";
+import { c as fe } from "../../../createLucideIcon-CP-mMPfa.js";
+import { LoaderIcon as de } from "../../../assets/icons/components/Loader.js";
+import { C as xe } from "../../../chevron-up-IlDPxR7j.js";
+import { useSelectContext as he } from "../contexts/select.hook.js";
+const ve = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], ve = ue("search", he), ze = te(
+], Ne = fe("search", ve), Oe = ae(
   ({
     additionalOptions: z,
     className: O,
     defaultValue: x,
     disabled: t = !1,
     error: f,
-    iconClassName: R,
-    inputClassName: F,
-    isInfiniteScrollEnabled: S = !1,
+    groupedOptions: R,
+    iconClassName: F,
+    inputClassName: S,
+    isInfiniteScrollEnabled: T = !1,
     isLoading: g,
     isRequired: h,
     label: v,
-    labelAction: T,
-    labelClassName: E,
-    labelWrapperClassName: M,
-    listClassName: W,
-    listItemClassName: _,
-    listItemSecondRowClassName: $,
+    labelAction: E,
+    labelClassName: M,
+    labelWrapperClassName: W,
+    listClassName: _,
+    listItemClassName: $,
+    listItemSecondRowClassName: H,
     name: d,
-    noOptionsText: H,
+    noOptionsText: P,
     placeholder: N,
     searchable: k = !1,
     showSearchIcon: C,
-    theme: P,
-    wrapperClassName: U,
-    onFetchMoreOptions: q,
-    onBlur: A,
-    onSearchChange: B,
+    theme: U,
+    wrapperClassName: q,
+    onFetchMoreOptions: A,
+    onBlur: B,
+    onSearchChange: D,
     ...y
-  }, D) => {
-    const I = ae(), c = w(null), j = w(null), G = w(0), {
+  }, G) => {
+    const I = re(), c = w(null), j = w(null), J = w(0), {
       isOpen: i,
       options: l,
-      searchTerm: J,
+      searchTerm: K,
       value: s,
-      setCanFilter: K,
-      setSearchTerm: Q,
+      setCanFilter: Q,
+      setSearchTerm: X,
       setValue: m,
-      toggleOpen: X
-    } = xe(), e = re(() => l.find(({ value: a }) => a === s), [l, s]), { wrapperRef: Y, wrapperInputRef: L, handleOpen: V } = me({
+      toggleOpen: Y
+    } = he(), e = ne(() => l.find(({ value: a }) => a === s), [l, s]), { wrapperRef: Z, wrapperInputRef: L, handleOpen: V } = pe({
       ulRef: j,
       inputRef: c,
       disabled: t,
       internalValue: e,
-      onBlur: A
+      onBlur: B
     }), p = d ? `${I}-${d}` : I;
-    ne(D, () => c.current, [c]), le(() => {
+    le(G, () => c.current, [c]), se(() => {
       if (x && !s) {
         const a = l && l.find((u) => u.value === x);
         a && m(a.value);
       }
     }, [x, l, m, s]);
-    const Z = (a) => {
+    const ee = (a) => {
       const u = a.target.value;
-      K(!0), m(""), Q(u ?? ""), B?.(u);
+      Q(!0), m(""), X(u ?? ""), D?.(u);
       const b = l.find(
-        (ee) => ee.value.toLocaleLowerCase() === u.toLocaleLowerCase()
+        (te) => te.value.toLocaleLowerCase() === u.toLocaleLowerCase()
       );
       m(b ? b.value : e?.value ?? "");
     };
     return /* @__PURE__ */ o(
       "div",
       {
-        ref: Y,
-        className: n("flex flex-col gap-2 w-full relative", U),
-        "data-theme": P,
+        ref: Z,
+        className: n("flex flex-col gap-2 w-full relative", q),
+        "data-theme": U,
         children: [
           v ? /* @__PURE__ */ o(
             "div",
             {
               className: n(
                 "flex items-center justify-between",
-                M
+                W
               ),
               children: [
                 /* @__PURE__ */ o(
                   "label",
                   {
                     id: p,
-                    className: n(oe({ className: E })),
+                    className: n(ce({ className: M })),
                     htmlFor: p,
                     onClick: () => !t && V(),
                     children: [
@@ -101,7 +102,7 @@ const he = [
                     ]
                   }
                 ),
-                T
+                E
               ]
             }
           ) : null,
@@ -111,18 +112,18 @@ const he = [
               ref: L,
               id: p,
               className: n(
-                ie({ className: O, hasError: !!f, disabled: t })
+                me({ className: O, hasError: !!f, disabled: t })
               ),
               role: "combobox",
-              onClick: () => !t && X(!i),
+              onClick: () => !t && Y(!i),
               "aria-expanded": i,
-              tabIndex: G.current,
+              tabIndex: J.current,
               "aria-labelledby": p,
               children: [
                 /* @__PURE__ */ o("div", { className: "flex gap-2.5 items-center flex-1", children: [
                   e?.leftIcon && !C && /* @__PURE__ */ r("span", { className: "w-4 h-4 flex justify-center items-center dark:text-metal-50", children: e.leftIcon }),
                   C && /* @__PURE__ */ r(
-                    ve,
+                    Ne,
                     {
                       className: n(
                         "w-4",
@@ -140,10 +141,10 @@ const he = [
                     "input",
                     {
                       type: "text",
-                      value: i ? J : e?.label ?? s ?? "",
-                      onChange: Z,
+                      value: i ? K : e?.label ?? s ?? "",
+                      onChange: ee,
                       placeholder: N,
-                      className: n(ce({ className: F }), {
+                      className: n(ie({ className: S }), {
                         "text-red-700 placeholder:text-red-700": !!f
                       }),
                       onClick: (a) => {
@@ -159,7 +160,7 @@ const he = [
                       ...y
                     }
                   ) : /* @__PURE__ */ o(
-                    se,
+                    oe,
                     {
                       variant: "body2",
                       className: n(
@@ -181,18 +182,18 @@ const he = [
                   )
                 ] }),
                 g ? /* @__PURE__ */ r(
-                  fe,
+                  de,
                   {
                     size: 16,
                     className: "text-metal-400 animate-spin select-none"
                   }
                 ) : !C && /* @__PURE__ */ r(
-                  de,
+                  xe,
                   {
                     "data-state": i ? "open" : "closed",
                     className: n(
                       "w-4 h-4 text-zinc-500 transition-all duration-100 data-[state=open]:rotate-0 data-[state=closed]:rotate-180 select-none dark:group-focus-within:text-metal-50",
-                      R,
+                      F,
                       {
                         "text-red-700": !!f,
                         "text-metal-400/50 dark:group-focus-within:text-zinc-500": t
@@ -218,22 +219,23 @@ const he = [
             }
           ),
           i && /* @__PURE__ */ r(
-            pe,
+            ue,
             {
               ref: j,
               additionalOptions: z,
-              className: W,
-              itemClassName: _,
+              className: _,
+              groupedOptions: R,
+              itemClassName: $,
               name: d,
               wrapperInputRef: L,
               inputRef: c,
               options: l,
               isLoading: !!g,
               searchable: k,
-              listItemSecondRowClassName: $,
-              isInfiniteScrollEnabled: S,
-              onFetchMoreOptions: q,
-              noOptionsText: H
+              listItemSecondRowClassName: H,
+              isInfiniteScrollEnabled: T,
+              onFetchMoreOptions: A,
+              noOptionsText: P
             }
           )
         ]
@@ -242,5 +244,5 @@ const he = [
   }
 );
 export {
-  ze as Wrapper
+  Oe as Wrapper
 };

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

@@ -1,3 +1,4 @@
+export * from './AdditionalOptions/AdditionalOptions';
 export * from './EmptyList';
 export * from './List/List';
 export * from './Wrapper';

package/dist/components/Select/components/index.js

@@ -1,8 +1,10 @@
-import { EmptyList as p } from "./EmptyList.js";
-import { List as e } from "./List/List.js";
-import { Wrapper as f } from "./Wrapper.js";
+import { A as t } from "../../../AdditionalOptions-C2FDVZhu.js";
+import { EmptyList as e } from "./EmptyList.js";
+import { List as m } from "./List/List.js";
+import { Wrapper as s } from "./Wrapper.js";
 export {
-  p as EmptyList,
-  e as List,
-  f as Wrapper
+  t as AdditionalOptions,
+  e as EmptyList,
+  m as List,
+  s as Wrapper
 };

package/dist/components/index.js

@@ -17,7 +17,7 @@ import { Filter as k } from "./Filter/Filter.js";
 import { ImageUpload as F } from "./ImageUpload/ImageUpload.js";
 import { Input as M } from "./Input/Input.js";
 import { Loading as y } from "./Loading/Loading.js";
-import { M as U } from "../Modal--z642-Wv.js";
+import { M as U } from "../Modal-mwLmWbnA.js";
 import { MultiSelectDropdown as j } from "./MultiSelectDropdown/MultiSelectDropdown.js";
 import { PhoneNumberInput as H } from "./PhoneNumberInput/PhoneNumberInput.js";
 import { PieChart as K } from "./PieChart/PieChart.js";

package/dist/icons.d.ts

@@ -1,2 +1,2 @@
-export { AccountsIcon, AddChartIcon, AlertOutlineIcon, AppRepoIcon, AppsIcon, ArchivesIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BarChartIcon, BookOpenIcon, CalendarMonthIcon, CheckIcon, CheckCircleIcon, ClockAlertIcon, ClockOutlineIcon, CloseIcon, CloudIcon, ClustersIcon, CogOutlineIcon, CopyIcon, CpuIcon, CubeIcon, DatacenterIcon, DeleteIcon, DollarSignIcon, DownloadIcon, EditIcon, EllipsesIcon, EnvironmentsIcon, ErrorIcon, ErrorOutlineIcon, ExclamationIcon, GitIcon, GitOpsCatalogIcon, GridViewIcon, HelpIcon, HideOutlineIcon, HomeIcon, IdIcon, InformationOutlineIcon, InvoiceListIcon, KeyIcon, LoaderIcon, LightBulbIcon, NetworkIcon, PagesStackIcon, PageviewIcon, PeopleIcon, PhotoLibraryIcon, PipelineIcon, PlusIcon, PowerSettingsIcon, PreviewIcon, ReceiptLongIcon, RefreshIcon, ScatterPlotIcon, SearchIcon, ServerIcon, StartIcon, TabNewIcon, TeamsIcon, WarningIcon, XIcon, } from './assets/icons/components';
+export { AccountsIcon, AddChartIcon, AlertOutlineIcon, AppRepoIcon, AppsIcon, ArchivesIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BarChartIcon, BookOpenIcon, CalendarMonthIcon, CheckIcon, CheckCircleIcon, ClockAlertIcon, ClockOutlineIcon, CloseIcon, CloudIcon, CloudLockOutlineIcon, ClustersIcon, CogOutlineIcon, CopyIcon, CpuIcon, CubeIcon, DatacenterIcon, DeleteIcon, DollarSignIcon, DownloadIcon, EditIcon, EllipsesIcon, EnvironmentsIcon, ErrorIcon, ErrorOutlineIcon, ExclamationIcon, GitIcon, GitOpsCatalogIcon, GridViewIcon, HelpIcon, HideOutlineIcon, HomeIcon, IdIcon, InformationOutlineIcon, InvoiceListIcon, KeyIcon, LoaderIcon, LightBulbIcon, NetworkIcon, PagesStackIcon, PageviewIcon, PeopleIcon, PhotoLibraryIcon, PipelineIcon, PlusIcon, PowerSettingsIcon, PreviewIcon, ReceiptLongIcon, RefreshIcon, ScatterPlotIcon, SearchIcon, ServerIcon, StartIcon, TabNewIcon, TeamsIcon, WarningIcon, XIcon, } from './assets/icons/components';
 export type { IconProps, IconComponent } from './assets/icons/components';

package/dist/icons.js

@@ -4,65 +4,66 @@ import { AlertOutlineIcon as p } from "./assets/icons/components/AlertOutline.js
 import { AppRepoIcon as f } from "./assets/icons/components/AppRepo.js";
 import { AppsIcon as x } from "./assets/icons/components/Apps.js";
 import { ArchivesIcon as l } from "./assets/icons/components/Archives.js";
-import { ArrowDownIcon as s } from "./assets/icons/components/ArrowDown.js";
+import { ArrowDownIcon as C } from "./assets/icons/components/ArrowDown.js";
 import { ArrowLeftIcon as u } from "./assets/icons/components/ArrowLeft.js";
-import { ArrowRightIcon as h } from "./assets/icons/components/ArrowRight.js";
-import { ArrowUpIcon as d } from "./assets/icons/components/ArrowUp.js";
-import { BarChartIcon as P } from "./assets/icons/components/BarChart.js";
+import { ArrowRightIcon as d } from "./assets/icons/components/ArrowRight.js";
+import { ArrowUpIcon as A } from "./assets/icons/components/ArrowUp.js";
+import { BarChartIcon as O } from "./assets/icons/components/BarChart.js";
 import { BookOpenIcon as k } from "./assets/icons/components/BookOpen.js";
-import { CalendarMonthIcon as v } from "./assets/icons/components/CalendarMonth.js";
-import { CheckCircleIcon as L } from "./assets/icons/components/CheckCircle.js";
+import { CalendarMonthIcon as S } from "./assets/icons/components/CalendarMonth.js";
+import { CheckCircleIcon as E } from "./assets/icons/components/CheckCircle.js";
 import { CheckIcon as b } from "./assets/icons/components/Check.js";
 import { ClockAlertIcon as y } from "./assets/icons/components/ClockAlert.js";
 import { ClockOutlineIcon as G } from "./assets/icons/components/ClockOutline.js";
 import { CloseIcon as N } from "./assets/icons/components/Close.js";
 import { CloudIcon as K } from "./assets/icons/components/Cloud.js";
-import { ClustersIcon as U } from "./assets/icons/components/Clusters.js";
-import { CogOutlineIcon as W } from "./assets/icons/components/CogOutline.js";
-import { CopyIcon as j } from "./assets/icons/components/Copy.js";
-import { CpuIcon as z } from "./assets/icons/components/Cpu.js";
-import { CubeIcon as J } from "./assets/icons/components/Cube.js";
-import { DatacenterIcon as Y } from "./assets/icons/components/Datacenter.js";
-import { DeleteIcon as _ } from "./assets/icons/components/Delete.js";
-import { DollarSignIcon as oo } from "./assets/icons/components/DollarSign.js";
-import { DownloadIcon as eo } from "./assets/icons/components/Download.js";
-import { EditIcon as no } from "./assets/icons/components/Edit.js";
-import { EllipsesIcon as po } from "./assets/icons/components/Ellipses.js";
-import { EnvironmentsIcon as fo } from "./assets/icons/components/Environments.js";
-import { ErrorIcon as xo } from "./assets/icons/components/Error.js";
-import { ErrorOutlineIcon as lo } from "./assets/icons/components/ErrorOutline.js";
-import { ExclamationIcon as so } from "./assets/icons/components/Exclamation.js";
-import { GitIcon as uo } from "./assets/icons/components/Git.js";
-import { GitOpsCatalogIcon as ho } from "./assets/icons/components/GitOpsCatalog.js";
-import { GridViewIcon as go } from "./assets/icons/components/GridView.js";
-import { HelpIcon as Oo } from "./assets/icons/components/Help.js";
-import { HideOutlineIcon as So } from "./assets/icons/components/HideOutline.js";
-import { HomeIcon as Eo } from "./assets/icons/components/Home.js";
-import { IdIcon as Do } from "./assets/icons/components/Id.js";
-import { InformationOutlineIcon as Ro } from "./assets/icons/components/InformationOutline.js";
-import { InvoiceListIcon as Bo } from "./assets/icons/components/InvoiceList.js";
-import { KeyIcon as Ho } from "./assets/icons/components/Key.js";
-import { LightBulbIcon as To } from "./assets/icons/components/LightBulb.js";
-import { LoaderIcon as Mo } from "./assets/icons/components/Loader.js";
-import { NetworkIcon as Vo } from "./assets/icons/components/Network.js";
-import { PagesStackIcon as Xo } from "./assets/icons/components/PagesStack.js";
-import { PageviewIcon as qo } from "./assets/icons/components/Pageview.js";
-import { PeopleIcon as Fo } from "./assets/icons/components/People.js";
-import { PhotoLibraryIcon as Qo } from "./assets/icons/components/PhotoLibrary.js";
-import { PipelineIcon as Zo } from "./assets/icons/components/Pipeline.js";
-import { PlusIcon as $o } from "./assets/icons/components/Plus.js";
-import { PowerSettingsIcon as rr } from "./assets/icons/components/PowerSettings.js";
-import { PreviewIcon as tr } from "./assets/icons/components/Preview.js";
-import { ReceiptLongIcon as cr } from "./assets/icons/components/ReceiptLong.js";
-import { RefreshIcon as mr } from "./assets/icons/components/Refresh.js";
-import { ScatterPlotIcon as Ir } from "./assets/icons/components/ScatterPlot.js";
-import { SearchIcon as ir } from "./assets/icons/components/Search.js";
-import { ServerIcon as ar } from "./assets/icons/components/Server.js";
-import { StartIcon as Cr } from "./assets/icons/components/Start.js";
-import { TabNewIcon as wr } from "./assets/icons/components/TabNew.js";
-import { TeamsIcon as Ar } from "./assets/icons/components/Teams.js";
-import { WarningIcon as gr } from "./assets/icons/components/Warning.js";
-import { XIcon as Or } from "./assets/icons/components/X.js";
+import { CloudLockOutlineIcon as U } from "./assets/icons/components/CloudLockOutline.js";
+import { ClustersIcon as W } from "./assets/icons/components/Clusters.js";
+import { CogOutlineIcon as j } from "./assets/icons/components/CogOutline.js";
+import { CopyIcon as z } from "./assets/icons/components/Copy.js";
+import { CpuIcon as J } from "./assets/icons/components/Cpu.js";
+import { CubeIcon as Y } from "./assets/icons/components/Cube.js";
+import { DatacenterIcon as _ } from "./assets/icons/components/Datacenter.js";
+import { DeleteIcon as oo } from "./assets/icons/components/Delete.js";
+import { DollarSignIcon as eo } from "./assets/icons/components/DollarSign.js";
+import { DownloadIcon as no } from "./assets/icons/components/Download.js";
+import { EditIcon as po } from "./assets/icons/components/Edit.js";
+import { EllipsesIcon as fo } from "./assets/icons/components/Ellipses.js";
+import { EnvironmentsIcon as xo } from "./assets/icons/components/Environments.js";
+import { ErrorIcon as lo } from "./assets/icons/components/Error.js";
+import { ErrorOutlineIcon as Co } from "./assets/icons/components/ErrorOutline.js";
+import { ExclamationIcon as uo } from "./assets/icons/components/Exclamation.js";
+import { GitIcon as ho } from "./assets/icons/components/Git.js";
+import { GitOpsCatalogIcon as go } from "./assets/icons/components/GitOpsCatalog.js";
+import { GridViewIcon as Po } from "./assets/icons/components/GridView.js";
+import { HelpIcon as Lo } from "./assets/icons/components/Help.js";
+import { HideOutlineIcon as vo } from "./assets/icons/components/HideOutline.js";
+import { HomeIcon as Do } from "./assets/icons/components/Home.js";
+import { IdIcon as Ro } from "./assets/icons/components/Id.js";
+import { InformationOutlineIcon as Bo } from "./assets/icons/components/InformationOutline.js";
+import { InvoiceListIcon as Ho } from "./assets/icons/components/InvoiceList.js";
+import { KeyIcon as To } from "./assets/icons/components/Key.js";
+import { LightBulbIcon as Mo } from "./assets/icons/components/LightBulb.js";
+import { LoaderIcon as Vo } from "./assets/icons/components/Loader.js";
+import { NetworkIcon as Xo } from "./assets/icons/components/Network.js";
+import { PagesStackIcon as qo } from "./assets/icons/components/PagesStack.js";
+import { PageviewIcon as Fo } from "./assets/icons/components/Pageview.js";
+import { PeopleIcon as Qo } from "./assets/icons/components/People.js";
+import { PhotoLibraryIcon as Zo } from "./assets/icons/components/PhotoLibrary.js";
+import { PipelineIcon as $o } from "./assets/icons/components/Pipeline.js";
+import { PlusIcon as rr } from "./assets/icons/components/Plus.js";
+import { PowerSettingsIcon as tr } from "./assets/icons/components/PowerSettings.js";
+import { PreviewIcon as cr } from "./assets/icons/components/Preview.js";
+import { ReceiptLongIcon as mr } from "./assets/icons/components/ReceiptLong.js";
+import { RefreshIcon as Ir } from "./assets/icons/components/Refresh.js";
+import { ScatterPlotIcon as ir } from "./assets/icons/components/ScatterPlot.js";
+import { SearchIcon as ar } from "./assets/icons/components/Search.js";
+import { ServerIcon as sr } from "./assets/icons/components/Server.js";
+import { StartIcon as wr } from "./assets/icons/components/Start.js";
+import { TabNewIcon as hr } from "./assets/icons/components/TabNew.js";
+import { TeamsIcon as gr } from "./assets/icons/components/Teams.js";
+import { WarningIcon as Pr } from "./assets/icons/components/Warning.js";
+import { XIcon as Lr } from "./assets/icons/components/X.js";
 export {
   e as AccountsIcon,
   n as AddChartIcon,
@@ -70,63 +71,64 @@ export {
   f as AppRepoIcon,
   x as AppsIcon,
   l as ArchivesIcon,
-  s as ArrowDownIcon,
+  C as ArrowDownIcon,
   u as ArrowLeftIcon,
-  h as ArrowRightIcon,
-  d as ArrowUpIcon,
-  P as BarChartIcon,
+  d as ArrowRightIcon,
+  A as ArrowUpIcon,
+  O as BarChartIcon,
   k as BookOpenIcon,
-  v as CalendarMonthIcon,
-  L as CheckCircleIcon,
+  S as CalendarMonthIcon,
+  E as CheckCircleIcon,
   b as CheckIcon,
   y as ClockAlertIcon,
   G as ClockOutlineIcon,
   N as CloseIcon,
   K as CloudIcon,
-  U as ClustersIcon,
-  W as CogOutlineIcon,
-  j as CopyIcon,
-  z as CpuIcon,
-  J as CubeIcon,
-  Y as DatacenterIcon,
-  _ as DeleteIcon,
-  oo as DollarSignIcon,
-  eo as DownloadIcon,
-  no as EditIcon,
-  po as EllipsesIcon,
-  fo as EnvironmentsIcon,
-  xo as ErrorIcon,
-  lo as ErrorOutlineIcon,
-  so as ExclamationIcon,
-  uo as GitIcon,
-  ho as GitOpsCatalogIcon,
-  go as GridViewIcon,
-  Oo as HelpIcon,
-  So as HideOutlineIcon,
-  Eo as HomeIcon,
-  Do as IdIcon,
-  Ro as InformationOutlineIcon,
-  Bo as InvoiceListIcon,
-  Ho as KeyIcon,
-  To as LightBulbIcon,
-  Mo as LoaderIcon,
-  Vo as NetworkIcon,
-  Xo as PagesStackIcon,
-  qo as PageviewIcon,
-  Fo as PeopleIcon,
-  Qo as PhotoLibraryIcon,
-  Zo as PipelineIcon,
-  $o as PlusIcon,
-  rr as PowerSettingsIcon,
-  tr as PreviewIcon,
-  cr as ReceiptLongIcon,
-  mr as RefreshIcon,
-  Ir as ScatterPlotIcon,
-  ir as SearchIcon,
-  ar as ServerIcon,
-  Cr as StartIcon,
-  wr as TabNewIcon,
-  Ar as TeamsIcon,
-  gr as WarningIcon,
-  Or as XIcon
+  U as CloudLockOutlineIcon,
+  W as ClustersIcon,
+  j as CogOutlineIcon,
+  z as CopyIcon,
+  J as CpuIcon,
+  Y as CubeIcon,
+  _ as DatacenterIcon,
+  oo as DeleteIcon,
+  eo as DollarSignIcon,
+  no as DownloadIcon,
+  po as EditIcon,
+  fo as EllipsesIcon,
+  xo as EnvironmentsIcon,
+  lo as ErrorIcon,
+  Co as ErrorOutlineIcon,
+  uo as ExclamationIcon,
+  ho as GitIcon,
+  go as GitOpsCatalogIcon,
+  Po as GridViewIcon,
+  Lo as HelpIcon,
+  vo as HideOutlineIcon,
+  Do as HomeIcon,
+  Ro as IdIcon,
+  Bo as InformationOutlineIcon,
+  Ho as InvoiceListIcon,
+  To as KeyIcon,
+  Mo as LightBulbIcon,
+  Vo as LoaderIcon,
+  Xo as NetworkIcon,
+  qo as PagesStackIcon,
+  Fo as PageviewIcon,
+  Qo as PeopleIcon,
+  Zo as PhotoLibraryIcon,
+  $o as PipelineIcon,
+  rr as PlusIcon,
+  tr as PowerSettingsIcon,
+  cr as PreviewIcon,
+  mr as ReceiptLongIcon,
+  Ir as RefreshIcon,
+  ir as ScatterPlotIcon,
+  ar as SearchIcon,
+  sr as ServerIcon,
+  wr as StartIcon,
+  hr as TabNewIcon,
+  gr as TeamsIcon,
+  Pr as WarningIcon,
+  Lr as XIcon
 };

package/dist/index.js

@@ -26,7 +26,7 @@ import { Input as _ } from "./components/Input/Input.js";
 import { List as rr } from "./components/Tabs/components/List.js";
 import { Loading as er } from "./components/Loading/Loading.js";
 import { Logo as pr } from "./components/Sidebar/components/Logo/Logo.js";
-import { M as mr } from "./Modal--z642-Wv.js";
+import { M as mr } from "./Modal-mwLmWbnA.js";
 import { MultiSelectDropdown as fr } from "./components/MultiSelectDropdown/MultiSelectDropdown.js";
 import { Navigation as ir } from "./components/Sidebar/components/Navigation/Navigation.js";
 import { NavigationGroup as dr } from "./components/Sidebar/components/NavigationGroup/NavigationGroup.js";

package/dist/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.2-alpha.66",
+  "version": "0.1.2-alpha.67",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",