@konstructio/ui 0.0.12-alpha.1 → 0.0.12

package/dist/components/Sidebar/components/Wrapper/Wrapper.js

@@ -1,33 +1,31 @@
-import { Footer as x } from "../Footer/Footer.js";
-import { Logo as C } from "../Logo/Logo.js";
-import { Navigation as D } from "../Navigation/Navigation.js";
-import "../NavigationGroup/NavigationGroup.js";
-import "../NavigationOption/NavigationOption.js";
-import "../NavigationSeparator/NavigationSeparator.js";
-import "../NavigationTitle/NavigationTitle.js";
-import { jsxs as T, jsx as V } from "react/jsx-runtime";
-import { useRef as d, useCallback as l, useMemo as s, Children as i, isValidElement as v, useEffect as b } from "react";
+import { jsxs as x, jsx as C } from "react/jsx-runtime";
+import { useRef as d, useCallback as l, useMemo as s, Children as a, isValidElement as v, useEffect as D } from "react";
+import "../../../../contexts/theme.context.js";
+import { useTheme as T } from "../../../../contexts/theme.hook.js";
+import "../../../../js.cookie-OLEfuq_g.js";
 import { cn as E } from "../../../../utils/index.js";
-import { wrapperSiderbarVariants as j, dragVariants as z } from "../../Sidebar.variants.js";
-import { useTheme as k } from "../../../../contexts/theme.hook.js";
-const K = ({
+import { wrapperSiderbarVariants as V, dragVariants as b } from "../../Sidebar.variants.js";
+import { Footer as j } from "../Footer/Footer.js";
+import { Logo as z } from "../Logo/Logo.js";
+import { Navigation as k } from "../Navigation/Navigation.js";
+const I = ({
   canResize: M = !0,
   children: y,
-  maxWith: a = 300,
+  maxWith: i = 300,
   minWith: m = 240,
   theme: c,
   wrapperClassName: w
 }) => {
-  const r = d(null), u = d(null), f = d(!1), { theme: g, setTheme: L } = k(), n = l(
+  const r = d(null), u = d(null), f = d(!1), { theme: g, setTheme: L } = T(), n = l(
     (e) => {
       if (!f.current) {
         r.current && (r.current.style.opacity = "0");
         return;
       }
       let o = e.clientX;
-      o < m && (o = m), o > a && (o = a), u.current && r.current && (u.current.style.width = `${o}px`, r.current.classList.add("opacity-100"));
+      o < m && (o = m), o > i && (o = i), u.current && r.current && (u.current.style.width = `${o}px`, r.current.classList.add("opacity-100"));
     },
-    [a, m]
+    [i, m]
   ), p = l(() => {
     f.current = !1, r.current && r.current.classList.remove("opacity-100"), document.removeEventListener("mousemove", n), document.removeEventListener("mouseup", p);
   }, [n]), R = l(
@@ -36,32 +34,32 @@ const K = ({
     },
     [n, p]
   ), t = s(
-    () => i.toArray(y),
+    () => a.toArray(y),
     [y]
   ), h = s(
-    () => i.toArray(t).find(
-      (e) => v(e) && e.type === C
+    () => a.toArray(t).find(
+      (e) => v(e) && e.type === z
     ),
     [t]
   ), A = s(
-    () => i.toArray(t).find(
-      (e) => v(e) && e.type === D
+    () => a.toArray(t).find(
+      (e) => v(e) && e.type === k
     ),
     [t]
   ), N = s(
-    () => i.toArray(t).find(
-      (e) => v(e) && e.type === x
+    () => a.toArray(t).find(
+      (e) => v(e) && e.type === j
     ),
     [t]
   );
-  return b(() => {
+  return D(() => {
     c && L(c);
-  }, [L, c]), /* @__PURE__ */ T(
+  }, [L, c]), /* @__PURE__ */ x(
     "aside",
     {
       ref: u,
       className: E(
-        j({
+        V({
           className: w,
           theme: g
         })
@@ -70,11 +68,11 @@ const K = ({
         h,
         A,
         N,
-        M && /* @__PURE__ */ V(
+        M && /* @__PURE__ */ C(
           "div",
           {
             ref: r,
-            className: E(z({ theme: g })),
+            className: E(b({ theme: g })),
             onMouseDown: R
           }
         )
@@ -83,5 +81,5 @@ const K = ({
   );
 };
 export {
-  K as Wrapper
+  I as Wrapper
 };

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

@@ -0,0 +1,15 @@
+export * from './Footer/Footer';
+export type * from './Footer/Footer.types';
+export * from './Logo/Logo';
+export type * from './Logo/Logo.types';
+export * from './Navigation/Navigation';
+export type * from './Navigation/Navigation.types';
+export * from './NavigationGroup/NavigationGroup';
+export type * from './NavigationGroup/NavigationGroup.types';
+export * from './NavigationOption/NavigationOption';
+export type * from './NavigationOption/NavigationOption.types';
+export * from './NavigationSeparator/NavigationSeparator';
+export type * from './NavigationSeparator/NavigationSeparator.types';
+export * from './NavigationTitle/NavigationTitle';
+export type * from './NavigationTitle/NavigationTitle.types';
+export * from './Wrapper/Wrapper';

package/dist/components/Slider/Slider.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { SliderProps } from './Slider.types';
+export declare const Slider: FC<SliderProps>;

package/dist/components/Slider/Slider.js

@@ -1,15 +1,17 @@
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { R as v, T, a as V } from "../../index-CJsYodgi.js";
-import { forwardRef as R, useRef as b, useState as g, useImperativeHandle as j, useEffect as k, useCallback as w } from "react";
-import { cn as r } from "../../utils/index.js";
-import { sliderVariants as y, trackVariants as C, thumbVariants as S } from "./Slider.variants.js";
-import { useTheme as E } from "../../contexts/theme.hook.js";
-const F = R(
-  ({ label: s, defaultValue: c = [0], name: i, theme: o, size: m, showValue: u, ...f }, h) => {
-    const e = b(null), [a, d] = g(c), { theme: p } = E(), n = o ?? p;
+import { R as v, T, b as V } from "../../index-z-AJyzdv.js";
+import { forwardRef as b, useRef as R, useState as g, useImperativeHandle as j, useEffect as k, useCallback as w } from "react";
+import "../../contexts/theme.context.js";
+import { useTheme as y } from "../../contexts/theme.hook.js";
+import "../../js.cookie-OLEfuq_g.js";
+import { cn as a } from "../../utils/index.js";
+import { sliderVariants as C, trackVariants as S, thumbVariants as E } from "./Slider.variants.js";
+const J = b(
+  ({ label: s, defaultValue: i = [0], name: c, theme: o, size: m, showValue: u, ...f }, h) => {
+    const e = R(null), [r, d] = g(i), { theme: p } = y(), n = o ?? p;
     j(h, () => e.current, [e]), k(() => {
-      e.current && (e.current.value = a.toString());
-    }, [a]);
+      e.current && (e.current.value = r.toString());
+    }, [r]);
     const x = w(
       (N) => d(N),
       []
@@ -18,27 +20,27 @@ const F = R(
       /* @__PURE__ */ l(
         "div",
         {
-          className: r(
+          className: a(
             "flex items-center",
             s ? "justify-between" : "justify-end"
           ),
           children: [
             s ? /* @__PURE__ */ t("label", { children: s }) : null,
-            u ? /* @__PURE__ */ t("span", { className: "text-xs", children: a }) : null
+            u ? /* @__PURE__ */ t("span", { className: "text-xs", children: r }) : null
           ]
         }
       ),
-      /* @__PURE__ */ t("input", { ref: e, name: i, className: "hidden", type: "number" }),
+      /* @__PURE__ */ t("input", { ref: e, name: c, className: "hidden", type: "number" }),
       /* @__PURE__ */ l(
         v,
         {
-          value: a,
-          className: r(y({ theme: n })),
+          value: r,
+          className: a(C({ theme: n })),
           onValueChange: x,
           ...f,
           children: [
-            /* @__PURE__ */ t(T, { className: r(C({ theme: n, size: m })) }),
-            /* @__PURE__ */ t(V, { className: r(S({ theme: n, size: m })) })
+            /* @__PURE__ */ t(T, { className: a(S({ theme: n, size: m })) }),
+            /* @__PURE__ */ t(V, { className: a(E({ theme: n, size: m })) })
           ]
         }
       )
@@ -46,5 +48,5 @@ const F = R(
   }
 );
 export {
-  F as Slider
+  J as Slider
 };

package/dist/components/Slider/Slider.types.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import { SliderProps as SliderPropsBase } from '@radix-ui/react-slider';
+import { sliderVariants } from './Slider.variants';
+export interface SliderProps extends VariantProps<typeof sliderVariants> {
+    className?: string;
+    defaultValue?: SliderPropsBase['defaultValue'];
+    label?: string;
+    max?: SliderPropsBase['max'];
+    min?: SliderPropsBase['min'];
+    name?: string;
+    showValue?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+}

package/dist/components/Slider/Slider.types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,11 @@
+export declare const sliderVariants: (props?: ({
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const trackVariants: (props?: ({
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const thumbVariants: (props?: ({
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { SwitchProps } from './Switch.types';
+export declare const Switch: FC<SwitchProps>;

package/dist/components/Switch/Switch.js

@@ -1,29 +1,31 @@
 import { jsxs as P, jsx as u } from "react/jsx-runtime";
-import * as p from "react";
+import * as h from "react";
 import { forwardRef as _, useState as H, useRef as A, useId as M, useImperativeHandle as $, useEffect as j, useCallback as z } from "react";
 import { c as B, a as q, d as F } from "../../index-8vgf-x5i.js";
 import { u as O } from "../../index-DoOsnuB6.js";
 import { u as V, a as D } from "../../index-BxeV34ij.js";
-import { P as g } from "../../index-1GLoikpT.js";
+import { P as g } from "../../index-BaNV0qac.js";
+import "../../contexts/theme.context.js";
+import { useTheme as L } from "../../contexts/theme.hook.js";
+import "../../js.cookie-OLEfuq_g.js";
 import { cn as x } from "../../utils/index.js";
-import { switchVariants as L, thumbVariants as U } from "./Switch.variants.js";
-import { useTheme as W } from "../../contexts/theme.hook.js";
-var k = "Switch", [X, ie] = B(k), [G, J] = X(k), R = p.forwardRef(
+import { switchVariants as U, thumbVariants as W } from "./Switch.variants.js";
+var k = "Switch", [X, de] = B(k), [G, J] = X(k), R = h.forwardRef(
   (e, s) => {
     const {
       __scopeSwitch: t,
       name: c,
       checked: n,
-      defaultChecked: h,
+      defaultChecked: p,
       required: o,
       disabled: a,
       value: i = "on",
       onCheckedChange: m,
       form: r,
       ...d
-    } = e, [l, b] = p.useState(null), v = O(s, (C) => b(C)), f = p.useRef(!1), w = l ? r || !!l.closest("form") : !0, [S = !1, T] = q({
+    } = e, [l, b] = h.useState(null), v = O(s, (C) => b(C)), f = h.useRef(!1), w = l ? r || !!l.closest("form") : !0, [S = !1, T] = q({
       prop: n,
-      defaultProp: h,
+      defaultProp: p,
       onChange: m
     });
     return /* @__PURE__ */ P(G, { scope: t, checked: S, disabled: a, children: [
@@ -63,7 +65,7 @@ var k = "Switch", [X, ie] = B(k), [G, J] = X(k), R = p.forwardRef(
   }
 );
 R.displayName = k;
-var y = "SwitchThumb", N = p.forwardRef(
+var y = "SwitchThumb", N = h.forwardRef(
   (e, s) => {
     const { __scopeSwitch: t, ...c } = e, n = J(y, t);
     return /* @__PURE__ */ u(
@@ -79,9 +81,9 @@ var y = "SwitchThumb", N = p.forwardRef(
 );
 N.displayName = y;
 var K = (e) => {
-  const { control: s, checked: t, bubbles: c = !0, ...n } = e, h = p.useRef(null), o = V(t), a = D(s);
-  return p.useEffect(() => {
-    const i = h.current, m = window.HTMLInputElement.prototype, d = Object.getOwnPropertyDescriptor(m, "checked").set;
+  const { control: s, checked: t, bubbles: c = !0, ...n } = e, p = h.useRef(null), o = V(t), a = D(s);
+  return h.useEffect(() => {
+    const i = p.current, m = window.HTMLInputElement.prototype, d = Object.getOwnPropertyDescriptor(m, "checked").set;
     if (o !== t && d) {
       const l = new Event("click", { bubbles: c });
       d.call(i, t), i.dispatchEvent(l);
@@ -94,7 +96,7 @@ var K = (e) => {
       defaultChecked: t,
       ...n,
       tabIndex: -1,
-      ref: h,
+      ref: p,
       style: {
         ...e.style,
         ...a,
@@ -110,17 +112,17 @@ function E(e) {
   return e ? "checked" : "unchecked";
 }
 var Q = R, Y = N;
-const ue = _(
+const le = _(
   ({
     name: e,
     defaultChecked: s,
     alignment: t = "horizontal",
     theme: c,
     thumbClassName: n,
-    className: h,
+    className: p,
     label: o
   }, a) => {
-    const [i, m] = H(s ?? !1), r = A(null), d = M(), { theme: l } = W(), b = c ?? l, v = e ? `${d}-${e}` : d;
+    const [i, m] = H(s ?? !1), r = A(null), d = M(), { theme: l } = L(), b = c ?? l, v = e ? `${d}-${e}` : d;
     $(a, () => r.current, [r]), j(() => {
       r.current && (r.current.value = `${i}`);
     }, [i]);
@@ -151,12 +153,12 @@ const ue = _(
               id: v,
               defaultChecked: s,
               onCheckedChange: f,
-              className: x(L({ theme: b, className: h })),
+              className: x(U({ theme: b, className: p })),
               "aria-label": o,
               children: /* @__PURE__ */ u(
                 Y,
                 {
-                  className: U({
+                  className: W({
                     theme: b,
                     className: n
                   })
@@ -180,5 +182,5 @@ const ue = _(
   }
 );
 export {
-  ue as Switch
+  le as Switch
 };

package/dist/components/Switch/Switch.types.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+import { switchVariants } from './Switch.variants';
+export interface SwitchProps extends VariantProps<typeof switchVariants> {
+    alignment?: 'horizontal' | 'vertical';
+    className?: string;
+    defaultChecked?: boolean;
+    label?: string;
+    name?: string;
+    thumbClassName?: string;
+}

package/dist/components/Switch/Switch.types.js

@@ -0,0 +1 @@
+

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

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

package/dist/components/Tag/Tag.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { TagProps } from './Tag.types';
+export declare const Tag: FC<TagProps>;

package/dist/components/Tag/Tag.types.d.ts

@@ -0,0 +1,4 @@
+export type TagProps = {
+    label: string;
+    color?: 'gray' | 'cyan' | 'gold' | 'green' | 'light blue' | 'lime' | 'pink' | 'purple' | 'emerald' | 'fuscia' | 'indigo' | 'light-orange' | 'dark-sky-blue' | 'mistery';
+};

package/dist/components/Tag/Tag.types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,3 @@
+export declare const tagVariants: (props?: ({
+    color?: "default" | "gray" | "cyan" | "gold" | "green" | "light blue" | "lime" | "pink" | "purple" | "emerald" | "fuscia" | "indigo" | "light-orange" | "dark-sky-blue" | "mistery" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/TagSelect/TagSelect.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { TagSelectProps } from './TagSelect.types';
+export declare const TagSelect: FC<TagSelectProps>;

package/dist/components/TagSelect/TagSelect.js

@@ -1,20 +1,22 @@
 import { jsxs as u, jsx as e } from "react/jsx-runtime";
 import { forwardRef as g, useId as w, useRef as C, useImperativeHandle as T, useEffect as R } from "react";
+import "../../contexts/theme.context.js";
+import { useTheme as S } from "../../contexts/theme.hook.js";
+import "../../js.cookie-OLEfuq_g.js";
 import { cn as r } from "../../utils/index.js";
 import { Tag as d } from "../Tag/Tag.js";
-import { useTagSelect as S } from "./hooks/useTagSelect.js";
-import { tagSelectVariants as k, tagListVariants as I, tagItemVariants as V } from "./TagSelect.variants.js";
-import { C as j } from "../../chevron-up-DgLBQCKD.js";
-import { useTheme as y } from "../../contexts/theme.hook.js";
-const z = g(({ label: s, name: l, options: f, placeholder: h = "Select a value...", theme: o }, x) => {
-  const c = w(), { theme: a } = y(), t = C(null), {
-    isOpen: n,
+import { useTagSelect as k } from "./hooks/useTagSelect.js";
+import { tagSelectVariants as I, tagListVariants as V, tagItemVariants as j } from "./TagSelect.variants.js";
+import { C as y } from "../../chevron-up-CvquEaNg.js";
+const B = g(({ label: s, name: l, options: f, placeholder: h = "Select a value...", theme: o }, x) => {
+  const c = w(), { theme: a } = S(), t = C(null), {
+    isOpen: i,
     selectedTag: m,
     value: p,
     wrapperRef: b,
     handleClickTag: N,
     handleOpenDropdown: v
-  } = S();
+  } = k();
   return T(x, () => t.current, [t]), R(() => {
     t.current && (t.current.value = p);
   }, [p]), /* @__PURE__ */ u("div", { ref: b, className: "flex flex-col w-full relative", children: [
@@ -23,18 +25,18 @@ const z = g(({ label: s, name: l, options: f, placeholder: h = "Select a value..
       "div",
       {
         id: l ?? c,
-        className: r(k({ theme: o ?? a })),
+        className: r(I({ theme: o ?? a })),
         role: "combobox",
         onClick: v,
-        "aria-expanded": n,
+        "aria-expanded": i,
         children: [
           m ? /* @__PURE__ */ e(d, { ...m }) : /* @__PURE__ */ e("span", { className: "text-base text-inherit", children: h }),
           /* @__PURE__ */ e(
-            j,
+            y,
             {
               className: r(
                 "w-4 h-4 text-inherit transition-all duration-50",
-                n ? "rotate-0" : "rotate-180"
+                i ? "rotate-0" : "rotate-180"
               )
             }
           )
@@ -42,15 +44,15 @@ const z = g(({ label: s, name: l, options: f, placeholder: h = "Select a value..
       }
     ),
     /* @__PURE__ */ e("input", { ref: t, type: "text", name: l, className: "hidden" }),
-    n ? /* @__PURE__ */ e(
+    i ? /* @__PURE__ */ e(
       "ul",
       {
         role: "listbox",
-        className: r(I({ theme: o ?? a })),
-        children: f.map((i) => /* @__PURE__ */ e(
+        className: r(V({ theme: o ?? a })),
+        children: f.map((n) => /* @__PURE__ */ e(
           "li",
           {
-            className: r(V({ theme: o ?? a })),
+            className: r(j({ theme: o ?? a })),
             role: "option",
             children: /* @__PURE__ */ e(
               "button",
@@ -58,8 +60,8 @@ const z = g(({ label: s, name: l, options: f, placeholder: h = "Select a value..
                 type: "button",
                 role: "button",
                 className: "m-0 p-0 w-full",
-                onClick: () => N(i),
-                children: /* @__PURE__ */ e(d, { label: i.label, color: i.color })
+                onClick: () => N(n),
+                children: /* @__PURE__ */ e(d, { label: n.label, color: n.color })
               }
             )
           }
@@ -69,5 +71,5 @@ const z = g(({ label: s, name: l, options: f, placeholder: h = "Select a value..
   ] });
 });
 export {
-  z as TagSelect
+  B as TagSelect
 };

package/dist/components/TagSelect/TagSelect.types.d.ts

@@ -0,0 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
+import { TagProps } from '../Tag/Tag.types';
+import { tagSelectVariants } from './TagSelect.variants';
+export interface TagSelectProps extends VariantProps<typeof tagSelectVariants> {
+    label?: string;
+    options: TagProps[];
+    name?: string;
+    placeholder?: string;
+}

package/dist/components/TagSelect/TagSelect.types.js

@@ -0,0 +1 @@
+

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

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

package/dist/components/TagSelect/hooks/useTagSelect.d.ts

@@ -0,0 +1,9 @@
+import { TagProps } from '../../Tag/Tag.types';
+export declare const useTagSelect: () => {
+    isOpen: boolean;
+    selectedTag: TagProps | null;
+    value: string;
+    wrapperRef: import('react').RefObject<HTMLDivElement | null>;
+    handleClickTag: (tag: TagProps) => void;
+    handleOpenDropdown: () => void;
+};

package/dist/components/TextArea/TextArea.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { TextAreaProps } from './TextArea.types';
+export declare const TextArea: FC<TextAreaProps>;

package/dist/components/TextArea/TextArea.js

@@ -1,33 +1,35 @@
-import { jsxs as h, jsx as a } from "react/jsx-runtime";
+import { jsxs as h, jsx as s } from "react/jsx-runtime";
 import { forwardRef as v, useId as N, useState as T, useCallback as j } from "react";
-import { cn as A } from "../../utils/index.js";
-import { textAreaVariants as I } from "./TextArea.variants.js";
-import { useTheme as V } from "../../contexts/theme.hook.js";
-const S = v(
-  ({ initialValue: m, label: t, name: o, placeholder: l, rows: c = 3, theme: i, onChange: e }, u) => {
-    const r = N(), { theme: d } = V(), s = o ? `${r}-name` : r, [f, n] = T(m ?? ""), x = j(
-      (p) => {
-        n(p.target.value), e == null || e();
+import "../../contexts/theme.context.js";
+import { useTheme as A } from "../../contexts/theme.hook.js";
+import "../../js.cookie-OLEfuq_g.js";
+import { cn as I } from "../../utils/index.js";
+import { textAreaVariants as V } from "./TextArea.variants.js";
+const q = v(
+  ({ initialValue: o, label: t, name: a, placeholder: l, rows: c = 3, theme: i, onChange: e }, p) => {
+    const r = N(), { theme: u } = A(), m = a ? `${r}-name` : r, [d, f] = T(o ?? ""), n = j(
+      (x) => {
+        f(x.target.value), e == null || e();
       },
       [e]
     );
     return /* @__PURE__ */ h("div", { className: "flex flex-col gap-2", children: [
-      t ? /* @__PURE__ */ a("label", { htmlFor: s, className: "cursor-pointer", children: t }) : null,
-      /* @__PURE__ */ a(
+      t ? /* @__PURE__ */ s("label", { htmlFor: m, className: "cursor-pointer", children: t }) : null,
+      /* @__PURE__ */ s(
         "textarea",
         {
-          id: s,
-          ref: u,
-          className: A(I({ theme: i ?? d })),
+          id: m,
+          ref: p,
+          className: I(V({ theme: i ?? u })),
           rows: c,
           placeholder: l,
-          value: f,
-          onChange: x
+          value: d,
+          onChange: n
         }
       )
     ] });
   }
 );
 export {
-  S as TextArea
+  q as TextArea
 };

package/dist/components/TextArea/TextArea.types.d.ts

@@ -0,0 +1,10 @@
+import { InputHTMLAttributes } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { textAreaVariants } from './TextArea.variants';
+export interface TextAreaProps extends InputHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textAreaVariants> {
+    rows?: number;
+    label?: string;
+    name?: string;
+    initialValue?: string;
+    onChange?: () => void;
+}

package/dist/components/TextArea/TextArea.types.js

@@ -0,0 +1 @@
+

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

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

package/dist/components/Toast/Toast.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ToastProps } from './Toast.types';
+export declare const Toast: FC<ToastProps>;