shad-m 1.0.0

package/dist/common/forms/auto-form.mjs

@@ -0,0 +1,78 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cn } from '@/lib/utils';
+import * as React from 'react';
+import { FormProvider, useFormContext } from 'react-hook-form';
+import { Form, FormField, FormItem, FormLabel, FormControl, FormDescription, FormMessage } from '../../components/form';
+
+function AutoFormRoot({ form, onSubmit, children, className, ...formProps }) {
+  return /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsx(
+    "form",
+    {
+      onSubmit: (e) => {
+        e.stopPropagation();
+        form.handleSubmit(onSubmit)(e);
+      },
+      className: cn("space-y-4", className),
+      ...formProps,
+      children
+    }
+  ) }) });
+}
+const getFieldError = (formState, name) => {
+  if (name.includes(".")) {
+    const paths = name.split(".");
+    let current = formState.errors;
+    for (let i = 0; i < paths.length - 1; i++) {
+      const path = paths[i];
+      if (!current || !current[path]) return void 0;
+      current = current[path];
+    }
+    const lastPath = paths[paths.length - 1];
+    if (!current || !current[lastPath]) return void 0;
+    return current[lastPath].message || current[lastPath].root?.message;
+  }
+  return formState.errors[name]?.message || formState.errors[name]?.root?.message;
+};
+const AutoFormField = ({
+  name,
+  label,
+  description,
+  children,
+  className,
+  disabled,
+  noShowError,
+  hidden,
+  ...props
+}) => {
+  const { control, formState } = useFormContext();
+  if (hidden) return;
+  return /* @__PURE__ */ jsx(
+    FormField,
+    {
+      control,
+      name,
+      render: ({ field }) => {
+        const errorMessage = getFieldError(formState, name);
+        return /* @__PURE__ */ jsxs(FormItem, { className, children: [
+          label && /* @__PURE__ */ jsx(FormLabel, { className: "!text-t14m", children: label }),
+          /* @__PURE__ */ jsx(FormControl, { children: typeof children === "function" ? children({ ...field, isError: !!errorMessage, errorMessage }) : React.cloneElement(children, {
+            ...field,
+            isError: !!errorMessage && !noShowError,
+            errorMessage
+          }) }),
+          description && (!errorMessage || noShowError) && /* @__PURE__ */ jsx(FormDescription, { children: description }),
+          !noShowError && /* @__PURE__ */ jsx(FormMessage, {})
+        ] });
+      },
+      disabled,
+      ...props
+    }
+  );
+};
+const AutoForm = Object.assign(AutoFormRoot, {
+  Field: AutoFormField
+});
+
+export { AutoForm, getFieldError };
+//# sourceMappingURL=auto-form.mjs.map
+//# sourceMappingURL=auto-form.mjs.map

