@nomos-ui/form 0.0.10 → 0.0.12

package/dist/components/form-image-input.d.ts

@@ -0,0 +1,8 @@
+import { Control, FieldValues, Path } from "react-hook-form";
+import { ImageInputProps } from "./image-input";
+export type FormImageInputProps<TFieldValues extends FieldValues> = Omit<ImageInputProps, "value" | "onChange" | "onError" | "error"> & {
+    control: Control<TFieldValues>;
+    name: Path<TFieldValues>;
+};
+export default function FormImageInput<TFieldValues extends FieldValues>({ control, name, ...props }: FormImageInputProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form-image-input.d.ts.map

package/dist/components/form-image-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-image-input.d.ts","sourceRoot":"","sources":["../../src/components/form-image-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAc,WAAW,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAG5D,MAAM,MAAM,mBAAmB,CAAC,YAAY,SAAS,WAAW,IAAI,IAAI,CACtE,eAAe,EACf,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAC3C,GAAG;IACF,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;CAC1B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,YAAY,SAAS,WAAW,EAAE,EACvE,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,mBAAmB,CAAC,YAAY,CAAC,2CAyBnC"}

package/dist/components/form-image-input.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = FormImageInput;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_hook_form_1 = require("react-hook-form");
+const image_input_1 = __importDefault(require("./image-input"));
+const form_helpers_1 = require("../utils/helpers/form.helpers");
+function FormImageInput({ control, name, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { control: control, name: name, rules: {
+            required: props.required ? "Required" : false,
+        }, render: ({ field: { onChange, value }, formState: { errors } }) => ((0, jsx_runtime_1.jsx)(image_input_1.default, { ...props, name: name, value: value, onChange: onChange, onError: (errorMessage) => {
+                control.setError(name, {
+                    type: "manual",
+                    message: errorMessage,
+                });
+            }, error: (0, form_helpers_1.getNestedErrorMessage)(errors, name) })) }));
+}
+//# sourceMappingURL=form-image-input.js.map

