@nomos-ui/form 0.0.7 → 0.0.9

package/dist/components/form-select.d.ts

@@ -0,0 +1,56 @@
+import { Control, FieldValues, Path, PathValue } from "react-hook-form";
+import Select, { SelectOption } from "./select";
+import React from "react";
+/**
+ * Props for the `FormSelect` component with type-safe form integration
+ */
+export type FormSelectProps<TFieldValues extends FieldValues, T extends string = string> = {
+    /** React Hook Form control instance */
+    control: Control<TFieldValues>;
+    /** The name of the field (type-safe, must match form schema) */
+    name: Path<TFieldValues>;
+    /** Default value of the select (type-safe based on field) */
+    defaultValue?: PathValue<TFieldValues, Path<TFieldValues>>;
+    /** Select options */
+    options: SelectOption<T>[];
+    /** Enable multiple selection */
+    multiple?: boolean;
+} & Omit<React.ComponentProps<typeof Select>, "value" | "onChange" | "control" | "options">;
+/**
+ * A form select component that adds type-safe form functionality to the base Select component.
+ * Designed to integrate with React Hook Form with full TypeScript support.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * type FormData = {
+ *   country: string;
+ *   hobbies: string[];
+ * };
+ *
+ * const { control } = useForm<FormData>();
+ *
+ * // Single select
+ * <FormSelect
+ *   control={control}
+ *   name="country"
+ *   options={countryOptions}
+ *   label="Country"
+ *   placeholder="Select a country"
+ *   required
+ * />
+ *
+ * // Multiple select
+ * <FormSelect
+ *   control={control}
+ *   name="hobbies"
+ *   options={hobbyOptions}
+ *   label="Hobbies"
+ *   placeholder="Select hobbies"
+ *   multiple
+ *   required
+ * />
+ * ```
+ */
+export default function FormSelect<TFieldValues extends FieldValues, T extends string = string>({ control, name, defaultValue, required, multiple, options, ...props }: FormSelectProps<TFieldValues, T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form-select.d.ts.map

package/dist/components/form-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-select.d.ts","sourceRoot":"","sources":["../../src/components/form-select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,OAAO,EACP,WAAW,EACX,IAAI,EACJ,SAAS,EACV,MAAM,iBAAiB,CAAC;AACzB,OAAO,MAAM,EAAE,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;GAEG;AACH,MAAM,MAAM,eAAe,CACzB,YAAY,SAAS,WAAW,EAChC,CAAC,SAAS,MAAM,GAAG,MAAM,IACvB;IACF,uCAAuC;IACvC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,gEAAgE;IAChE,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IACzB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,SAAS,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IAC3D,qBAAqB;IACrB,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CACN,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EACnC,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAC7C,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,YAAY,SAAS,WAAW,EAChC,CAAC,SAAS,MAAM,GAAG,MAAM,EACzB,EACA,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,QAAe,EACf,QAAgB,EAChB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,YAAY,EAAE,CAAC,CAAC,2CAsBlC"}

package/dist/components/form-select.js

@@ -0,0 +1,50 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = FormSelect;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_hook_form_1 = require("react-hook-form");
+const select_1 = __importDefault(require("./select"));
+const form_helpers_1 = require("../utils/helpers/form.helpers");
+/**
+ * A form select component that adds type-safe form functionality to the base Select component.
+ * Designed to integrate with React Hook Form with full TypeScript support.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * type FormData = {
+ *   country: string;
+ *   hobbies: string[];
+ * };
+ *
+ * const { control } = useForm<FormData>();
+ *
+ * // Single select
+ * <FormSelect
+ *   control={control}
+ *   name="country"
+ *   options={countryOptions}
+ *   label="Country"
+ *   placeholder="Select a country"
+ *   required
+ * />
+ *
+ * // Multiple select
+ * <FormSelect
+ *   control={control}
+ *   name="hobbies"
+ *   options={hobbyOptions}
+ *   label="Hobbies"
+ *   placeholder="Select hobbies"
+ *   multiple
+ *   required
+ * />
+ * ```
+ */
+function FormSelect({ control, name, defaultValue, required = true, multiple = false, options, ...props }) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: "w-full", children: (0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { control: control, name: name, defaultValue: defaultValue, rules: { required: required ? "Required" : false }, render: ({ field: { onChange, value }, formState: { errors } }) => ((0, jsx_runtime_1.jsx)(select_1.default, { value: value ?? (multiple ? [] : ""), onChange: onChange, required: required, multiple: multiple, options: options, error: (0, form_helpers_1.getNestedErrorMessage)(errors || {}, name), ...props })) }) }));
+}
+//# sourceMappingURL=form-select.js.map

package/dist/components/form-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-select.js","sourceRoot":"","sources":["../../src/components/form-select.tsx"],"names":[],"mappings":";;;;;AAqEA,6BAiCC;;AAtGD,qDAMyB;AACzB,sDAAgD;AAEhD,gEAAsE;AAwBtE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,SAAwB,UAAU,CAGhC,EACA,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,QAAQ,GAAG,IAAI,EACf,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,GAAG,KAAK,EACyB;IACjC,OAAO,CACL,gCAAK,SAAS,EAAC,QAAQ,YACrB,uBAAC,4BAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,EAAE,EAClD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CACjE,uBAAC,gBAAM,IACL,KAAK,EAAE,KAAK,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACpC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAA,oCAAqB,EAAC,MAAM,IAAI,EAAE,EAAE,IAAI,CAAW,KACtD,KAAK,GACT,CACH,GACD,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/form-textarea.d.ts