package/dist/common/forms/auto-form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/forms/auto-form.tsx"],"names":[],"mappings":"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","file":"auto-form.mjs","sourcesContent":["import { cn } from '@/lib/utils';\nimport * as React from 'react';\nimport { FormProvider, SubmitHandler, useFormContext } from 'react-hook-form';\nimport {\n  Form,\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '../../components/form';\n\n// --- Định nghĩa Type cho Props ---\n\n// Props cho component AutoForm chính\ninterface AutoFormProps extends Omit<React.ComponentProps<'form'>, 'onSubmit'> {\n  form: any; // Type form as UseFormReturn with schema type\n  onSubmit: SubmitHandler<any>;\n  children: React.ReactNode;\n}\n\n// Props cho component AutoForm.Field\ninterface AutoFormFieldProps extends Omit<React.ComponentProps<'div'>, 'children'> {\n  name: string; // Bắt buộc phải có name để liên kết với schema\n  label?: string;\n  description?: string;\n  children: React.ReactNode | ((field: any) => React.ReactNode);\n  disabled?: boolean;\n  noShowError?: boolean;\n  hidden?: boolean;\n}\n\n// --- Component AutoForm chính ---\n\nfunction AutoFormRoot({ form, onSubmit, children, className, ...formProps }: any) {\n  return (\n    <FormProvider {...form}>\n      <Form {...form}>\n        <form\n          onSubmit={(e) => {\n            e.stopPropagation();\n            form.handleSubmit(onSubmit)(e);\n          }}\n          className={cn('space-y-4', className)}\n          {...formProps}\n        >\n          {children}\n        </form>\n      </Form>\n    </FormProvider>\n  );\n}\n\n// --- Component AutoForm.Field ---\nexport const getFieldError = (formState: any, name: string) => {\n  // Nếu name là một đường dẫn lồng nhau (có dấu chấm)\n  if (name.includes('.')) {\n    const paths = name.split('.');\n    let current = formState.errors;\n\n    // Duyệt qua các phần của đường dẫn, trừ phần cuối cùng\n    for (let i = 0; i < paths.length - 1; i++) {\n      const path: string = paths[i] as string;\n      if (!current || !current[path]) return undefined;\n      current = current[path] as Record<string, any>;\n    }\n\n    // Lấy thông báo lỗi từ phần cuối cùng\n    const lastPath: string = paths[paths.length - 1] as string;\n    if (!current || !current[lastPath]) return undefined;\n\n    // Trả về thông báo lỗi\n    return current[lastPath].message || current[lastPath].root?.message;\n  }\n\n  // Trường hợp name đơn giản\n  return formState.errors[name]?.message || formState.errors[name]?.root?.message;\n};\n\nconst AutoFormField = ({\n  name,\n  label,\n  description,\n  children,\n  className,\n  disabled,\n  noShowError,\n  hidden,\n  ...props\n}: AutoFormFieldProps) => {\n  // Lấy context từ FormProvider\n  const { control, formState } = useFormContext();\n\n  if (hidden) return;\n\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field }) => {\n        const errorMessage = getFieldError(formState, name);\n\n        return (\n          <FormItem className={className}>\n            {label && <FormLabel className=\"!text-t14m\">{label}</FormLabel>}\n            <FormControl>\n              {typeof children === 'function'\n                ? children({ ...field, isError: !!errorMessage, errorMessage })\n                : React.cloneElement(children as React.ReactElement, {\n                  ...field,\n                  isError: !!errorMessage && !noShowError,\n                  errorMessage,\n                })}\n            </FormControl>\n            {description && (!errorMessage || noShowError) && (\n              <FormDescription>{description}</FormDescription>\n            )}\n            {!noShowError && <FormMessage />}\n          </FormItem>\n        );\n      }}\n      disabled={disabled}\n      {...props}\n    />\n  );\n};\n\n// --- Gán Field vào Root component để tạo thành Compound Component ---\nexport const AutoForm = Object.assign(AutoFormRoot, {\n  Field: AutoFormField,\n});\n"]}

package/dist/common/forms/form-field.d.ts

@@ -0,0 +1,16 @@
+export interface FormFieldProps {
+    id: string;
+    label: string;
+    type?: 'text' | 'email' | 'password' | 'number';
+    placeholder?: string;
+    defaultValue?: string;
+    value?: string;
+    onChange?: (_value: string) => void;
+    disabled?: boolean;
+    required?: boolean;
+    error?: string;
+    description?: string;
+    className?: string;
+}
+export declare const FormField: import("react").ForwardRefExoticComponent<FormFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=form-field.d.ts.map

package/dist/common/forms/form-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../src/common/forms/form-field.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,6GA4CrB,CAAC"}

package/dist/common/forms/form-field.js

@@ -0,0 +1,58 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var input = require('@/components/input');
+var label = require('@/components/label');
+var utils = require('@/lib/utils');
+
+const FormField = react.forwardRef(
+  ({
+    id,
+    label: label$1,
+    type = "text",
+    placeholder,
+    defaultValue,
+    value,
+    onChange,
+    disabled = false,
+    required = false,
+    error,
+    description,
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("space-y-2", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        label.Label,
+        {
+          htmlFor: id,
+          className: utils.cn(required && "after:ml-0.5 after:text-red-500 after:content-['*']"),
+          children: label$1
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        input.Input,
+        {
+          ref,
+          id,
+          type,
+          placeholder,
+          defaultValue,
+          value,
+          onChange: (e) => onChange?.(e.target.value),
+          disabled,
+          className: utils.cn(error && "border-red-500"),
+          ...props
+        }
+      ),
+      description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-sm", children: description }),
+      error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-red-500", children: error })
+    ] });
+  }
+);
+FormField.displayName = "FormField";
+
+exports.FormField = FormField;
+//# sourceMappingURL=form-field.js.map
+//# sourceMappingURL=form-field.js.map

package/dist/common/forms/form-field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/forms/form-field.tsx"],"names":["forwardRef","label","cn","jsx","Label","Input"],"mappings":";;;;;;;;AAsBO,MAAM,SAAA,GAAYA,gBAAA;AAAA,EACvB,CACE;AAAA,IACE,EAAA;AAAA,WACAC,OAAA;AAAA,IACA,IAAA,GAAO,MAAA;AAAA,IACP,WAAA;AAAA,IACA,YAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,QAAA,GAAW,KAAA;AAAA,IACX,KAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,uCACG,KAAA,EAAA,EAAI,SAAA,EAAWC,QAAA,CAAG,WAAA,EAAa,SAAS,CAAA,EACvC,QAAA,EAAA;AAAA,sBAAAC,cAAA;AAAA,QAACC,WAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAS,EAAA;AAAA,UACT,SAAA,EAAWF,QAAA,CAAG,QAAA,IAAY,qDAAqD,CAAA;AAAA,UAE9E,QAAA,EAAAD;AAAA;AAAA,OACH;AAAA,sBACAE,cAAA;AAAA,QAACE,WAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,EAAA;AAAA,UACA,IAAA;AAAA,UACA,WAAA;AAAA,UACA,YAAA;AAAA,UACA,KAAA;AAAA,UACA,UAAU,CAAC,CAAA,KAAM,QAAA,GAAW,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,UAC1C,QAAA;AAAA,UACA,SAAA,EAAWH,QAAA,CAAG,KAAA,IAAS,gBAAgB,CAAA;AAAA,UACtC,GAAG;AAAA;AAAA,OACN;AAAA,MACC,WAAA,oBAAeC,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,iCAAiC,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,MACzE,KAAA,oBAASA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,wBAAwB,QAAA,EAAA,KAAA,EAAM;AAAA,KAAA,EACvD,CAAA;AAAA,EAEJ;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"form-field.js","sourcesContent":["'use client';\n\nimport { forwardRef } from 'react';\nimport { Input } from '@/components/input';\nimport { Label } from '@/components/label';\nimport { cn } from '@/lib/utils';\n\nexport interface FormFieldProps {\n  id: string;\n  label: string;\n  type?: 'text' | 'email' | 'password' | 'number';\n  placeholder?: string;\n  defaultValue?: string;\n  value?: string;\n  onChange?: (_value: string) => void;\n  disabled?: boolean;\n  required?: boolean;\n  error?: string;\n  description?: string;\n  className?: string;\n}\n\nexport const FormField = forwardRef<HTMLInputElement, FormFieldProps>(\n  (\n    {\n      id,\n      label,\n      type = 'text',\n      placeholder,\n      defaultValue,\n      value,\n      onChange,\n      disabled = false,\n      required = false,\n      error,\n      description,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <div className={cn('space-y-2', className)}>\n        <Label\n          htmlFor={id}\n          className={cn(required && \"after:ml-0.5 after:text-red-500 after:content-['*']\")}\n        >\n          {label}\n        </Label>\n        <Input\n          ref={ref}\n          id={id}\n          type={type}\n          placeholder={placeholder}\n          defaultValue={defaultValue}\n          value={value}\n          onChange={(e) => onChange?.(e.target.value)}\n          disabled={disabled}\n          className={cn(error && 'border-red-500')}\n          {...props}\n        />\n        {description && <p className=\"text-muted-foreground text-sm\">{description}</p>}\n        {error && <p className=\"text-sm text-red-500\">{error}</p>}\n      </div>\n    );\n  },\n);\n\nFormField.displayName = 'FormField';\n"]}

