ingeniuscliq-core 0.4.13 → 0.4.15

package/dist/components/common/form/FormCheckbox.d.ts

@@ -4,10 +4,14 @@ import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 interface FormCheckboxProps<T extends FieldValues = FieldValues> extends BaseStyleProps {
     readonly control: Control<T>;
     readonly name: Path<T>;
+    readonly label?: string;
     readonly placeholder?: string;
     readonly checkboxProps?: React.ComponentProps<typeof CheckboxPrimitive.Root>;
     readonly required?: boolean;
     readonly withoutPlaceholder?: boolean;
+    readonly withinMessage?: boolean;
+    readonly withinControl?: boolean;
 }
-export declare function FormCheckbox<T extends FieldValues = FieldValues>({ control, name, placeholder, className, checkboxProps, required, withoutPlaceholder }: FormCheckboxProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function FormCheckbox<T extends FieldValues = FieldValues>({ control, name, label, placeholder, className, checkboxProps, required, withoutPlaceholder, withinMessage, withinControl }: FormCheckboxProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=FormCheckbox.d.ts.map

package/dist/components/common/form/FormCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/common/form/FormCheckbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAGlE,UAAU,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,CAAE,SAAQ,cAAc;IACrF,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IAC7B,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC7E,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IACtC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,EAChE,OAAO,EACP,IAAI,EACJ,KAAiB,EACjB,WAAW,EACX,SAAc,EACd,aAAkB,EAClB,QAAgB,EAChB,kBAA0B,EAC1B,aAAoB,EACpB,aAAqB,EACtB,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAwCtB"}

package/dist/components/common/form/FormCheckbox.tsx

@@ -0,0 +1,57 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { CustomFormField } from './CustomFormField.tsx';
+import { useLanguage } from '../../../hooks/useLanguage.js';
+import { Checkbox } from '../../ui/checkbox.tsx';
+import { useCallback } from 'react';
+
+function FormCheckbox({
+  control,
+  name,
+  label = void 0,
+  placeholder,
+  className = "",
+  checkboxProps = {},
+  required = false,
+  withoutPlaceholder = false,
+  withinMessage = true,
+  withinControl = false
+}) {
+  const { t } = useLanguage();
+  const getPlaceholder = useCallback(() => {
+    if (withoutPlaceholder) return "";
+    if (placeholder) return placeholder;
+    if (name) return t(`fields.${name}`);
+    return "";
+  }, [withoutPlaceholder, placeholder, name]);
+  const getLabel = useCallback(() => {
+    if (label) return required ? `${label} *` : label;
+    if (name) return t(`fields.${name}`);
+    const placeholderText = getPlaceholder();
+    return required ? `${placeholderText} *` : placeholderText;
+  }, [label, required, name, getPlaceholder]);
+  return /* @__PURE__ */ jsx(
+    CustomFormField,
+    {
+      control,
+      className,
+      name,
+      label: getLabel(),
+      withinMessage,
+      withinControl,
+      render: (field) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: field.value,
+            onCheckedChange: field.onChange,
+            required,
+            ...checkboxProps
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "cursor-pointer", children: getPlaceholder() })
+      ] })
+    }
+  );
+}
+
+export { FormCheckbox };

package/dist/components/common/form/FormInput.d.ts