@@ -0,0 +1,44 @@
+import { Control, FieldValues, Path, PathValue } from "react-hook-form";
+import Textarea from "./textarea";
+import React from "react";
+/**
+ * Props for the `FormTextarea` component with type-safe form integration
+ */
+export type FormTextareaProps<TFieldValues extends FieldValues> = {
+    /** React Hook Form control instance */
+    control: Control<TFieldValues>;
+    /** The name of the field (type-safe, must match form schema) */
+    name: Path<TFieldValues>;
+    /** Default value of the textarea (type-safe based on field) */
+    defaultValue?: PathValue<TFieldValues, Path<TFieldValues>>;
+} & Omit<React.ComponentProps<typeof Textarea>, "value" | "onChange" | "error" | "control">;
+/**
+ * A form textarea component that adds type-safe form functionality to the base Textarea component.
+ * Designed to integrate with React Hook Form with full TypeScript support.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * type FormData = {
+ *   description: string;
+ *   bio: string;
+ * };
+ *
+ * const { control } = useForm<FormData>();
+ *
+ * <FormTextarea
+ *   control={control}
+ *   name="description"
+ *   defaultValue=""
+ *   label="Description"
+ *   placeholder="Enter description"
+ *   required
+ *   rows={6}
+ *   maxLength={500}
+ *   showCharCount
+ *   tip="Provide a detailed description"
+ * />
+ * ```
+ */
+export default function FormTextarea<TFieldValues extends FieldValues>({ control, name, defaultValue, required, ...props }: FormTextareaProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form-textarea.d.ts.map

package/dist/components/form-textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-textarea.d.ts","sourceRoot":"","sources":["../../src/components/form-textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,OAAO,EACP,WAAW,EACX,IAAI,EACJ,SAAS,EACV,MAAM,iBAAiB,CAAC;AACzB,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;GAEG;AACH,MAAM,MAAM,iBAAiB,CAAC,YAAY,SAAS,WAAW,IAAI;IAChE,uCAAuC;IACvC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,gEAAgE;IAChE,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IACzB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,SAAS,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;CAC5D,GAAG,IAAI,CACN,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EACrC,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAC3C,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,YAAY,SAAS,WAAW,EAAE,EACrE,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,QAAe,EACf,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,YAAY,CAAC,2CAmBjC"}

package/dist/components/form-textarea.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = FormTextarea;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_hook_form_1 = require("react-hook-form");
+const textarea_1 = __importDefault(require("./textarea"));
+const form_helpers_1 = require("../utils/helpers/form.helpers");
+/**
+ * A form textarea component that adds type-safe form functionality to the base Textarea component.
+ * Designed to integrate with React Hook Form with full TypeScript support.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * type FormData = {
+ *   description: string;
+ *   bio: string;
+ * };
+ *
+ * const { control } = useForm<FormData>();
+ *
+ * <FormTextarea
+ *   control={control}
+ *   name="description"
+ *   defaultValue=""
+ *   label="Description"
+ *   placeholder="Enter description"
+ *   required
+ *   rows={6}
+ *   maxLength={500}
+ *   showCharCount
+ *   tip="Provide a detailed description"
+ * />
+ * ```
+ */
+function FormTextarea({ control, name, defaultValue, required = true, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { control: control, name: name, defaultValue: defaultValue, rules: { required: required ? "Required" : false }, render: ({ field: { onChange, value }, formState: { errors } }) => ((0, jsx_runtime_1.jsx)(textarea_1.default, { id: `form-textarea-${name}`, value: value ?? "", onChange: onChange, required: required, error: (0, form_helpers_1.getNestedErrorMessage)(errors || {}, name), ...props })) }));
+}
+//# sourceMappingURL=form-textarea.js.map

package/dist/components/form-textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-textarea.js","sourceRoot":"","sources":["../../src/components/form-textarea.tsx"],"names":[],"mappings":";;;;;AAsDA,+BAyBC;;AA/ED,qDAMyB;AACzB,0DAAkC;AAElC,gEAAsE;AAiBtE;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,SAAwB,YAAY,CAAmC,EACrE,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,QAAQ,GAAG,IAAI,EACf,GAAG,KAAK,EACwB;IAChC,OAAO,CACL,uBAAC,4BAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,EAAE,EAClD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CACjE,uBAAC,kBAAQ,IACP,EAAE,EAAE,iBAAiB,IAAI,EAAE,EAC3B,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,IAAA,oCAAqB,EAAC,MAAM,IAAI,EAAE,EAAE,IAAI,CAAC,KAC5C,KAAK,GACT,CACH,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/components/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,MAAM,MAAM,UAAU,CAAC,MAAM,IAAI;IAC/B,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4DAA4D;IAC5D,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5E,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oDAAoD;IACpD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,gCAAgC;IAChC,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,yEAAyE;IACzE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAC3B,MAAM,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,EACjD,EACA,cAAc,EACd,SAAS,EACT,WAAW,EACX,KAAK,EACL,cAAc,EACd,IAAa,EACb,QAAgB,EAChB,IAAY,EACZ,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,gBAAwB,EACxB,GAAG,EACH,KAAK,EACL,uBAAuB,EACvB,GAAG,EACH,QAAQ,EACR,cAAc,EACd,GAAG,KAAK,EACT,EAAE,UAAU,CAAC,MAAM,CAAC,GACnB,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,UAAU,CAAC,MAAM,CAAC,CAAC,2CAqI5E"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,MAAM,MAAM,UAAU,CAAC,MAAM,IAAI;IAC/B,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4DAA4D;IAC5D,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5E,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oDAAoD;IACpD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,gCAAgC;IAChC,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,yEAAyE;IACzE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAC3B,MAAM,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,EACjD,EACA,cAAc,EACd,SAAS,EACT,WAAW,EACX,KAAK,EACL,cAAc,EACd,IAAa,EACb,QAAgB,EAChB,IAAY,EACZ,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,gBAAwB,EACxB,GAAG,EACH,KAAK,EACL,uBAAuB,EACvB,GAAG,EACH,QAAQ,EACR,cAAc,EACd,GAAG,KAAK,EACT,EAAE,UAAU,CAAC,MAAM,CAAC,GACnB,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,UAAU,CAAC,MAAM,CAAC,CAAC,2CAqI5E"}

package/dist/components/input.js

@@ -1,4 +1,3 @@
-"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = Input;

package/dist/components/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"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"}

package/dist/components/select.d.ts