package/dist/components/form-image-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-image-input.js","sourceRoot":"","sources":["../../src/components/form-image-input.tsx"],"names":[],"mappings":";;;;;AAYA,iCA6BC;;AAzCD,qDAAyE;AACzE,gEAA4D;AAC5D,gEAAsE;AAUtE,SAAwB,cAAc,CAAmC,EACvE,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EAC0B;IAClC,OAAO,CACL,uBAAC,4BAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE;YACL,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK;SAC9C,EACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CACjE,uBAAC,qBAAU,OACL,KAAK,EACT,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,YAAoB,EAAE,EAAE;gBAChC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE;oBACrB,IAAI,EAAE,QAAQ;oBACd,OAAO,EAAE,YAAY;iBACtB,CAAC,CAAC;YACL,CAAC,EACD,KAAK,EAAE,IAAA,oCAAqB,EAAC,MAAM,EAAE,IAAI,CAAC,GAC1C,CACH,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/components/image-input.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+export type ImageInputProps = {
+    value?: File | string | null;
+    onChange?: (file: File | null) => void;
+    onError?: (error: string) => void;
+    className?: string;
+    dropzoneClassName?: string;
+    previewClassName?: string;
+    disabled?: boolean;
+    accept?: string;
+    maxSize?: number;
+    error?: string;
+    name: string;
+    label?: string;
+    required?: boolean;
+    showRequiredSign?: boolean;
+    tip?: string;
+    renderEmpty?: () => React.ReactNode;
+    renderPreview?: (url: string, onRemove: () => void) => React.ReactNode;
+};
+export default function ImageInput({ value, onChange, onError, className, dropzoneClassName, previewClassName, disabled, accept, maxSize, error, name, label, required, showRequiredSign, tip, renderEmpty, renderPreview, }: ImageInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=image-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image-input.d.ts","sourceRoot":"","sources":["../../src/components/image-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACpC,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;CACxE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,EACT,iBAAiB,EACjB,gBAAgB,EAChB,QAAgB,EAChB,MAAkB,EAClB,OAAO,EACP,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAgB,EAChB,gBAAwB,EACxB,GAAG,EACH,WAAW,EACX,aAAa,GACd,EAAE,eAAe,2CAoIjB"}

package/dist/components/image-input.js

@@ -0,0 +1,58 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ImageInput;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const lucide_react_1 = require("lucide-react");
+const tailwind_merge_1 = require("tailwind-merge");
+function ImageInput({ value, onChange, onError, className, dropzoneClassName, previewClassName, disabled = false, accept = "image/*", maxSize, error, name, label, required = false, showRequiredSign = false, tip, renderEmpty, renderPreview, }) {
+    const [isDragging, setIsDragging] = react_1.default.useState(false);
+    const handleFile = (file) => {
+        if (file) {
+            if (maxSize && file.size > maxSize) {
+                onError?.(`Max size: ${Math.round(maxSize / (1024 * 1024))}MB`);
+                return;
+            }
+            onChange?.(file);
+        }
+        else {
+            onChange?.(null);
+        }
+    };
+    const handleRemove = () => {
+        handleFile(null);
+    };
+    let previewUrl = null;
+    if (value instanceof File) {
+        previewUrl = URL.createObjectURL(value);
+    }
+    else if (typeof value === "string") {
+        previewUrl = value;
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_merge_1.twMerge)("space-y-1.5", className), children: [label && ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-1.5", children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: `input-${name}`, className: "text-sm font-bold text-foreground", children: label }), required && showRequiredSign && ((0, jsx_runtime_1.jsx)(lucide_react_1.AsteriskIcon, { className: "w-3 h-3 text-destructive" })), tip && ((0, jsx_runtime_1.jsxs)("div", { className: "ml-auto relative group", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.CircleHelpIcon, { className: "w-4 h-4 text-muted-foreground cursor-help" }), (0, jsx_runtime_1.jsx)("span", { className: "absolute left-1/2 -translate-x-1/2 top-6 w-max max-w-xs px-2 py-1 bg-popover text-popover-foreground text-xs rounded-md border border-input shadow-md opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none z-50", children: tip })] }))] })), (0, jsx_runtime_1.jsxs)("div", { className: "relative h-48 w-full", children: [(0, jsx_runtime_1.jsx)("input", { type: "file", id: `input-${name}`, name: `input-${name}`, accept: accept, disabled: disabled, onChange: (e) => handleFile(e.target.files?.[0] || null), className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer z-10 disabled:cursor-not-allowed", onDragOver: (e) => {
+                            e.preventDefault();
+                            if (!disabled)
+                                setIsDragging(true);
+                        }, onDragLeave: (e) => {
+                            e.preventDefault();
+                            setIsDragging(false);
+                        }, onDrop: (e) => {
+                            e.preventDefault();
+                            setIsDragging(false);
+                            if (!disabled && e.dataTransfer.files?.[0]) {
+                                handleFile(e.dataTransfer.files[0]);
+                            }
+                        } }), (0, jsx_runtime_1.jsx)("div", { className: (0, tailwind_merge_1.twMerge)("w-full h-full border-2 border-input border-dashed rounded-lg flex items-center justify-center bg-transparent transition-colors", disabled && "opacity-50 cursor-not-allowed", isDragging && "border-primary bg-primary/5", !isDragging &&
+                            !previewUrl &&
+                            "border-input hover:border-primary/50", dropzoneClassName), children: previewUrl ? (renderPreview ? (renderPreview(previewUrl, handleRemove)) : ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_merge_1.twMerge)("relative w-full h-full", previewClassName), children: [(0, jsx_runtime_1.jsx)("img", { src: previewUrl, alt: "Preview", className: "w-full h-full object-cover rounded-lg" }), !disabled && ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: (e) => {
+                                        e.preventDefault();
+                                        e.stopPropagation();
+                                        handleRemove();
+                                    }, className: "absolute -top-2 -right-2 p-1 bg-destructive text-destructive-foreground rounded-full hover:bg-destructive/90 transition-colors z-20 shadow-sm", children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "w-3.5 h-3.5" }) }))] }))) : renderEmpty ? (renderEmpty()) : ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center gap-2 text-muted-foreground px-4", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ImageIcon, { className: "w-8 h-8" }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm text-center", children: disabled
+                                        ? "Upload desabilitado"
+                                        : "Arraste uma imagem ou clique para selecionar" })] })) })] }), error && (0, jsx_runtime_1.jsx)("p", { className: "text-sm text-destructive", children: error })] }));
+}
+//# sourceMappingURL=image-input.js.map

package/dist/components/image-input.js.map

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

package/dist/components/shadcn-ui/select.js

