@konstructio/ui 0.0.12-alpha.1 → 0.0.12

package/dist/components/NumberInput/NumberInput.js

@@ -1,10 +1,12 @@
 import { jsxs as y, jsx as u } from "react/jsx-runtime";
-import { R as j } from "../../index-KEdwcThH.js";
+import { R as j } from "../../index-BtibbG81.js";
 import p, { forwardRef as d, useId as E, useState as T, useCallback as x } from "react";
+import "../../contexts/theme.context.js";
+import { useTheme as $ } from "../../contexts/theme.hook.js";
+import "../../js.cookie-OLEfuq_g.js";
 import { cn as h } from "../../utils/index.js";
-import { labelVariants as $, buttonVariants as P, numberInputVariants as L } from "./NumberInput.variants.js";
-import { P as a } from "../../index-C5psggHV.js";
-import { useTheme as W } from "../../contexts/theme.hook.js";
+import { labelVariants as L, buttonVariants as P, numberInputVariants as W } from "./NumberInput.variants.js";
+import { P as a } from "../../index-D68N8v8R.js";
 function v() {
   return v = Object.assign || function(e) {
     for (var o = 1; o < arguments.length; o++) {
@@ -114,7 +116,7 @@ g.propTypes = {
   size: a.oneOfType([a.string, a.number])
 };
 g.displayName = "Plus";
-const J = d(
+const Q = d(
   ({
     className: e,
     init: o,
@@ -125,7 +127,7 @@ const J = d(
     theme: f,
     onChange: s
   }, k) => {
-    const { theme: I } = W(), m = f ?? I, N = E(), [c, w] = T(() => o || 0), z = x(() => {
+    const { theme: I } = $(), m = f ?? I, N = E(), [c, w] = T(() => o || 0), z = x(() => {
       let l = 0;
       n === 1 / 0 ? l = c - 1 : l = Math.max(n, c - 1), w(l), s == null || s(l);
     }, [c, n, s]), _ = x(() => {
@@ -138,7 +140,7 @@ const J = d(
         {
           htmlFor: i ?? N,
           className: h(
-            $({
+            L({
               theme: m
             })
           ),
@@ -168,7 +170,7 @@ const J = d(
             value: c,
             name: i,
             className: h(
-              L({ className: e, theme: m })
+              W({ className: e, theme: m })
             ),
             readOnly: !0,
             "aria-label": r
@@ -193,5 +195,5 @@ const J = d(
   }
 );
 export {
-  J as NumberInput
+  Q as NumberInput
 };

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

@@ -0,0 +1,11 @@
+import { VariantProps } from 'class-variance-authority';
+import { numberInputVariants } from './NumberInput.variants';
+export interface NumberInputProps extends VariantProps<typeof numberInputVariants> {
+    className?: string;
+    init?: number;
+    label?: string;
+    max?: number;
+    min?: number;
+    name?: string;
+    onChange?: (value: number) => void;
+}

package/dist/components/NumberInput/NumberInput.types.js

@@ -0,0 +1 @@
+

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

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

package/dist/components/ProgressBar/ProgressBar.d.ts

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

package/dist/components/ProgressBar/ProgressBar.js

@@ -1,27 +1,30 @@
-import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { jsxs as e, jsx as i } from "react/jsx-runtime";
+import "../../contexts/theme.context.js";
+import { useTheme as l } from "../../contexts/theme.hook.js";
+import "react";
+import "../../js.cookie-OLEfuq_g.js";
 import { cn as o } from "../../utils/index.js";
-import { progressBarVariants as l, progressBarProgress as d } from "./ProgressBar.variants.js";
-import { useTheme as c } from "../../contexts/theme.hook.js";
-const p = ({
-  label: e,
+import { progressBarVariants as d, progressBarProgress as c } from "./ProgressBar.variants.js";
+const j = ({
+  label: r,
   theme: m,
   percent: s,
   status: n
 }) => {
-  const { theme: a } = c(), t = m ?? a;
-  return /* @__PURE__ */ r("div", { className: "w-full", children: [
-    /* @__PURE__ */ r("div", { className: o("flex", e ? "justify-between" : "justify-end"), children: [
-      e ? /* @__PURE__ */ i("label", { className: "font-semibold", children: e }) : null,
-      /* @__PURE__ */ r("span", { className: "font-semibold", children: [
+  const { theme: a } = l(), t = m ?? a;
+  return /* @__PURE__ */ e("div", { className: "w-full", children: [
+    /* @__PURE__ */ e("div", { className: o("flex", r ? "justify-between" : "justify-end"), children: [
+      r ? /* @__PURE__ */ i("label", { className: "font-semibold", children: r }) : null,
+      /* @__PURE__ */ e("span", { className: "font-semibold", children: [
         s,
         "%"
       ] })
     ] }),
-    /* @__PURE__ */ i("div", { className: o(l({ theme: t })), children: /* @__PURE__ */ i(
+    /* @__PURE__ */ i("div", { className: o(d({ theme: t })), children: /* @__PURE__ */ i(
       "div",
       {
         className: o(
-          d({ theme: t, status: n }),
+          c({ theme: t, status: n }),
           s > 0 && s < 99 ? "transition-width duration-500" : "transition-colors duration-0"
         ),
         style: { width: `${s}%` }
@@ -30,5 +33,5 @@ const p = ({
   ] });
 };
 export {
-  p as ProgressBar
+  j as ProgressBar
 };

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

@@ -0,0 +1,8 @@
+import { VariantProps } from 'class-variance-authority';
+import { progressBarVariants } from './ProgressBar.variants';
+export interface ProgressBarProps extends VariantProps<typeof progressBarVariants> {
+    className?: string;
+    label?: string;
+    percent: number;
+    status?: 'success' | 'progress';
+}

package/dist/components/ProgressBar/ProgressBar.types.js

@@ -0,0 +1 @@
+

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

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

package/dist/components/Radio/Radio.d.ts

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

package/dist/components/Radio/Radio.js

@@ -1,79 +1,61 @@
-import { jsxs as T, jsx as e } from "react/jsx-runtime";
-import { forwardRef as V, useId as j, useCallback as w } from "react";
-import { cn as r } from "../../utils/index.js";
-import { wrapperRadioVariants as F, radioVariants as $, labelRadioVariants as y } from "./Radio.variants.js";
-import { useTheme as I } from "../../contexts/theme.hook.js";
-const D = V(
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { forwardRef as x, useId as N, useCallback as b } from "react";
+import "../../contexts/theme.context.js";
+import { useTheme as j } from "../../contexts/theme.hook.js";
+import "../../js.cookie-OLEfuq_g.js";
+import { cn as F } from "../../utils/index.js";
+import { radioVariants as R } from "./Radio.variants.js";
+const q = x(
   ({
-    checked: t = !1,
-    className: c,
-    defaultChecked: o,
-    disabled: a,
-    label: d,
-    labelTextClassName: p,
-    name: i,
-    theme: n,
-    value: m,
-    wrapperClassName: f,
-    onChange: s
-  }, h) => {
-    const N = j(), { theme: u } = I(), l = `${N}-${i}`, x = n ?? u, R = w(
-      (b) => {
-        s == null || s(b);
+    checked: m = !1,
+    className: i,
+    defaultChecked: a,
+    label: c,
+    name: t,
+    theme: l,
+    value: s,
+    onChange: e
+  }, p) => {
+    const d = N(), { theme: n } = j(), o = `${d}-${t}`, f = b(
+      (h) => {
+        e == null || e(h);
       },
-      [s]
+      [e]
     );
-    return /* @__PURE__ */ T(
+    return /* @__PURE__ */ u(
       "label",
       {
-        htmlFor: l,
-        className: r(
-          F({
-            className: f,
-            disabled: a || !1
-          })
-        ),
+        htmlFor: o,
+        className: "inline-flex items-center cursor-pointer",
         children: [
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ r(
             "input",
             {
-              ref: h,
-              id: l,
+              ref: p,
+              id: o,
               type: "radio",
-              name: i,
-              value: m,
-              checked: t,
-              defaultChecked: o,
+              name: t,
+              value: s,
+              checked: m,
+              defaultChecked: a,
               className: "hidden peer",
-              onChange: () => R(m),
-              disabled: a
+              onChange: () => f(s)
             }
           ),
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ r(
             "span",
             {
-              className: r(
-                $({
-                  className: c,
-                  theme: x,
-                  disabled: a || !1,
-                  checked: t || o || !1
-                })
+              className: F(
+                R({ className: i, theme: l ?? n })
               )
             }
           ),
-          /* @__PURE__ */ e(
-            "span",
-            {
-              className: r(y({ className: p })),
-              children: d
-            }
-          )
+          /* @__PURE__ */ r("span", { className: "ml-2", children: c })
         ]
       }
     );
   }
 );
 export {
-  D as Radio
+  q as Radio
 };

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

@@ -0,0 +1,12 @@
+import { VariantProps } from 'class-variance-authority';
+import { InputHTMLAttributes } from 'react';
+import { radioVariants } from './Radio.variants';
+export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'>, VariantProps<typeof radioVariants> {
+    checked?: boolean;
+    color?: string;
+    defaultChecked?: boolean;
+    label?: string;
+    name: string;
+    value: string;
+    onChange?: (value: string) => void;
+}

package/dist/components/Radio/Radio.types.js

@@ -0,0 +1 @@
+

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

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

package/dist/components/Radio/Radio.variants.js

@@ -1,25 +1,14 @@
 import { c as e } from "../../index-BNmRGtA6.js";
-const a = e(
-  ["inline-flex", "items-center", "cursor-pointer", "gap-2", "w-max"],
-  {
-    variants: {
-      disabled: {
-        true: ["cursor-not-allowed"],
-        false: ["cursor-pointer"]
-      }
-    },
-    defaultVariants: {
-      disabled: !1
-    }
-  }
-), o = e(
+const o = e(
   [
-    "border",
-    "border-zinc-400",
+    "border-2",
+    "border-gray-400",
     "duration-300",
+    "h-4",
     "inline-block",
     "rounded-full",
     "transition-all",
+    "w-4",
     "flex",
     "flex-col",
     "items-center",
@@ -30,70 +19,28 @@ const a = e(
     "before:h-0",
     "before:duration-100",
     "before:transition-all",
-    "h-4",
-    "w-4",
     "peer-checked:before:h-[70%]",
     "peer-checked:before:w-[70%]"
   ],
   {
     variants: {
       theme: {
-        colony: "",
-        kubefirst: "",
-        civo: ""
-      },
-      disabled: {
-        true: "",
-        false: ""
-      },
-      checked: {
-        true: "",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      {
-        theme: "kubefirst",
-        disabled: !1,
-        checked: [!0, !1],
-        class: [
+        colony: [
+          "peer-checked:border-red-700",
+          "peer-checked:before:bg-red-700"
+        ],
+        kubefirst: [
           "peer-checked:border-kubefirst-primary",
           "peer-checked:before:bg-kubefirst-primary"
-        ]
-      },
-      {
-        theme: "kubefirst",
-        disabled: !0,
-        checked: !0,
-        class: [
-          "peer-checked:border-zinc-400",
-          "peer-checked:before:bg-zinc-400",
-          "cursor-not-allowed",
-          "[&+span]:cursor-not-allowed"
-        ]
-      },
-      {
-        theme: "kubefirst",
-        disabled: !0,
-        checked: !1,
-        class: [
-          "peer-checked:border-zinc-300",
-          "peer-checked:border-zinc-300",
-          "peer-checked:before:bg-zinc-300",
-          "cursor-not-allowed",
-          "[&+span]:cursor-not-allowed",
-          "bg-zinc-50"
-        ]
+        ],
+        civo: ""
       }
-    ],
+    },
     defaultVariants: {
-      theme: "kubefirst",
-      disabled: !1
+      theme: "kubefirst"
     }
   }
-), t = e(["text-sm", "text-zinc-700"]);
+);
 export {
-  t as labelRadioVariants,
-  o as radioVariants,
-  a as wrapperRadioVariants
+  o as radioVariants
 };

package/dist/components/RadioGroup/RadioGroup.d.ts

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

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,51 +1,41 @@
-import { jsx as o, Fragment as k } from "react/jsx-runtime";
-import { S as G } from "../../index-DoOsnuB6.js";
-import { useState as R, useCallback as T } from "react";
-import { cn as r } from "../../utils/index.js";
-import { Radio as b } from "../Radio/Radio.js";
-import { radioGroupVariants as j } from "./RadioGroup.variants.js";
-import { useTheme as F } from "../../contexts/theme.hook.js";
-const E = ({
-  asChild: e,
-  className: s,
-  defaultChecked: c,
+import { jsx as o, Fragment as N } from "react/jsx-runtime";
+import { S as R } from "../../index-DoOsnuB6.js";
+import { useState as T, useCallback as a } from "react";
+import "../../contexts/theme.context.js";
+import { useTheme as b } from "../../contexts/theme.hook.js";
+import "../../js.cookie-OLEfuq_g.js";
+import { cn as e } from "../../utils/index.js";
+import { Radio as j } from "../Radio/Radio.js";
+const D = ({
+  asChild: r,
+  className: c,
+  defaultValue: s,
   name: i,
   options: p,
   theme: d,
   wrapperClassName: f,
-  direction: a,
   onValueChange: m
 }) => {
-  const n = e ? G : "div", { theme: S } = F(), [h, l] = R(
-    () => c
-  ), x = T(
+  const S = r ? R : "div", { theme: h } = b(), [n, x] = T(s), l = a(
     (t) => {
-      l(t), m == null || m(t);
+      x(t), m == null || m(t);
     },
     [m]
   );
-  return /* @__PURE__ */ o(
-    n,
+  return /* @__PURE__ */ o(S, { className: e("flex gap-2", f), children: /* @__PURE__ */ o(N, { children: p.map(({ value: t, ...k }) => /* @__PURE__ */ o(
+    j,
     {
-      className: r(
-        j({ className: f, direction: a })
-      ),
-      children: /* @__PURE__ */ o(k, { children: p.map(({ value: t, ...N }) => /* @__PURE__ */ o(
-        b,
-        {
-          value: t,
-          theme: d ?? S,
-          name: i,
-          className: r(s),
-          checked: h === t,
-          onChange: () => x(t),
-          ...N
-        },
-        t
-      )) })
-    }
-  );
+      value: t,
+      theme: d ?? h,
+      name: i,
+      className: e(c),
+      checked: n === t,
+      onChange: () => l(t),
+      ...k
+    },
+    t
+  )) }) });
 };
 export {
-  E as RadioGroup
+  D as RadioGroup
 };

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

@@ -0,0 +1,12 @@
+import { RadioProps } from '../Radio/Radio.types';
+export interface RadioGroupProps {
+    asChild?: boolean;
+    className?: RadioProps['className'];
+    defaultValue?: string;
+    label?: string;
+    name: string;
+    options: Omit<RadioProps, 'name'>[];
+    theme?: RadioProps['theme'];
+    wrapperClassName?: string;
+    onValueChange?: (value: string) => void;
+}

package/dist/components/RadioGroup/RadioGroup.types.js

@@ -0,0 +1 @@
+

package/dist/components/Range/Range.d.ts

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

package/dist/components/Range/Range.js

@@ -1,20 +1,22 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { R as V, T as v, b as T, a as c } from "../../index-CJsYodgi.js";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { R as V, T as v, a as T, b as c } from "../../index-z-AJyzdv.js";
 import { forwardRef as b, useRef as j, useState as k, useImperativeHandle as w, useEffect as y, useCallback as C } 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 t } from "../../utils/index.js";
-import { rangeVariants as S, trackVariants as $, rangeOutsideVariants as E, thumbVariants as i } from "./Range.variants.js";
-import { useTheme as H } from "../../contexts/theme.hook.js";
-const F = b(
+import { rangeVariants as $, trackVariants as E, rangeOutsideVariants as H, thumbVariants as i } from "./Range.variants.js";
+const J = b(
   ({
-    label: l,
+    label: m,
     defaultValue: o = [0, 100],
     name: u,
     theme: h,
-    size: m,
+    size: l,
     showValue: f,
     ...d
   }, p) => {
-    const a = j(null), [s, x] = k(o), { theme: N } = H(), n = h ?? N;
+    const a = j(null), [s, x] = k(o), { theme: N } = S(), r = h ?? N;
     w(p, () => a.current, [a]), y(() => {
       a.current && (a.current.value = `[${s.toString()}]`);
     }, [s]);
@@ -22,17 +24,17 @@ const F = b(
       (R) => x(R),
       []
     );
-    return /* @__PURE__ */ r("div", { className: "w-full relative flex flex-col gap-3", children: [
-      /* @__PURE__ */ r(
+    return /* @__PURE__ */ n("div", { className: "w-full relative flex flex-col gap-3", children: [
+      /* @__PURE__ */ n(
         "div",
         {
           className: t(
             "flex items-center",
-            l ? "justify-between" : "justify-end"
+            m ? "justify-between" : "justify-end"
           ),
           children: [
-            l ? /* @__PURE__ */ e("label", { children: l }) : null,
-            f ? /* @__PURE__ */ r("span", { className: "text-xs", children: [
+            m ? /* @__PURE__ */ e("label", { children: m }) : null,
+            f ? /* @__PURE__ */ n("span", { className: "text-xs", children: [
               s[0],
               " - ",
               s[1]
@@ -41,22 +43,22 @@ const F = b(
         }
       ),
       /* @__PURE__ */ e("input", { ref: a, name: u, className: "hidden", type: "text" }),
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ n(
         V,
         {
           value: s,
-          className: t(S({ theme: n })),
+          className: t($({ theme: r })),
           onValueChange: g,
           ...d,
           children: [
-            /* @__PURE__ */ e(v, { className: t($({ theme: n, size: m })), children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e(v, { className: t(E({ theme: r, size: l })), children: /* @__PURE__ */ e(
               T,
               {
-                className: t(E({ theme: n }))
+                className: t(H({ theme: r }))
               }
             ) }),
-            /* @__PURE__ */ e(c, { className: t(i({ theme: n, size: m })) }),
-            /* @__PURE__ */ e(c, { className: t(i({ theme: n, size: m })) })
+            /* @__PURE__ */ e(c, { className: t(i({ theme: r, size: l })) }),
+            /* @__PURE__ */ e(c, { className: t(i({ theme: r, size: l })) })
           ]
         }
       )
@@ -64,5 +66,5 @@ const F = b(
   }
 );
 export {
-  F as Range
+  J as Range
 };

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

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

package/dist/components/Range/Range.types.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,14 @@
+export declare const rangeVariants: (props?: ({
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const rangeOutsideVariants: (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;