@@ -9,9 +9,10 @@ export type SelectProps<T = string> = {
     required?: boolean;
     showRequiredSign?: boolean;
     options: SelectOption<T>[];
-    value?: T;
-    onChange?: (value: T) => void;
+    value?: T | T[];
+    onChange?: (value: T | T[]) => void;
     placeholder?: string;
+    multiple?: boolean;
     labelProps?: {
         className?: string;
     };
@@ -30,9 +31,12 @@ export type SelectProps<T = string> = {
     itemProps?: {
         className?: string;
     };
+    error?: string;
+    tip?: string;
 };
 /**
  * Customizable select dropdown with smart positioning and flexible styling
+ * Supports both single and multiple selection
  */
-export default function Select<T extends string = string>({ className, label, required, showRequiredSign, options, value, onChange, placeholder, labelProps, triggerProps, contentProps, valueProps, groupProps, itemProps, }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
+export default function Select<T extends string = string>({ className, label, required, showRequiredSign, options, value, onChange, placeholder, multiple, labelProps, triggerProps, contentProps, valueProps, groupProps, itemProps, error, tip, }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=select.d.ts.map

package/dist/components/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,YAAY,CAAC,CAAC,GAAG,MAAM,IAAI;IACrC,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,MAAM,IAAI;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE;QACX,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,YAAY,CAAC,EAAE;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,YAAY,CAAC,EAAE;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,UAAU,CAAC,EAAE;QACX,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,UAAU,CAAC,EAAE;QACX,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,SAAS,CAAC,EAAE;QACV,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CACH,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EACxD,SAAS,EACT,KAAK,EACL,QAAgB,EAChB,gBAAwB,EACxB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,UAAU,EACV,SAAS,GACV,EAAE,WAAW,CAAC,CAAC,CAAC,2CAqChB"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,YAAY,CAAC,CAAC,GAAG,MAAM,IAAI;IACrC,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,MAAM,IAAI;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE;QACX,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,YAAY,CAAC,EAAE;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,YAAY,CAAC,EAAE;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,UAAU,CAAC,EAAE;QACX,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,UAAU,CAAC,EAAE;QACX,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,SAAS,CAAC,EAAE;QACV,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EACxD,SAAS,EACT,KAAK,EACL,QAAgB,EAChB,gBAAwB,EACxB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAgB,EAChB,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,UAAU,EACV,SAAS,EACT,KAAK,EACL,GAAG,GACJ,EAAE,WAAW,CAAC,CAAC,CAAC,2CAoKhB"}

package/dist/components/select.js

@@ -7,8 +7,51 @@ const tailwind_merge_1 = require("tailwind-merge");
 const lucide_react_1 = require("lucide-react");
 /**
  * Customizable select dropdown with smart positioning and flexible styling
+ * Supports both single and multiple selection
  */
-function Select({ className, label, required = false, showRequiredSign = false, options, value, onChange, placeholder, labelProps, triggerProps, contentProps, valueProps, groupProps, itemProps, }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_merge_1.twMerge)("gap-1 grid", className), children: [label && ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center gap-1", children: [(0, jsx_runtime_1.jsx)("label", { className: (0, tailwind_merge_1.twMerge)("font-bold", labelProps?.className), children: label }), required && showRequiredSign && ((0, jsx_runtime_1.jsx)(lucide_react_1.AsteriskIcon, { size: 12, color: "red" }))] })), (0, jsx_runtime_1.jsxs)(select_1.Select, { value: value, onValueChange: onChange, children: [(0, jsx_runtime_1.jsx)(select_1.SelectTrigger, { className: triggerProps?.className, children: (0, jsx_runtime_1.jsx)(select_1.SelectValue, { placeholder: placeholder, className: valueProps?.className }) }), (0, jsx_runtime_1.jsx)(select_1.SelectContent, { className: contentProps?.className, children: (0, jsx_runtime_1.jsx)(select_1.SelectGroup, { className: groupProps?.className, children: options.map((option) => ((0, jsx_runtime_1.jsx)(select_1.SelectItem, { value: option.value, className: itemProps?.className, children: option.label }, String(option.value)))) }) })] })] }));
+function Select({ className, label, required = false, showRequiredSign = false, options, value, onChange, placeholder, multiple = false, labelProps, triggerProps, contentProps, valueProps, groupProps, itemProps, error, tip, }) {
+    const handleValueChange = (newValue) => {
+        if (!multiple) {
+            onChange?.(newValue);
+            return;
+        }
+        const currentValues = Array.isArray(value) ? value : [];
+        const isSelected = currentValues.includes(newValue);
+        if (isSelected) {
+            const filtered = currentValues.filter((v) => v !== newValue);
+            onChange?.(filtered);
+        }
+        else {
+            onChange?.([...currentValues, newValue]);
+        }
+    };
+    const handleRemoveTag = (valueToRemove) => {
+        if (!multiple || !Array.isArray(value))
+            return;
+        const filtered = value.filter((v) => v !== valueToRemove);
+        onChange?.(filtered);
+    };
+    const getSelectedLabels = () => {
+        if (!multiple || !Array.isArray(value))
+            return null;
+        return value
+            .map((v) => options.find((opt) => opt.value === v))
+            .filter(Boolean)
+            .map((opt) => ({
+            value: opt.value,
+            label: opt.label,
+        }));
+    };
+    if (multiple) {
+        const selectedLabels = getSelectedLabels();
+        return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_merge_1.twMerge)("gap-1 grid", className), children: [label && ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center gap-1", children: [(0, jsx_runtime_1.jsx)("label", { className: (0, tailwind_merge_1.twMerge)("font-bold", labelProps?.className), children: label }), required && showRequiredSign && ((0, jsx_runtime_1.jsx)(lucide_react_1.AsteriskIcon, { size: 12, color: "red" }))] })), (0, jsx_runtime_1.jsxs)(select_1.Select, { value: "", onValueChange: handleValueChange, children: [(0, jsx_runtime_1.jsx)(select_1.SelectTrigger, { className: (0, tailwind_merge_1.twMerge)("min-h-10", triggerProps?.className), children: (0, jsx_runtime_1.jsx)("div", { className: "flex flex-wrap gap-2 flex-1", children: selectedLabels && selectedLabels.length > 0 ? (selectedLabels.map((item) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1 px-2 py-1 text-sm bg-blue-100 text-blue-800 rounded-md", onClick: (e) => e.stopPropagation(), children: [item.label, (0, jsx_runtime_1.jsx)(lucide_react_1.X, { size: 14, className: "cursor-pointer hover:text-blue-600", onClick: (e) => {
+                                                e.stopPropagation();
+                                                handleRemoveTag(item.value);
+                                            } })] }, String(item.value))))) : ((0, jsx_runtime_1.jsx)("span", { className: (0, tailwind_merge_1.twMerge)("text-muted-foreground", valueProps?.className), children: placeholder })) }) }), (0, jsx_runtime_1.jsx)(select_1.SelectContent, { className: contentProps?.className, children: (0, jsx_runtime_1.jsx)(select_1.SelectGroup, { className: groupProps?.className, children: options.map((option) => {
+                                    const isSelected = Array.isArray(value) && value.includes(option.value);
+                                    return ((0, jsx_runtime_1.jsx)(select_1.SelectItem, { value: option.value, className: (0, tailwind_merge_1.twMerge)(isSelected && "bg-blue-50", itemProps?.className), children: option.label }, String(option.value)));
+                                }) }) })] }), tip && !error && ((0, jsx_runtime_1.jsx)("p", { className: "text-xs text-muted-foreground tip-message", children: tip })), error && ((0, jsx_runtime_1.jsxs)("p", { className: "text-xs text-destructive error-message", children: ["*", error] }))] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_merge_1.twMerge)("gap-1 grid", className), children: [label && ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center gap-1", children: [(0, jsx_runtime_1.jsx)("label", { className: (0, tailwind_merge_1.twMerge)("font-bold", labelProps?.className), children: label }), required && showRequiredSign && ((0, jsx_runtime_1.jsx)(lucide_react_1.AsteriskIcon, { size: 12, color: "red" }))] })), (0, jsx_runtime_1.jsxs)(select_1.Select, { value: value, onValueChange: onChange, children: [(0, jsx_runtime_1.jsx)(select_1.SelectTrigger, { className: triggerProps?.className, children: (0, jsx_runtime_1.jsx)(select_1.SelectValue, { placeholder: placeholder, className: valueProps?.className }) }), (0, jsx_runtime_1.jsx)(select_1.SelectContent, { className: contentProps?.className, children: (0, jsx_runtime_1.jsx)(select_1.SelectGroup, { className: groupProps?.className, children: options.map((option) => ((0, jsx_runtime_1.jsx)(select_1.SelectItem, { value: option.value, className: itemProps?.className, children: option.label }, String(option.value)))) }) })] }), tip && !error && ((0, jsx_runtime_1.jsx)("p", { className: "text-xs text-muted-foreground tip-message", children: tip })), error && ((0, jsx_runtime_1.jsxs)("p", { className: "text-xs text-destructive error-message", children: ["*", error] }))] }));
 }
 //# sourceMappingURL=select.js.map

