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

package/dist/AdditionalOptions-C2FDVZhu.js

@@ -0,0 +1,45 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { S as n } from "./index-BvoZGpli.js";
+import { Fragment as p } from "react";
+import { cn as c } from "./utils/index.js";
+import { listGroupLabelVariants as m } from "./components/Select/components/List/List.variants.js";
+import { additionalOptionSlotClassName as l } from "./components/Select/components/AdditionalOptions/AdditionalOptions.variants.js";
+import { useSelectContext as u } from "./components/Select/contexts/select.hook.js";
+const N = (o) => "groupLabel" in o, d = (o) => typeof o == "object" && o !== null && "groupLabel" in o && "options" in o, S = ({ additionalOptions: o }) => {
+  const { toggleOpen: i } = u();
+  return o?.length ? d(o[0]) ? o.map((r) => /* @__PURE__ */ s(p, { children: [
+    /* @__PURE__ */ t(
+      "li",
+      {
+        role: "presentation",
+        "aria-hidden": "true",
+        "data-action": "true",
+        className: c(m()),
+        children: r.groupLabel
+      }
+    ),
+    r.options.map((e, a) => /* @__PURE__ */ t(
+      "li",
+      {
+        role: "option",
+        "data-action": "true",
+        onClick: () => i(!1),
+        children: /* @__PURE__ */ t(n, { className: l, children: e })
+      },
+      a
+    ))
+  ] }, r.groupLabel)) : o.map((r, e) => /* @__PURE__ */ t(
+    "li",
+    {
+      role: "option",
+      "data-action": "true",
+      onClick: () => i(!1),
+      children: /* @__PURE__ */ t(n, { className: l, children: r })
+    },
+    e
+  )) : null;
+};
+export {
+  S as A,
+  N as i
+};

package/dist/{Modal--z642-Wv.js → Modal-mwLmWbnA.js}

@@ -8,22 +8,23 @@ import { R as N } from "./index-BKjcReYh.js";
 import { R as x } from "./Combination-BtmnusWq.js";
 import { cn as h } from "./utils/index.js";
 import { buttonCloseVariants as B, modalVariants as C } from "./components/Modal/components/Wrapper/Wrapper.variants.js";
