shad-m 1.0.2 → 1.0.3

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.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.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.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"]}

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

@@ -0,0 +1,104 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Label } from '@/components/label';
+import { Switch } from '@/components/switch';
+import { cn } from '@/lib/utils';
+import { forwardRef } from 'react';
+
+const SwitchField = forwardRef(
+  ({
+    id,
+    label,
+    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__ */ jsxs("div", { className: cn(sizeVariants[size], className), children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            directionClasses[direction],
+            direction === "horizontal" && labelPosition === "left" && "flex-row-reverse justify-end",
+            containerClassName
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                ref,
+                id,
+                checked,
+                onCheckedChange,
+                disabled,
+                className: cn(variantClasses[variant], switchClassName, switchOrder),
+                ...props
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Label,
+              {
+                htmlFor: id,
+                className: 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
+              }
+            )
+          ]
+        }
+      ),
+      description && /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: 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";
+
+export { SwitchField };
+//# sourceMappingURL=switch-field.mjs.map
+//# sourceMappingURL=switch-field.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/forms/switch-field.tsx"],"names":[],"mappings":";;;;;;AAyBO,MAAM,WAAA,GAAc,UAAA;AAAA,EACzB,CACE;AAAA,IACE,EAAA;AAAA,IACA,KAAA;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,uBACE,IAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,aAAa,IAAI,CAAA,EAAG,SAAS,CAAA,EAC9C,QAAA,EAAA;AAAA,sBAAA,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA;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,4BAAA,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,GAAA;AAAA,gBACA,EAAA;AAAA,gBACA,OAAA;AAAA,gBACA,eAAA;AAAA,gBACA,QAAA;AAAA,gBACA,WAAW,EAAA,CAAG,cAAA,CAAe,OAAO,CAAA,EAAG,iBAAiB,WAAW,CAAA;AAAA,gBAClE,GAAG;AAAA;AAAA,aACN;AAAA,4BACA,GAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,OAAA,EAAS,EAAA;AAAA,gBACT,SAAA,EAAW,EAAA;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,EAAA;AAAA;AAAA;AACH;AAAA;AAAA,OACF;AAAA,MACC,WAAA,oBACC,GAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA;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.mjs","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"]}