@grupor5/raya 0.2.1 → 0.2.3

package/dist/molecules/dropdown/index.d.mts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+
+interface DropdownOption {
+    value: string;
+    label: string;
+}
+interface DropdownProps {
+    name?: string;
+    label?: string;
+    options: DropdownOption[];
+    placeholder?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+    error?: string | boolean;
+    helperText?: string;
+    required?: boolean;
+}
+declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLInputElement>>;
+
+export { Dropdown, type DropdownProps };

package/dist/molecules/dropdown/index.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+
+interface DropdownOption {
+    value: string;
+    label: string;
+}
+interface DropdownProps {
+    name?: string;
+    label?: string;
+    options: DropdownOption[];
+    placeholder?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+    error?: string | boolean;
+    helperText?: string;
+    required?: boolean;
+}
+declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLInputElement>>;
+
+export { Dropdown, type DropdownProps };

package/dist/molecules/dropdown/index.js

@@ -0,0 +1,221 @@
+'use strict';
+
+var React2 = require('react');
+var lucideReact = require('lucide-react');
+var cmdk = require('cmdk');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var LabelPrimitive = require('@radix-ui/react-label');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var labelVariants = classVarianceAuthority.cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label = React2__namespace.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    LabelPrimitive__namespace.Root,
+    __spreadValues({
+      ref,
+      className: cn(labelVariants(), className)
+    }, props)
+  );
+});
+Label.displayName = LabelPrimitive__namespace.Root.displayName;
+var Dropdown = React2__namespace.forwardRef(
+  ({
+    label,
+    options,
+    placeholder,
+    value,
+    onChange,
+    disabled,
+    name,
+    error,
+    helperText,
+    required
+  }, ref) => {
+    const [open, setOpen] = React2__namespace.useState(false);
+    const [inputValue, setInputValue] = React2__namespace.useState("");
+    const inputId = name || `dropdown-${React2__namespace.useId()}`;
+    const popoverRef = React2__namespace.useRef(null);
+    const handleSelect = (currentValue) => {
+      if (onChange) {
+        onChange(currentValue);
+      }
+      const selectedOption = options.find((o) => o.value === currentValue);
+      setInputValue(selectedOption ? selectedOption.label : "");
+      setOpen(false);
+    };
+    React2__namespace.useEffect(() => {
+      const selectedOption = options.find((o) => o.value === value);
+      setInputValue(selectedOption ? selectedOption.label : "");
+    }, [value, options]);
+    React2__namespace.useEffect(() => {
+      const handleClickOutside = (event) => {
+        if (popoverRef.current && !popoverRef.current.contains(event.target)) {
+          setOpen(false);
+        }
+      };
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => {
+        document.removeEventListener("mousedown", handleClickOutside);
+      };
+    }, [popoverRef]);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+      label && /* @__PURE__ */ jsxRuntime.jsx(
+        Label,
+        {
+          htmlFor: inputId,
+          className: cn(
+            "font-sans font-normal",
+            required && "after:content-['*'] after:text-destructive after:ml-1"
+          ),
+          children: label
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        cmdk.Command,
+        {
+          ref: popoverRef,
+          className: "relative",
+          onKeyDown: (e) => {
+            if (e.key === "Escape") {
+              e.preventDefault();
+              setOpen(false);
+            }
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                cmdk.CommandInput,
+                {
+                  ref,
+                  id: inputId,
+                  value: inputValue,
+                  onValueChange: (search) => {
+                    setInputValue(search);
+                    if (!search) {
+                      setOpen(true);
+                    }
+                  },
+                  onFocus: () => setOpen(true),
+                  onBlur: () => {
+                    const selectedOption = options.find((o) => o.value === value);
+                    setInputValue(selectedOption ? selectedOption.label : "");
+                  },
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter" && !open) {
+                      e.preventDefault();
+                      setOpen(true);
+                    }
+                  },
+                  disabled,
+                  placeholder,
+                  className: cn(
+                    "flex h-11 w-full rounded-lg border border-neutral-300 bg-background py-2 pl-3 pr-10 text-base font-normal text-neutral-900 placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+                    "focus-visible:shadow-focus active:shadow-pressed",
+                    error && "border-destructive focus-visible:shadow-destructive"
+                  ),
+                  "aria-expanded": open,
+                  "aria-invalid": error ? "true" : "false",
+                  "aria-describedby": error ? `${inputId}-error` : helperText ? `${inputId}-helper` : void 0
+                }
+              ),
+              open ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { className: "absolute right-3 top-1/2 h-4 w-4 -translate-y-1/2 cursor-pointer shrink-0 opacity-50" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "absolute right-3 top-1/2 h-4 w-4 -translate-y-1/2 cursor-pointer shrink-0 opacity-50" })
+            ] }),
+            open && /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: "absolute top-full z-10 mt-1 w-full overflow-hidden rounded-md border border-neutral-200 bg-white shadow-lg",
+                onMouseDown: (e) => e.preventDefault(),
+                children: /* @__PURE__ */ jsxRuntime.jsxs(cmdk.CommandList, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(cmdk.CommandEmpty, { children: "No se encontraron resultados." }),
+                  /* @__PURE__ */ jsxRuntime.jsx(cmdk.CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
+                    cmdk.CommandItem,
+                    {
+                      value: option.label,
+                      onSelect: () => handleSelect(option.value),
+                      className: "flex cursor-pointer items-center justify-between px-3 py-2 text-base text-neutral-900 hover:bg-neutral-100 data-[selected=true]:bg-neutral-100",
+                      children: [
+                        option.label,
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          lucideReact.Check,
+                          {
+                            className: cn(
+                              "ml-2 h-4 w-4 text-secondary-600",
+                              value === option.value ? "opacity-100" : "opacity-0"
+                            )
+                          }
+                        )
+                      ]
+                    },
+                    option.value
+                  )) })
+                ] })
+              }
+            )
+          ]
+        }
+      ),
+      helperText && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${inputId}-helper`, className: "text-sm text-neutral-500", children: helperText }),
+      error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${inputId}-error`, className: "text-sm text-red-500", children: typeof error === "string" ? error : "Este campo tiene errores" })
+    ] });
+  }
+);
+Dropdown.displayName = "Dropdown";
+
+exports.Dropdown = Dropdown;

