@konstructio/ui 0.0.12-alpha.3 → 0.0.12-alpha.5

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

@@ -7,7 +7,6 @@ const r = e(
     "border",
     "border-zinc-200",
     "bg-transparent",
-    "text-base",
     "text-zinc-700",
     "transition-colors",
     "placeholder:text-muted-foreground",

package/dist/components/Input/Input.js

@@ -132,7 +132,7 @@ const _ = u(
     ...d
   }, x) => {
     const v = b(), { theme: O } = N();
-    return /* @__PURE__ */ y("div", { className: "flex flex-col gap-1.5", children: [
+    return /* @__PURE__ */ y("div", { className: "flex flex-col gap-1.5 w-full", children: [
       r ? /* @__PURE__ */ a(
         "label",
         {

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

@@ -1,5 +1,5 @@
 import { c as r } from "../../index-BNmRGtA6.js";
-const t = r(
+const o = r(
   [
     "bg-transparent",
     "border",
@@ -15,8 +15,6 @@ const t = r(
     "py-1",
     "rounded-md",
     "shadow-sm",
-    "text-base",
-    "text-zinc-700",
     "transition-colors",
     "w-full"
   ],
@@ -39,5 +37,5 @@ const t = r(
   }
 );
 export {
-  t as inputVariants
+  o as inputVariants
 };

package/dist/components/Modal/Modal.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
+import "react";
 import "../../index-D7QNmo_D.js";
-import { M as d } from "../../Modal-ByNiP7eb.js";
+import { M as d } from "../../Modal-B-E9uaA6.js";
 import "./components/Header/Header.js";
 import "./components/Body/Body.js";
 import "./components/Footer/Footer.js";
-import "./hooks/useModal.js";
 export {
   d as Modal
 };

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

@@ -1,13 +1,12 @@
 import "react/jsx-runtime";
 import "../../../../index-CbTU3cnP.js";
 import "react";
-import { W as x } from "../../../../Modal-ByNiP7eb.js";
+import { W as s } from "../../../../Modal-B-E9uaA6.js";
 import "../../../../Combination-b348x__d.js";
 import "../../../../utils/index.js";
 import "./Wrapper.variants.js";
-import "../../hooks/useModal.js";
 import "../../../../x-DU-Zw-L_.js";
 import "../../../../contexts/theme.hook.js";
 export {
-  x as Wrapper
+  s as 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-ByNiP7eb.js";
+import { W as a } from "../../../Modal-B-E9uaA6.js";
 export {
   e as Body,
   t as Footer,

package/dist/components/TextArea/TextArea.js

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

package/dist/components/TextArea/TextArea.variants.js

@@ -13,7 +13,6 @@ const i = e(
     "resize-none",
     "rounded-md",
     "shadow-sm",
-    "text-base",
     "w-full"
   ],
   {

package/dist/components/index.js

@@ -7,7 +7,7 @@ import { Card as n } from "./Card/Card.js";
 import { Checkbox as l } from "./Checkbox/Checkbox.js";
 import { Dropdown as c } from "./Dropdown/Dropdown.js";
 import { Input as N } from "./Input/Input.js";
-import { M as S } from "../Modal-ByNiP7eb.js";
+import { M as S } from "../Modal-B-E9uaA6.js";
 import { NumberInput as s } from "./NumberInput/NumberInput.js";
 import { ProgressBar as C } from "./ProgressBar/ProgressBar.js";
 import { Radio as B } from "./Radio/Radio.js";

package/dist/index.d.ts

@@ -162,7 +162,7 @@ declare type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 export declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;
 
 declare interface InputProps extends InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
-    label?: string;
+    label?: string | ReactNode;
     labelClassName?: string;
     error?: string;
     onClickIcon?: () => void;
@@ -211,6 +211,8 @@ declare type ModalChildProps = {
 declare interface ModalProps extends PropsWithChildren, VariantProps<typeof modalVariants> {
     className?: string;
     buttonCloseClassName?: string;
+    isOpen?: boolean;
+    onClose?: () => void;
 }
 
 declare const modalVariants: (props?: ({
@@ -489,10 +491,9 @@ export declare const TextArea: FC<TextAreaProps>;
 
 declare interface TextAreaProps extends InputHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textAreaVariants> {
     rows?: number;
-    label?: string;
+    label?: string | ReactNode;
     name?: string;
     initialValue?: string;
-    onChange?: () => void;
 }
 
 declare const textAreaVariants: (props?: ({

package/dist/index.js

@@ -7,7 +7,7 @@ import { Card as n } from "./components/Card/Card.js";
 import { Checkbox as l } from "./components/Checkbox/Checkbox.js";
 import { Dropdown as s } from "./components/Dropdown/Dropdown.js";
 import { Input as h } from "./components/Input/Input.js";
-import { M as C } from "./Modal-ByNiP7eb.js";
+import { M as C } from "./Modal-B-E9uaA6.js";
 import { NumberInput as R } from "./components/NumberInput/NumberInput.js";
 import { ProgressBar as b } from "./components/ProgressBar/ProgressBar.js";
 import { Radio as B } from "./components/Radio/Radio.js";

package/dist/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.0.12-alpha.2",
+  "version": "0.0.12-alpha.4",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",
@@ -57,13 +57,12 @@
   "dependencies": {
     "@radix-ui/react-alert-dialog": "^1.1.6",
     "@radix-ui/react-checkbox": "^1.1.4",
-    "@radix-ui/react-dialog": "^1.1.5",
+    "@radix-ui/react-dialog": "^1.1.6",
     "@radix-ui/react-slider": "^1.2.3",
     "@radix-ui/react-slot": "^1.1.2",
     "@radix-ui/react-switch": "^1.1.3",
     "@radix-ui/react-toast": "^1.2.6",
     "@radix-ui/react-visually-hidden": "^1.1.2",
-    "@radix-ui/react-dialog": "^1.1.6",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.0.4",
@@ -132,7 +131,6 @@
     "eslint-plugin-storybook": "^0.9.0",
     "glob": "^11.0.1",
     "husky": "^9.1.7",
-    "jest": "^29.7.0",
     "jest-axe": "^9.0.0",
     "jsdom": "^26.0.0",
     "lodash": "^4.17.21",

package/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.0.12-alpha.3",
+  "version": "0.0.12-alpha.5",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",
@@ -131,7 +131,6 @@
     "eslint-plugin-storybook": "^0.9.0",
     "glob": "^11.0.1",
     "husky": "^9.1.7",
-    "jest": "^29.7.0",
     "jest-axe": "^9.0.0",
     "jsdom": "^26.0.0",
     "lodash": "^4.17.21",