package/dist/components/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":";;AAiDA,yBAoDC;;AArGD,+CAO4B;AAC5B,mDAAyC;AACzC,+CAA4C;AAqC5C;;GAEG;AACH,SAAwB,MAAM,CAA4B,EACxD,SAAS,EACT,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,gBAAgB,GAAG,KAAK,EACxB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,UAAU,EACV,SAAS,GACM;IACf,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,wBAAO,EAAC,YAAY,EAAE,SAAS,CAAC,aAC7C,KAAK,IAAI,CACR,iCAAK,SAAS,EAAC,kCAAkC,aAC/C,kCAAO,SAAS,EAAE,IAAA,wBAAO,EAAC,WAAW,EAAE,UAAU,EAAE,SAAS,CAAC,YAC1D,KAAK,GACA,EACP,QAAQ,IAAI,gBAAgB,IAAI,CAC/B,uBAAC,2BAAY,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,KAAK,GAAG,CACvC,IACG,CACP,EAED,wBAAC,eAAY,IAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,aACjD,uBAAC,sBAAa,IAAC,SAAS,EAAE,YAAY,EAAE,SAAS,YAC/C,uBAAC,oBAAW,IACV,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,UAAU,EAAE,SAAS,GAChC,GACY,EAChB,uBAAC,sBAAa,IAAC,SAAS,EAAE,YAAY,EAAE,SAAS,YAC/C,uBAAC,oBAAW,IAAC,SAAS,EAAE,UAAU,EAAE,SAAS,YAC1C,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,uBAAC,mBAAU,IAET,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,SAAS,EAAE,SAAS,EAAE,SAAS,YAE9B,MAAM,CAAC,KAAK,IAJR,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAKd,CACd,CAAC,GACU,GACA,IACH,IACX,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/components/select.tsx"],"names":[],"mappings":"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"}

package/dist/components/textarea.d.ts

