@letar/forms 1.0.3 → 1.2.0

package/chunk-MZDTJSF7.js

@@ -0,0 +1,299 @@
+import { createField, FieldWrapper, FieldTooltip, FieldError } from './chunk-XFWLD5EO.js';
+import { NumberInput, Field, RatingGroup, HStack, Slider, For } from '@chakra-ui/react';
+import { useMemo } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var FieldCurrency = createField({
+  displayName: "FieldCurrency",
+  useFieldState: (props) => {
+    const { currency = "RUB", currencyDisplay = "symbol", decimalScale = 2 } = props;
+    const formatOptions = useMemo(
+      () => ({
+        style: "currency",
+        currency,
+        currencyDisplay,
+        minimumFractionDigits: decimalScale,
+        maximumFractionDigits: decimalScale
+      }),
+      [currency, currencyDisplay, decimalScale]
+    );
+    return { formatOptions };
+  },
+  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps, fieldState }) => {
+    const value = field.state.value;
+    const { min, max, step = 0.01, size } = componentProps;
+    const { formatOptions } = fieldState;
+    return /* @__PURE__ */ jsx(FieldWrapper, { resolved, hasError, errorMessage, fullPath, children: /* @__PURE__ */ jsxs(
+      NumberInput.Root,
+      {
+        value: value?.toString() ?? "",
+        onValueChange: (details) => {
+          const num = details.valueAsNumber;
+          field.handleChange(Number.isNaN(num) ? void 0 : num);
+        },
+        onBlur: field.handleBlur,
+        min,
+        max,
+        step,
+        formatOptions,
+        clampValueOnBlur: true,
+        size,
+        children: [
+          /* @__PURE__ */ jsxs(NumberInput.Control, { children: [
+            /* @__PURE__ */ jsx(NumberInput.IncrementTrigger, {}),
+            /* @__PURE__ */ jsx(NumberInput.DecrementTrigger, {})
+          ] }),
+          /* @__PURE__ */ jsx(NumberInput.Input, { placeholder: resolved.placeholder, "data-field-name": fullPath })
+        ]
+      }
+    ) });
+  }
+});
+var FieldNumber = createField({
+  displayName: "FieldNumber",
+  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps }) => {
+    const value = field.state.value;
+    const { constraints } = resolved;
+    const min = componentProps.min ?? constraints.number?.min;
+    const max = componentProps.max ?? constraints.number?.max;
+    const step = componentProps.step ?? constraints.number?.step;
+    const isOptional = resolved.required === false;
+    const isEmpty = value === void 0 || value === null;
+    const shouldApplyMinMax = !isOptional || !isEmpty;
+    return /* @__PURE__ */ jsx(FieldWrapper, { resolved, hasError, errorMessage, fullPath, children: /* @__PURE__ */ jsxs(
+      NumberInput.Root,
+      {
+        value: value?.toString() ?? "",
+        onValueChange: (details) => {
+          const num = details.valueAsNumber;
+          field.handleChange(Number.isNaN(num) ? void 0 : num);
+        },
+        onBlur: field.handleBlur,
+        min: shouldApplyMinMax ? min : void 0,
+        max: shouldApplyMinMax ? max : void 0,
+        step,
+        children: [
+          /* @__PURE__ */ jsxs(NumberInput.Control, { children: [
+            /* @__PURE__ */ jsx(NumberInput.IncrementTrigger, {}),
+            /* @__PURE__ */ jsx(NumberInput.DecrementTrigger, {})
+          ] }),
+          /* @__PURE__ */ jsx(NumberInput.Input, { placeholder: resolved.placeholder, "data-field-name": fullPath, inputMode: "decimal" })
+        ]
+      }
+    ) });
+  }
+});
+var FieldNumberInput = createField({
+  displayName: "FieldNumberInput",
+  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps }) => {
+    const value = field.state.value;
+    return /* @__PURE__ */ jsx(FieldWrapper, { resolved, hasError, errorMessage, fullPath, children: /* @__PURE__ */ jsxs(
+      NumberInput.Root,
+      {
+        value: value?.toString() ?? "",
+        onValueChange: (details) => {
+          const num = details.valueAsNumber;
+          field.handleChange(Number.isNaN(num) ? void 0 : num);
+        },
+        onBlur: field.handleBlur,
+        min: componentProps.min,
+        max: componentProps.max,
+        step: componentProps.step,
+        formatOptions: componentProps.formatOptions,
+        allowMouseWheel: componentProps.allowMouseWheel,
+        clampValueOnBlur: componentProps.clampValueOnBlur ?? true,
+        spinOnPress: componentProps.spinOnPress ?? true,
+        size: componentProps.size,
+        children: [
+          /* @__PURE__ */ jsxs(NumberInput.Control, { children: [
+            /* @__PURE__ */ jsx(NumberInput.IncrementTrigger, {}),
+            /* @__PURE__ */ jsx(NumberInput.DecrementTrigger, {})
+          ] }),
+          /* @__PURE__ */ jsx(NumberInput.Input, { placeholder: resolved.placeholder, "data-field-name": fullPath, inputMode: "decimal" })
+        ]
+      }
+    ) });
+  }
+});
+var FieldPercentage = createField({
+  displayName: "FieldPercentage",
+  useFieldState: (props) => {
+    const { decimalScale = 0 } = props;
+    const formatOptions = useMemo(
+      () => ({
+        style: "unit",
+        unit: "percent",
+        unitDisplay: "short",
+        minimumFractionDigits: decimalScale,
+        maximumFractionDigits: decimalScale
+      }),
+      [decimalScale]
+    );
+    return { formatOptions };
+  },
+  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps, fieldState }) => {
+    const value = field.state.value;
+    const { min = 0, max = 100, step = 1, size } = componentProps;
+    const { formatOptions } = fieldState;
+    return /* @__PURE__ */ jsx(FieldWrapper, { resolved, hasError, errorMessage, fullPath, children: /* @__PURE__ */ jsxs(
+      NumberInput.Root,
+      {
+        value: value?.toString() ?? "",
+        onValueChange: (details) => {
+          const num = details.valueAsNumber;
+          field.handleChange(Number.isNaN(num) ? void 0 : num);
+        },
+        onBlur: field.handleBlur,
+        min,
+        max,
+        step,
+        formatOptions,
+        clampValueOnBlur: true,
+        size,
+        children: [
+          /* @__PURE__ */ jsxs(NumberInput.Control, { children: [
+            /* @__PURE__ */ jsx(NumberInput.IncrementTrigger, {}),
+            /* @__PURE__ */ jsx(NumberInput.DecrementTrigger, {})
+          ] }),
+          /* @__PURE__ */ jsx(NumberInput.Input, { placeholder: resolved.placeholder, "data-field-name": fullPath })
+        ]
+      }
+    ) });
+  }
+});
+var FieldRating = createField({
+  displayName: "FieldRating",
+  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps }) => {
+    const { count = 5, allowHalf = false, size = "md", colorPalette, icon, onValueChange } = componentProps;
+    const value = field.state.value ?? 0;
+    const handleValueChange = (details) => {
+      field.handleChange(details.value);
+      onValueChange?.(details.value);
+    };
+    return /* @__PURE__ */ jsxs(
+      Field.Root,
+      {
+        invalid: hasError,
+        required: resolved.required,
+        disabled: resolved.disabled,
+        readOnly: resolved.readOnly,
+        children: [
+          /* @__PURE__ */ jsxs(
+            RatingGroup.Root,
+            {
+              value,
+              onValueChange: handleValueChange,
+              count,
+              allowHalf,
+              size,
+              colorPalette,
+              disabled: resolved.disabled,
+              readOnly: resolved.readOnly,
+              "data-field-name": fullPath,
+              children: [
+                resolved.label && /* @__PURE__ */ jsx(RatingGroup.Label, { children: resolved.tooltip ? /* @__PURE__ */ jsxs(HStack, { gap: 1, children: [
+                  /* @__PURE__ */ jsx("span", { children: resolved.label }),
+                  /* @__PURE__ */ jsx(FieldTooltip, { ...resolved.tooltip })
+                ] }) : resolved.label }),
+                /* @__PURE__ */ jsx(RatingGroup.HiddenInput, { onBlur: field.handleBlur }),
+                /* @__PURE__ */ jsx(RatingGroup.Control, { children: Array.from({ length: count }).map((_, index) => /* @__PURE__ */ jsx(RatingGroup.Item, { index: index + 1, children: /* @__PURE__ */ jsx(RatingGroup.ItemIndicator, { icon }) }, index)) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(FieldError, { hasError, errorMessage, helperText: resolved.helperText })
+        ]
+      }
+    );
+  }
+});
+var FieldSlider = createField({
+  displayName: "FieldSlider",
+  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps }) => {
+    const { constraints } = resolved;
+    const min = componentProps.min ?? constraints.number?.min ?? 0;
+    const max = componentProps.max ?? constraints.number?.max ?? 100;
+    const step = componentProps.step ?? constraints.number?.step ?? 1;
+    const {
+      showValue,
+      orientation = "horizontal",
+      size = "md",
+      variant = "outline",
+      colorPalette,
+      marks,
+      origin,
+      onValueChange,
+      onValueChangeEnd
+    } = componentProps;
+    const normalizedMarks = marks?.map((mark) => typeof mark === "number" ? { value: mark, label: void 0 } : mark);
+    const numValue = field.state.value ?? min;
+    const arrayValue = [numValue];
+    const handleValueChange = (details) => {
+      const newValue = details.value[0] ?? min;
+      field.handleChange(newValue);
+      onValueChange?.(newValue);
+    };
+    const handleValueChangeEnd = (details) => {
+      const newValue = details.value[0] ?? min;
+      onValueChangeEnd?.(newValue);
+    };
+    return /* @__PURE__ */ jsxs(
+      Field.Root,
+      {
+        invalid: hasError,
+        required: resolved.required,
+        disabled: resolved.disabled,
+        readOnly: resolved.readOnly,
+        children: [
+          /* @__PURE__ */ jsxs(
+            Slider.Root,
+            {
+              value: arrayValue,
+              onValueChange: handleValueChange,
+              onValueChangeEnd: handleValueChangeEnd,
+              min,
+              max,
+              step,
+              orientation,
+              size,
+              variant,
+              colorPalette,
+              origin,
+              disabled: resolved.disabled,
+              readOnly: resolved.readOnly,
+              invalid: hasError,
+              thumbAlignment: "center",
+              onBlur: field.handleBlur,
+              "data-field-name": fullPath,
+              children: [
+                resolved.label && !showValue && /* @__PURE__ */ jsx(Slider.Label, { children: resolved.tooltip ? /* @__PURE__ */ jsxs(HStack, { gap: 1, children: [
+                  /* @__PURE__ */ jsx("span", { children: resolved.label }),
+                  /* @__PURE__ */ jsx(FieldTooltip, { ...resolved.tooltip })
+                ] }) : resolved.label }),
+                resolved.label && showValue && /* @__PURE__ */ jsxs(HStack, { justify: "space-between", children: [
+                  /* @__PURE__ */ jsx(Slider.Label, { children: resolved.tooltip ? /* @__PURE__ */ jsxs(HStack, { gap: 1, children: [
+                    /* @__PURE__ */ jsx("span", { children: resolved.label }),
+                    /* @__PURE__ */ jsx(FieldTooltip, { ...resolved.tooltip })
+                  ] }) : resolved.label }),
+                  /* @__PURE__ */ jsx(Slider.ValueText, {})
+                ] }),
+                /* @__PURE__ */ jsxs(Slider.Control, { children: [
+                  /* @__PURE__ */ jsx(Slider.Track, { children: /* @__PURE__ */ jsx(Slider.Range, {}) }),
+                  /* @__PURE__ */ jsx(For, { each: arrayValue, children: (_, index) => /* @__PURE__ */ jsx(Slider.Thumb, { index, children: /* @__PURE__ */ jsx(Slider.HiddenInput, {}) }, index) }),
+                  normalizedMarks && normalizedMarks.length > 0 && /* @__PURE__ */ jsx(Slider.MarkerGroup, { children: normalizedMarks.map((mark, index) => /* @__PURE__ */ jsxs(Slider.Marker, { value: mark.value, children: [
+                    /* @__PURE__ */ jsx(Slider.MarkerIndicator, {}),
+                    mark.label
+                  ] }, index)) })
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(FieldError, { hasError, errorMessage, helperText: resolved.helperText })
+        ]
+      }
+    );
+  }
+});
+
+export { FieldCurrency, FieldNumber, FieldNumberInput, FieldPercentage, FieldRating, FieldSlider };
+//# sourceMappingURL=chunk-MZDTJSF7.js.map
+//# sourceMappingURL=chunk-MZDTJSF7.js.map

package/chunk-MZDTJSF7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/declarative/form-fields/number/field-currency.tsx","../src/lib/declarative/form-fields/number/field-number.tsx","../src/lib/declarative/form-fields/number/field-number-input.tsx","../src/lib/declarative/form-fields/number/field-percentage.tsx","../src/lib/declarative/form-fields/number/field-rating.tsx","../src/lib/declarative/form-fields/number/field-slider.tsx"],"names":["jsx","jsxs","NumberInput","useMemo","Field","HStack"],"mappings":"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","file":"chunk-MZDTJSF7.js","sourcesContent":["'use client'\n\nimport { NumberInput } from '@chakra-ui/react'\nimport { type ReactElement, useMemo } from 'react'\nimport type { CurrencyFieldProps } from '../../types'\nimport { createField, FieldWrapper } from '../base'\n\n/**\n * Form.Field.Currency - Currency input field\n *\n * Renders NumberInput with currency formatting (symbol and decimal part).\n *\n * @example Russian rubles (by default)\n * ```tsx\n * <Form.Field.Currency name=\"price\" label=\"Price\" />\n * ```\n *\n * @example US Dollars\n * ```tsx\n * <Form.Field.Currency name=\"amount\" label=\"Amount\" currency=\"USD\" />\n * ```\n *\n * @example Euro with currency code\n * ```tsx\n * <Form.Field.Currency\n *   name=\"total\"\n *   label=\"Total\"\n *   currency=\"EUR\"\n *   currencyDisplay=\"code\"\n * />\n * ```\n */\n/** Currency field state */\ninterface CurrencyFieldState {\n  /** Memoized format options */\n  formatOptions: Intl.NumberFormatOptions\n}\n\nexport const FieldCurrency = createField<CurrencyFieldProps, number | undefined, CurrencyFieldState>({\n  displayName: 'FieldCurrency',\n\n  useFieldState: (props) => {\n    const { currency = 'RUB', currencyDisplay = 'symbol', decimalScale = 2 } = props\n\n    // Memoize formatOptions at component top level\n    const formatOptions = useMemo(\n      () => ({\n        style: 'currency' as const,\n        currency,\n        currencyDisplay,\n        minimumFractionDigits: decimalScale,\n        maximumFractionDigits: decimalScale,\n      }),\n      [currency, currencyDisplay, decimalScale]\n    )\n\n    return { formatOptions }\n  },\n\n  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps, fieldState }): ReactElement => {\n    const value = field.state.value as number | undefined\n\n    const { min, max, step = 0.01, size } = componentProps\n\n    const { formatOptions } = fieldState\n\n    return (\n      <FieldWrapper resolved={resolved} hasError={hasError} errorMessage={errorMessage} fullPath={fullPath}>\n        <NumberInput.Root\n          value={value?.toString() ?? ''}\n          onValueChange={(details: { valueAsNumber: number }) => {\n            const num = details.valueAsNumber\n            field.handleChange(Number.isNaN(num) ? undefined : num)\n          }}\n          onBlur={field.handleBlur}\n          min={min}\n          max={max}\n          step={step}\n          formatOptions={formatOptions}\n          clampValueOnBlur\n          size={size}\n        >\n          <NumberInput.Control>\n            <NumberInput.IncrementTrigger />\n            <NumberInput.DecrementTrigger />\n          </NumberInput.Control>\n          <NumberInput.Input placeholder={resolved.placeholder} data-field-name={fullPath} />\n        </NumberInput.Root>\n      </FieldWrapper>\n    )\n  },\n})\n","'use client'\n\nimport { NumberInput } from '@chakra-ui/react'\nimport type { ReactElement } from 'react'\nimport type { NumberFieldProps } from '../../types'\nimport { createField, FieldWrapper } from '../base'\n\n/**\n * Form.Field.Number - Number input field\n *\n * Renders a Chakra NumberInput with automatic form integration and error display.\n *\n * Automatically extracts from Zod schema:\n * - `min` from `z.number().min(1)` → min={1}\n * - `max` from `z.number().max(100)` → max={100}\n * - `step` from `z.number().int()` → step={1}, or `z.number().multipleOf(0.5)` → step={0.5}\n * - `helperText` automatically generated from constraints (\"From 1 to 100\")\n *\n * Props always take priority over automatic values from schema.\n *\n * @example\n * ```tsx\n * <Form.Field.Number name=\"portions\" label=\"Portions\" />\n * // With z.number().min(1).max(100) automatically: min={1} max={100} helperText=\"From 1 to 100\"\n * ```\n */\nexport const FieldNumber = createField<NumberFieldProps, number | undefined>({\n  displayName: 'FieldNumber',\n  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps }): ReactElement => {\n    const value = field.state.value as number | undefined\n    const { constraints } = resolved\n\n    // Props take priority over constraints\n    const min = componentProps.min ?? constraints.number?.min\n    const max = componentProps.max ?? constraints.number?.max\n    const step = componentProps.step ?? constraints.number?.step\n\n    // For optional fields do not pass min/max to NumberInput when value is empty,\n    // otherwise Chakra will show invalid state for empty value\n    const isOptional = resolved.required === false\n    const isEmpty = value === undefined || value === null\n    const shouldApplyMinMax = !isOptional || !isEmpty\n\n    return (\n      <FieldWrapper resolved={resolved} hasError={hasError} errorMessage={errorMessage} fullPath={fullPath}>\n        <NumberInput.Root\n          value={value?.toString() ?? ''}\n          onValueChange={(details: { valueAsNumber: number }) => {\n            const num = details.valueAsNumber\n            field.handleChange(Number.isNaN(num) ? undefined : num)\n          }}\n          onBlur={field.handleBlur}\n          min={shouldApplyMinMax ? min : undefined}\n          max={shouldApplyMinMax ? max : undefined}\n          step={step}\n        >\n          <NumberInput.Control>\n            <NumberInput.IncrementTrigger />\n            <NumberInput.DecrementTrigger />\n          </NumberInput.Control>\n          <NumberInput.Input placeholder={resolved.placeholder} data-field-name={fullPath} inputMode=\"decimal\" />\n        </NumberInput.Root>\n      </FieldWrapper>\n    )\n  },\n})\n","'use client'\n\nimport { NumberInput } from '@chakra-ui/react'\nimport type { ReactElement } from 'react'\nimport type { NumberInputFieldProps } from '../../types'\nimport { createField, FieldWrapper } from '../base'\n\n/**\n * Form.Field.NumberInput - Number field with extended options\n *\n * Extends base Number field with formatting, mouse wheel support, etc.\n *\n * @example Basic usage\n * ```tsx\n * <Form.Field.NumberInput name=\"quantity\" label=\"Quantity\" min={1} max={100} />\n * ```\n *\n * @example With currency formatting\n * ```tsx\n * <Form.Field.NumberInput\n *   name=\"price\"\n *   label=\"Price\"\n *   formatOptions={{ style: 'currency', currency: 'RUB' }}\n * />\n * ```\n *\n * @example With mouse wheel\n * ```tsx\n * <Form.Field.NumberInput name=\"count\" allowMouseWheel />\n * ```\n */\nexport const FieldNumberInput = createField<NumberInputFieldProps, number | undefined>({\n  displayName: 'FieldNumberInput',\n\n  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps }): ReactElement => {\n    const value = field.state.value as number | undefined\n\n    return (\n      <FieldWrapper resolved={resolved} hasError={hasError} errorMessage={errorMessage} fullPath={fullPath}>\n        <NumberInput.Root\n          value={value?.toString() ?? ''}\n          onValueChange={(details: { valueAsNumber: number }) => {\n            const num = details.valueAsNumber\n            field.handleChange(Number.isNaN(num) ? undefined : num)\n          }}\n          onBlur={field.handleBlur}\n          min={componentProps.min}\n          max={componentProps.max}\n          step={componentProps.step}\n          formatOptions={componentProps.formatOptions}\n          allowMouseWheel={componentProps.allowMouseWheel}\n          clampValueOnBlur={componentProps.clampValueOnBlur ?? true}\n          spinOnPress={componentProps.spinOnPress ?? true}\n          size={componentProps.size}\n        >\n          <NumberInput.Control>\n            <NumberInput.IncrementTrigger />\n            <NumberInput.DecrementTrigger />\n          </NumberInput.Control>\n          <NumberInput.Input placeholder={resolved.placeholder} data-field-name={fullPath} inputMode=\"decimal\" />\n        </NumberInput.Root>\n      </FieldWrapper>\n    )\n  },\n})\n","'use client'\n\nimport { NumberInput } from '@chakra-ui/react'\nimport { type ReactElement, useMemo } from 'react'\nimport type { PercentageFieldProps } from '../../types'\nimport { createField, FieldWrapper } from '../base'\n\n/**\n * Form.Field.Percentage - Percentage input field\n *\n * Renders NumberInput with percentage formatting and % symbol.\n * Value is stored as-is (50 = 50%), not as decimal fraction (0.5).\n *\n * @example Basic usage (0-100%)\n * ```tsx\n * <Form.Field.Percentage name=\"discount\" label=\"Discount\" />\n * ```\n *\n * @example With custom range\n * ```tsx\n * <Form.Field.Percentage name=\"margin\" label=\"Margin\" min={0} max={50} />\n * ```\n *\n * @example With decimals\n * ```tsx\n * <Form.Field.Percentage name=\"rate\" label=\"Rate\" decimalScale={2} step={0.1} />\n * ```\n */\n/** Percentage field state */\ninterface PercentageFieldState {\n  /** Memoized format options */\n  formatOptions: Intl.NumberFormatOptions\n}\n\nexport const FieldPercentage = createField<PercentageFieldProps, number | undefined, PercentageFieldState>({\n  displayName: 'FieldPercentage',\n\n  useFieldState: (props) => {\n    const { decimalScale = 0 } = props\n\n    // Use 'unit' style with percent to store whole numbers (50 = 50%)\n    // Chakra's 'percent' style expects decimals (0.5 = 50%)\n    const formatOptions = useMemo(\n      () => ({\n        style: 'unit' as const,\n        unit: 'percent',\n        unitDisplay: 'short' as const,\n        minimumFractionDigits: decimalScale,\n        maximumFractionDigits: decimalScale,\n      }),\n      [decimalScale]\n    )\n\n    return { formatOptions }\n  },\n\n  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps, fieldState }): ReactElement => {\n    const value = field.state.value as number | undefined\n\n    const { min = 0, max = 100, step = 1, size } = componentProps\n\n    const { formatOptions } = fieldState\n\n    return (\n      <FieldWrapper resolved={resolved} hasError={hasError} errorMessage={errorMessage} fullPath={fullPath}>\n        <NumberInput.Root\n          value={value?.toString() ?? ''}\n          onValueChange={(details: { valueAsNumber: number }) => {\n            const num = details.valueAsNumber\n            field.handleChange(Number.isNaN(num) ? undefined : num)\n          }}\n          onBlur={field.handleBlur}\n          min={min}\n          max={max}\n          step={step}\n          formatOptions={formatOptions}\n          clampValueOnBlur\n          size={size}\n        >\n          <NumberInput.Control>\n            <NumberInput.IncrementTrigger />\n            <NumberInput.DecrementTrigger />\n          </NumberInput.Control>\n          <NumberInput.Input placeholder={resolved.placeholder} data-field-name={fullPath} />\n        </NumberInput.Root>\n      </FieldWrapper>\n    )\n  },\n})\n","'use client'\n\nimport { Field, HStack, RatingGroup } from '@chakra-ui/react'\nimport type React from 'react'\nimport type { ReactElement, ReactNode } from 'react'\nimport type { BaseFieldProps } from '../../types'\nimport { createField, FieldError } from '../base'\nimport { FieldTooltip } from '../base/field-tooltip'\n\n/**\n * Props for Rating field\n */\nexport interface RatingFieldProps extends Omit<BaseFieldProps, 'placeholder'> {\n  /** Number of rating elements (by default: 5) */\n  count?: number\n  /** Allow half values (by default: false) */\n  allowHalf?: boolean\n  /** Size: xs, sm, md, lg (by default: md) */\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  /** Color palette (by default: gray) */\n  colorPalette?: 'gray' | 'red' | 'orange' | 'yellow' | 'green' | 'teal' | 'blue' | 'cyan' | 'purple' | 'pink'\n  /** Custom icon (by default: star) */\n  icon?: ReactNode\n  /** Callback on value change */\n  onValueChange?: (value: number) => void\n}\n\n/**\n * Form.Field.Rating - Star rating input field\n *\n * Renders Chakra RatingGroup with automatic form integration.\n * Form value is stored as number.\n *\n * @example Basic usage\n * ```tsx\n * <Form.Field.Rating name=\"rating\" label=\"Rating\" />\n * ```\n *\n * @example With custom count and color\n * ```tsx\n * <Form.Field.Rating\n *   name=\"quality\"\n *   label=\"Quality\"\n *   count={10}\n *   colorPalette=\"orange\"\n * />\n * ```\n *\n * @example With half values\n * ```tsx\n * <Form.Field.Rating\n *   name=\"score\"\n *   label=\"Score\"\n *   allowHalf\n *   size=\"lg\"\n * />\n * ```\n */\nexport const FieldRating = createField<RatingFieldProps, number>({\n  displayName: 'FieldRating',\n\n  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps }): ReactElement => {\n    const { count = 5, allowHalf = false, size = 'md', colorPalette, icon, onValueChange } = componentProps\n\n    const value = (field.state.value as number) ?? 0\n\n    const handleValueChange = (details: { value: number }) => {\n      field.handleChange(details.value)\n      onValueChange?.(details.value)\n    }\n\n    return (\n      <Field.Root\n        invalid={hasError}\n        required={resolved.required}\n        disabled={resolved.disabled}\n        readOnly={resolved.readOnly}\n      >\n        <RatingGroup.Root\n          value={value}\n          onValueChange={handleValueChange}\n          count={count}\n          allowHalf={allowHalf}\n          size={size}\n          colorPalette={colorPalette}\n          disabled={resolved.disabled}\n          readOnly={resolved.readOnly}\n          data-field-name={fullPath}\n        >\n          {resolved.label && (\n            <RatingGroup.Label>\n              {resolved.tooltip ? (\n                <HStack gap={1}>\n                  <span>{resolved.label}</span>\n                  <FieldTooltip {...resolved.tooltip} />\n                </HStack>\n              ) : (\n                resolved.label\n              )}\n            </RatingGroup.Label>\n          )}\n          <RatingGroup.HiddenInput onBlur={field.handleBlur} />\n          <RatingGroup.Control>\n            {Array.from({ length: count }).map((_, index) => (\n              <RatingGroup.Item key={index} index={index + 1}>\n                <RatingGroup.ItemIndicator icon={icon as React.ReactElement | undefined} />\n              </RatingGroup.Item>\n            ))}\n          </RatingGroup.Control>\n        </RatingGroup.Root>\n        <FieldError hasError={hasError} errorMessage={errorMessage} helperText={resolved.helperText} />\n      </Field.Root>\n    )\n  },\n})\n","'use client'\n\nimport { Field, For, HStack, Slider } from '@chakra-ui/react'\nimport type { ReactElement, ReactNode } from 'react'\nimport type { BaseFieldProps, FieldTooltipMeta } from '../../types'\nimport { createField, FieldError } from '../base'\nimport { FieldTooltip } from '../base/field-tooltip'\n\n/**\n * Slider mark definition\n */\nexport interface SliderMark {\n  /** Value on the scale */\n  value: number\n  /** Mark text */\n  label?: ReactNode\n}\n\n/**\n * Props for Slider field\n */\nexport interface SliderFieldProps extends Omit<BaseFieldProps, 'placeholder'> {\n  /** Tooltip for field label */\n  tooltip?: FieldTooltipMeta\n  /** Minimum value (by default: 0) */\n  min?: number\n  /** Maximum value (by default: 100) */\n  max?: number\n  /** Step (by default: 1) */\n  step?: number\n  /** Show current value next to label */\n  showValue?: boolean\n  /** Orientation (by default: horizontal) */\n  orientation?: 'horizontal' | 'vertical'\n  /** Size (by default: md) */\n  size?: 'sm' | 'md' | 'lg'\n  /** Variant (by default: outline) */\n  variant?: 'outline' | 'solid'\n  /** Color palette */\n  colorPalette?: 'gray' | 'red' | 'orange' | 'yellow' | 'green' | 'teal' | 'blue' | 'cyan' | 'purple' | 'pink'\n  /** Marks on slider track */\n  marks?: (number | SliderMark)[]\n  /** Fill origin point (by default: start) */\n  origin?: 'start' | 'center' | 'end'\n  /** Callback on value change */\n  onValueChange?: (value: number) => void\n  /** Callback when drag ends */\n  onValueChangeEnd?: (value: number) => void\n}\n\n/**\n * Form.Field.Slider - Slider field\n *\n * Renders Chakra Slider with automatic form integration.\n * Form value is stored as number.\n *\n * Automatically extracts from Zod schema:\n * - `min` from `z.number().min(1)` → min={1}\n * - `max` from `z.number().max(100)` → max={100}\n * - `step` from `z.number().int()` → step={1}, or `z.number().multipleOf(0.5)` → step={0.5}\n * - `helperText` automatically is generated from constraints (\"From 1 to 100\")\n *\n * Props always take priority over automatic values from schema.\n *\n * @example Basic usage\n * ```tsx\n * <Form.Field.Slider name=\"volume\" label=\"Volume\" />\n * ```\n *\n * @example With automatic constraints from Zod\n * ```tsx\n * // In schema: z.object({ rating: z.number().min(1).max(10) })\n * <Form.Field.Slider name=\"rating\" label=\"Rating\" showValue />\n * // Automatically: min={1} max={10} helperText=\"From 1 to 10\"\n * ```\n *\n * @example With marks\n * ```tsx\n * <Form.Field.Slider\n *   name=\"rating\"\n *   label=\"Rating\"\n *   min={0}\n *   max={100}\n *   marks={[0, 25, 50, 75, 100]}\n * />\n * ```\n */\nexport const FieldSlider = createField<SliderFieldProps, number>({\n  displayName: 'FieldSlider',\n\n  render: ({ field, fullPath, resolved, hasError, errorMessage, componentProps }): ReactElement => {\n    const { constraints } = resolved\n\n    // Props take priority over constraints, then defaults\n    const min = componentProps.min ?? constraints.number?.min ?? 0\n    const max = componentProps.max ?? constraints.number?.max ?? 100\n    const step = componentProps.step ?? constraints.number?.step ?? 1\n\n    const {\n      showValue,\n      orientation = 'horizontal',\n      size = 'md',\n      variant = 'outline',\n      colorPalette,\n      marks,\n      origin,\n      onValueChange,\n      onValueChangeEnd,\n    } = componentProps\n\n    // Normalize marks to array of objects\n    const normalizedMarks = marks?.map((mark) => (typeof mark === 'number' ? { value: mark, label: undefined } : mark))\n\n    // Convert number to array for Slider\n    const numValue = (field.state.value as number) ?? min\n    const arrayValue = [numValue]\n\n    const handleValueChange = (details: { value: number[] }) => {\n      const newValue = details.value[0] ?? min\n      field.handleChange(newValue)\n      onValueChange?.(newValue)\n    }\n\n    const handleValueChangeEnd = (details: { value: number[] }) => {\n      const newValue = details.value[0] ?? min\n      onValueChangeEnd?.(newValue)\n    }\n\n    return (\n      <Field.Root\n        invalid={hasError}\n        required={resolved.required}\n        disabled={resolved.disabled}\n        readOnly={resolved.readOnly}\n      >\n        <Slider.Root\n          value={arrayValue}\n          onValueChange={handleValueChange}\n          onValueChangeEnd={handleValueChangeEnd}\n          min={min}\n          max={max}\n          step={step}\n          orientation={orientation}\n          size={size}\n          variant={variant}\n          colorPalette={colorPalette}\n          origin={origin}\n          disabled={resolved.disabled}\n          readOnly={resolved.readOnly}\n          invalid={hasError}\n          thumbAlignment=\"center\"\n          onBlur={field.handleBlur}\n          data-field-name={fullPath}\n        >\n          {resolved.label && !showValue && (\n            <Slider.Label>\n              {resolved.tooltip ? (\n                <HStack gap={1}>\n                  <span>{resolved.label}</span>\n                  <FieldTooltip {...resolved.tooltip} />\n                </HStack>\n              ) : (\n                resolved.label\n              )}\n            </Slider.Label>\n          )}\n          {resolved.label && showValue && (\n            <HStack justify=\"space-between\">\n              <Slider.Label>\n                {resolved.tooltip ? (\n                  <HStack gap={1}>\n                    <span>{resolved.label}</span>\n                    <FieldTooltip {...resolved.tooltip} />\n                  </HStack>\n                ) : (\n                  resolved.label\n                )}\n              </Slider.Label>\n              <Slider.ValueText />\n            </HStack>\n          )}\n          <Slider.Control>\n            <Slider.Track>\n              <Slider.Range />\n            </Slider.Track>\n            <For each={arrayValue}>\n              {(_, index) => (\n                <Slider.Thumb key={index} index={index}>\n                  <Slider.HiddenInput />\n                </Slider.Thumb>\n              )}\n            </For>\n            {normalizedMarks && normalizedMarks.length > 0 && (\n              <Slider.MarkerGroup>\n                {normalizedMarks.map((mark, index) => (\n                  <Slider.Marker key={index} value={mark.value}>\n                    <Slider.MarkerIndicator />\n                    {mark.label}\n                  </Slider.Marker>\n                ))}\n              </Slider.MarkerGroup>\n            )}\n          </Slider.Control>\n        </Slider.Root>\n        <FieldError hasError={hasError} errorMessage={errorMessage} helperText={resolved.helperText} />\n      </Field.Root>\n    )\n  },\n})\n"]}