@konstructio/ui 0.0.2

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

@@ -0,0 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
+import { InputHTMLAttributes } from 'react';
+import { inputVariants } from './Input.variants';
+export interface InputProps extends InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
+    label?: string;
+    labelClassName?: string;
+    error?: string;
+    onClickIcon?: () => void;
+}

package/dist/components/Input/Input.types.js

@@ -0,0 +1 @@
+

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

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

package/dist/components/Input/Input.variants.js

@@ -0,0 +1,43 @@
+import { c as r } from "../../index-BwYCDOHZ.js";
+const t = r(
+  [
+    "bg-transparent",
+    "border",
+    "border-zinc-200",
+    "disabled:cursor-not-allowed",
+    "disabled:opacity-50",
+    "flex",
+    "focus-visible:outline-none",
+    "focus-visible:ring-1",
+    "h-9",
+    "placeholder:text-muted-foreground",
+    "px-3",
+    "py-1",
+    "rounded-md",
+    "shadow-sm",
+    "text-base",
+    "text-zinc-700",
+    "transition-colors",
+    "w-full"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "",
+        error: ["border-red-600", "pr-8", "focus-visible:ring-transparent"]
+      },
+      theme: {
+        kubefirst: "focus:ring-kubefirst-purple-light",
+        colony: "",
+        konstruct: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      theme: "kubefirst"
+    }
+  }
+);
+export {
+  t as inputVariants
+};

package/dist/components/Modal/Modal.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ModalChildProps, ModalProps } from './Modal.types';
+declare const Modal: FC<ModalProps> & {
+    Header: FC<ModalChildProps>;
+    Body: FC<ModalChildProps>;
+    Footer: FC<ModalChildProps>;
+};
+export { Modal };

package/dist/components/Modal/Modal.js

@@ -0,0 +1,10 @@
+import "react/jsx-runtime";
+import "../../index-2hJuj4UN.js";
+import "./components/Body/Body.js";
+import "./components/Footer/Footer.js";
+import "./components/Header/Header.js";
+import { M as d } from "../../Modal-CO0_SnXD.js";
+import "./hooks/useModal.js";
+export {
+  d as Modal
+};

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

@@ -0,0 +1,12 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { modalVariants } from './components/Wrapper/Wrapper.variants';
+export interface ModalProps extends PropsWithChildren, VariantProps<typeof modalVariants> {
+    className?: string;
+    buttonCloseClassName?: string;
+}
+export type ModalChildProps = {
+    children: ReactNode;
+    className?: string;
+    asChild?: boolean;
+};

package/dist/components/Modal/Modal.types.js

@@ -0,0 +1 @@
+

package/dist/components/Modal/components/Body/Body.d.ts

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

package/dist/components/Modal/components/Body/Body.js

@@ -0,0 +1,7 @@
+import { jsx as r } from "react/jsx-runtime";
+import { S as n } from "../../../../index-CCavb-1K.js";
+import { cn as e } from "../../../../utils/index.js";
+const i = ({ children: o, asChild: t, className: m }) => /* @__PURE__ */ r(t ? n : "div", { className: e("flex-1", m), children: o });
+export {
+  i as Body
+};

package/dist/components/Modal/components/Body/Body.types.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+export type BodyProps = PropsWithChildren & {
+    asChild?: boolean;
+    className?: string;
+};

package/dist/components/Modal/components/Body/Body.types.js

@@ -0,0 +1 @@
+

package/dist/components/Modal/components/Footer/Footer.d.ts

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

package/dist/components/Modal/components/Footer/Footer.js

@@ -0,0 +1,6 @@
+import { jsx as n } from "react/jsx-runtime";
+import { S as m } from "../../../../index-CCavb-1K.js";
+const i = ({ children: o, asChild: t, className: r }) => /* @__PURE__ */ n(t ? m : "div", { className: r, children: o });
+export {
+  i as Footer
+};

package/dist/components/Modal/components/Footer/Footer.types.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+export type FooterProps = PropsWithChildren & {
+    asChild?: boolean;
+    className?: string;
+};

package/dist/components/Modal/components/Footer/Footer.types.js

@@ -0,0 +1 @@
+

package/dist/components/Modal/components/Header/Header.d.ts

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

package/dist/components/Modal/components/Header/Header.js

@@ -0,0 +1,6 @@
+import { jsx as n } from "react/jsx-runtime";
+import { S as e } from "../../../../index-CCavb-1K.js";
+const i = ({ children: o, asChild: t, className: r }) => /* @__PURE__ */ n(t ? e : "div", { className: r, children: o });
+export {
+  i as Header
+};