@@ -10,6 +10,8 @@ declare enum SUPPORTED_INPUT_TYPES {
 interface FormInputProps<T extends FieldValues = FieldValues> extends BaseStyleProps {
     readonly control: Control<T>;
     readonly name: Path<T>;
+    readonly label?: string;
+    readonly customLabel?: React.ReactNode;
     readonly placeholder?: string;
     readonly type?: keyof typeof SUPPORTED_INPUT_TYPES;
     readonly inputProps?: React.ComponentProps<"input"> & InputExtendedProps;
@@ -19,5 +21,6 @@ interface FormInputProps<T extends FieldValues = FieldValues> extends BaseStyleP
     readonly required?: boolean;
     readonly withoutPlaceholder?: boolean;
 }
-export declare function FormInput<T extends FieldValues = FieldValues>({ control, name, placeholder, type, className, inputProps, withinControl, withinLabel, withinMessage, required, withoutPlaceholder }: FormInputProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function FormInput<T extends FieldValues = FieldValues>({ control, name, label, customLabel, placeholder, type, className, inputProps, withinLabel, withinMessage, withinControl, required, withoutPlaceholder }: FormInputProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=FormInput.d.ts.map

package/dist/components/common/form/FormInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormInput.d.ts","sourceRoot":"","sources":["../../../../src/components/common/form/FormInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAElE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAElE,aAAK,qBAAqB;IACxB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,KAAK,UAAU;CAChB;AAED,UAAU,cAAc,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,CAAE,SAAQ,cAAc;IAClF,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IAC7B,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,OAAO,qBAAqB,CAAC;IACnD,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG,kBAAkB,CAAC;IACzE,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,OAAO,CAAC;CACvC;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,EAC7D,OAAO,EACP,IAAI,EACJ,KAAiB,EACjB,WAAuB,EACvB,WAAgB,EAChB,IAAiC,EACjC,SAAc,EACd,UAAe,EACf,WAAmB,EACnB,aAAqB,EACrB,aAAqB,EACrB,QAAgB,EAChB,kBAA0B,EAC3B,EAAE,cAAc,CAAC,CAAC,CAAC,2CAsCnB"}

package/dist/components/common/form/FormInput.tsx

@@ -0,0 +1,60 @@
+import { jsx } from 'react/jsx-runtime';
+import { CustomFormField } from './CustomFormField.tsx';
+import { Input } from '../../ui/input.tsx';
+import { useLanguage } from '../../../hooks/useLanguage.js';
+import { useCallback } from 'react';
+
+function FormInput({
+  control,
+  name,
+  label = void 0,
+  customLabel = void 0,
+  placeholder = "",
+  type = "text" /* text */,
+  className = "",
+  inputProps = {},
+  withinLabel = false,
+  withinMessage = false,
+  withinControl = false,
+  required = false,
+  withoutPlaceholder = false
+}) {
+  const { t } = useLanguage();
+  const getPlaceholder = useCallback(() => {
+    if (withoutPlaceholder) return "";
+    if (placeholder) return required ? placeholder : `${placeholder} ${t("fields.optional")}`;
+    if (name) return required ? t(`fields.${name}`) : `${t("fields." + name)} ${t("fields.fieldLabel.optional")}`;
+    return "";
+  }, [withoutPlaceholder, placeholder, name, required]);
+  const getLabel = useCallback(() => {
+    if (withinLabel) return "";
+    if (label) return required ? `${label} *` : label;
+    if (name) return t(`fields.${name}`);
+    return "";
+  }, [label, withinLabel, required, name, t]);
+  return /* @__PURE__ */ jsx(
+    CustomFormField,
+    {
+      control,
+      className,
+      name,
+      label: getLabel(),
+      customLabel,
+      withinLabel,
+      withinMessage,
+      withinControl,
+      render: (field) => /* @__PURE__ */ jsx(
+        Input,
+        {
+          placeholder: getPlaceholder(),
+          type,
+          required,
+          ...field,
+          ...inputProps
+        }
+      )
+    }
+  );
+}
+
+export { FormInput };

package/dist/components/common/form/FormSelect.d.ts

@@ -1,9 +1,11 @@
+import { Select } from '../../ui/select';
 import { BaseStyleProps } from '../../../types/ui/main';
 import { Control, FieldValues, Path } from 'react-hook-form';
-import { Select } from '../../../ui';
 interface FormSelectProps<T extends FieldValues = FieldValues> extends BaseStyleProps {
     readonly control: Control<T>;
     readonly name: Path<T>;
+    readonly label?: string;
+    readonly customLabel?: React.ReactNode;
     readonly placeholder?: string;
     readonly options: Array<{
         value: string;
@@ -16,6 +18,10 @@ interface FormSelectProps<T extends FieldValues = FieldValues> extends BaseStyle
     readonly selectProps?: React.ComponentProps<typeof Select>;
     readonly required?: boolean;
     readonly withoutPlaceholder?: boolean;
+    readonly withinLabel?: boolean;
+    readonly withinMessage?: boolean;
+    readonly withinControl?: boolean;
 }
-export declare function FormSelect<T extends FieldValues = FieldValues>({ control, name, placeholder, className, options, selectClassName, selectItemClassName, onValueChange, selectProps, required, withoutPlaceholder }: FormSelectProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function FormSelect<T extends FieldValues = FieldValues>({ control, name, label, customLabel, placeholder, className, options, selectClassName, selectItemClassName, onValueChange, selectProps, required, withoutPlaceholder, withinLabel, withinMessage, withinControl }: FormSelectProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=FormSelect.d.ts.map

package/dist/components/common/form/FormSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/common/form/FormSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAyD,MAAM,wBAAwB,CAAC;AAEvG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAIlE,UAAU,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,CAAE,SAAQ,cAAc;IACnF,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IAC7B,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC;QACtB,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,CAAC,CAAC;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IACtC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;IAC3D,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IACtC,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,EAC9D,OAAO,EACP,IAAI,EACJ,KAAiB,EACjB,WAAuB,EACvB,WAAgB,EAChB,SAAc,EACd,OAAO,EACP,eAAoB,EACpB,mBAAwB,EACxB,aAAa,EACb,WAAgB,EAChB,QAAgB,EAChB,kBAA0B,EAC1B,WAAmB,EACnB,aAAqB,EACrB,aAAqB,EACtB,EAAE,eAAe,CAAC,CAAC,CAAC,2CAuDpB"}

package/dist/components/common/form/FormSelect.tsx

@@ -0,0 +1,78 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { CustomFormField } from './CustomFormField.tsx';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '../../ui/select.tsx';
+import { useLanguage } from '../../../hooks/useLanguage.js';
+import { cn } from '../../../lib/utils.js';
+import { useCallback } from 'react';
+
+function FormSelect({
+  control,
+  name,
+  label = void 0,
+  customLabel = void 0,
+  placeholder = "",
+  className = "",
+  options,
+  selectClassName = "",
+  selectItemClassName = "",
+  onValueChange,
+  selectProps = {},
+  required = false,
+  withoutPlaceholder = false,
+  withinLabel = false,
+  withinMessage = false,
+  withinControl = false
+}) {
+  const { t } = useLanguage();
+  const getPlaceholder = useCallback(() => {
+    if (withoutPlaceholder) return "";
+    if (placeholder) return placeholder;
+    if (name) return t(`fields.${name}`);
+    return "";
+  }, [withoutPlaceholder, placeholder, name]);
+  const getLabel = useCallback(() => {
+    if (withinLabel) return "";
+    if (label) return required ? `${label} *` : label;
+    const placeholderText = getPlaceholder();
+    return required ? `${placeholderText} *` : placeholderText;
+  }, [label, withinLabel, required, getPlaceholder]);
+  return /* @__PURE__ */ jsx(
+    CustomFormField,
+    {
+      control,
+      className,
+      name,
+      label: !withinLabel ? getLabel() : void 0,
+      customLabel,
+      withinLabel,
+      withinMessage,
+      withinControl,
+      render: (field) => /* @__PURE__ */ jsxs(
+        Select,
+        {
+          onValueChange: (value) => {
+            field.onChange(value);
+            onValueChange?.(value);
+          },
+          defaultValue: field.value,
+          value: field.value,
+          ...selectProps,
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { className: cn(selectClassName), children: /* @__PURE__ */ jsx(SelectValue, { placeholder: getPlaceholder() }) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx(
+              SelectItem,
+              {
+                value: option.value,
+                className: cn(selectItemClassName),
+                children: option.label
+              },
+              option.value
+            )) })
+          ]
+        }
+      )
+    }
+  );
+}
+
+export { FormSelect };

package/dist/components/common/form/FormTextArea.d.ts

@@ -1,7 +1,6 @@
-import { Textarea } from '../../ui/textarea';
 import { BaseStyleProps } from '../../../types/ui/main';
 import { Control, FieldValues, Path } from 'react-hook-form';
-interface FormInputProps<T extends FieldValues = FieldValues> extends BaseStyleProps {
+interface FormTextAreaProps<T extends FieldValues = FieldValues> extends BaseStyleProps {
     readonly control: Control<T>;
     readonly name: Path<T>;
     readonly label?: string;
@@ -10,7 +9,10 @@ interface FormInputProps<T extends FieldValues = FieldValues> extends BaseStyleP
     readonly required?: boolean;
     readonly withinLabel?: boolean;
     readonly withoutPlaceholder?: boolean;
-    readonly textAreaProps?: React.ComponentProps<typeof Textarea>;
+    readonly textAreaProps?: React.ComponentProps<"textarea">;
+    readonly withinMessage?: boolean;
+    readonly withinControl?: boolean;
 }
-export declare function FormTextArea<T extends FieldValues = FieldValues>({ control, name, label, customLabel, placeholder, className, required, withinLabel, withoutPlaceholder, textAreaProps }: FormInputProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function FormTextArea<T extends FieldValues = FieldValues>({ control, name, label, customLabel, placeholder, className, required, withinLabel, withoutPlaceholder, textAreaProps, withinMessage, withinControl }: FormTextAreaProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=FormTextArea.d.ts.map

package/dist/components/common/form/FormTextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/common/form/FormTextArea.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAElE,UAAU,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,CAAE,SAAQ,cAAc;IACrF,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IAC7B,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IACtC,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;IAC1D,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,EAChE,OAAO,EACP,IAAI,EACJ,KAAiB,EACjB,WAAuB,EACvB,WAAgB,EAChB,SAAc,EACd,QAAgB,EAChB,WAAmB,EACnB,kBAA0B,EAC1B,aAAkB,EAClB,aAAqB,EACrB,aAAqB,EACtB,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAoCtB"}

package/dist/components/common/form/FormTextArea.tsx

@@ -0,0 +1,57 @@
+import { jsx } from 'react/jsx-runtime';
+import { CustomFormField } from './CustomFormField.tsx';
+import { Textarea } from '../../ui/textarea.tsx';
+import { useLanguage } from '../../../hooks/useLanguage.js';
+import { useCallback } from 'react';
+
+function FormTextArea({
+  control,
+  name,
+  label = void 0,
+  customLabel = void 0,
+  placeholder = "",
+  className = "",
+  required = false,
+  withinLabel = false,
+  withoutPlaceholder = false,
+  textAreaProps = {},
+  withinMessage = false,
+  withinControl = false
+}) {
+  const { t } = useLanguage();
+  const getPlaceholder = useCallback(() => {
+    if (withoutPlaceholder) return "";
+    if (placeholder) return required ? placeholder : `${placeholder} ${t("fields.optional")}`;
+    if (name) return required ? t(`fields.${name}`) : `${t("fields." + name)} ${t("fields.fieldLabel.optional")}`;
+    return "";
+  }, [withoutPlaceholder, placeholder, name, required]);
+  const getLabel = useCallback(() => {
+    if (withinLabel) return "";
+    if (label) return required ? `${label} *` : label;
+    if (name) return t(`fields.${name}`);
+    return "";
+  }, [label, withinLabel, required, name, t]);
+  return /* @__PURE__ */ jsx(
+    CustomFormField,
+    {
+      control,
+      className,
+      name,
+      label: getLabel(),
+      customLabel,
+      withinLabel,
+      withinMessage,
+      withinControl,
+      render: (field) => /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          placeholder: getPlaceholder(),
+          ...field,
+          ...textAreaProps
+        }
+      )
+    }
+  );
+}
+
+export { FormTextArea };

package/dist/components/common/form/FormWrapper.d.ts

@@ -4,5 +4,6 @@ interface FormWrapperProps extends BaseProps {
     readonly noValidate?: boolean;
     readonly onSubmit?: (e: FormEvent) => void;
 }
-export declare function FormWrapper({ children, className, noValidate, onSubmit }: FormWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function FormWrapper({ children, className, noValidate, onSubmit, }: FormWrapperProps): import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=FormWrapper.d.ts.map

package/dist/components/common/form/FormWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/common/form/FormWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,UAAU,gBAAiB,SAAQ,SAAS;IAC1C,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;CAC5C;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,UAAkB,EAClB,QAAQ,GACT,EAAE,gBAAgB,2CAUlB"}

package/dist/components/common/form/FormWrapper.tsx

@@ -0,0 +1,21 @@
+import { jsx } from 'react/jsx-runtime';
+import { cn } from '../../../lib/utils.js';
+
+function FormWrapper({
+  children,
+  className,
+  noValidate = false,
+  onSubmit
+}) {
+  return /* @__PURE__ */ jsx(
+    "form",
+    {
+      className: cn("space-y-4", className),
+      noValidate,
+      onSubmit,
+      children
+    }
+  );
+}
+
+export { FormWrapper };

package/dist/components/common/form/index.d.ts

@@ -1,6 +1,7 @@
-export * from './CustomFormField';
 export * from './FormInput';
 export * from './FormTextArea';
-export * from './FormWrapper';
-export * from './FormCheckbox';
 export * from './FormSelect';
+export * from './FormCheckbox';
+export * from './FormWrapper';
+export * from './CustomFormField';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/common/form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC"}

package/dist/components/common/index.d.ts

@@ -4,3 +4,5 @@ export * from './logo/index';
 export * from './pagination/index';
 export * from './select/index';
 export * from './spinner/index';
+export * from './stepper/index';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/common/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC"}

package/dist/components/common/logo/Logo.d.ts

@@ -1,9 +1,10 @@
 import { BaseStyleProps } from '../../../types/ui/main';
 interface LogoProps extends BaseStyleProps {
     to?: string;
-    icon?: any;
+    icon?: string;
     fallback?: string;
     containerClassName?: string;
 }
 export declare function Logo({ className, to, icon, fallback, containerClassName }: LogoProps): import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=Logo.d.ts.map

package/dist/components/common/logo/Logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../../src/components/common/logo/Logo.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAIxD,UAAU,SAAU,SAAQ,cAAc;IACxC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,IAAI,CAAC,EACnB,SAAS,EACT,EAAQ,EACR,IAAI,EACJ,QAAuB,EACvB,kBAAuB,EACxB,EAAE,SAAS,2CAwBX"}

package/dist/components/common/logo/Logo.tsx

@@ -0,0 +1,40 @@
+import { jsx } from 'react/jsx-runtime';
+import { Link } from '@tanstack/react-router';
+import { cn } from '../../../lib/utils.js';
+import { useState, useCallback } from 'react';
+import logoFallback from '../../../assets/logo.svg.js';
+
+function Logo({
+  className,
+  to = "/",
+  icon,
+  fallback = logoFallback,
+  containerClassName = ""
+}) {
+  const [hasError, setHasError] = useState(false);
+  const handleOnError = useCallback(({ currentTarget }) => {
+    if (!hasError) {
+      setHasError(true);
+      currentTarget.onerror = null;
+      currentTarget.src = fallback;
+    }
+  }, [fallback, hasError]);
+  return /* @__PURE__ */ jsx(
+    Link,
+    {
+      to,
+      className: cn("flex items-center gap-2", containerClassName),
+      children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: icon,
+          alt: fallback,
+          onError: handleOnError,
+          className: cn("w-48 h-20 hidden lg:block", className)
+        }
+      )
+    }
+  );
+}
+
+export { Logo };

package/dist/components/common/logo/index.d.ts

@@ -1 +1,2 @@
 export * from './Logo';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/common/logo/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/logo/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/components/common/pagination/CustomPagination.d.ts

@@ -3,5 +3,6 @@ interface CustomPaginationProps {
     readonly totalPages: number;
     readonly onPageChange: (page: number) => void;
 }
-export declare function CustomPagination({ currentPage, totalPages, onPageChange }: CustomPaginationProps): import("react/jsx-runtime").JSX.Element;
+export declare function CustomPagination({ currentPage, totalPages, onPageChange, }: CustomPaginationProps): import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=CustomPagination.d.ts.map

package/dist/components/common/pagination/CustomPagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomPagination.d.ts","sourceRoot":"","sources":["../../../../src/components/common/pagination/CustomPagination.tsx"],"names":[],"mappings":"AAUA,UAAU,qBAAqB;IAC7B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,WAAW,EACX,UAAU,EACV,YAAY,GACb,EAAE,qBAAqB,2CA8EvB"}

package/dist/components/common/pagination/CustomPagination.tsx

@@ -0,0 +1,64 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Pagination, PaginationContent, PaginationItem, PaginationPrevious, PaginationEllipsis, PaginationLink, PaginationNext } from '../../ui/pagination.tsx';
+
+function CustomPagination({
+  currentPage,
+  totalPages,
+  onPageChange
+}) {
+  const getPageNumbers = () => {
+    const pages = [];
+    const maxVisiblePages = 5;
+    if (totalPages <= maxVisiblePages) {
+      for (let i = 1; i <= totalPages; i++) {
+        pages.push(i);
+      }
+    } else {
+      pages.push(1);
+      if (currentPage > 3) {
+        pages.push("ellipsis");
+      }
+      const start = Math.max(2, currentPage - 1);
+      const end = Math.min(totalPages - 1, currentPage + 1);
+      for (let i = start; i <= end; i++) {
+        pages.push(i);
+      }
+      if (currentPage < totalPages - 2) {
+        pages.push("ellipsis");
+      }
+      pages.push(totalPages);
+    }
+    return pages;
+  };
+  return /* @__PURE__ */ jsx(Pagination, { children: /* @__PURE__ */ jsxs(PaginationContent, { children: [
+    /* @__PURE__ */ jsx(PaginationItem, { disabled: currentPage === 1, children: /* @__PURE__ */ jsx(
+      PaginationPrevious,
+      {
+        onClick: () => currentPage > 1 && onPageChange(currentPage - 1),
+        "aria-disabled": currentPage === 1,
+        className: currentPage === 1 ? "pointer-events-none opacity-50" : "cursor-pointer"
+      }
+    ) }),
+    getPageNumbers().map(
+      (page, index) => page === "ellipsis" ? /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationEllipsis, {}) }, `ellipsis-${index}`) : /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+        PaginationLink,
+        {
+          onClick: () => onPageChange(page),
+          isActive: currentPage === page,
+          className: "cursor-pointer",
+          children: page
+        }
+      ) }, page)
+    ),
+    /* @__PURE__ */ jsx(PaginationItem, { disabled: currentPage === totalPages, children: /* @__PURE__ */ jsx(
+      PaginationNext,
+      {
+        onClick: () => currentPage < totalPages && onPageChange(currentPage + 1),
+        "aria-disabled": currentPage === totalPages,
+        className: currentPage === totalPages ? "pointer-events-none opacity-50" : "cursor-pointer"
+      }
+    ) })
+  ] }) });
+}
+
+export { CustomPagination };