package/dist/common/forms/form-field.mjs

@@ -0,0 +1,56 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Input } from '@/components/input';
+import { Label } from '@/components/label';
+import { cn } from '@/lib/utils';
+
+const FormField = forwardRef(
+  ({
+    id,
+    label,
+    type = "text",
+    placeholder,
+    defaultValue,
+    value,
+    onChange,
+    disabled = false,
+    required = false,
+    error,
+    description,
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", className), children: [
+      /* @__PURE__ */ jsx(
+        Label,
+        {
+          htmlFor: id,
+          className: cn(required && "after:ml-0.5 after:text-red-500 after:content-['*']"),
+          children: label
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          ref,
+          id,
+          type,
+          placeholder,
+          defaultValue,
+          value,
+          onChange: (e) => onChange?.(e.target.value),
+          disabled,
+          className: cn(error && "border-red-500"),
+          ...props
+        }
+      ),
+      description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: description }),
+      error && /* @__PURE__ */ jsx("p", { className: "text-sm text-red-500", children: error })
+    ] });
+  }
+);
+FormField.displayName = "FormField";
+
+export { FormField };
+//# sourceMappingURL=form-field.mjs.map
+//# sourceMappingURL=form-field.mjs.map

package/dist/common/forms/form-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/forms/form-field.tsx"],"names":[],"mappings":";;;;;;AAsBO,MAAM,SAAA,GAAY,UAAA;AAAA,EACvB,CACE;AAAA,IACE,EAAA;AAAA,IACA,KAAA;AAAA,IACA,IAAA,GAAO,MAAA;AAAA,IACP,WAAA;AAAA,IACA,YAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,QAAA,GAAW,KAAA;AAAA,IACX,KAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,WAAA,EAAa,SAAS,CAAA,EACvC,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAS,EAAA;AAAA,UACT,SAAA,EAAW,EAAA,CAAG,QAAA,IAAY,qDAAqD,CAAA;AAAA,UAE9E,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,sBACA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,EAAA;AAAA,UACA,IAAA;AAAA,UACA,WAAA;AAAA,UACA,YAAA;AAAA,UACA,KAAA;AAAA,UACA,UAAU,CAAC,CAAA,KAAM,QAAA,GAAW,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,UAC1C,QAAA;AAAA,UACA,SAAA,EAAW,EAAA,CAAG,KAAA,IAAS,gBAAgB,CAAA;AAAA,UACtC,GAAG;AAAA;AAAA,OACN;AAAA,MACC,WAAA,oBAAe,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,iCAAiC,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,MACzE,KAAA,oBAAS,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,wBAAwB,QAAA,EAAA,KAAA,EAAM;AAAA,KAAA,EACvD,CAAA;AAAA,EAEJ;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"form-field.mjs","sourcesContent":["'use client';\n\nimport { forwardRef } from 'react';\nimport { Input } from '@/components/input';\nimport { Label } from '@/components/label';\nimport { cn } from '@/lib/utils';\n\nexport interface FormFieldProps {\n  id: string;\n  label: string;\n  type?: 'text' | 'email' | 'password' | 'number';\n  placeholder?: string;\n  defaultValue?: string;\n  value?: string;\n  onChange?: (_value: string) => void;\n  disabled?: boolean;\n  required?: boolean;\n  error?: string;\n  description?: string;\n  className?: string;\n}\n\nexport const FormField = forwardRef<HTMLInputElement, FormFieldProps>(\n  (\n    {\n      id,\n      label,\n      type = 'text',\n      placeholder,\n      defaultValue,\n      value,\n      onChange,\n      disabled = false,\n      required = false,\n      error,\n      description,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <div className={cn('space-y-2', className)}>\n        <Label\n          htmlFor={id}\n          className={cn(required && \"after:ml-0.5 after:text-red-500 after:content-['*']\")}\n        >\n          {label}\n        </Label>\n        <Input\n          ref={ref}\n          id={id}\n          type={type}\n          placeholder={placeholder}\n          defaultValue={defaultValue}\n          value={value}\n          onChange={(e) => onChange?.(e.target.value)}\n          disabled={disabled}\n          className={cn(error && 'border-red-500')}\n          {...props}\n        />\n        {description && <p className=\"text-muted-foreground text-sm\">{description}</p>}\n        {error && <p className=\"text-sm text-red-500\">{error}</p>}\n      </div>\n    );\n  },\n);\n\nFormField.displayName = 'FormField';\n"]}

