shad-m 1.0.0 → 1.0.2

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

@@ -1,58 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

@@ -1,56 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,64 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

@@ -1,62 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,22 +0,0 @@
-'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

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

package/dist/common/forms/index.mjs

@@ -1,5 +0,0 @@
-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

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

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

@@ -1,106 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

@@ -1,104 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"]}