@konstructio/ui 0.0.12-alpha.1 → 0.0.12

package/dist/components/Dropdown/components/Wrapper.js

@@ -1,65 +1,68 @@
-import { jsxs as f, jsx as t } from "react/jsx-runtime";
-import { forwardRef as F, useId as L, useRef as N, useImperativeHandle as $, useEffect as m } from "react";
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { forwardRef as F, useId as L, useRef as N, useImperativeHandle as $, useEffect as f } from "react";
 import { cn as R } from "../../../utils/index.js";
-import { dropdownVariants as A } from "../Dropdown.variants.js";
-import { useDropdown as H } from "../hooks/useDropdown.js";
-import { List as U } from "./List/List.js";
-import { C as W } from "../../../chevron-up-DgLBQCKD.js";
-import { useDropdownContext as q } from "../contexts/dropdown.hook.js";
-import { useTheme as z } from "../../../contexts/theme.hook.js";
-const X = F(
+import "../../../contexts/theme.context.js";
+import { useTheme as A } from "../../../contexts/theme.hook.js";
+import "../../../js.cookie-OLEfuq_g.js";
+import { dropdownVariants as H } from "../Dropdown.variants.js";
+import { useDropdown as U } from "../hooks/useDropdown.js";
+import { useDropdownContext as W } from "../contexts/dropdown.hook.js";
+import "../contexts/dropdown.context.js";
+import { List as q } from "./List/List.js";
+import { C as z } from "../../../chevron-up-CvquEaNg.js";
+const _ = F(
   ({ theme: g, label: p, placeholder: O, name: o, options: a, defaultValue: c }, j) => {
-    const d = L(), r = N(null), u = N(null), { wrapperRef: n, wrapperInputRef: h, handleOpen: y, handleOpenIfClosed: E } = H({ ulRef: u }), { isOpen: x, value: e, setValue: w, toggleOpen: b } = q(), { theme: T } = z(), v = g ?? T, s = o ? `${d}-${o}` : d;
-    $(j, () => r.current, [r]), m(() => {
+    const d = L(), r = N(null), u = N(null), { wrapperRef: n, wrapperInputRef: h, handleOpen: y, handleOpenIfClosed: E } = U({ ulRef: u }), { isOpen: x, value: e, setValue: w, toggleOpen: b } = W(), { theme: T } = A(), v = g ?? T, i = o ? `${d}-${o}` : d;
+    $(j, () => r.current, [r]), f(() => {
       r.current && (r.current.value = e ? e.value : "");
-    }, [e]), m(() => {
+    }, [e]), f(() => {
       if (c) {
-        const l = a.find(
-          (i) => i.value === c
+        const s = a.find(
+          (l) => l.value === c
         );
-        l && w(l);
+        s && w(s);
       }
-    }, [c, a, w]), m(() => {
-      var i;
-      const l = new AbortController();
-      return (i = n.current) == null || i.addEventListener("focusout", (D) => {
+    }, [c, a, w]), f(() => {
+      var l;
+      const s = new AbortController();
+      return (l = n.current) == null || l.addEventListener("focusout", (D) => {
         var I;
         const C = D.relatedTarget;
         (!C || !((I = n.current) != null && I.contains(C))) && b(!1);
       }), () => {
-        l.abort();
+        s.abort();
       };
     }, [b, n]);
     const k = () => e != null && e.leftIcon ? /* @__PURE__ */ t("span", { className: "w-4 h-4 flex justify-center items-center", children: e.leftIcon }) : null;
-    return /* @__PURE__ */ f("div", { ref: n, className: "flex flex-col w-full relative", children: [
+    return /* @__PURE__ */ m("div", { ref: n, className: "flex flex-col w-full relative", children: [
       p ? /* @__PURE__ */ t(
         "label",
         {
-          id: s,
+          id: i,
           className: "m-2 cursor-pointer",
-          htmlFor: s,
+          htmlFor: i,
           onClick: E,
           children: p
         }
       ) : null,
-      /* @__PURE__ */ f(
+      /* @__PURE__ */ m(
         "div",
         {
           ref: h,
-          id: s,
-          className: R(A({ theme: v })),
+          id: i,
+          className: R(H({ theme: v })),
           role: "combobox",
           onClick: y,
           "aria-expanded": x,
           tabIndex: 0,
-          "aria-labelledby": s,
+          "aria-labelledby": i,
           children: [
-            /* @__PURE__ */ t("span", { className: "text-base text-inherit", children: e ? /* @__PURE__ */ f("span", { className: "flex gap-3 items-center", children: [
+            /* @__PURE__ */ t("span", { className: "text-base text-inherit", children: e ? /* @__PURE__ */ m("span", { className: "flex gap-3 items-center", children: [
               k(),
               e.label
             ] }) : O }),
             /* @__PURE__ */ t(
-              W,
+              z,
               {
                 className: R(
                   "w-4 h-4 text-inherit transition-all duration-50",
@@ -81,7 +84,7 @@ const X = F(
         }
       ),
       /* @__PURE__ */ t(
-        U,
+        q,
         {
           ref: u,
           name: o,
@@ -95,5 +98,5 @@ const X = F(
   }
 );
 export {
-  X as Wrapper
+  _ as Wrapper
 };

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

@@ -0,0 +1,3 @@
+export * from './EmptyList';
+export * from './List/List';
+export * from './Wrapper';

package/dist/components/Dropdown/contexts/dropdown.context.d.ts

@@ -0,0 +1,8 @@
+import { Option } from '../Dropdown.types';
+export type DropdownContextType = {
+    value: Option | null;
+    isOpen: boolean;
+    setValue: (value: Option) => void;
+    toggleOpen: (value?: boolean) => void;
+};
+export declare const DropdownContext: import('react').Context<DropdownContextType>;

package/dist/components/Dropdown/contexts/dropdown.hook.d.ts

@@ -0,0 +1,2 @@
+import { DropdownContextType } from './dropdown.context';
+export declare const useDropdownContext: () => DropdownContextType;

package/dist/components/Dropdown/contexts/dropdown.provider.d.ts

@@ -0,0 +1,5 @@
+import { FC, PropsWithChildren } from 'react';
+import { DropdownProps } from '../Dropdown.types';
+export declare const DropdownProvider: FC<PropsWithChildren & {
+    onChange?: DropdownProps['onChange'];
+}>;

package/dist/components/Dropdown/contexts/dropdown.provider.js

@@ -1,16 +1,16 @@
 import { jsx as u } from "react/jsx-runtime";
 import { useState as i, useCallback as c } from "react";
-import { DropdownContext as d } from "./dropdown.context.js";
-import { useToggle as f } from "../../../hooks/useToggle.js";
+import { useToggle as d } from "../../../hooks/useToggle.js";
+import { DropdownContext as f } from "./dropdown.context.js";
 const w = ({ children: t, onChange: o }) => {
-  const [e, s] = f(!1), [l, p] = i(null), m = c(
+  const [e, s] = d(!1), [l, p] = i(null), m = c(
     (r) => {
       o == null || o(r), p(r);
     },
     [o]
   );
   return /* @__PURE__ */ u(
-    d.Provider,
+    f.Provider,
     {
       value: { value: l, isOpen: e, setValue: m, toggleOpen: s },
       children: t

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

@@ -0,0 +1,2 @@
+export * from './dropdown.hook';
+export * from './dropdown.provider';

package/dist/components/Dropdown/hooks/useDropdown.d.ts

@@ -0,0 +1,11 @@
+import { ComponentRef, RefObject } from 'react';
+type UseDropDownParams = {
+    ulRef: RefObject<ComponentRef<'ul'> | null>;
+};
+export declare const useDropdown: ({ ulRef }: UseDropDownParams) => {
+    wrapperRef: RefObject<HTMLDivElement | null>;
+    wrapperInputRef: RefObject<HTMLDivElement | null>;
+    handleOpen: () => void;
+    handleOpenIfClosed: () => void;
+};
+export {};

package/dist/components/Dropdown/hooks/useDropdown.js

@@ -1,18 +1,20 @@
 import { useRef as u, useEffect as f, useCallback as p } from "react";
-import { useDropdownContext as m } from "../contexts/dropdown.hook.js";
-const E = ({ ulRef: i }) => {
-  const l = u(null), o = u(null), { isOpen: c, toggleOpen: e } = m();
+import { useDropdownContext as w } from "../contexts/dropdown.hook.js";
+import "react/jsx-runtime";
+import "../contexts/dropdown.context.js";
+const k = ({ ulRef: a }) => {
+  const l = u(null), o = u(null), { isOpen: c, toggleOpen: e } = w();
   f(() => {
     var r;
     const n = new AbortController(), s = (t) => {
       t.key === "Escape" && e(!1);
-    }, a = (t) => {
+    }, i = (t) => {
       var d;
       (d = l.current) != null && d.contains(t.target) || e(!1);
     };
     return document.addEventListener("keydown", s, {
       signal: n.signal
-    }), document.addEventListener("mousedown", a, {
+    }), document.addEventListener("mousedown", i, {
       signal: n.signal
     }), document.addEventListener(
       "visibilitychange",
@@ -36,10 +38,10 @@ const E = ({ ulRef: i }) => {
     const n = new AbortController();
     return (s = o.current) == null || s.addEventListener(
       "keydown",
-      (a) => {
+      (i) => {
         var r;
-        if (a.key === "ArrowDown") {
-          const t = (r = i.current) == null ? void 0 : r.querySelector("li");
+        if (i.key === "ArrowDown") {
+          const t = (r = a.current) == null ? void 0 : r.querySelector("li");
           t && t.focus();
         }
       },
@@ -47,17 +49,17 @@ const E = ({ ulRef: i }) => {
     ), () => {
       n.abort();
     };
-  }, [o, i]);
-  const g = p(() => e(!0), [e]), w = p(() => {
+  }, [o, a]);
+  const g = p(() => e(!0), [e]), m = p(() => {
     c || e(!1);
   }, [c, e]);
   return {
     wrapperRef: l,
     wrapperInputRef: o,
     handleOpen: g,
-    handleOpenIfClosed: w
+    handleOpenIfClosed: m
   };
 };
 export {
-  E as useDropdown
+  k as useDropdown
 };

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

@@ -0,0 +1,8 @@
+import { ComponentRef, RefObject } from 'react';
+type UseNavigationListProps = {
+    ulRef: RefObject<ComponentRef<'ul'> | null>;
+    wrapperRef: RefObject<ComponentRef<'div'> | null>;
+    wrapperInputRef: RefObject<ComponentRef<'div'> | null>;
+};
+export declare const useNavigationUlList: ({ ulRef, wrapperRef, wrapperInputRef, }: UseNavigationListProps) => void;
+export {};

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

@@ -1,23 +1,25 @@
-import { useRef as m, useEffect as a } from "react";
+import { useRef as k, useEffect as a } from "react";
 import { useDropdownContext as d } from "../contexts/dropdown.hook.js";
-const w = ({
+import "react/jsx-runtime";
+import "../contexts/dropdown.context.js";
+const h = ({
   ulRef: n,
   wrapperRef: f,
   wrapperInputRef: u
 }) => {
-  const r = m(0), { isOpen: b } = d();
+  const r = k(0), { isOpen: b } = d();
   a(() => {
-    var s, g;
+    var s, m;
     const e = ((s = n.current) == null ? void 0 : s.querySelectorAll("li")) ?? [], c = new AbortController(), i = () => {
       r.current < e.length - 1 ? (r.current = r.current + 1, e[r.current].focus()) : (r.current = 0, e[0].focus());
     }, o = () => {
       var t;
       r.current > 0 ? (r.current = r.current - 1, e[r.current].focus()) : (r.current = 0, (t = u.current) == null || t.focus());
     };
-    return (g = n.current) == null || g.addEventListener(
+    return (m = n.current) == null || m.addEventListener(
       "keydown",
       (t) => {
-        var k;
+        var g;
         switch (t.preventDefault(), t.key) {
           case "ArrowDown": {
             i();
@@ -28,7 +30,7 @@ const w = ({
             break;
           }
           case "ArrowUp": {
-            r.current === 0 ? (k = u.current) == null || k.focus() : o();
+            r.current === 0 ? (g = u.current) == null || g.focus() : o();
             break;
           }
           case "Enter": {
@@ -60,5 +62,5 @@ const w = ({
   }, [b]);
 };
 export {
-  w as useNavigationUlList
+  h as useNavigationUlList
 };

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

@@ -0,0 +1,3 @@
+import { InputProps } from './Input.types';
+declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
+export { Input };

package/dist/components/Input/Input.js

@@ -1,9 +1,11 @@
 import { jsxs as y, jsx as a } from "react/jsx-runtime";
-import s, { forwardRef as u, useId as b } from "react";
+import s, { forwardRef as m, useId as b } from "react";
 import { cn as w } from "../../utils/index.js";
-import { inputVariants as j } from "./Input.variants.js";
-import { P as l } from "../../index-C5psggHV.js";
-import { useTheme as N } from "../../contexts/theme.hook.js";
+import "../../contexts/theme.context.js";
+import { useTheme as j } from "../../contexts/theme.hook.js";
+import "../../js.cookie-OLEfuq_g.js";
+import { inputVariants as N } from "./Input.variants.js";
+import { P as l } from "../../index-D68N8v8R.js";
 function p() {
   return p = Object.assign || function(e) {
     for (var o = 1; o < arguments.length; o++) {
@@ -31,7 +33,7 @@ function k(e, o) {
     n = t[i], !(o.indexOf(n) >= 0) && (r[n] = e[n]);
   return r;
 }
-var m = u(function(e, o) {
+var u = m(function(e, o) {
   var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, c = P(e, ["color", "size"]);
   return /* @__PURE__ */ s.createElement("svg", p({
     ref: o,
@@ -60,11 +62,11 @@ var m = u(function(e, o) {
     y2: "16"
   }));
 });
-m.propTypes = {
+u.propTypes = {
   color: l.string,
   size: l.oneOfType([l.string, l.number])
 };
-m.displayName = "AlertCircle";
+u.displayName = "AlertCircle";
 function f() {
   return f = Object.assign || function(e) {
     for (var o = 1; o < arguments.length; o++) {
@@ -92,7 +94,7 @@ function z(e, o) {
     n = t[i], !(o.indexOf(n) >= 0) && (r[n] = e[n]);
   return r;
 }
-var h = u(function(e, o) {
+var h = m(function(e, o) {
   var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, c = E(e, ["color", "size"]);
   return /* @__PURE__ */ s.createElement("svg", f({
     ref: o,
@@ -119,7 +121,7 @@ h.propTypes = {
   size: l.oneOfType([l.string, l.number])
 };
 h.displayName = "EyeOff";
-const _ = u(
+const _ = m(
   ({
     className: e,
     error: o,
@@ -131,7 +133,7 @@ const _ = u(
     onClickIcon: g,
     ...d
   }, x) => {
-    const v = b(), { theme: O } = N();
+    const v = b(), { theme: O } = j();
     return /* @__PURE__ */ y("div", { className: "flex flex-col gap-1.5", children: [
       r ? /* @__PURE__ */ a(
         "label",
@@ -149,7 +151,7 @@ const _ = u(
             ref: x,
             name: n,
             type: i,
-            className: j({
+            className: N({
               className: e,
               theme: c ?? O,
               variant: o ? "error" : "default"
@@ -157,7 +159,7 @@ const _ = u(
             ...d
           }
         ),
-        o ? /* @__PURE__ */ a("i", { className: "absolute right-2 text-red-600 top-0 translate-y-[40%]", children: /* @__PURE__ */ a(m, { className: "w-5 h-5" }) }) : null,
+        o ? /* @__PURE__ */ a("i", { className: "absolute right-2 text-red-600 top-0 translate-y-[40%]", children: /* @__PURE__ */ a(u, { className: "w-5 h-5" }) }) : null,
         i === "password" ? /* @__PURE__ */ a("i", { className: "absolute right-2 text-slate-400 top-0 translate-y-[40%]", children: /* @__PURE__ */ a(
           h,
           {

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" | "colony" | "civo" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
-import "../../index-1GLoikpT.js";
-import { M as d } from "../../Modal-W2GbkC_F.js";
-import "./components/Header/Header.js";
+import "../../index-BaNV0qac.js";
 import "./components/Body/Body.js";
 import "./components/Footer/Footer.js";
+import "./components/Header/Header.js";
+import { M as d } from "../../Modal-L73dmnHv.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.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.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.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

@@ -1,13 +1,15 @@
 import "react/jsx-runtime";
-import "../../../../index-KEdwcThH.js";
+import "../../../../index-BtibbG81.js";
 import "react";
-import { W as x } from "../../../../Modal-W2GbkC_F.js";
-import "../../../../Combination-BQYb0Gw7.js";
+import { W as c } from "../../../../Modal-L73dmnHv.js";
+import "../../../../Combination-Cmu9JRkv.js";
+import "../../../../contexts/theme.context.js";
+import "../../../../contexts/theme.hook.js";
+import "../../../../js.cookie-OLEfuq_g.js";
 import "../../../../utils/index.js";
-import "./Wrapper.variants.js";
 import "../../hooks/useModal.js";
-import "../../../../x-DU-Zw-L_.js";
-import "../../../../contexts/theme.hook.js";
+import "./Wrapper.variants.js";
+import "../../../../x-CRBgmX1Q.js";
 export {
-  x as Wrapper
+  c 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" | "colony" | "civo" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const buttonCloseVariants: (props?: ({
+    theme?: "kubefirst" | "colony" | "civo" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -1,7 +1,7 @@
 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-W2GbkC_F.js";
+import { W as a } from "../../../Modal-L73dmnHv.js";
 export {
   e as Body,
   t as Footer,

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.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

@@ -1,13 +1,13 @@
 import { jsx as i } from "react/jsx-runtime";
 import { useState as t, useCallback as n } from "react";
-import { ModalContext as f } from "./Modal.context.js";
-import { useToggle as h } from "../../../hooks/useToggle.js";
+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] = h(!1), [u, c] = t(), e = n(() => o(!0), [o]), d = n(() => o(!1), [o]), p = (m, C = !0) => {
+  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(
-    f.Provider,
+    h.Provider,
     {
       value: {
         content: u,

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/hooks/index.d.ts

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

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

@@ -0,0 +1,9 @@
+export declare const useModal: () => {
+    closeBtnRef: import('react').RefObject<HTMLButtonElement | null>;
+    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/NumberInput/NumberInput.d.ts

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