@@ -0,0 +1,69 @@
+import * as React from "react";
+/**
+ * Props for the enhanced Textarea component
+ */
+export type TextareaProps<TValue extends string | null | undefined> = {
+    /** Additional class name for the textarea element */
+    textareaClassName?: string;
+    /** Additional class name for the container */
+    className?: string;
+    /** Placeholder text for the textarea */
+    placeholder?: string;
+    /** Label text for the textarea */
+    label?: string;
+    /** Additional class name for the label */
+    labelClassName?: string;
+    /** Additional class name for the textarea container/wrapper */
+    textareaContainerClassName?: string;
+    /** Whether the textarea is disabled */
+    disabled?: boolean;
+    /** Whether to trim textarea value before calling onChange */
+    trim?: boolean;
+    /** Current value of the textarea */
+    value?: TValue;
+    /** Callback fired when textarea value changes */
+    onChange?: (value: TValue, e?: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Whether to show an asterisk for required fields */
+    showRequiredSign?: boolean;
+    /** Tooltip text providing additional information */
+    tip?: string;
+    /** Error message to display */
+    error?: string;
+    /** Ref for the container div */
+    ref?: any;
+    /** Ref for the textarea element */
+    textareaRef?: any;
+    /** Number of visible text rows */
+    rows?: number;
+    /** Maximum character length */
+    maxLength?: number;
+    /** Whether to show character counter */
+    showCharCount?: boolean;
+};
+/**
+ * An enhanced textarea component with:
+ * - Label support with required indicators
+ * - Focus state management
+ * - Error state with validation
+ * - Character counter
+ * - Value trimming
+ * - Semantic color tokens from design system
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Textarea
+ *   label="Description"
+ *   required
+ *   showRequiredSign
+ *   maxLength={500}
+ *   showCharCount
+ *   value={description}
+ *   onChange={(value) => setDescription(value)}
+ * />
+ * ```
+ */
+export default function Textarea<TValue extends string | null | undefined>({ textareaClassName, className, placeholder, label, labelClassName, disabled, trim, value, onChange, required, showRequiredSign, tip, error, textareaContainerClassName, ref, textareaRef, rows, maxLength, showCharCount, ...props }: TextareaProps<TValue> & Omit<React.ComponentProps<"textarea">, keyof TextareaProps<TValue>>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=textarea.d.ts.map

package/dist/components/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../src/components/textarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,MAAM,MAAM,aAAa,CAAC,MAAM,SAAS,MAAM,GAAG,IAAI,GAAG,SAAS,IAAI;IACpE,qDAAqD;IACrD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+DAA+D;IAC/D,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,mBAAmB,CAAC,KACvC,IAAI,CAAC;IACV,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oDAAoD;IACpD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,mCAAmC;IACnC,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,MAAM,SAAS,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,EACzE,iBAAiB,EACjB,SAAS,EACT,WAAW,EACX,KAAK,EACL,cAAc,EACd,QAAgB,EAChB,IAAY,EACZ,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,gBAAwB,EACxB,GAAG,EACH,KAAK,EACL,0BAA0B,EAC1B,GAAG,EACH,WAAW,EACX,IAAQ,EACR,SAAS,EACT,aAAqB,EACrB,GAAG,KAAK,EACT,EAAE,aAAa,CAAC,MAAM,CAAC,GACtB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,MAAM,aAAa,CAAC,MAAM,CAAC,CAAC,2CA+FpE"}

package/dist/components/textarea.js

@@ -0,0 +1,57 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Textarea;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const lucide_react_1 = require("lucide-react");
+const utils_1 = require("../utils/shadcn-ui/utils");
+/**
+ * An enhanced textarea component with:
+ * - Label support with required indicators
+ * - Focus state management
+ * - Error state with validation
+ * - Character counter
+ * - Value trimming
+ * - Semantic color tokens from design system
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Textarea
+ *   label="Description"
+ *   required
+ *   showRequiredSign
+ *   maxLength={500}
+ *   showCharCount
+ *   value={description}
+ *   onChange={(value) => setDescription(value)}
+ * />
+ * ```
+ */
+function Textarea({ textareaClassName, className, placeholder, label, labelClassName, disabled = false, trim = false, value, onChange, required = false, showRequiredSign = false, tip, error, textareaContainerClassName, ref, textareaRef, rows = 4, maxLength, showCharCount = false, ...props }) {
+    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
+    function handleOnChange(val, e) {
+        if (disabled || !onChange)
+            return;
+        onChange((trim ? val.trim() : val), e);
+    }
+    const currentValue = (0, react_1.useMemo)(() => value || "", [value]);
+    const charCount = currentValue.toString().length;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("w-full space-y-1.5", className), ref: ref, children: [label && ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)("flex items-center gap-1", labelClassName), children: [(0, jsx_runtime_1.jsx)("label", { className: "text-sm font-medium leading-none text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: label }), required && showRequiredSign && ((0, jsx_runtime_1.jsx)(lucide_react_1.AsteriskIcon, { className: "h-3 w-3 text-destructive" }))] })), (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("relative flex w-full rounded-md border bg-transparent shadow-xs transition-[color,box-shadow]", isFocused && !error && "border-ring ring-[3px] ring-ring/50", error &&
+                    "border-destructive ring-[3px] ring-destructive/20 dark:ring-destructive/40", !isFocused && !error && "border-textarea", disabled && "cursor-not-allowed opacity-50", textareaContainerClassName), children: (0, jsx_runtime_1.jsx)("textarea", { disabled: disabled, required: required, onBlur: (e) => {
+                        props?.onBlur?.(e);
+                        setIsFocused(false);
+                    }, onFocus: (e) => {
+                        props?.onFocus?.(e);
+                        setIsFocused(true);
+                    }, onChange: (e) => {
+                        const value = e.currentTarget.value;
+                        if (onChange) {
+                            handleOnChange(value, e);
+                        }
+                    }, value: currentValue, placeholder: placeholder, rows: rows, maxLength: maxLength, className: (0, utils_1.cn)("w-full flex-1 bg-transparent px-3 py-2 text-base outline-none resize-y min-h-16", "disabled:cursor-not-allowed disabled:bg-transparent", "md:text-sm", "placeholder:text-muted-foreground", textareaClassName), ref: textareaRef, ...props }) }), (tip || showCharCount || error) && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex-1", children: [tip && !error && ((0, jsx_runtime_1.jsx)("p", { className: "text-xs text-muted-foreground", children: tip })), error && (0, jsx_runtime_1.jsxs)("p", { className: "text-xs text-destructive", children: ["*", error] })] }), showCharCount && maxLength && ((0, jsx_runtime_1.jsxs)("p", { className: (0, utils_1.cn)("text-xs tabular-nums", charCount > maxLength
+                            ? "text-destructive"
+                            : "text-muted-foreground"), children: [charCount, "/", maxLength] }))] }))] }));
+}
+//# sourceMappingURL=textarea.js.map

package/dist/components/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/components/textarea.tsx"],"names":[],"mappings":"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"}

package/dist/exports/index.d.ts

@@ -2,8 +2,11 @@ import Button from "../components/button";
 import FormInput from "../components/form-input";
 import Input from "../components/input";
 import Select, { SelectOption, SelectProps } from "../components/select";
-export { Button, FormInput, Input, Select };
-export type { SelectOption, SelectProps };
+import FormSelect, { FormSelectProps } from "../components/form-select";
+import Textarea from "../components/textarea";
+import FormTextarea from "../components/form-textarea";
+export { Button, FormInput, Input, Select, FormSelect, Textarea, FormTextarea };
+export type { SelectOption, SelectProps, FormSelectProps };
 export * from "../components/input";
 export * from "../components/form-input";
 export * from "../components/button";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/exports/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,SAAS,MAAM,0BAA0B,CAAC;AACjD,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,MAAM,EAAE,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEzE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAC5C,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/exports/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,SAAS,MAAM,0BAA0B,CAAC;AACjD,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,MAAM,EAAE,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,UAAU,EAAE,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,YAAY,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC;AAChF,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC;AAC3D,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC"}

package/dist/exports/index.js

@@ -17,7 +17,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Select = exports.Input = exports.FormInput = exports.Button = void 0;
+exports.FormTextarea = exports.Textarea = exports.FormSelect = exports.Select = exports.Input = exports.FormInput = exports.Button = void 0;
 const button_1 = __importDefault(require("../components/button"));
 exports.Button = button_1.default;
 const form_input_1 = __importDefault(require("../components/form-input"));
@@ -26,6 +26,12 @@ const input_1 = __importDefault(require("../components/input"));
 exports.Input = input_1.default;
 const select_1 = __importDefault(require("../components/select"));
 exports.Select = select_1.default;