package/dist/common/forms/form-input-field.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Control, FieldPath, FieldValues } from 'react-hook-form';
+export interface FormInputFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> {
+    control: Control<TFieldValues>;
+    name: TName;
+    label: string;
+    type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url';
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    className?: string;
+    showPasswordToggle?: boolean;
+    forgotPasswordLink?: React.ReactNode;
+}
+export declare function FormInputField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ control, name, label, type, placeholder, required, disabled, className, showPasswordToggle, forgotPasswordLink, }: FormInputFieldProps<TFieldValues, TName>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=form-input-field.d.ts.map

package/dist/common/forms/form-input-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-input-field.d.ts","sourceRoot":"","sources":["../../../src/common/forms/form-input-field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAMlE,MAAM,WAAW,mBAAmB,CAClC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC;IAE/D,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACtC;AAED,wBAAgB,cAAc,CAC5B,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,EACA,OAAO,EACP,IAAI,EACJ,KAAK,EACL,IAAa,EACb,WAAW,EACX,QAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,kBAAyB,EACzB,kBAAkB,GACnB,EAAE,mBAAmB,CAAC,YAAY,EAAE,KAAK,CAAC,2CAkD1C"}

package/dist/common/forms/form-input-field.js

@@ -0,0 +1,64 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var lucideReact = require('lucide-react');
+var form = require('../../components/form');
+var input = require('../../components/input');
+
+function FormInputField({
+  control,
+  name,
+  label,
+  type = "text",
+  placeholder,
+  required = false,
+  disabled = false,
+  className,
+  showPasswordToggle = true,
+  forgotPasswordLink
+}) {
+  const [showPassword, setShowPassword] = react.useState(false);
+  const isPasswordField = type === "password";
+  const inputType = isPasswordField && showPassword ? "text" : type;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    form.FormField,
+    {
+      control,
+      name,
+      render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxs(form.FormItem, { className, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(form.FormLabel, { children: [
+            label,
+            required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 text-red-500", children: "*" })
+          ] }),
+          forgotPasswordLink && isPasswordField && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-auto", children: forgotPasswordLink })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(form.FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          input.Input,
+          {
+            type: inputType,
+            placeholder,
+            disabled,
+            addonAfter: isPasswordField && showPasswordToggle ? /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "hover:bg-transparent focus:outline-none",
+                onClick: () => setShowPassword(!showPassword),
+                tabIndex: -1,
+                children: showPassword ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EyeOff, { className: "text-muted-foreground hover:text-foreground h-4 w-4 transition-colors" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { className: "text-muted-foreground hover:text-foreground h-4 w-4 transition-colors" })
+              }
+            ) : void 0,
+            ...field
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(form.FormMessage, {})
+      ] })
+    }
+  );
+}
+
+exports.FormInputField = FormInputField;
+//# sourceMappingURL=form-input-field.js.map
+//# sourceMappingURL=form-input-field.js.map

