@divayth/brick-ui 0.2.4 → 0.3.1

package/dist/ui/Select/SelectSearch.module.css.js

@@ -1,11 +1,13 @@
-const e = "_root_1l343_1", l = "_hiddenValue_1l343_7", o = "_value_1l343_13", t = {
-  root: e,
-  hiddenValue: l,
-  value: o
+const c = "_root_29ccb_1", t = "_input_29ccb_7", o = "_hiddenValue_29ccb_14", _ = "_value_29ccb_20", e = {
+  root: c,
+  input: t,
+  hiddenValue: o,
+  value: _
 };
 export {
-  t as default,
-  l as hiddenValue,
-  e as root,
-  o as value
+  e as default,
+  o as hiddenValue,
+  t as input,
+  c as root,
+  _ as value
 };

package/dist/ui/Tabs/TabsList.js

@@ -1,21 +1,21 @@
 "use client";
-import { jsx as l } from "react/jsx-runtime";
-import { twMerge as e } from "tailwind-merge";
+import { jsx as e } from "react/jsx-runtime";
+import { twMerge as l } from "tailwind-merge";
 import { Flex as i } from "../Flex/Flex.js";
 const f = ({
   children: r,
   direction: o = "row",
   className: t,
   ...a
-}) => /* @__PURE__ */ l(
+}) => /* @__PURE__ */ e(
   i,
   {
     role: "tablist",
     "aria-orientation": o === "row" ? "horizontal" : "vertical",
     direction: o,
     gap: "none",
-    className: e(
-      "rounded-lg",
+    className: l(
+      "rounded-lg overflow-hidden",
       o === "row" ? "w-fit" : "w-full",
       t
     ),

package/dist/ui/Textarea/Textarea.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentProps } from "react";
+import type { InputControlProps } from "../Input/Input.js";
+export type TextareaProps = InputControlProps & Omit<ComponentProps<"textarea">, "size"> & {
+    minRows?: number;
+    maxRows?: number;
+};
+export declare const Textarea: ({ id: idProps, label, error, size, fullWidth, className, startIcon, endIcon, rows, minRows, maxRows, value, defaultValue, onInput, ref: forwardedRef, ...props }: TextareaProps) => import("react").JSX.Element;
+//# sourceMappingURL=Textarea.d.ts.map

package/dist/ui/Textarea/Textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/ui/Textarea/Textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkC,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAG3D,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAC3C,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,GAAG;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAqBJ,eAAO,MAAM,QAAQ,GAAI,kKAiBtB,aAAa,gCAqDf,CAAC"}

package/dist/ui/Textarea/Textarea.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsxs as L, jsx as l } from "react/jsx-runtime";
+import { useId as W, useRef as j, useLayoutEffect as v } from "react";
+import { useComposedRefs as H } from "@radix-ui/react-compose-refs";
+import N from "clsx";
+import { Field as i } from "../Field/Field.js";
+import e from "../Input/Input.module.css.js";
+const T = (o, m, s) => {
+  const n = Math.max(1, Math.floor(m)), d = Math.max(n, Math.floor(s ?? 1 / 0)), { paddingTop: f, paddingBottom: c, lineHeight: a } = getComputedStyle(o), h = parseFloat(f) + parseFloat(c);
+  o.classList.add(e.measuring), o.rows = n;
+  const r = Math.ceil(
+    (o.scrollHeight - h) / parseFloat(a)
+  );
+  o.rows = Math.min(d, Math.max(n, r)), o.classList.remove(e.measuring);
+}, A = ({
+  id: o,
+  label: m,
+  error: s,
+  size: n = "md",
+  fullWidth: d = !1,
+  className: f,
+  startIcon: c,
+  endIcon: a,
+  rows: h = 2,
+  minRows: r = h,
+  maxRows: p,
+  value: g,
+  defaultValue: M,
+  onInput: b,
+  ref: y,
+  ...z
+}) => {
+  const C = W(), u = o ?? C, x = j(null), E = H(x, y);
+  return v(() => {
+    const t = x.current;
+    if (!t) return;
+    const w = () => T(t, r, p);
+    w();
+    let F = t.clientWidth;
+    const I = new ResizeObserver(() => {
+      F !== t.clientWidth && (F = t.clientWidth, w());
+    });
+    return I.observe(t), () => I.disconnect();
+  }, [g, M, r, p]), /* @__PURE__ */ L(i.Root, { className: d ? "w-full" : "w-auto", children: [
+    m && /* @__PURE__ */ l(i.Label, { htmlFor: u, label: m }),
+    /* @__PURE__ */ L(i.Control, { size: n, multiline: !0, children: [
+      c && /* @__PURE__ */ l(i.Icon, { icon: c }),
+      /* @__PURE__ */ l(
+        "textarea",
+        {
+          ref: E,
+          id: u,
+          rows: Math.max(1, Math.floor(r)),
+          value: g,
+          defaultValue: M,
+          onInput: (t) => {
+            T(t.currentTarget, r, p), b?.(t);
+          },
+          className: N(
+            e.input,
+            e.multiple,
+            s && e.error,
+            c && e.withStartIcon,
+            a && e.withEndIcon,
+            f
+          ),
+          ...z
+        }
+      ),
+      a && /* @__PURE__ */ l(i.Icon, { icon: a, position: "end" })
+    ] }),
+    s && /* @__PURE__ */ l(i.Error, { id: `${u}-error`, error: s })
+  ] });
+};
+export {
+  A as Textarea
+};

package/dist/ui/index.d.ts

@@ -24,10 +24,12 @@ export { Drawer, type DrawerProps, type DrawerPosition, type DrawerSize, } from
 export { DateText, type DateProps } from "./DateText/DateText.js";
 export { FeedList, type FeedListProps } from "./FeedList/FeedList.js";
 export { Field, type ControlSize, type FieldLabelProps, type FieldControlProps, type FieldIconProps, type FieldErrorProps, } from "./Field/Field.js";
-export { Input, type InputProps } from "./Input/Input.js";
+export { Input, type InputProps, type InputControlProps } from "./Input/Input.js";
+export { Textarea, type TextareaProps } from "./Textarea/Textarea.js";
 export { DateInput, type DateInputProps } from "./Date/DateInput.js";
 export { MultipleChip, type MultipleChipProps, type MultipleChipOption, } from "./MultipleChip/MultipleChip.js";
 export { Sticky, type StickyProps } from "./Sticky/Sticky.js";
 export { Autocomplete, type AutocompleteProps, } from "./Autocomplete/Autocomplete.js";
-export { Select, type SelectProps, type SelectControlProps, type SelectOption, type SelectValue, } from "./Select/Select.js";
+export { Select } from "./Select/Select.js";
+export { type SelectProps, type SelectControlProps, type SelectCommonProps, type SelectOption, type SelectValue, } from "./Select/Select.types.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@divayth/brick-ui",
-  "version": "0.2.4",
+  "version": "0.3.1",
   "description": "React components for Brick UI",
   "type": "module",
   "files": [
@@ -42,7 +42,7 @@
   "devDependencies": {
     "@fontsource-variable/inter": "^5.3.0",
     "@storybook/addon-docs": "^10.3.6",
-    "@storybook/react-vite": "^8.5.3",
+    "@storybook/react-vite": "^10.6.1",
     "@tailwindcss/vite": "^4.0.0",
     "@types/js-cookie": "^3.0.6",
     "@types/node": "^22.0.0",