package/dist/molecules/dropdown/index.mjs

@@ -0,0 +1,198 @@
+import * as React2 from 'react';
+import { ChevronUp, ChevronDown, Check } from 'lucide-react';
+import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from 'cmdk';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var labelVariants = cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label = React2.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    LabelPrimitive.Root,
+    __spreadValues({
+      ref,
+      className: cn(labelVariants(), className)
+    }, props)
+  );
+});
+Label.displayName = LabelPrimitive.Root.displayName;
+var Dropdown = React2.forwardRef(
+  ({
+    label,
+    options,
+    placeholder,
+    value,
+    onChange,
+    disabled,
+    name,
+    error,
+    helperText,
+    required
+  }, ref) => {
+    const [open, setOpen] = React2.useState(false);
+    const [inputValue, setInputValue] = React2.useState("");
+    const inputId = name || `dropdown-${React2.useId()}`;
+    const popoverRef = React2.useRef(null);
+    const handleSelect = (currentValue) => {
+      if (onChange) {
+        onChange(currentValue);
+      }
+      const selectedOption = options.find((o) => o.value === currentValue);
+      setInputValue(selectedOption ? selectedOption.label : "");
+      setOpen(false);
+    };
+    React2.useEffect(() => {
+      const selectedOption = options.find((o) => o.value === value);
+      setInputValue(selectedOption ? selectedOption.label : "");
+    }, [value, options]);
+    React2.useEffect(() => {
+      const handleClickOutside = (event) => {
+        if (popoverRef.current && !popoverRef.current.contains(event.target)) {
+          setOpen(false);
+        }
+      };
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => {
+        document.removeEventListener("mousedown", handleClickOutside);
+      };
+    }, [popoverRef]);
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      label && /* @__PURE__ */ jsx(
+        Label,
+        {
+          htmlFor: inputId,
+          className: cn(
+            "font-sans font-normal",
+            required && "after:content-['*'] after:text-destructive after:ml-1"
+          ),
+          children: label
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Command,
+        {
+          ref: popoverRef,
+          className: "relative",
+          onKeyDown: (e) => {
+            if (e.key === "Escape") {
+              e.preventDefault();
+              setOpen(false);
+            }
+          },
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx(
+                CommandInput,
+                {
+                  ref,
+                  id: inputId,
+                  value: inputValue,
+                  onValueChange: (search) => {
+                    setInputValue(search);
+                    if (!search) {
+                      setOpen(true);
+                    }
+                  },
+                  onFocus: () => setOpen(true),
+                  onBlur: () => {
+                    const selectedOption = options.find((o) => o.value === value);
+                    setInputValue(selectedOption ? selectedOption.label : "");
+                  },
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter" && !open) {
+                      e.preventDefault();
+                      setOpen(true);
+                    }
+                  },
+                  disabled,
+                  placeholder,
+                  className: cn(
+                    "flex h-11 w-full rounded-lg border border-neutral-300 bg-background py-2 pl-3 pr-10 text-base font-normal text-neutral-900 placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+                    "focus-visible:shadow-focus active:shadow-pressed",
+                    error && "border-destructive focus-visible:shadow-destructive"
+                  ),
+                  "aria-expanded": open,
+                  "aria-invalid": error ? "true" : "false",
+                  "aria-describedby": error ? `${inputId}-error` : helperText ? `${inputId}-helper` : void 0
+                }
+              ),
+              open ? /* @__PURE__ */ jsx(ChevronUp, { className: "absolute right-3 top-1/2 h-4 w-4 -translate-y-1/2 cursor-pointer shrink-0 opacity-50" }) : /* @__PURE__ */ jsx(ChevronDown, { className: "absolute right-3 top-1/2 h-4 w-4 -translate-y-1/2 cursor-pointer shrink-0 opacity-50" })
+            ] }),
+            open && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "absolute top-full z-10 mt-1 w-full overflow-hidden rounded-md border border-neutral-200 bg-white shadow-lg",
+                onMouseDown: (e) => e.preventDefault(),
+                children: /* @__PURE__ */ jsxs(CommandList, { children: [
+                  /* @__PURE__ */ jsx(CommandEmpty, { children: "No se encontraron resultados." }),
+                  /* @__PURE__ */ jsx(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs(
+                    CommandItem,
+                    {
+                      value: option.label,
+                      onSelect: () => handleSelect(option.value),
+                      className: "flex cursor-pointer items-center justify-between px-3 py-2 text-base text-neutral-900 hover:bg-neutral-100 data-[selected=true]:bg-neutral-100",
+                      children: [
+                        option.label,
+                        /* @__PURE__ */ jsx(
+                          Check,
+                          {
+                            className: cn(
+                              "ml-2 h-4 w-4 text-secondary-600",
+                              value === option.value ? "opacity-100" : "opacity-0"
+                            )
+                          }
+                        )
+                      ]
+                    },
+                    option.value
+                  )) })
+                ] })
+              }
+            )
+          ]
+        }
+      ),
+      helperText && !error && /* @__PURE__ */ jsx("p", { id: `${inputId}-helper`, className: "text-sm text-neutral-500", children: helperText }),
+      error && /* @__PURE__ */ jsx("p", { id: `${inputId}-error`, className: "text-sm text-red-500", children: typeof error === "string" ? error : "Este campo tiene errores" })
+    ] });
+  }
+);
+Dropdown.displayName = "Dropdown";
+
+export { Dropdown };