package/dist/common/forms/form-input-field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/forms/form-input-field.tsx"],"names":["useState","jsx","FormField","jsxs","FormItem","FormLabel","FormControl","Input","EyeOff","Eye","FormMessage"],"mappings":";;;;;;;;AAyBO,SAAS,cAAA,CAGd;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA,GAAO,MAAA;AAAA,EACP,WAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,SAAA;AAAA,EACA,kBAAA,GAAqB,IAAA;AAAA,EACrB;AACF,CAAA,EAA6C;AAC3C,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAIA,eAAS,KAAK,CAAA;AAEtD,EAAA,MAAM,kBAAkB,IAAA,KAAS,UAAA;AACjC,EAAA,MAAM,SAAA,GAAY,eAAA,IAAmB,YAAA,GAAe,MAAA,GAAS,IAAA;AAE7D,EAAA,uBACEC,cAAA;AAAA,IAACC,cAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAM,qBACfC,eAAA,CAACC,iBAAS,SAAA,EACR,QAAA,EAAA;AAAA,wBAAAD,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,mBAAA,EACb,QAAA,EAAA;AAAA,0BAAAA,eAAA,CAACE,cAAA,EAAA,EACE,QAAA,EAAA;AAAA,YAAA,KAAA;AAAA,YACA,QAAA,oBAAYJ,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qBAAoB,QAAA,EAAA,GAAA,EAAC;AAAA,WAAA,EACpD,CAAA;AAAA,UACC,sBAAsB,eAAA,oBACrBA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAW,QAAA,EAAA,kBAAA,EAAmB;AAAA,SAAA,EAEjD,CAAA;AAAA,uCACCK,gBAAA,EAAA,EACC,QAAA,kBAAAL,cAAA;AAAA,UAACM,WAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAM,SAAA;AAAA,YACN,WAAA;AAAA,YACA,QAAA;AAAA,YACA,UAAA,EACE,mBAAmB,kBAAA,mBACjBN,cAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,SAAA,EAAU,yCAAA;AAAA,gBACV,OAAA,EAAS,MAAM,eAAA,CAAgB,CAAC,YAAY,CAAA;AAAA,gBAC5C,QAAA,EAAU,EAAA;AAAA,gBAET,QAAA,EAAA,YAAA,kCACEO,kBAAA,EAAA,EAAO,SAAA,EAAU,yEAAwE,CAAA,mBAE1FP,cAAA,CAACQ,eAAA,EAAA,EAAI,SAAA,EAAU,uEAAA,EAAwE;AAAA;AAAA,aAE3F,GACE,MAAA;AAAA,YAEL,GAAG;AAAA;AAAA,SACN,EACF,CAAA;AAAA,uCACCC,gBAAA,EAAA,EAAY;AAAA,OAAA,EACf;AAAA;AAAA,GAEJ;AAEJ","file":"form-input-field.js","sourcesContent":["'use client';\n\nimport React, { useState } from 'react';\nimport { Control, FieldPath, FieldValues } from 'react-hook-form';\nimport { Eye, EyeOff } from 'lucide-react';\n\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage } from '../../components/form';\nimport { Input } from '../../components/input';\n\nexport interface FormInputFieldProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> {\n  control: Control<TFieldValues>;\n  name: TName;\n  label: string;\n  type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url';\n  placeholder?: string;\n  required?: boolean;\n  disabled?: boolean;\n  className?: string;\n  showPasswordToggle?: boolean; // Only applies to password type\n  forgotPasswordLink?: React.ReactNode; // Optional forgot password link for password fields\n}\n\nexport function FormInputField<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  control,\n  name,\n  label,\n  type = 'text',\n  placeholder,\n  required = false,\n  disabled = false,\n  className,\n  showPasswordToggle = true,\n  forgotPasswordLink,\n}: FormInputFieldProps<TFieldValues, TName>) {\n  const [showPassword, setShowPassword] = useState(false);\n\n  const isPasswordField = type === 'password';\n  const inputType = isPasswordField && showPassword ? 'text' : type;\n\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field }) => (\n        <FormItem className={className}>\n          <div className=\"flex items-center\">\n            <FormLabel>\n              {label}\n              {required && <span className=\"ml-1 text-red-500\">*</span>}\n            </FormLabel>\n            {forgotPasswordLink && isPasswordField && (\n              <div className=\"ml-auto\">{forgotPasswordLink}</div>\n            )}\n          </div>\n          <FormControl>\n            <Input\n              type={inputType}\n              placeholder={placeholder}\n              disabled={disabled}\n              addonAfter={\n                isPasswordField && showPasswordToggle ? (\n                  <button\n                    type=\"button\"\n                    className=\"hover:bg-transparent focus:outline-none\"\n                    onClick={() => setShowPassword(!showPassword)}\n                    tabIndex={-1}\n                  >\n                    {showPassword ? (\n                      <EyeOff className=\"text-muted-foreground hover:text-foreground h-4 w-4 transition-colors\" />\n                    ) : (\n                      <Eye className=\"text-muted-foreground hover:text-foreground h-4 w-4 transition-colors\" />\n                    )}\n                  </button>\n                ) : undefined\n              }\n              {...field}\n            />\n          </FormControl>\n          <FormMessage />\n        </FormItem>\n      )}\n    />\n  );\n}\n"]}

package/dist/common/forms/form-input-field.mjs

@@ -0,0 +1,62 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { EyeOff, Eye } from 'lucide-react';
+import { FormField, FormItem, FormLabel, FormControl, FormMessage } from '../../components/form';
+import { Input } from '../../components/input';
+
+function FormInputField({
+  control,
+  name,
+  label,
+  type = "text",
+  placeholder,
+  required = false,
+  disabled = false,
+  className,
+  showPasswordToggle = true,
+  forgotPasswordLink
+}) {
+  const [showPassword, setShowPassword] = useState(false);
+  const isPasswordField = type === "password";
+  const inputType = isPasswordField && showPassword ? "text" : type;
+  return /* @__PURE__ */ jsx(
+    FormField,
+    {
+      control,
+      name,
+      render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { className, children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+          /* @__PURE__ */ jsxs(FormLabel, { children: [
+            label,
+            required && /* @__PURE__ */ jsx("span", { className: "ml-1 text-red-500", children: "*" })
+          ] }),
+          forgotPasswordLink && isPasswordField && /* @__PURE__ */ jsx("div", { className: "ml-auto", children: forgotPasswordLink })
+        ] }),
+        /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: inputType,
+            placeholder,
+            disabled,
+            addonAfter: isPasswordField && showPasswordToggle ? /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "hover:bg-transparent focus:outline-none",
+                onClick: () => setShowPassword(!showPassword),
+                tabIndex: -1,
+                children: showPassword ? /* @__PURE__ */ jsx(EyeOff, { className: "text-muted-foreground hover:text-foreground h-4 w-4 transition-colors" }) : /* @__PURE__ */ jsx(Eye, { className: "text-muted-foreground hover:text-foreground h-4 w-4 transition-colors" })
+              }
+            ) : void 0,
+            ...field
+          }
+        ) }),
+        /* @__PURE__ */ jsx(FormMessage, {})
+      ] })
+    }
+  );
+}
+
+export { FormInputField };
+//# sourceMappingURL=form-input-field.mjs.map
+//# sourceMappingURL=form-input-field.mjs.map