+const form_select_1 = __importDefault(require("../components/form-select"));
+exports.FormSelect = form_select_1.default;
+const textarea_1 = __importDefault(require("../components/textarea"));
+exports.Textarea = textarea_1.default;
+const form_textarea_1 = __importDefault(require("../components/form-textarea"));
+exports.FormTextarea = form_textarea_1.default;
 __exportStar(require("../components/input"), exports);
 __exportStar(require("../components/form-input"), exports);
 __exportStar(require("../components/button"), exports);

package/dist/exports/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/exports/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,kEAA0C;AAKjC,iBALF,gBAAM,CAKE;AAJf,0EAAiD;AAIhC,oBAJV,oBAAS,CAIU;AAH1B,gEAAwC;AAGZ,gBAHrB,eAAK,CAGqB;AAFjC,kEAAyE;AAEtC,iBAF5B,gBAAM,CAE4B;AAEzC,sDAAoC;AACpC,2DAAyC;AACzC,uDAAqC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/exports/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,kEAA0C;AAQjC,iBARF,gBAAM,CAQE;AAPf,0EAAiD;AAOhC,oBAPV,oBAAS,CAOU;AAN1B,gEAAwC;AAMZ,gBANrB,eAAK,CAMqB;AALjC,kEAAyE;AAKtC,iBAL5B,gBAAM,CAK4B;AAJzC,4EAAwE;AAI7B,qBAJpC,qBAAU,CAIoC;AAHrD,sEAA8C;AAGS,mBAHhD,kBAAQ,CAGgD;AAF/D,gFAAuD;AAEU,uBAF1D,uBAAY,CAE0D;AAE7E,sDAAoC;AACpC,2DAAyC;AACzC,uDAAqC"}

package/dist/exports/utils/index.d.ts

@@ -0,0 +1,3 @@
+import { objectToFormData, getNestedErrorMessage } from "../../utils/helpers/form.helpers";
+export { objectToFormData, getNestedErrorMessage };
+//# sourceMappingURL=index.d.ts.map

package/dist/exports/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/exports/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACtB,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/exports/utils/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNestedErrorMessage = exports.objectToFormData = void 0;
+const form_helpers_1 = require("../../utils/helpers/form.helpers");
+Object.defineProperty(exports, "objectToFormData", { enumerable: true, get: function () { return form_helpers_1.objectToFormData; } });
+Object.defineProperty(exports, "getNestedErrorMessage", { enumerable: true, get: function () { return form_helpers_1.getNestedErrorMessage; } });
+//# sourceMappingURL=index.js.map

package/dist/exports/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/exports/utils/index.ts"],"names":[],"mappings":";;;AAAA,mEAG0C;AAEjC,iGAJP,+BAAgB,OAIO;AAAE,sGAHzB,oCAAqB,OAGyB"}

package/dist/utils/helpers/form.helpers.d.ts

@@ -1,2 +1,30 @@
 export declare function getNestedErrorMessage(errors: Record<string, any>, path: string): any;
+/**
+ * Converts a JSON object to FormData with support for nested objects, arrays, and files.
+ *
+ * @param {Record<string, any>} json - The JSON object to convert
+ * @param {FormData} [formData=new FormData()] - Optional existing FormData to append to
+ * @param {string} [parentKey=''] - Internal parameter for tracking nested keys
+ * @returns {FormData} The populated FormData object
+ *
+ * @example
+ * const data = {
+ *   name: 'John',
+ *   tags: ['js', 'react'],
+ *   profile: {
+ *     age: 30,
+ *     address: {
+ *       city: 'NYC'
+ *     }
+ *   }
+ * };
+ * const formData = jsonToFormData(data);
+ * // Results in:
+ * // name: 'John'
+ * // tags[0]: 'js'
+ * // tags[1]: 'react'
+ * // profile[age]: 30
+ * // profile[address][city]: 'NYC'
+ */
+export declare function objectToFormData(obj: Record<string, any>, formData?: FormData, parentKey?: string): FormData;
 //# sourceMappingURL=form.helpers.d.ts.map

package/dist/utils/helpers/form.helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.helpers.d.ts","sourceRoot":"","sources":["../../../src/utils/helpers/form.helpers.ts"],"names":[],"mappings":"AAAA,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,IAAI,EAAE,MAAM,OAWb"}
+{"version":3,"file":"form.helpers.d.ts","sourceRoot":"","sources":["../../../src/utils/helpers/form.helpers.ts"],"names":[],"mappings":"AAAA,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,IAAI,EAAE,MAAM,OAWb;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACxB,QAAQ,GAAE,QAAyB,EACnC,SAAS,GAAE,MAAW,GACrB,QAAQ,CAsCV"}

package/dist/utils/helpers/form.helpers.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getNestedErrorMessage = getNestedErrorMessage;
+exports.objectToFormData = objectToFormData;
 function getNestedErrorMessage(errors, path) {
     const parts = path.split(".");
     let current = errors;
@@ -11,4 +12,70 @@ function getNestedErrorMessage(errors, path) {
     }
     return current.message ? current.message : null;
 }
+/**
+ * Converts a JSON object to FormData with support for nested objects, arrays, and files.
+ *
+ * @param {Record<string, any>} json - The JSON object to convert
+ * @param {FormData} [formData=new FormData()] - Optional existing FormData to append to
+ * @param {string} [parentKey=''] - Internal parameter for tracking nested keys
+ * @returns {FormData} The populated FormData object
+ *
+ * @example
+ * const data = {
+ *   name: 'John',
+ *   tags: ['js', 'react'],
+ *   profile: {
+ *     age: 30,
+ *     address: {
+ *       city: 'NYC'
+ *     }
+ *   }
+ * };
+ * const formData = jsonToFormData(data);
+ * // Results in:
+ * // name: 'John'
+ * // tags[0]: 'js'
+ * // tags[1]: 'react'
+ * // profile[age]: 30
+ * // profile[address][city]: 'NYC'
+ */
+function objectToFormData(obj, formData = new FormData(), parentKey = "") {
+    if (obj === null || obj === undefined)
+        return formData;
+    for (const key in obj) {
+        if (!obj.hasOwnProperty(key))
+            continue;
+        const value = obj[key];
+        const formKey = parentKey ? `${parentKey}[${key}]` : key;
+        if ((value instanceof File || value instanceof Blob) && value) {
+            formData.append(formKey, value);
+        }
+        else if (Array.isArray(value)) {
+            if (value.length === 0) {
+                formData.append(`${formKey}[]`, "");
+            }
+            else {
+                value.forEach((item, index) => {
+                    const arrayKey = `${formKey}[${index}]`;
+                    if (typeof item === "object" &&
+                        item !== null &&
+                        !(item instanceof File) &&
+                        !(item instanceof Blob)) {
+                        objectToFormData({ [index]: item }, formData, formKey);
+                    }
+                    else {
+                        formData.append(arrayKey, item);
+                    }
+                });
+            }
+        }
+        else if (typeof value === "object" && value !== null) {
+            objectToFormData(value, formData, formKey);
+        }
+        else {
+            formData.append(formKey, value);
+        }
+    }
+    return formData;
+}
 //# sourceMappingURL=form.helpers.js.map