package/dist/components/Modal/components/Header/Header.types.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+export type HeaderProps = PropsWithChildren & {
+    asChild?: boolean;
+    className?: string;
+};

package/dist/components/Modal/components/Header/Header.types.js

@@ -0,0 +1 @@
+

package/dist/components/Modal/components/Wrapper/Wrapper.d.ts

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

package/dist/components/Modal/components/Wrapper/Wrapper.js

@@ -0,0 +1,13 @@
+import "react/jsx-runtime";
+import "react";
+import { W as x } from "../../../../Modal-CO0_SnXD.js";
+import "../../../../Combination-Cmu9JRkv.js";
+import "../../../../index-4qm4jAkj.js";
+import "../../../../contexts/theme.context.js";
+import "../../../../contexts/theme.hook.js";
+import "../../../../js.cookie-OLEfuq_g.js";
+import "../../hooks/useModal.js";
+import "./Wrapper.variants.js";
+export {
+  x as Wrapper
+};

package/dist/components/Modal/components/Wrapper/Wrapper.types.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { modalVariants } from './Wrapper.variants';
+export interface WrapperProps extends PropsWithChildren, VariantProps<typeof modalVariants> {
+    className?: string;
+    buttonCloseClassName?: string;
+}

package/dist/components/Modal/components/Wrapper/Wrapper.types.js

@@ -0,0 +1 @@
+

package/dist/components/Modal/components/Wrapper/Wrapper.variants.d.ts

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

package/dist/components/Modal/components/Wrapper/Wrapper.variants.js

@@ -0,0 +1,48 @@
+import { c as t } from "../../../../index-BwYCDOHZ.js";
+const o = t(
+  [
+    "bg-metal-1000",
+    "bg-white",
+    "border-none",
+    "flex",
+    "flex-col",
+    "justify-between",
+    "min-h-[450px]",
+    "min-w-[500px]",
+    "overflow-auto",
+    "relative",
+    "rounded-md",
+    "shadow-xs",
+    "lg:overflow-hidden"
+  ],
+  {
+    variants: {
+      theme: {
+        colony: ["shadow-red-400"],
+        konstruct: ["shadow-orange-400"],
+        kubefirst: ["shadow-kubefirst-purple-light"]
+      }
+    },
+    defaultVariants: {
+      theme: "kubefirst"
+    }
+  }
+), r = t(
+  ["absolute", "right-1.5", "top-1.5", "text-inherit"],
+  {
+    variants: {
+      theme: {
+        kubefirst: ["text-kubefirst-purple-light"],
+        konstruct: ["text-orange-400"],
+        colony: ["text-red-400"]
+      }
+    },
+    defaultVariants: {
+      theme: "kubefirst"
+    }
+  }
+);
+export {
+  r as buttonCloseVariants,
+  o as modalVariants
+};

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

@@ -0,0 +1,4 @@
+export * from './Body/Body';
+export * from './Footer/Footer';
+export * from './Header/Header';
+export * from './Wrapper/Wrapper';

package/dist/components/Modal/components/index.js

@@ -0,0 +1,10 @@
+import { Body as e } from "./Body/Body.js";
+import { Footer as t } from "./Footer/Footer.js";
+import { Header as m } from "./Header/Header.js";
+import { W as a } from "../../../Modal-CO0_SnXD.js";
+export {
+  e as Body,
+  t as Footer,
+  m as Header,
+  a as Wrapper
+};

package/dist/components/Modal/contexts/Modal.context.d.ts

@@ -0,0 +1,2 @@
+import { State } from './Modal.types';
+export declare const ModalContext: import('react').Context<State>;

package/dist/components/Modal/contexts/Modal.context.js

@@ -0,0 +1,20 @@
+import { createContext as e } from "react";
+const n = {
+  content: void 0,
+  isOpen: !1,
+  shouldShowClose: !0,
+  onOpen: () => {
+    throw new Error("onOpen not implemented");
+  },
+  onClose: () => {
+    throw new Error("onClose not implemented");
+  },
+  setContentAndOpen: () => {
+    throw new Error(
+      "ModalContext: setContentAndOpen function must be overridden"
+    );
+  }
+}, t = e(n);
+export {
+  t as ModalContext
+};

package/dist/components/Modal/contexts/Modal.provider.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare const ModalProvider: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Modal/contexts/Modal.provider.js

