@konstructio/ui 0.0.12-alpha.4 → 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/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/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;
@@ -491,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/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.4",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",

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.4",
+  "version": "0.0.12-alpha.5",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",