package/dist/molecules/form/index.d.mts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+interface FormProps extends React.FormHTMLAttributes<HTMLFormElement> {
+}
+declare const Form: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<HTMLFormElement>>;
+interface FormFieldProps extends React.HTMLAttributes<HTMLDivElement> {
+    error?: boolean;
+}
+declare const FormField: React.ForwardRefExoticComponent<FormFieldProps & React.RefAttributes<HTMLDivElement>>;
+interface FormLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+    required?: boolean;
+}
+declare const FormLabel: React.ForwardRefExoticComponent<FormLabelProps & React.RefAttributes<HTMLLabelElement>>;
+interface FormMessageProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    type?: 'error' | 'helper' | 'success';
+}
+declare const FormMessage: React.ForwardRefExoticComponent<FormMessageProps & React.RefAttributes<HTMLParagraphElement>>;
+
+export { Form, FormField, type FormFieldProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps };

package/dist/molecules/form/index.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+interface FormProps extends React.FormHTMLAttributes<HTMLFormElement> {
+}
+declare const Form: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<HTMLFormElement>>;
+interface FormFieldProps extends React.HTMLAttributes<HTMLDivElement> {
+    error?: boolean;
+}
+declare const FormField: React.ForwardRefExoticComponent<FormFieldProps & React.RefAttributes<HTMLDivElement>>;
+interface FormLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+    required?: boolean;
+}
+declare const FormLabel: React.ForwardRefExoticComponent<FormLabelProps & React.RefAttributes<HTMLLabelElement>>;
+interface FormMessageProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    type?: 'error' | 'helper' | 'success';
+}
+declare const FormMessage: React.ForwardRefExoticComponent<FormMessageProps & React.RefAttributes<HTMLParagraphElement>>;
+
+export { Form, FormField, type FormFieldProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps };

package/dist/molecules/form/index.js

@@ -0,0 +1,139 @@
+'use strict';
+
+var React = require('react');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var Form = React__namespace.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "form",
+      __spreadValues({
+        ref,
+        className: cn("space-y-6", className)
+      }, props)
+    );
+  }
+);
+Form.displayName = "Form";
+var FormField = React__namespace.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, error } = _b, props = __objRest(_b, ["className", "error"]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      __spreadValues({
+        ref,
+        className: cn(
+          "space-y-2",
+          error && "space-y-1",
+          // Menos espacio cuando hay error
+          className
+        )
+      }, props)
+    );
+  }
+);
+FormField.displayName = "FormField";
+var FormLabel = React__namespace.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, required, children } = _b, props = __objRest(_b, ["className", "required", "children"]);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "label",
+      __spreadProps(__spreadValues({
+        ref,
+        className: cn(
+          "text-body-xs font-normal leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+          className
+        )
+      }, props), {
+        children: [
+          children,
+          required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive ml-1", children: "*" })
+        ]
+      })
+    );
+  }
+);
+FormLabel.displayName = "FormLabel";
+var FormMessage = React__namespace.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, type = "helper" } = _b, props = __objRest(_b, ["className", "type"]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "p",
+      __spreadValues({
+        ref,
+        className: cn(
+          "text-body-xs",
+          {
+            "text-destructive": type === "error",
+            "text-muted-foreground": type === "helper",
+            "text-green-600": type === "success"
+          },
+          className
+        )
+      }, props)
+    );
+  }
+);
+FormMessage.displayName = "FormMessage";
+
+exports.Form = Form;
+exports.FormField = FormField;
+exports.FormLabel = FormLabel;
+exports.FormMessage = FormMessage;