package/dist/utils/helpers/form.helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.helpers.js","sourceRoot":"","sources":["../../../src/utils/helpers/form.helpers.ts"],"names":[],"mappings":";;AAAA,sDAaC;AAbD,SAAgB,qBAAqB,CACnC,MAA2B,EAC3B,IAAY;IAEZ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAE9B,IAAI,OAAO,GAAG,MAAM,CAAC;IACrB,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;YAAE,OAAO,IAAI,CAAC;QAC5C,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAED,OAAO,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;AAClD,CAAC"}
+{"version":3,"file":"form.helpers.js","sourceRoot":"","sources":["../../../src/utils/helpers/form.helpers.ts"],"names":[],"mappings":";;AAAA,sDAaC;AA6BD,4CA0CC;AApFD,SAAgB,qBAAqB,CACnC,MAA2B,EAC3B,IAAY;IAEZ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAE9B,IAAI,OAAO,GAAG,MAAM,CAAC;IACrB,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;YAAE,OAAO,IAAI,CAAC;QAC5C,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAED,OAAO,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;AAClD,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,SAAgB,gBAAgB,CAC9B,GAAwB,EACxB,WAAqB,IAAI,QAAQ,EAAE,EACnC,YAAoB,EAAE;IAEtB,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS;QAAE,OAAO,QAAQ,CAAC;IAEvD,KAAK,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC;QACtB,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,CAAC;YAAE,SAAS;QAEvC,MAAM,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;QACvB,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;QAEzD,IAAI,CAAC,KAAK,YAAY,IAAI,IAAI,KAAK,YAAY,IAAI,CAAC,IAAI,KAAK,EAAE,CAAC;YAC9D,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAClC,CAAC;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YAChC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACvB,QAAQ,CAAC,MAAM,CAAC,GAAG,OAAO,IAAI,EAAE,EAAE,CAAC,CAAC;YACtC,CAAC;iBAAM,CAAC;gBACN,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;oBAC5B,MAAM,QAAQ,GAAG,GAAG,OAAO,IAAI,KAAK,GAAG,CAAC;oBAExC,IACE,OAAO,IAAI,KAAK,QAAQ;wBACxB,IAAI,KAAK,IAAI;wBACb,CAAC,CAAC,IAAI,YAAY,IAAI,CAAC;wBACvB,CAAC,CAAC,IAAI,YAAY,IAAI,CAAC,EACvB,CAAC;wBACD,gBAAgB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;oBACzD,CAAC;yBAAM,CAAC;wBACN,QAAQ,CAAC,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;oBAClC,CAAC;gBACH,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC;aAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;YACvD,gBAAgB,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;QAC7C,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAClC,CAAC;IACH,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nomos-ui/form",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "The Shadcn library for building robust React forms",
   "main": "dist/index.js",
   "module": "dist/exports/index.js",
@@ -15,8 +15,8 @@
       "import": "./dist/hooks/index.js"
     },
     "./utils": {
-      "types": "./dist/utils/index.d.ts",
-      "import": "./dist/utils/index.js"
+      "types": "./dist/exports/utils/index.d.ts",
+      "import": "./dist/exports/utils/index.js"
     },
     "./types": {
       "types": "./dist/types/index.d.ts",
@@ -27,7 +27,7 @@
     "*": {
       "components": ["./dist/components/index.d.ts"],
       "hooks": ["./dist/hooks/index.d.ts"],
-      "utils": ["./dist/utils/index.d.ts"],
+      "utils": ["./dist/exports/utils/index.d.ts"],
       "types": ["./dist/types/index.d.ts"]
     }
   },
@@ -37,10 +37,10 @@
     "clean": "rm -rf dist",
     "lint": "eslint src --ext .ts,.tsx",
     "type-check": "tsc --noEmit",
