@konstructio/ui 0.1.0-alpha.8 → 0.1.1-alpha.1

package/dist/DatePicker.css

@@ -1 +1 @@
-.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled{opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border-color:transparent;border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}
+.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient( var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50% );--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient( var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50% );--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled{opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}

package/dist/{Modal-CrG0m703.js → Modal-0oht63vU.js}

@@ -1,47 +1,47 @@
 import { Body as b } from "./components/Modal/components/Body/Body.js";
 import { Footer as g } from "./components/Modal/components/Footer/Footer.js";
 import { Header as v } from "./components/Modal/components/Header/Header.js";
-import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
 import { Children as s, isValidElement as m, useEffect as w } from "react";
-import { r as x } from "./index-BCGvACM9.js";
-import { R as A } from "./index--EmNlyHx.js";
+import { r as x } from "./index-C9T9HQaa.js";
+import { R as A } from "./index-iXyXtdgP.js";
 import { R as E } from "./Combination-VYaRRJBZ.js";
 import { cn as p } from "./utils/index.js";
 import { buttonCloseVariants as N, modalVariants as R } from "./components/Modal/components/Wrapper/Wrapper.variants.js";
 import { X as k } from "./x-BPcqkRZd.js";
 const B = ({
   children: e,
-  theme: o,
+  theme: t,
   className: d,
-  buttonCloseClassName: i,
-  onClose: n
+  buttonCloseClassName: n,
+  onClose: i
 }) => {
-  const c = s.toArray(e).find(
-    (r) => m(r) && r.type === t.Header
+  const l = s.toArray(e).find(
+    (o) => m(o) && o.type === r.Header
   ), f = s.toArray(e).find(
-    (r) => m(r) && r.type === t.Body
+    (o) => m(o) && o.type === r.Body
   ), y = s.toArray(e).find(
-    (r) => m(r) && r.type === t.Footer
+    (o) => m(o) && o.type === r.Footer
   ), u = s.toArray(e).filter(
-    (r) => !m(r) || ![t.Header, t.Body, t.Footer].includes(
-      r.type
+    (o) => !m(o) || ![r.Header, r.Body, r.Footer].includes(
+      o.type
     )
   );
-  return /* @__PURE__ */ a(E, { children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ a(E, { children: /* @__PURE__ */ c(
     "div",
     {
       className: "fixed inset-0 grid place-content-center",
-      "data-theme": o,
+      "data-theme": t,
       children: [
         /* @__PURE__ */ a(
           "div",
           {
             className: "absolute inset-0 bg-black opacity-75 animate-in fade-in-0",
-            onClick: n,
+            onClick: i,
             role: "presentation"
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ c(
           "div",
           {
             className: p(
@@ -52,16 +52,16 @@ const B = ({
             role: "dialog",
             "aria-modal": "true",
             children: [
-              c,
-              /* @__PURE__ */ l(
+              l,
+              /* @__PURE__ */ c(
                 "button",
                 {
                   className: p(
                     N({
-                      className: i
+                      className: n
                     })
                   ),
-                  onClick: n,
+                  onClick: i,
                   children: [
                     /* @__PURE__ */ a(k, {}),
                     /* @__PURE__ */ a(A, { children: "Dismiss modal" })
@@ -76,23 +76,23 @@ const B = ({
       ]
     }
   ) });
-}, t = ({ isOpen: e, onClose: o, ...d }) => (w(() => {
-  const i = new AbortController(), n = (c) => {
-    c.code === "Escape" && (o == null || o());
+}, r = ({ isOpen: e, onClose: t, ...d }) => (w(() => {
+  const n = new AbortController(), i = (l) => {
+    l.code === "Escape" && t?.();
   };
-  return window.addEventListener("keydown", n, {
-    signal: i.signal
+  return window.addEventListener("keydown", i, {
+    signal: n.signal
   }), () => {
-    i.abort();
+    n.abort();
   };
-}, [o]), e ? x.createPortal(
-  /* @__PURE__ */ a(B, { ...d, onClose: o }),
+}, [t]), e ? x.createPortal(
+  /* @__PURE__ */ a(B, { ...d, onClose: t }),
   document.body
 ) : null);
-t.Header = v;
-t.Body = b;
-t.Footer = g;
+r.Header = v;
+r.Body = b;
+r.Footer = g;
 export {
-  t as M,
+  r as M,
   B as W
 };

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

@@ -0,0 +1,26 @@
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
+const e = ({ className: r }) => /* @__PURE__ */ l(
+  "svg",
+  {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    className: r,
+    children: [
+      /* @__PURE__ */ i("g", { id: "Icon", clipPath: "url(#clip0_252_122)", children: /* @__PURE__ */ i(
+        "path",
+        {
+          id: "Vector",
+          d: "M12.9167 11.6667H12.2583L12.025 11.4417C12.8417 10.4917 13.3333 9.25833 13.3333 7.91667C13.3333 4.925 10.9083 2.5 7.91667 2.5C4.925 2.5 2.5 4.925 2.5 7.91667C2.5 10.9083 4.925 13.3333 7.91667 13.3333C9.25833 13.3333 10.4917 12.8417 11.4417 12.025L11.6667 12.2583V12.9167L15.8333 17.075L17.075 15.8333L12.9167 11.6667ZM7.91667 11.6667C5.84167 11.6667 4.16667 9.99167 4.16667 7.91667C4.16667 5.84167 5.84167 4.16667 7.91667 4.16667C9.99167 4.16667 11.6667 5.84167 11.6667 7.91667C11.6667 9.99167 9.99167 11.6667 7.91667 11.6667Z",
+          fill: "currentColor"
+        }
+      ) }),
+      /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ i("clipPath", { id: "clip0_252_122", children: /* @__PURE__ */ i("rect", { width: "20", height: "20", fill: "currentColor" }) }) })
+    ]
+  }
+);
+export {
+  e as SearchIcon,
+  e as default
+};

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

@@ -0,0 +1,22 @@
+import { jsx as r } from "react/jsx-runtime";
+const l = ({ className: C }) => /* @__PURE__ */ r(
+  "svg",
+  {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    className: C,
+    children: /* @__PURE__ */ r("g", { children: /* @__PURE__ */ r(
+      "path",
+      {
+        d: "M9.16663 12.5H10.8333V14.1667H9.16663V12.5ZM9.16663 5.83335H10.8333V10.8334H9.16663V5.83335ZM9.99163 1.66669C5.39163 1.66669 1.66663 5.40002 1.66663 10C1.66663 14.6 5.39163 18.3334 9.99163 18.3334C14.6 18.3334 18.3333 14.6 18.3333 10C18.3333 5.40002 14.6 1.66669 9.99163 1.66669ZM9.99996 16.6667C6.31663 16.6667 3.33329 13.6834 3.33329 10C3.33329 6.31669 6.31663 3.33335 9.99996 3.33335C13.6833 3.33335 16.6666 6.31669 16.6666 10C16.6666 13.6834 13.6833 16.6667 9.99996 16.6667Z",
+        fill: "currentColor"
+      }
+    ) })
+  }
+);
+export {
+  l as Warning,
+  l as default
+};

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

@@ -0,0 +1,6 @@
+import { SearchIcon as o } from "./Search.js";
+import { Warning as c } from "./Warning.js";
+export {
+  o as SearchIcon,
+  c as WarningIcon
+};

package/dist/{chevron-down-UW8ts6wI.js → chevron-down-CVce9Mvh.js}

@@ -1,6 +1,6 @@
-import { c as o } from "./createLucideIcon-ByJ0JZvK.js";
+import { c as o } from "./createLucideIcon-BpsAkT97.js";
 /**
-* @license lucide-react v0.513.0 - ISC
+* @license lucide-react v0.542.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.

package/dist/components/Alert/Alert.js

@@ -1,53 +1,51 @@
-import { jsx as l, jsxs as i } from "react/jsx-runtime";
-import { useRef as b, useState as C, useMemo as V, isValidElement as v, useCallback as k, useEffect as w } from "react";
-import { V as x } from "../../index--EmNlyHx.js";
-import { cn as m } from "../../utils/index.js";
-import { closeButtonVariants as y, alertVariants as A } from "./Alert.variants.js";
-import { X as E } from "../../x-BPcqkRZd.js";
-const B = ({
-  theme: c,
+import { jsx as l, jsxs as s } from "react/jsx-runtime";
+import { useRef as f, useState as h, useMemo as b, isValidElement as C, useCallback as V, useEffect as v } from "react";
+import { V as k } from "../../index-iXyXtdgP.js";
+import { cn as a } from "../../utils/index.js";
+import { closeButtonVariants as w, alertVariants as x } from "./Alert.variants.js";
+import { X as y } from "../../x-BPcqkRZd.js";
+const R = ({
+  theme: i,
   type: o,
   content: t,
   isVisible: n = !0,
-  showCloseButton: d = !1
+  showCloseButton: m = !1
 }) => {
-  const r = b(null), [u, p] = C(n), f = V(
-    () => v(t) ? t : /* @__PURE__ */ l("p", { children: t }),
+  const r = f(null), [c, d] = h(n), u = b(
+    () => C(t) ? t : /* @__PURE__ */ l("p", { children: t }),
     [t]
-  ), h = k(() => {
+  ), p = V(() => {
     const e = r.current;
     e && e.setAttribute("data-state", "hidden");
   }, []);
-  return w(() => {
-    var s;
+  return v(() => {
     const e = new AbortController();
-    return (s = r.current) == null || s.addEventListener(
+    return r.current?.addEventListener(
       "animationend",
       () => {
-        var a;
-        (a = r.current) == null || a.style.setProperty("display", "none"), p(!1);
+        r.current?.style.setProperty("display", "none"), d(!1);
       },
       { signal: e.signal }
     ), () => e.abort();
-  }, []), u ? /* @__PURE__ */ i(
+  }, []), c ? /* @__PURE__ */ s(
     "div",
     {
       ref: r,
-      className: m(A({ type: o, isVisible: n })),
+      className: a(x({ type: o, isVisible: n })),
       "data-state": n ? "visible" : "hidden",
-      "data-theme": c,
+      "data-theme": i,
       role: "alert",
       "aria-live": "polite",
       children: [
-        f,
-        d ? /* @__PURE__ */ i("button", { role: "button", onClick: h, children: [
-          /* @__PURE__ */ l(E, { className: m(y({ type: o })) }),
-          /* @__PURE__ */ l(x, { children: "Dismiss alert" })
+        u,
+        m ? /* @__PURE__ */ s("button", { role: "button", onClick: p, children: [
+          /* @__PURE__ */ l(y, { className: a(w({ type: o })) }),
+          /* @__PURE__ */ l(k, { children: "Dismiss alert" })
         ] }) : null
       ]
     }
   ) : null;
 };
 export {
-  B as Alert
+  R as Alert
 };

package/dist/components/Alert/Alert.variants.js

@@ -1,4 +1,4 @@
-import { c as t } from "../../index-BNmRGtA6.js";
+import { c as t } from "../../index-D29mdTf5.js";
 const a = t(
   [
     "relative",

package/dist/components/AlertDialog/AlertDialog.js

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { R as A, A as D, P as v, O as j, C as k, T, D as w, a as P, b as R } from "../../index-BNU3RH-3.js";
+import { R as A, A as D, P as v, O as j, C as k, T, D as w, a as P, b as R } from "../../index-Oq5GlCHP.js";
 import { Button as l } from "../Button/Button.js";
 import { cn as t } from "../../utils/index.js";
 import { useAlertDialog as z } from "./hooks/useAlertDialog.js";

package/dist/components/AlertDialog/components/AlertDialogTrigger.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { A as p } from "../../../index-BNU3RH-3.js";
+import { A as p } from "../../../index-Oq5GlCHP.js";
 import "../../Button/Button.js";
 import "../../../utils/index.js";
 export {

package/dist/components/AlertDialog/components/index.js

@@ -1,4 +1,4 @@
-import { A as g } from "../../../index-BNU3RH-3.js";
+import { A as g } from "../../../index-Oq5GlCHP.js";
 export {
   g as AlertDialogTrigger
 };

package/dist/components/AlertDialog/hooks/useAlertDialog.js

@@ -1,10 +1,10 @@
-import { useState as u, useCallback as t } from "react";
-const d = ({ onConfirm: e }) => {
-  const [a, s] = u(!1), l = t(() => s(!0), []), c = t(() => s(!1), []), p = t(() => {
-    e == null || e(), s(!1);
-  }, [e]);
-  return { isOpen: a, handleCancel: c, handleConfirm: p, handleOpen: l };
+import { useState as c, useCallback as s } from "react";
+const p = ({ onConfirm: t }) => {
+  const [n, e] = c(!1), a = s(() => e(!0), []), l = s(() => e(!1), []), o = s(() => {
+    t?.(), e(!1);
+  }, [t]);
+  return { isOpen: n, handleCancel: l, handleConfirm: o, handleOpen: a };
 };
 export {
-  d as useAlertDialog
+  p as useAlertDialog
 };

package/dist/components/Autocomplete/Autocomplete.variants.js

@@ -1,4 +1,4 @@
-import { c as a } from "../../index-BNmRGtA6.js";
+import { c as a } from "../../index-D29mdTf5.js";
 const t = a(
   [
     "flex",
@@ -19,7 +19,6 @@ const t = a(
     "py-1",
     "px-2",
     "focus:ring-kubefirst-primary",
-    "colony:focus:focus:ring-red-400",
     "civo:focus:focus:ring-blue-400"
   ],
   {
@@ -32,7 +31,7 @@ const t = a(
       variant: "default"
     }
   }
-), o = a(
+), e = a(
   ["pl-1", "mb-2", "text-base", "cursor-pointer"],
   {
     variants: {
@@ -47,5 +46,5 @@ const t = a(
 );
 export {
   t as autocompleteVariants,
-  o as labelVariants
+  e as labelVariants
 };

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

@@ -1,4 +1,4 @@
-import { c as t } from "../../../../index-BNmRGtA6.js";
+import { c as t } from "../../../../index-D29mdTf5.js";
 const e = t(["max-h-[250px]", "overflow-y-auto"], {
   variants: {
     variant: {
@@ -20,14 +20,12 @@ const e = t(["max-h-[250px]", "overflow-y-auto"], {
       variant: "default"
     }
   }
-), o = t(
+), i = t(
   [
     "focus-visible:outline-none",
     "focus:bg-purple-100",
     "hover:bg-purple-100",
     "border-transparent",
-    "colony:focus:bg-red-100",
-    "colony:hover:bg-red-100",
     "civo:focus:bg-blue-100",
     "civo:hover:bg-blue-100"
   ],
@@ -51,8 +49,6 @@ const e = t(["max-h-[250px]", "overflow-y-auto"], {
     "text-left",
     "focus:bg-purple-100",
     "hover:bg-purple-100",
-    "colony:focus:bg-red-100",
-    "colony:hover:bg-red-100",
     "civo:focus:bg-blue-100",
     "civo:hover:bg-blue-100"
   ],
@@ -70,6 +66,6 @@ const e = t(["max-h-[250px]", "overflow-y-auto"], {
 export {
   n as buttonVariants,
   r as emptyListVariants,
-  o as listItemVariants,
+  i as listItemVariants,
   e as listVariants
 };

package/dist/components/Autocomplete/hooks/useAutocomplete.js

@@ -1,81 +1,76 @@
-import { useState as d, useEffect as m, useCallback as b } from "react";
-import { filterByValue as y } from "../../../utils/index.js";
-const S = ({
-  options: u,
-  inputRef: l,
+import { useState as i, useEffect as d, useCallback as g } from "react";
+import { filterByValue as k } from "../../../utils/index.js";
+const A = ({
+  options: l,
+  inputRef: n,
   wrapperRef: o,
-  onChange: r
+  onChange: a
 }) => {
-  const [v, f] = d(() => u ?? []), [O, n] = d(!1), [g, E] = d("");
-  m(() => {
-    var s;
+  const [f, m] = i(() => l ?? []), [h, s] = i(!1), [E, b] = i("");
+  d(() => {
     const t = new AbortController();
-    return (s = l.current) == null || s.addEventListener("focus", () => n(!0), {
+    return n.current?.addEventListener("focus", () => s(!0), {
       signal: t.signal
     }), () => {
       t.abort();
     };
-  }, [l]), m(() => {
-    const t = new AbortController(), s = (e) => {
-      var a;
-      e.key === "Escape" && (n(!1), (a = l.current) == null || a.blur());
-    }, c = (e) => {
-      var a;
-      (a = o.current) != null && a.contains(e.target) || n(!1);
+  }, [n]), d(() => {
+    const t = new AbortController(), r = (e) => {
+      e.key === "Escape" && (s(!1), n.current?.blur());
+    }, u = (e) => {
+      o.current?.contains(e.target) || s(!1);
     };
-    return document.addEventListener("keydown", s, {
+    return document.addEventListener("keydown", r, {
       signal: t.signal
-    }), document.addEventListener("mousedown", c, {
+    }), document.addEventListener("mousedown", u, {
       signal: t.signal
     }), () => {
       t.abort();
     };
-  }, [l, o]), m(() => {
-    var s;
+  }, [n, o]), d(() => {
     const t = new AbortController();
-    return (s = o.current) == null || s.addEventListener(
+    return o.current?.addEventListener(
       "focusout",
-      (c) => {
-        var e;
-        (e = o.current) != null && e.contains(c.relatedTarget) || n(!1);
+      (r) => {
+        o.current?.contains(r.relatedTarget) || s(!1);
       },
       { signal: t.signal }
     ), () => {
       t.abort();
     };
   }, [o]);
-  const i = b(
+  const c = g(
     (t) => {
       if (t.length === 0)
-        f(u);
+        m(l);
       else {
-        const s = u.map(({ value: e }) => e), c = y(s, t).map(
+        const r = l.map(({ value: e }) => e), u = k(r, t).map(
           (e) => ({ value: e })
         );
-        f(c);
+        m(u);
       }
     },
-    [u]
-  ), k = b(
+    [l]
+  ), v = g(
     (t) => {
-      E(t.target.value), i(t.target.value), r == null || r(t.target.value);
+      b(t.target.value), c(t.target.value), a?.(t.target.value);
     },
-    [i, r]
-  ), w = b(
+    [c, a]
+  ), O = g(
     (t) => {
-      E(t), i(t), r == null || r(t), n(!1);
+      b(t), c(t), a?.(t), s(!1);
     },
-    [i, r]
+    [c, a]
   );
   return {
-    inputRef: l,
-    newOptions: v,
-    showOptions: O,
-    value: g,
-    handleChange: k,
-    handleSelectValue: w
+    inputRef: n,
+    newOptions: f,
+    showOptions: h,
+    value: E,
+    handleChange: v,
+    handleSelectValue: O
   };
 };
 export {
-  S as useAutocomplete
+  A as useAutocomplete
 };

package/dist/components/Autocomplete/hooks/useNavigationList.js

@@ -1,78 +1,70 @@
-import { useRef as d, useEffect as i } from "react";
-const y = ({
-  ulRef: c,
-  inputRef: l,
-  wrapperRef: b,
-  options: g
+import { useRef as b, useEffect as l } from "react";
+const w = ({
+  ulRef: t,
+  inputRef: o,
+  wrapperRef: u,
+  options: a
 }) => {
-  const r = d(0);
-  i(() => {
-    var o, k;
-    const e = ((o = c.current) == null ? void 0 : o.querySelectorAll("li")) ?? [], t = new AbortController(), u = () => {
+  const r = b(0);
+  l(() => {
+    const e = t.current?.querySelectorAll("li") ?? [], c = new AbortController(), n = () => {
       r.current < e.length - 1 ? (r.current = r.current + 1, e[r.current].focus()) : (r.current = 0, e[0].focus());
-    }, n = () => {
-      var s;
-      r.current > 0 ? (r.current = r.current - 1, e[r.current].focus()) : (r.current = 0, (s = l.current) == null || s.focus());
+    }, i = () => {
+      r.current > 0 ? (r.current = r.current - 1, e[r.current].focus()) : (r.current = 0, o.current?.focus());
     };
-    return (k = c.current) == null || k.addEventListener(
+    return t.current?.addEventListener(
       "keydown",
       (s) => {
-        var w;
         switch (s.preventDefault(), s.key) {
           case "ArrowDown": {
-            u();
+            n();
             break;
           }
           case "Tab": {
-            s.shiftKey ? n() : u();
+            s.shiftKey ? i() : n();
             break;
           }
           case "ArrowUp": {
-            r.current === 0 ? (w = l.current) == null || w.focus() : n();
+            r.current === 0 ? o.current?.focus() : i();
             break;
           }
           case "Enter": {
-            const a = e[r.current].querySelector("button");
-            a == null || a.click();
+            e[r.current].querySelector("button")?.click();
             break;
           }
         }
       },
-      { signal: t.signal }
+      { signal: c.signal }
     ), () => {
-      t.abort();
+      c.abort();
     };
-  }, [l, c, g, r]), i(() => {
-    var t;
+  }, [o, t, a, r]), l(() => {
     const e = new AbortController();
-    return (t = l.current) == null || t.addEventListener(
+    return o.current?.addEventListener(
       "keydown",
-      (u) => {
-        var n;
-        if (u.key === "ArrowDown") {
-          const o = (n = c.current) == null ? void 0 : n.querySelector("li");
-          o && o.focus();
+      (c) => {
+        if (c.key === "ArrowDown") {
+          const n = t.current?.querySelector("li");
+          n && n.focus();
         }
       },
       { signal: e.signal }
     ), () => {
       e.abort();
     };
-  }, [l, c, g]), i(() => {
-    var t;
+  }, [o, t, a]), l(() => {
     const e = new AbortController();
-    return (t = b.current) == null || t.addEventListener(
+    return u.current?.addEventListener(
       "mouseenter",
       () => {
-        var n;
-        (((n = c.current) == null ? void 0 : n.querySelectorAll("li")) ?? []).forEach((o) => o.blur());
+        (t.current?.querySelectorAll("li") ?? []).forEach((n) => n.blur());
       },
       { signal: e.signal }
     ), () => {
       e.abort();
     };
-  }, [c, b]);
+  }, [t, u]);
 };
 export {
-  y as useNavigationUlList
+  w as useNavigationUlList
 };