@konstructio/ui 0.0.2 → 0.0.3

package/dist/{chevron-up-Cmu1oXfj.js → chevron-up-CvquEaNg.js}

@@ -1,5 +1,5 @@
 import l, { forwardRef as c } from "react";
-import { P as a } from "./index-DQMInta3.js";
+import { P as a } from "./index-D68N8v8R.js";
 function p() {
   return p = Object.assign || function(e) {
     for (var o = 1; o < arguments.length; o++) {

package/dist/clsx-OuTLNxxd.js

@@ -0,0 +1,16 @@
+function a(r) {
+  var f, n, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (f = 0; f < o; f++) r[f] && (n = a(r[f])) && (t && (t += " "), t += n);
+  } else for (n in r) r[n] && (t && (t += " "), t += n);
+  return t;
+}
+function i() {
+  for (var r, f, n = 0, t = "", o = arguments.length; n < o; n++) (r = arguments[n]) && (f = a(r)) && (t && (t += " "), t += f);
+  return t;
+}
+export {
+  i as c
+};

package/dist/components/AlertDialog/AlertDialog.js

@@ -1,5 +1,5 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { R as h, A as f, P as x, O as g, C as u, T as C, D as b, a as y, b as O } from "../../AlertDialogTrigger-BIbxXexQ.js";
+import { R as h, A as f, P as x, O as g, C as u, T as C, D as b, a as y, b as O } from "../../AlertDialogTrigger-lenvKoGF.js";
 import "../../contexts/theme.context.js";
 import { useTheme as A } from "../../contexts/theme.hook.js";
 import "react";

package/dist/components/AlertDialog/AlertDialog.variants.d.ts

@@ -1,3 +1,3 @@
 export declare const buttonAlertDialogVariants: (props?: ({
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/AlertDialog/AlertDialog.variants.js

@@ -1,10 +1,9 @@
-import { c as t } from "../../index-BwYCDOHZ.js";
-const r = t([], {
+import { c as t } from "../../index-BNmRGtA6.js";
+const e = t([], {
   variants: {
     theme: {
       colony: "",
-      kubefirst: "",
-      konstruct: ""
+      kubefirst: ""
     }
   },
   defaultVariants: {
@@ -12,5 +11,5 @@ const r = t([], {
   }
 });
 export {
-  r as buttonAlertDialogVariants
+  e as buttonAlertDialogVariants
 };

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { A as a } from "../../../AlertDialogTrigger-BIbxXexQ.js";
+import { A as a } from "../../../AlertDialogTrigger-lenvKoGF.js";
 import "../../../contexts/theme.context.js";
 import "../../../contexts/theme.hook.js";
 import "react";

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

@@ -1,4 +1,4 @@
-import { A as g } from "../../../AlertDialogTrigger-BIbxXexQ.js";
+import { A as g } from "../../../AlertDialogTrigger-lenvKoGF.js";
 export {
   g as AlertDialogTrigger
 };

package/dist/components/Autocomplete/Autocomplete.variants.d.ts

@@ -1,8 +1,8 @@
 export declare const autocompleteVariants: (props?: ({
     variant?: "default" | null | undefined;
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const labelVariants: (props?: ({
     variant?: "default" | null | undefined;
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -1,5 +1,5 @@
-import { c as t } from "../../index-BwYCDOHZ.js";
-const r = t(
+import { c as e } from "../../index-BNmRGtA6.js";
+const r = e(
   [
     "flex",
     "w-full",
@@ -26,9 +26,9 @@ const r = t(
         default: ""
       },
       theme: {
-        kubefirst: ["focus:ring-kubefirst-purple-light"],
-        konstruct: ["focus:focus:ring-orange-400"],
-        colony: ["focus:focus:ring-red-400"]
+        kubefirst: ["focus:ring-kubefirst-primary"],
+        colony: ["focus:focus:ring-red-400"],
+        civo: ""
       }
     },
     defaultVariants: {
@@ -36,7 +36,7 @@ const r = t(
       variant: "default"
     }
   }
-), a = t(
+), a = e(
   ["pl-1", "mb-2", "text-base", "cursor-pointer"],
   {
     variants: {
@@ -45,8 +45,8 @@ const r = t(
       },
       theme: {
         kubefirst: "",
-        konstruct: "",
-        colony: ""
+        colony: "",
+        civo: ""
       }
     },
     defaultVariants: {

package/dist/components/Autocomplete/components/List.types.d.ts

@@ -1,11 +1,11 @@
-import { ReactNode, RefObject } from 'react';
+import { ComponentRef, ReactNode, RefObject } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { Option } from '../Autocomplete.types';
 import { autocompleteVariants } from '../Autocomplete.variants';
 export interface Props extends VariantProps<typeof autocompleteVariants> {
     className?: string;
-    inputRef: RefObject<HTMLInputElement>;
-    wrapperRef: RefObject<HTMLDivElement>;
+    inputRef: RefObject<ComponentRef<'input'> | null>;
+    wrapperRef: RefObject<ComponentRef<'div'> | null>;
     options: Option[];
     placeholder: string | ReactNode;
     placeholderClassName?: string;

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

@@ -1,16 +1,16 @@
 export declare const listVariants: (props?: ({
     variant?: "default" | null | undefined;
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const emptyListVariants: (props?: ({
     variant?: "default" | null | undefined;
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const listItemVariants: (props?: ({
     variant?: "default" | null | undefined;
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const buttonVariants: (props?: ({
     variant?: "default" | null | undefined;
-    theme?: "kubefirst" | "konstruct" | "colony" | null | undefined;
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -1,4 +1,4 @@
-import { c as t } from "../../../index-BwYCDOHZ.js";
+import { c as t } from "../../../index-BNmRGtA6.js";
 const a = t(["max-h-[250px]", "overflow-y-auto"], {
   variants: {
     variant: {
@@ -6,8 +6,8 @@ const a = t(["max-h-[250px]", "overflow-y-auto"], {
     },
     theme: {
       kubefirst: "",
-      konstruct: "",
-      colony: ""
+      colony: "",
+      civo: ""
     }
   },
   defaultVariants: {
@@ -23,8 +23,8 @@ const a = t(["max-h-[250px]", "overflow-y-auto"], {
       },
       theme: {
         kubefirst: "",
-        konstruct: "",
-        colony: ""
+        colony: "",
+        civo: ""
       }
     },
     defaultVariants: {
@@ -32,22 +32,22 @@ const a = t(["max-h-[250px]", "overflow-y-auto"], {
       theme: "kubefirst"
     }
   }
-), o = t(["focus-visible:outline-none"], {
+), i = t(["focus-visible:outline-none"], {
   variants: {
     variant: {
       default: ""
     },
     theme: {
       kubefirst: ["focus:bg-purple-100", "hover:bg-purple-100"],
-      konstruct: ["focus:bg-orange-100", "hover:bg-orange-100"],
-      colony: ["focus:bg-red-100", "hover:bg-red-100"]
+      colony: ["focus:bg-red-100", "hover:bg-red-100"],
+      civo: ""
     }
   },
   defaultVariants: {
     variant: "default",
     theme: "kubefirst"
   }
-}), n = t(
+}), o = t(
   [
     "cursor-pointer",
     "focus-visible:outline-none",
@@ -63,8 +63,8 @@ const a = t(["max-h-[250px]", "overflow-y-auto"], {
       },
       theme: {
         kubefirst: ["focus:bg-purple-100", "hover:bg-purple-100"],
-        konstruct: ["focus:bg-orange-100", "hover:bg-orange-100"],
-        colony: ["focus:bg-red-100", "hover:bg-red-100"]
+        colony: ["focus:bg-red-100", "hover:bg-red-100"],
+        civo: ""
       }
     },
     defaultVariants: {
@@ -74,8 +74,8 @@ const a = t(["max-h-[250px]", "overflow-y-auto"], {
   }
 );
 export {
-  n as buttonVariants,
+  o as buttonVariants,
   r as emptyListVariants,
-  o as listItemVariants,
+  i as listItemVariants,
   a as listVariants
 };

package/dist/components/Autocomplete/hooks/useAutocomplete.d.ts

@@ -1,13 +1,13 @@
-import { ChangeEvent, RefObject } from 'react';
+import { ChangeEvent, ComponentRef, RefObject } from 'react';
 import { Option } from '../Autocomplete.types';
 type UseAutocompleteProps = {
     options: Option[];
-    inputRef: RefObject<HTMLInputElement>;
-    wrapperRef: RefObject<HTMLDivElement>;
+    inputRef: RefObject<ComponentRef<'input'> | null>;
+    wrapperRef: RefObject<ComponentRef<'div'> | null>;
     onChange(value: string): void;
 };
 export declare const useAutocomplete: ({ options, inputRef, wrapperRef, onChange, }: UseAutocompleteProps) => {
-    inputRef: RefObject<HTMLInputElement>;
+    inputRef: RefObject<HTMLInputElement | null>;
     newOptions: Option[];
     showOptions: boolean;
     value: string;

package/dist/components/Autocomplete/hooks/useNavigationList.d.ts

@@ -1,9 +1,9 @@
-import { RefObject } from 'react';
+import { ComponentRef, RefObject } from 'react';
 import { Option } from '../Autocomplete.types';
 type UseNavigationListProps = {
-    ulRef: RefObject<HTMLUListElement>;
-    inputRef: RefObject<HTMLInputElement>;
-    wrapperRef: RefObject<HTMLDivElement>;
+    ulRef: RefObject<ComponentRef<'ul'> | null>;
+    inputRef: RefObject<ComponentRef<'input'> | null>;
+    wrapperRef: RefObject<ComponentRef<'div'> | null>;
     options: Option[];
 };
 export declare const useNavigationUlList: ({ ulRef, inputRef, wrapperRef, options, }: UseNavigationListProps) => void;