@@ -0,0 +1,26 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useState as t, useCallback as n } from "react";
+import { useToggle as f } from "../../../hooks/useToggle.js";
+import { ModalContext as h } from "./Modal.context.js";
+const x = ({ children: s }) => {
+  const [r, l] = t(!0), [a, o] = f(!1), [u, c] = t(), e = n(() => o(!0), [o]), d = n(() => o(!1), [o]), p = (m, C = !0) => {
+    c(m), e(), l(C);
+  };
+  return /* @__PURE__ */ i(
+    h.Provider,
+    {
+      value: {
+        content: u,
+        isOpen: a,
+        shouldShowClose: r,
+        onClose: d,
+        onOpen: e,
+        setContentAndOpen: p
+      },
+      children: s
+    }
+  );
+};
+export {
+  x as ModalProvider
+};

package/dist/components/Modal/contexts/Modal.types.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export type State = {
+    isOpen: boolean;
+    content: string | ReactNode;
+    shouldShowClose: boolean;
+    onOpen: () => void;
+    onClose: () => void;
+    setContentAndOpen: (content: string | ReactNode, showCloseButton?: boolean) => void;
+};

package/dist/components/Modal/contexts/Modal.types.js

@@ -0,0 +1 @@
+

package/dist/components/Modal/contexts/index.d.ts

@@ -0,0 +1 @@
+export * from './Modal.provider';

package/dist/components/Modal/contexts/index.js

@@ -0,0 +1,4 @@
+import { ModalProvider as d } from "./Modal.provider.js";
+export {
+  d as ModalProvider
+};

package/dist/components/Modal/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useModal';

package/dist/components/Modal/hooks/index.js

@@ -0,0 +1,4 @@
+import { useModal as r } from "./useModal.js";
+export {
+  r as useModal
+};

package/dist/components/Modal/hooks/useModal.d.ts

@@ -0,0 +1,9 @@
+export declare const useModal: () => {
+    closeBtnRef: import('react').RefObject<HTMLButtonElement>;
+    isOpen: boolean;
+    content: string | import('react').ReactNode;
+    shouldShowClose: boolean;
+    onOpen: () => void;
+    onClose: () => void;
+    setContentAndOpen: (content: string | import('react').ReactNode, showCloseButton?: boolean) => void;
+};

package/dist/components/Modal/hooks/useModal.js

@@ -0,0 +1,27 @@
+import { useContext as l, useRef as u, useEffect as s } from "react";
+import { ModalContext as a } from "../contexts/Modal.context.js";
+const f = () => {
+  const t = l(a), n = u(null);
+  if (!t)
+    throw new Error("useModal must be used within a ModalProvider");
+  const { onClose: r } = t;
+  return s(() => {
+    var e;
+    const o = document.activeElement;
+    return (e = n.current) == null || e.focus(), () => {
+      o == null || o.focus();
+    };
+  }, []), s(() => {
+    const o = new AbortController(), e = (c) => {
+      c.code === "Escape" && r();
+    };
+    return window.addEventListener("keydown", e, {
+      signal: o.signal
+    }), () => {
+      o.abort();
+    };
+  }, [r]), { ...t, closeBtnRef: n };
+};
+export {
+  f as useModal
+};

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

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

package/dist/components/NumberInput/NumberInput.js