package/dist/common/forms/form-input-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/forms/form-input-field.tsx"],"names":[],"mappings":";;;;;;AAyBO,SAAS,cAAA,CAGd;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA,GAAO,MAAA;AAAA,EACP,WAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,SAAA;AAAA,EACA,kBAAA,GAAqB,IAAA;AAAA,EACrB;AACF,CAAA,EAA6C;AAC3C,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,KAAK,CAAA;AAEtD,EAAA,MAAM,kBAAkB,IAAA,KAAS,UAAA;AACjC,EAAA,MAAM,SAAA,GAAY,eAAA,IAAmB,YAAA,GAAe,MAAA,GAAS,IAAA;AAE7D,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAM,qBACf,IAAA,CAAC,YAAS,SAAA,EACR,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,mBAAA,EACb,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,SAAA,EAAA,EACE,QAAA,EAAA;AAAA,YAAA,KAAA;AAAA,YACA,QAAA,oBAAY,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,qBAAoB,QAAA,EAAA,GAAA,EAAC;AAAA,WAAA,EACpD,CAAA;AAAA,UACC,sBAAsB,eAAA,oBACrB,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAW,QAAA,EAAA,kBAAA,EAAmB;AAAA,SAAA,EAEjD,CAAA;AAAA,4BACC,WAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAM,SAAA;AAAA,YACN,WAAA;AAAA,YACA,QAAA;AAAA,YACA,UAAA,EACE,mBAAmB,kBAAA,mBACjB,GAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,SAAA,EAAU,yCAAA;AAAA,gBACV,OAAA,EAAS,MAAM,eAAA,CAAgB,CAAC,YAAY,CAAA;AAAA,gBAC5C,QAAA,EAAU,EAAA;AAAA,gBAET,QAAA,EAAA,YAAA,uBACE,MAAA,EAAA,EAAO,SAAA,EAAU,yEAAwE,CAAA,mBAE1F,GAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAU,uEAAA,EAAwE;AAAA;AAAA,aAE3F,GACE,MAAA;AAAA,YAEL,GAAG;AAAA;AAAA,SACN,EACF,CAAA;AAAA,4BACC,WAAA,EAAA,EAAY;AAAA,OAAA,EACf;AAAA;AAAA,GAEJ;AAEJ","file":"form-input-field.mjs","sourcesContent":["'use client';\n\nimport React, { useState } from 'react';\nimport { Control, FieldPath, FieldValues } from 'react-hook-form';\nimport { Eye, EyeOff } from 'lucide-react';\n\nimport { FormControl, FormField, FormItem, FormLabel, FormMessage } from '../../components/form';\nimport { Input } from '../../components/input';\n\nexport interface FormInputFieldProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> {\n  control: Control<TFieldValues>;\n  name: TName;\n  label: string;\n  type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url';\n  placeholder?: string;\n  required?: boolean;\n  disabled?: boolean;\n  className?: string;\n  showPasswordToggle?: boolean; // Only applies to password type\n  forgotPasswordLink?: React.ReactNode; // Optional forgot password link for password fields\n}\n\nexport function FormInputField<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  control,\n  name,\n  label,\n  type = 'text',\n  placeholder,\n  required = false,\n  disabled = false,\n  className,\n  showPasswordToggle = true,\n  forgotPasswordLink,\n}: FormInputFieldProps<TFieldValues, TName>) {\n  const [showPassword, setShowPassword] = useState(false);\n\n  const isPasswordField = type === 'password';\n  const inputType = isPasswordField && showPassword ? 'text' : type;\n\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field }) => (\n        <FormItem className={className}>\n          <div className=\"flex items-center\">\n            <FormLabel>\n              {label}\n              {required && <span className=\"ml-1 text-red-500\">*</span>}\n            </FormLabel>\n            {forgotPasswordLink && isPasswordField && (\n              <div className=\"ml-auto\">{forgotPasswordLink}</div>\n            )}\n          </div>\n          <FormControl>\n            <Input\n              type={inputType}\n              placeholder={placeholder}\n              disabled={disabled}\n              addonAfter={\n                isPasswordField && showPasswordToggle ? (\n                  <button\n                    type=\"button\"\n                    className=\"hover:bg-transparent focus:outline-none\"\n                    onClick={() => setShowPassword(!showPassword)}\n                    tabIndex={-1}\n                  >\n                    {showPassword ? (\n                      <EyeOff className=\"text-muted-foreground hover:text-foreground h-4 w-4 transition-colors\" />\n                    ) : (\n                      <Eye className=\"text-muted-foreground hover:text-foreground h-4 w-4 transition-colors\" />\n                    )}\n                  </button>\n                ) : undefined\n              }\n              {...field}\n            />\n          </FormControl>\n          <FormMessage />\n        </FormItem>\n      )}\n    />\n  );\n}\n"]}

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

@@ -0,0 +1,7 @@
+export { SwitchField } from './switch-field';
+export type { SwitchFieldProps } from './switch-field';
+export { FormField } from './form-field';
+export type { FormFieldProps } from './form-field';
+export { FormInputField } from './form-input-field';
+export type { FormInputFieldProps } from './form-input-field';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/common/forms/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/common/forms/index.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var switchField = require('./switch-field');
+var formField = require('./form-field');
+var formInputField = require('./form-input-field');
+
+
+
+Object.defineProperty(exports, "SwitchField", {
+  enumerable: true,
+  get: function () { return switchField.SwitchField; }
+});
+Object.defineProperty(exports, "FormField", {
+  enumerable: true,
+  get: function () { return formField.FormField; }
+});
+Object.defineProperty(exports, "FormInputField", {
+  enumerable: true,
+  get: function () { return formInputField.FormInputField; }
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/common/forms/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}

package/dist/common/forms/index.mjs

@@ -0,0 +1,5 @@
+export { SwitchField } from './switch-field';
+export { FormField } from './form-field';
+export { FormInputField } from './form-input-field';
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/common/forms/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs","sourcesContent":[]}

package/dist/common/forms/switch-field.d.ts

@@ -0,0 +1,19 @@
+export interface SwitchFieldProps {
+    id: string;
+    label: string;
+    checked?: boolean;
+    onCheckedChange?: (_checked: boolean) => void;
+    disabled?: boolean;
+    description?: string;
+    className?: string;
+    containerClassName?: string;
+    switchClassName?: string;
+    labelClassName?: string;
+    descriptionClassName?: string;
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'default' | 'success' | 'warning' | 'destructive';
+    labelPosition?: 'left' | 'right';
+    direction?: 'horizontal' | 'vertical';
+}
+export declare const SwitchField: import("react").ForwardRefExoticComponent<SwitchFieldProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=switch-field.d.ts.map

package/dist/common/forms/switch-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-field.d.ts","sourceRoot":"","sources":["../../../src/common/forms/switch-field.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;IAC5D,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC;AAED,eAAO,MAAM,WAAW,gHAkGvB,CAAC"}

package/dist/common/forms/switch-field.js

@@ -0,0 +1,106 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var label = require('@/components/label');
+var _switch = require('@/components/switch');
+var utils = require('@/lib/utils');
+var react = require('react');
+
+const SwitchField = react.forwardRef(
+  ({
+    id,
+    label: label$1,
+    checked,
+    onCheckedChange,
+    disabled = false,
+    description,
+    className,
+    containerClassName,
+    switchClassName,
+    labelClassName,
+    descriptionClassName,
+    size = "md",
+    variant = "default",
+    labelPosition = "right",
+    direction = "horizontal",
+    ...props
+  }, ref) => {
+    const sizeVariants = {
+      sm: "space-y-1",
+      md: "space-y-2",
+      lg: "space-y-3"
+    };
+    const variantClasses = {
+      default: "",
+      success: "data-[state=checked]:bg-green-500",
+      warning: "data-[state=checked]:bg-yellow-500",
+      destructive: "data-[state=checked]:bg-red-500"
+    };
+    const directionClasses = {
+      horizontal: "flex items-center space-x-2",
+      vertical: "flex flex-col space-y-2"
+    };
+    const labelOrder = labelPosition === "left" ? "order-2" : "order-1";
+    const switchOrder = labelPosition === "left" ? "order-1" : "order-2";
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn(sizeVariants[size], className), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: utils.cn(
+            directionClasses[direction],
+            direction === "horizontal" && labelPosition === "left" && "flex-row-reverse justify-end",
+            containerClassName
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              _switch.Switch,
+              {
+                ref,
+                id,
+                checked,
+                onCheckedChange,
+                disabled,
+                className: utils.cn(variantClasses[variant], switchClassName, switchOrder),
+                ...props
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              label.Label,
+              {
+                htmlFor: id,
+                className: utils.cn(
+                  "cursor-pointer select-none",
+                  disabled && "cursor-not-allowed opacity-50",
+                  size === "sm" && "text-sm",
+                  size === "lg" && "text-lg font-medium",
+                  labelClassName,
+                  labelOrder
+                ),
+                children: label$1
+              }
+            )
+          ]
+        }
+      ),
+      description && /* @__PURE__ */ jsxRuntime.jsx(
+        "p",
+        {
+          className: utils.cn(
+            "text-muted-foreground",
+            size === "sm" && "text-xs",
+            size === "md" && "text-sm",
+            size === "lg" && "text-base",
+            disabled && "opacity-50",
+            descriptionClassName
+          ),
+          children: description
+        }
+      )
+    ] });
+  }
+);
+SwitchField.displayName = "SwitchField";
+
+exports.SwitchField = SwitchField;
+//# sourceMappingURL=switch-field.js.map
+//# sourceMappingURL=switch-field.js.map