-    "test": "vitest",
-    "test:watch": "vitest --watch",
-    "test:ui": "vitest --ui",
-    "test:coverage": "vitest --coverage",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:ui": "jest --ui",
+    "test:coverage": "jest --coverage",
     "prepublishOnly": "pnpm run build"
   },
   "keywords": [
@@ -85,6 +85,10 @@
     "tailwind-merge": "^3.3.1"
   },
   "devDependencies": {
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/jest": "^30.0.0",
     "@types/node": "^24.9.1",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.0",
@@ -93,8 +97,13 @@
     "eslint": "^8.56.0",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^30.2.0",
+    "jest-environment-jsdom": "^30.2.0",
+    "jsdom": "^27.2.0",
     "tailwindcss": "^4.1.16",
     "trash-cli": "^7.0.0",
+    "ts-jest": "^29.4.6",
     "tsx": "^4.20.3",
     "typescript": "^5.9.3",
     "vitest": "^4.0.3"

package/dist/components/multiple-select.d.ts

@@ -1,40 +0,0 @@
-import React from "react";
-export type MultipleSelectOption<T = string> = {
-    value: T;
-    label: React.ReactNode;
-};
-export type SelectProps<T = string> = {
-    className?: string;
-    label?: string;
-    required?: boolean;
-    showRequiredSign?: boolean;
-    options: MultipleSelectOption<T>[];
-    value?: T | T[];
-    onChange?: (value: T | T[]) => void;
-    placeholder?: string;
-    multiple?: boolean;
-    labelProps?: {
-        className?: string;
-    };
-    triggerProps?: {
-        className?: string;
-    };
-    contentProps?: {
-        className?: string;
-    };
-    valueProps?: {
-        className?: string;
-    };
-    groupProps?: {
-        className?: string;
-    };
-    itemProps?: {
-        className?: string;
-    };
-};
-/**
- * Customizable select dropdown with smart positioning and flexible styling
- * Supports both single and multiple selection
- */
-export default function MultipleSelect<T extends string = string>({ className, label, required, showRequiredSign, options, value, onChange, placeholder, multiple, labelProps, triggerProps, contentProps, valueProps, groupProps, itemProps, }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=multiple-select.d.ts.map

package/dist/components/multiple-select.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"multiple-select.d.ts","sourceRoot":"","sources":["../../src/components/multiple-select.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,oBAAoB,CAAC,CAAC,GAAG,MAAM,IAAI;IAC7C,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,MAAM,IAAI;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,EAAE,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;IACnC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE;QACX,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,YAAY,CAAC,EAAE;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,YAAY,CAAC,EAAE;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,UAAU,CAAC,EAAE;QACX,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,UAAU,CAAC,EAAE;QACX,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,SAAS,CAAC,EAAE;QACV,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CACH,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EAChE,SAAS,EACT,KAAK,EACL,QAAgB,EAChB,gBAAwB,EACxB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAgB,EAChB,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,UAAU,EACV,SAAS,GACV,EAAE,WAAW,CAAC,CAAC,CAAC,2CAsJhB"}

package/dist/components/multiple-select.js

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = MultipleSelect;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const select_1 = require("./shadcn-ui/select");
-const tailwind_merge_1 = require("tailwind-merge");
-const lucide_react_1 = require("lucide-react");
-/**
- * Customizable select dropdown with smart positioning and flexible styling
- * Supports both single and multiple selection
- */
-function MultipleSelect({ className, label, required = false, showRequiredSign = false, options, value, onChange, placeholder, multiple = false, labelProps, triggerProps, contentProps, valueProps, groupProps, itemProps, }) {
-    const handleValueChange = (newValue) => {
-        if (!multiple) {
-            onChange?.(newValue);
-            return;
-        }
-        const currentValues = Array.isArray(value) ? value : [];
-        const isSelected = currentValues.includes(newValue);
-        if (isSelected) {
-            const filtered = currentValues.filter((v) => v !== newValue);
-            onChange?.(filtered);
-        }
-        else {
-            onChange?.([...currentValues, newValue]);
-        }
-    };
-    const handleRemoveTag = (valueToRemove) => {
-        if (!multiple || !Array.isArray(value))
-            return;
-        const filtered = value.filter((v) => v !== valueToRemove);
-        onChange?.(filtered);
-    };
-    const getSelectedLabels = () => {
-        if (!multiple || !Array.isArray(value))
-            return null;
-        return value
-            .map((v) => options.find((opt) => opt.value === v))
-            .filter(Boolean)
-            .map((opt) => ({
-            value: opt.value,
-            label: opt.label,
-        }));
-    };
-    if (multiple) {
-        const selectedLabels = getSelectedLabels();
-        return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_merge_1.twMerge)("gap-1 grid", className), children: [label && ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center gap-1", children: [(0, jsx_runtime_1.jsx)("label", { className: (0, tailwind_merge_1.twMerge)("font-bold", labelProps?.className), children: label }), required && showRequiredSign && ((0, jsx_runtime_1.jsx)(lucide_react_1.AsteriskIcon, { size: 12, color: "red" }))] })), (0, jsx_runtime_1.jsxs)(select_1.Select, { value: "", onValueChange: handleValueChange, children: [(0, jsx_runtime_1.jsx)(select_1.SelectTrigger, { className: (0, tailwind_merge_1.twMerge)("min-h-10", triggerProps?.className), children: (0, jsx_runtime_1.jsx)("div", { className: "flex flex-wrap gap-2 flex-1", children: selectedLabels && selectedLabels.length > 0 ? (selectedLabels.map((item) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1 px-2 py-1 text-sm bg-blue-100 text-blue-800 rounded-md", onClick: (e) => e.stopPropagation(), children: [item.label, (0, jsx_runtime_1.jsx)(lucide_react_1.X, { size: 14, className: "cursor-pointer hover:text-blue-600", onClick: (e) => {
-                                                e.stopPropagation();
-                                                handleRemoveTag(item.value);
-                                            } })] }, String(item.value))))) : ((0, jsx_runtime_1.jsx)("span", { className: (0, tailwind_merge_1.twMerge)("text-muted-foreground", valueProps?.className), children: placeholder })) }) }), (0, jsx_runtime_1.jsx)(select_1.SelectContent, { className: contentProps?.className, children: (0, jsx_runtime_1.jsx)(select_1.SelectGroup, { className: groupProps?.className, children: options.map((option) => {
-                                    const isSelected = Array.isArray(value) && value.includes(option.value);
-                                    return ((0, jsx_runtime_1.jsx)(select_1.SelectItem, { value: option.value, className: (0, tailwind_merge_1.twMerge)(isSelected && "bg-blue-50", itemProps?.className), children: option.label }, String(option.value)));
-                                }) }) })] })] }));
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_merge_1.twMerge)("gap-1 grid", className), children: [label && ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center gap-1", children: [(0, jsx_runtime_1.jsx)("label", { className: (0, tailwind_merge_1.twMerge)("font-bold", labelProps?.className), children: label }), required && showRequiredSign && ((0, jsx_runtime_1.jsx)(lucide_react_1.AsteriskIcon, { size: 12, color: "red" }))] })), (0, jsx_runtime_1.jsxs)(select_1.Select, { value: value, onValueChange: onChange, children: [(0, jsx_runtime_1.jsx)(select_1.SelectTrigger, { className: triggerProps?.className, children: (0, jsx_runtime_1.jsx)(select_1.SelectValue, { placeholder: placeholder, className: valueProps?.className }) }), (0, jsx_runtime_1.jsx)(select_1.SelectContent, { className: contentProps?.className, children: (0, jsx_runtime_1.jsx)(select_1.SelectGroup, { className: groupProps?.className, children: options.map((option) => ((0, jsx_runtime_1.jsx)(select_1.SelectItem, { value: option.value, className: itemProps?.className, children: option.label }, String(option.value)))) }) })] })] }));
-}
-//# sourceMappingURL=multiple-select.js.map

package/dist/components/multiple-select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"multiple-select.js","sourceRoot":"","sources":["../../src/components/multiple-select.tsx"],"names":[],"mappings":"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"}