-import { X as E } from "./x-Eoa9FJjA.js";
-const H = ({
+import { m as E } from "./proxy-BIRlSMN_.js";
+import { X as H } from "./x-Eoa9FJjA.js";
+const V = ({
   buttonCloseClassName: l,
-  children: r,
+  children: o,
   className: s,
   showCloseButton: i = !0,
   theme: f,
   onClose: a
 }) => {
-  const p = d.toArray(r).find(
+  const p = d.toArray(o).find(
     (e) => m(e) && e.type === t.Header
-  ), u = d.toArray(r).find(
+  ), u = d.toArray(o).find(
     (e) => m(e) && e.type === t.Body
-  ), o = d.toArray(r).find(
+  ), r = d.toArray(o).find(
     (e) => m(e) && e.type === t.Footer
-  ), y = d.toArray(r).filter(
+  ), y = d.toArray(o).filter(
     (e) => !m(e) || ![t.Header, t.Body, t.Footer].includes(
       e.type
     )
@@ -43,7 +44,7 @@ const H = ({
           }
         ),
         /* @__PURE__ */ c(
-          "div",
+          E.div,
           {
             className: h(
               C({
@@ -52,6 +53,8 @@ const H = ({
             ),
             role: "dialog",
             "aria-modal": "true",
+            layout: "size",
+            transition: { duration: 0.25, ease: "easeInOut" },
             children: [
               p,
               i && /* @__PURE__ */ c(
@@ -64,41 +67,41 @@ const H = ({
                   ),
                   onClick: a,
                   children: [
-                    /* @__PURE__ */ n(E, {}),
+                    /* @__PURE__ */ n(H, {}),
                     /* @__PURE__ */ n(N, { children: "Dismiss modal" })
                   ]
                 }
               ),
               u ?? y,
-              o
+              r
             ]
           }
         )
       ]
     }
   ) });
-}, t = ({ isOpen: l, onClose: r, container: s, theme: i, ...f }) => {
+}, t = ({ isOpen: l, onClose: o, container: s, theme: i, ...f }) => {
   const a = w(null), [p, u] = A(
     null
   );
   return b(() => {
     if (!a.current || i || s)
       return;
-    const o = a.current.closest("[data-theme]");
-    o && u(o);
+    const r = a.current.closest("[data-theme]");
+    r && u(r);
   }, [i, s]), b(() => {
-    const o = new AbortController(), y = (e) => {
-      e.code === "Escape" && r?.();
+    const r = new AbortController(), y = (e) => {
+      e.code === "Escape" && o?.();
     };
     return window.addEventListener("keydown", y, {
-      signal: o.signal
+      signal: r.signal
     }), () => {
-      o.abort();
+      r.abort();
     };
-  }, [r]), /* @__PURE__ */ c(v, { children: [
+  }, [o]), /* @__PURE__ */ c(v, { children: [
     /* @__PURE__ */ n("span", { ref: a, "data-testid": "modal-anchor", hidden: !0 }),
     l && F(
-      /* @__PURE__ */ n(H, { ...f, theme: i, onClose: r }),
+      /* @__PURE__ */ n(V, { ...f, theme: i, onClose: o }),
       s || p || document.body
     )
   ] });
@@ -108,5 +111,5 @@ t.Body = R;
 t.Footer = g;
 export {
   t as M,
-  H as W
+  V as W
 };

package/dist/assets/icons/components/CloudLockOutline.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './types';
+export declare const CloudLockOutlineIcon: import('react').ForwardRefExoticComponent<Omit<IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+export default CloudLockOutlineIcon;

package/dist/assets/icons/components/CloudLockOutline.js

@@ -0,0 +1,28 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+const e = n(
+  ({ size: C = 20, color: t = "currentColor", ...l }, r) => /* @__PURE__ */ o(
+    "svg",
+    {
+      ref: r,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: C,
+      height: C,
+      viewBox: "0 0 20 20",
+      fill: "none",
+      ...l,
+      children: /* @__PURE__ */ o(
+        "path",
+        {
+          d: "M5.41665 15H10.8333V16.6667H5.41665C4.16665 16.6667 3.07498 16.25 2.17498 15.3584C1.28331 14.4834 0.833313 13.4084 0.833313 12.15C0.833313 11.0667 1.15831 10.1 1.80831 9.25004C2.45831 8.40004 3.33331 7.85837 4.37498 7.62504C4.72498 6.35004 5.41665 5.31671 6.45831 4.52504C7.49998 3.73337 8.68331 3.33337 9.99998 3.33337C11.625 3.33337 13 3.90004 14.1333 5.03337C15.0666 5.96671 15.6083 7.08337 15.775 8.33337C15.1916 8.33337 14.6333 8.49171 14.125 8.71671C14.0333 7.75837 13.65 6.92504 12.95 6.21671C12.1333 5.41671 11.15 5.00004 9.99998 5.00004C8.84998 5.00004 7.86665 5.41671 7.04998 6.21671C6.24998 7.03337 5.83331 8.01671 5.83331 9.16671H5.41665C4.60831 9.16671 3.92498 9.45004 3.35831 10.025C2.78331 10.5917 2.49998 11.275 2.49998 12.0834C2.49998 12.8917 2.78331 13.575 3.35831 14.1667C3.92498 14.7167 4.60831 15 5.41665 15ZM19.1666 14.4167V17.3334C19.1666 17.8334 18.6666 18.3334 18.0833 18.3334H13.5C13 18.3334 12.5 17.8334 12.5 17.25V14.3334C12.5 13.8334 13 13.3334 13.5 13.3334V12.0834C13.5 10.9167 14.6666 10 15.8333 10C17 10 18.1666 10.9167 18.1666 12.0834V13.3334C18.6666 13.3334 19.1666 13.8334 19.1666 14.4167ZM17.0833 12.0834C17.0833 11.4167 16.5 11 15.8333 11C15.1666 11 14.5833 11.4167 14.5833 12.0834V13.3334H17.0833V12.0834Z",
+          fill: t
+        }
+      )
+    }
+  )
+);
+e.displayName = "KonstructCloudLockOutlineIcon";
+export {
+  e as CloudLockOutlineIcon,
+  e as default
+};

package/dist/assets/icons/components/index.d.ts

@@ -17,6 +17,7 @@ export { ClockAlertIcon } from './ClockAlert';
 export { ClockOutlineIcon } from './ClockOutline';
 export { CloseIcon } from './Close';
 export { CloudIcon } from './Cloud';
+export { CloudLockOutlineIcon } from './CloudLockOutline';
 export { ClustersIcon } from './Clusters';
 export { CogOutlineIcon } from './CogOutline';
 export { CopyIcon } from './Copy';

package/dist/assets/icons/components/index.js

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