package/dist/common/forms/switch-field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/forms/switch-field.tsx"],"names":["forwardRef","label","jsxs","cn","jsx","Switch","Label"],"mappings":";;;;;;;;AAyBO,MAAM,WAAA,GAAcA,gBAAA;AAAA,EACzB,CACE;AAAA,IACE,EAAA;AAAA,WACAC,OAAA;AAAA,IACA,OAAA;AAAA,IACA,eAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,WAAA;AAAA,IACA,SAAA;AAAA,IACA,kBAAA;AAAA,IACA,eAAA;AAAA,IACA,cAAA;AAAA,IACA,oBAAA;AAAA,IACA,IAAA,GAAO,IAAA;AAAA,IACP,OAAA,GAAU,SAAA;AAAA,IACV,aAAA,GAAgB,OAAA;AAAA,IAChB,SAAA,GAAY,YAAA;AAAA,IACZ,GAAG;AAAA,KAEL,GAAA,KACG;AAEH,IAAA,MAAM,YAAA,GAAe;AAAA,MACnB,EAAA,EAAI,WAAA;AAAA,MACJ,EAAA,EAAI,WAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAGA,IAAA,MAAM,cAAA,GAAiB;AAAA,MACrB,OAAA,EAAS,EAAA;AAAA,MACT,OAAA,EAAS,mCAAA;AAAA,MACT,OAAA,EAAS,oCAAA;AAAA,MACT,WAAA,EAAa;AAAA,KACf;AAGA,IAAA,MAAM,gBAAA,GAAmB;AAAA,MACvB,UAAA,EAAY,6BAAA;AAAA,MACZ,QAAA,EAAU;AAAA,KACZ;AAGA,IAAA,MAAM,UAAA,GAAa,aAAA,KAAkB,MAAA,GAAS,SAAA,GAAY,SAAA;AAC1D,IAAA,MAAM,WAAA,GAAc,aAAA,KAAkB,MAAA,GAAS,SAAA,GAAY,SAAA;AAE3D,IAAA,uBACEC,eAAA,CAAC,SAAI,SAAA,EAAWC,QAAA,CAAG,aAAa,IAAI,CAAA,EAAG,SAAS,CAAA,EAC9C,QAAA,EAAA;AAAA,sBAAAD,eAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAWC,QAAA;AAAA,YACT,iBAAiB,SAAS,CAAA;AAAA,YAC1B,SAAA,KAAc,YAAA,IACZ,aAAA,KAAkB,MAAA,IAClB,8BAAA;AAAA,YACF;AAAA,WACF;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAAC,cAAA;AAAA,cAACC,cAAA;AAAA,cAAA;AAAA,gBACC,GAAA;AAAA,gBACA,EAAA;AAAA,gBACA,OAAA;AAAA,gBACA,eAAA;AAAA,gBACA,QAAA;AAAA,gBACA,WAAWF,QAAA,CAAG,cAAA,CAAe,OAAO,CAAA,EAAG,iBAAiB,WAAW,CAAA;AAAA,gBAClE,GAAG;AAAA;AAAA,aACN;AAAA,4BACAC,cAAA;AAAA,cAACE,WAAA;AAAA,cAAA;AAAA,gBACC,OAAA,EAAS,EAAA;AAAA,gBACT,SAAA,EAAWH,QAAA;AAAA,kBACT,4BAAA;AAAA,kBACA,QAAA,IAAY,+BAAA;AAAA,kBACZ,SAAS,IAAA,IAAQ,SAAA;AAAA,kBACjB,SAAS,IAAA,IAAQ,qBAAA;AAAA,kBACjB,cAAA;AAAA,kBACA;AAAA,iBACF;AAAA,gBAEC,QAAA,EAAAF;AAAA;AAAA;AACH;AAAA;AAAA,OACF;AAAA,MACC,WAAA,oBACCG,cAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAWD,QAAA;AAAA,YACT,uBAAA;AAAA,YACA,SAAS,IAAA,IAAQ,SAAA;AAAA,YACjB,SAAS,IAAA,IAAQ,SAAA;AAAA,YACjB,SAAS,IAAA,IAAQ,WAAA;AAAA,YACjB,QAAA,IAAY,YAAA;AAAA,YACZ;AAAA,WACF;AAAA,UAEC,QAAA,EAAA;AAAA;AAAA;AACH,KAAA,EAEJ,CAAA;AAAA,EAEJ;AACF;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"switch-field.js","sourcesContent":["'use client';\n\nimport { Label } from '@/components/label';\nimport { Switch } from '@/components/switch';\nimport { cn } from '@/lib/utils';\nimport { forwardRef } from 'react';\n\nexport interface SwitchFieldProps {\n  id: string;\n  label: string;\n  checked?: boolean;\n  onCheckedChange?: (_checked: boolean) => void;\n  disabled?: boolean;\n  description?: string;\n  className?: string;\n  containerClassName?: string;\n  switchClassName?: string;\n  labelClassName?: string;\n  descriptionClassName?: string;\n  size?: 'sm' | 'md' | 'lg';\n  variant?: 'default' | 'success' | 'warning' | 'destructive';\n  labelPosition?: 'left' | 'right';\n  direction?: 'horizontal' | 'vertical';\n}\n\nexport const SwitchField = forwardRef<React.ElementRef<typeof Switch>, SwitchFieldProps>(\n  (\n    {\n      id,\n      label,\n      checked,\n      onCheckedChange,\n      disabled = false,\n      description,\n      className,\n      containerClassName,\n      switchClassName,\n      labelClassName,\n      descriptionClassName,\n      size = 'md',\n      variant = 'default',\n      labelPosition = 'right',\n      direction = 'horizontal',\n      ...props\n    },\n    ref,\n  ) => {\n    // Size variants for the container\n    const sizeVariants = {\n      sm: 'space-y-1',\n      md: 'space-y-2',\n      lg: 'space-y-3',\n    };\n\n    // Variant classes for different states\n    const variantClasses = {\n      default: '',\n      success: 'data-[state=checked]:bg-green-500',\n      warning: 'data-[state=checked]:bg-yellow-500',\n      destructive: 'data-[state=checked]:bg-red-500',\n    };\n\n    // Layout direction classes\n    const directionClasses = {\n      horizontal: 'flex items-center space-x-2',\n      vertical: 'flex flex-col space-y-2',\n    };\n\n    // Label position classes\n    const labelOrder = labelPosition === 'left' ? 'order-2' : 'order-1';\n    const switchOrder = labelPosition === 'left' ? 'order-1' : 'order-2';\n\n    return (\n      <div className={cn(sizeVariants[size], className)}>\n        <div\n          className={cn(\n            directionClasses[direction],\n            direction === 'horizontal' &&\n              labelPosition === 'left' &&\n              'flex-row-reverse justify-end',\n            containerClassName,\n          )}\n        >\n          <Switch\n            ref={ref}\n            id={id}\n            checked={checked}\n            onCheckedChange={onCheckedChange}\n            disabled={disabled}\n            className={cn(variantClasses[variant], switchClassName, switchOrder)}\n            {...props}\n          />\n          <Label\n            htmlFor={id}\n            className={cn(\n              'cursor-pointer select-none',\n              disabled && 'cursor-not-allowed opacity-50',\n              size === 'sm' && 'text-sm',\n              size === 'lg' && 'text-lg font-medium',\n              labelClassName,\n              labelOrder,\n            )}\n          >\n            {label}\n          </Label>\n        </div>\n        {description && (\n          <p\n            className={cn(\n              'text-muted-foreground',\n              size === 'sm' && 'text-xs',\n              size === 'md' && 'text-sm',\n              size === 'lg' && 'text-base',\n              disabled && 'opacity-50',\n              descriptionClassName,\n            )}\n          >\n            {description}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nSwitchField.displayName = 'SwitchField';\n"]}