package/dist/components/common/pagination/index.d.ts

@@ -1 +1,2 @@
 export * from './CustomPagination';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/common/pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/pagination/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/components/common/select/CustomSelect.d.ts

@@ -9,4 +9,5 @@ export interface CustomSelectProps extends BaseStyleProps {
     readonly value?: string;
     readonly onValueChange?: (value: string) => void;
 }
-export declare function CustomSelect({ options, placeholder, defaultValue, value, onValueChange, className }: CustomSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function CustomSelect({ options, placeholder, defaultValue, value, onValueChange, className, }: CustomSelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CustomSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/common/select/CustomSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AASxD,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACvD,QAAQ,CAAC,OAAO,EAAE;QAChB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;QACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;KAC1C,EAAE,CAAC;IACJ,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,WAAW,EACX,YAAY,EACZ,KAAK,EACL,aAAa,EACb,SAAS,GACV,EAAE,iBAAiB,2CAmBnB"}

package/dist/components/common/select/CustomSelect.tsx

@@ -0,0 +1,27 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cn } from '../../../lib/utils.js';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '../../ui/select.tsx';
+
+function CustomSelect({
+  options,
+  placeholder,
+  defaultValue,
+  value,
+  onValueChange,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    Select,
+    {
+      defaultValue,
+      value,
+      onValueChange,
+      children: [
+        /* @__PURE__ */ jsx(SelectTrigger, { className: cn(className), children: /* @__PURE__ */ jsx(SelectValue, { placeholder }) }),
+        /* @__PURE__ */ jsx(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
+      ]
+    }
+  );
+}
+
+export { CustomSelect };

package/dist/components/common/select/index.d.ts

@@ -1 +1,2 @@
 export * from './CustomSelect';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/select/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/components/common/spinner/Spinner.d.ts

@@ -5,3 +5,4 @@ interface SpinnerProps extends BaseStyleProps {
 }
 export declare function Spinner({ color, className, size }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=Spinner.d.ts.map

package/dist/components/common/spinner/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/common/spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,eAAe,CAAA;AAEtB,UAAU,YAAa,SAAQ,cAAc;IAC3C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,OAAO,CAAC,EAAE,KAA2C,EAAE,SAAS,EAAE,IAAS,EAAE,EAAE,YAAY,2CAsB1G"}