@@ -0,0 +1,181 @@
+import { jsxs as g, jsx as c } from "react/jsx-runtime";
+import p, { forwardRef as b, useId as I, useState as _, useCallback as w } from "react";
+import "../../contexts/theme.context.js";
+import { useTheme as E } from "../../contexts/theme.hook.js";
+import "../../js.cookie-OLEfuq_g.js";
+import { labelVariants as T, buttonVariants as j, numberInputVariants as $ } from "./NumberInput.variants.js";
+import { P as a } from "../../index-DQMInta3.js";
+function y() {
+  return y = Object.assign || function(t) {
+    for (var i = 1; i < arguments.length; i++) {
+      var n = arguments[i];
+      for (var e in n)
+        Object.prototype.hasOwnProperty.call(n, e) && (t[e] = n[e]);
+    }
+    return t;
+  }, y.apply(this, arguments);
+}
+function L(t, i) {
+  if (t == null) return {};
+  var n = W(t, i), e, r;
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(t);
+    for (r = 0; r < o.length; r++)
+      e = o[r], !(i.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(t, e) && (n[e] = t[e]);
+  }
+  return n;
+}
+function W(t, i) {
+  if (t == null) return {};
+  var n = {}, e = Object.keys(t), r, o;
+  for (o = 0; o < e.length; o++)
+    r = e[o], !(i.indexOf(r) >= 0) && (n[r] = t[r]);
+  return n;
+}
+var h = b(function(t, i) {
+  var n = t.color, e = n === void 0 ? "currentColor" : n, r = t.size, o = r === void 0 ? 24 : r, f = L(t, ["color", "size"]);
+  return /* @__PURE__ */ p.createElement("svg", y({
+    ref: i,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: o,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: e,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, f), /* @__PURE__ */ p.createElement("line", {
+    x1: "5",
+    y1: "12",
+    x2: "19",
+    y2: "12"
+  }));
+});
+h.propTypes = {
+  color: a.string,
+  size: a.oneOfType([a.string, a.number])
+};
+h.displayName = "Minus";
+function v() {
+  return v = Object.assign || function(t) {
+    for (var i = 1; i < arguments.length; i++) {
+      var n = arguments[i];
+      for (var e in n)
+        Object.prototype.hasOwnProperty.call(n, e) && (t[e] = n[e]);
+    }
+    return t;
+  }, v.apply(this, arguments);
+}
+function V(t, i) {
+  if (t == null) return {};
+  var n = M(t, i), e, r;
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(t);
+    for (r = 0; r < o.length; r++)
+      e = o[r], !(i.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(t, e) && (n[e] = t[e]);
+  }
+  return n;
+}
+function M(t, i) {
+  if (t == null) return {};
+  var n = {}, e = Object.keys(t), r, o;
+  for (o = 0; o < e.length; o++)
+    r = e[o], !(i.indexOf(r) >= 0) && (n[r] = t[r]);
+  return n;
+}
+var d = b(function(t, i) {
+  var n = t.color, e = n === void 0 ? "currentColor" : n, r = t.size, o = r === void 0 ? 24 : r, f = V(t, ["color", "size"]);
+  return /* @__PURE__ */ p.createElement("svg", v({
+    ref: i,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: o,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: e,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, f), /* @__PURE__ */ p.createElement("line", {
+    x1: "12",
+    y1: "5",
+    x2: "12",
+    y2: "19"
+  }), /* @__PURE__ */ p.createElement("line", {
+    x1: "5",
+    y1: "12",
+    x2: "19",
+    y2: "12"
+  }));
+});
+d.propTypes = {
+  color: a.string,
+  size: a.oneOfType([a.string, a.number])
+};
+d.displayName = "Plus";
+const G = b(
+  ({
+    className: t,
+    init: i,
+    label: n,
+    max: e = -1 / 0,
+    min: r = 1 / 0,
+    name: o,
+    theme: f,
+    onChange: s
+  }, x) => {
+    const { theme: P } = E(), m = f ?? P, k = I(), [u, O] = _(() => i || 0), N = w(() => {
+      let l = 0;
+      r === 1 / 0 ? l = u - 1 : l = Math.max(r, u - 1), O(l), s == null || s(l);
+    }, [u, r, s]), z = w(() => {
+      let l = 0;
+      e === -1 / 0 ? l = u + 1 : l = Math.min(e, u + 1), O(l), s == null || s(l);
+    }, [u, e, s]);
+    return /* @__PURE__ */ g("div", { className: "flex flex-col gap-1", children: [
+      n ? /* @__PURE__ */ c(
+        "label",
+        {
+          htmlFor: o ?? k,
+          className: T({
+            theme: m
+          }),
+          children: n
+        }
+      ) : null,
+      /* @__PURE__ */ g("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ c(
+          "button",
+          {
+            type: "button",
+            onClick: N,
+            className: j({ theme: m, button: "rigth" }),
+            children: /* @__PURE__ */ c(h, { className: "w-4 h-4" })
+          }
+        ),
+        /* @__PURE__ */ c(
+          "input",
+          {
+            ref: x,
+            type: "number",
+            value: u,
+            className: $({ className: t, theme: m }),
+            readOnly: !0
+          }
+        ),
+        /* @__PURE__ */ c(
+          "button",
+          {
+            type: "button",
+            onClick: z,
+            className: j({ theme: m, button: "left" }),
+            children: /* @__PURE__ */ c(d, { className: "w-4 h-4" })
+          }
+        )
+      ] })
+    ] });
+  }
+);
+export {
+  G 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" | "konstruct" | "colony" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const buttonVariants: (props?: ({
+    theme?: "kubefirst" | "konstruct" | "colony" | 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" | "konstruct" | "colony" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;