@@ -57,7 +57,7 @@ function SelectValue({ ...props }) {
     return (0, jsx_runtime_1.jsx)(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({ className, size = "default", children, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)(SelectPrimitive.Trigger, { "data-slot": "select-trigger", "data-size": size, className: (0, utils_1.cn)("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [children, (0, jsx_runtime_1.jsx)(SelectPrimitive.Icon, { asChild: true, children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDownIcon, { className: "size-4 opacity-50" }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(SelectPrimitive.Trigger, { "data-slot": "select-trigger", "data-size": size, className: (0, utils_1.cn)("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-8 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [children, (0, jsx_runtime_1.jsx)(SelectPrimitive.Icon, { asChild: true, children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDownIcon, { className: "size-4 opacity-50" }) })] }));
 }
 function SelectContent({ className, children, position = "popper", align = "center", ...props }) {
     return ((0, jsx_runtime_1.jsx)(SelectPrimitive.Portal, { children: (0, jsx_runtime_1.jsxs)(SelectPrimitive.Content, { "data-slot": "select-content", className: (0, utils_1.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", position === "popper" &&

package/dist/exports/index.d.ts

@@ -5,7 +5,9 @@ import Select, { SelectOption, SelectProps } from "../components/select";
 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 };
+import FormImageInput from "../components/form-image-input";
+import ImageInput from "../components/image-input";
+export { Button, FormInput, Input, Select, FormSelect, Textarea, FormTextarea, ImageInput, FormImageInput, };
 export type { SelectOption, SelectProps, FormSelectProps };
 export * from "../components/input";
 export * from "../components/form-input";

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;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"}
+{"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;AACvD,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,UAAU,MAAM,2BAA2B,CAAC;AAEnD,OAAO,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,MAAM,EACN,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,cAAc,GACf,CAAC;AACF,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.FormTextarea = exports.Textarea = exports.FormSelect = exports.Select = exports.Input = exports.FormInput = exports.Button = void 0;
+exports.FormImageInput = exports.ImageInput = 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"));
@@ -32,6 +32,10 @@ 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;
+const form_image_input_1 = __importDefault(require("../components/form-image-input"));
+exports.FormImageInput = form_image_input_1.default;
+const image_input_1 = __importDefault(require("../components/image-input"));
+exports.ImageInput = image_input_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;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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/exports/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,kEAA0C;AAWxC,iBAXK,gBAAM,CAWL;AAVR,0EAAiD;AAW/C,oBAXK,oBAAS,CAWL;AAVX,gEAAwC;AAWtC,gBAXK,eAAK,CAWL;AAVP,kEAAyE;AAWvE,iBAXK,gBAAM,CAWL;AAVR,4EAAwE;AAWtE,qBAXK,qBAAU,CAWL;AAVZ,sEAA8C;AAW5C,mBAXK,kBAAQ,CAWL;AAVV,gFAAuD;AAWrD,uBAXK,uBAAY,CAWL;AAVd,sFAA4D;AAY1D,yBAZK,0BAAc,CAYL;AAXhB,4EAAmD;AAUjD,qBAVK,qBAAU,CAUL;AAIZ,sDAAoC;AACpC,2DAAyC;AACzC,uDAAqC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nomos-ui/form",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "description": "The Shadcn library for building robust React forms",
   "main": "dist/index.js",
   "module": "dist/exports/index.js",
@@ -8,19 +8,28 @@
   "exports": {
     ".": {
       "types": "./dist/exports/index.d.ts",
-      "import": "./dist/exports/index.js"
+      "import": "./dist/exports/index.js",
+      "require": "./dist/exports/index.js"
     },
     "./hooks": {
       "types": "./dist/hooks/index.d.ts",
-      "import": "./dist/hooks/index.js"
+      "import": "./dist/hooks/index.js",
+      "require": "./dist/hooks/index.js"
+    },
+    "./modals": {
+      "types": "./dist/exports/modals.d.ts",
+      "import": "./dist/exports/modals.js",
+      "require": "./dist/exports/modals.js"
     },
     "./utils": {
-      "types": "./dist/exports/utils/index.d.ts",
-      "import": "./dist/exports/utils/index.js"
+      "types": "./dist/utils/index.d.ts",
+      "import": "./dist/utils/index.js",
+      "require": "./dist/utils/index.js"
     },
     "./types": {
       "types": "./dist/types/index.d.ts",
-      "import": "./dist/types/index.js"
+      "import": "./dist/types/index.js",
+      "require": "./dist/types/index.js"
     }
   },
   "typesVersions": {