@pantool/components 1.0.0-alpha.10 → 1.0.0-alpha.11

package/dist/fields/autocomplete-field/autocomplete-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-field.js","names":[],"sources":["../../../src/fields/autocomplete-field/autocomplete-field.tsx"],"sourcesContent":["import { Autocomplete, type AutocompleteProps } from \"../../atoms/autocomplete\";\nimport { Field, type FieldProps } from \"../../internals/base-field\";\n\nexport type AutocompleteFieldProps<T = string> = AutocompleteProps<T> &\n  Pick<\n    FieldProps,\n    | \"label\"\n    | \"hideLabel\"\n    | \"required\"\n    | \"description\"\n    | \"invalid\"\n    | \"errorText\"\n    | \"dirty\"\n    | \"disabled\"\n  > & {\n    classNames?: AutocompleteProps<T>[\"classNames\"] & {\n      label?: string;\n      description?: string;\n      error?: string;\n    };\n  };\n\nexport const AutocompleteField = <T = string,>({\n  label,\n  hideLabel,\n  required,\n  description,\n  invalid,\n  errorText,\n  dirty,\n  disabled,\n  size,\n  classNames,\n  ...props\n}: AutocompleteFieldProps<T>) => {\n  return (\n    <Field\n      label={label}\n      hideLabel={hideLabel}\n      size={size}\n      disabled={disabled}\n      required={required}\n      errorText={errorText}\n      invalid={invalid}\n      description={description}\n      dirty={dirty}\n      classNames={{\n        root: classNames?.root,\n        label: classNames?.label,\n        description: classNames?.description,\n        error: classNames?.error,\n      }}\n      data-slot=\"autocomplete-field-root\"\n    >\n      <Autocomplete<T>\n        size={size}\n        disabled={disabled}\n        invalid={invalid}\n        classNames={classNames}\n        {...(props as any)}\n      />\n    </Field>\n  );\n};\n"],"mappings":"uQAsBA,MAAa,GAAkC,CAC7C,QACA,YACA,WACA,cACA,UACA,YACA,QACA,WACA,OACA,aACA,GAAG,KAGD,EAAC,EAAD,CACS,QACI,YACL,OACI,WACA,WACC,YACF,UACI,cACN,QACP,WAAY,CACV,KAAM,GAAY,KAClB,MAAO,GAAY,MACnB,YAAa,GAAY,YACzB,MAAO,GAAY,KACrB,EACA,YAAU,mCAEV,EAAC,EAAD,CACQ,OACI,WACD,UACG,aACZ,GAAK,CACN,CAAA,CACI,CAAA"}

package/dist/fields/autocomplete-field/index.d.ts

@@ -0,0 +1 @@
+import { AutocompleteField, AutocompleteFieldProps } from "./autocomplete-field.js";

package/dist/fields/autocomplete-field/index.js

@@ -0,0 +1 @@
+import"./autocomplete-field.js";

package/dist/fields/checkbox-field/checkbox-field.d.ts

@@ -0,0 +1,23 @@
+import { CheckboxProps } from "../../atoms/checkbox/checkbox.js";
+import { FieldProps } from "../../internals/base-field/base-field.js";
+//#region src/fields/checkbox-field/checkbox-field.d.ts
+type CheckboxFieldProps = CheckboxProps & Pick<FieldProps, "description" | "invalid" | "errorText" | "dirty" | "disabled"> & {
+  classNames?: CheckboxProps["classNames"] & {
+    description?: string;
+    error?: string;
+  };
+};
+declare function CheckboxField({
+  description,
+  invalid,
+  errorText,
+  dirty,
+  disabled,
+  size,
+  label,
+  classNames,
+  ...props
+}: CheckboxFieldProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { CheckboxField, CheckboxFieldProps };
+//# sourceMappingURL=checkbox-field.d.ts.map

package/dist/fields/checkbox-field/checkbox-field.js

@@ -0,0 +1,2 @@
+import{Checkbox as e}from"../../atoms/checkbox/checkbox.js";import"../../atoms/checkbox/index.js";import{Field as t}from"../../internals/base-field/base-field.js";import"../../internals/base-field/index.js";import{jsx as n}from"react/jsx-runtime";function r({description:r,invalid:i,errorText:a,dirty:o,disabled:s,size:c,label:l,classNames:u,...d}){return n(t,{label:l,hideLabel:!0,size:c,disabled:s,errorText:a,invalid:i,description:r,dirty:o,classNames:{description:u?.description,error:u?.error},"data-slot":`checkbox-field-root`,children:n(e,{size:c,label:l,disabled:s,invalid:i,classNames:{root:u?.root,control:u?.control,indicator:u?.indicator,label:u?.label},...d})})}export{r as CheckboxField};
+//# sourceMappingURL=checkbox-field.js.map

package/dist/fields/checkbox-field/checkbox-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-field.js","names":[],"sources":["../../../src/fields/checkbox-field/checkbox-field.tsx"],"sourcesContent":["import { Field, type FieldProps } from \"../../internals/base-field\";\nimport { Checkbox, type CheckboxProps } from \"../../atoms/checkbox\";\n\nexport type CheckboxFieldProps = CheckboxProps &\n  Pick<\n    FieldProps,\n    \"description\" | \"invalid\" | \"errorText\" | \"dirty\" | \"disabled\"\n  > & {\n    classNames?: CheckboxProps[\"classNames\"] & {\n      description?: string;\n      error?: string;\n    };\n  };\n\nexport function CheckboxField({\n  description,\n  invalid,\n  errorText,\n  dirty,\n  disabled,\n  size,\n  label,\n  classNames,\n  ...props\n}: CheckboxFieldProps) {\n  return (\n    <Field\n      label={label}\n      hideLabel\n      size={size}\n      disabled={disabled}\n      errorText={errorText}\n      invalid={invalid}\n      description={description}\n      dirty={dirty}\n      classNames={{\n        description: classNames?.description,\n        error: classNames?.error,\n      }}\n      data-slot=\"checkbox-field-root\"\n    >\n      <Checkbox\n        size={size}\n        label={label}\n        disabled={disabled}\n        invalid={invalid}\n        classNames={{\n          root: classNames?.root,\n          control: classNames?.control,\n          indicator: classNames?.indicator,\n          label: classNames?.label,\n        }}\n        {...props}\n      />\n    </Field>\n  );\n}\n"],"mappings":"uPAcA,SAAgB,EAAc,CAC5B,cACA,UACA,YACA,QACA,WACA,OACA,QACA,aACA,GAAG,GACkB,CACrB,OACE,EAAC,EAAD,CACS,QACP,UAAA,GACM,OACI,WACC,YACF,UACI,cACN,QACP,WAAY,CACV,YAAa,GAAY,YACzB,MAAO,GAAY,KACrB,EACA,YAAU,+BAEV,EAAC,EAAD,CACQ,OACC,QACG,WACD,UACT,WAAY,CACV,KAAM,GAAY,KAClB,QAAS,GAAY,QACrB,UAAW,GAAY,UACvB,MAAO,GAAY,KACrB,EACA,GAAI,CACL,CAAA,CACI,CAAA,CAEX"}

package/dist/fields/checkbox-field/index.d.ts

@@ -0,0 +1 @@
+import { CheckboxField, CheckboxFieldProps } from "./checkbox-field.js";

package/dist/fields/checkbox-field/index.js

@@ -0,0 +1 @@
+import"./checkbox-field.js";

package/dist/fields/checkbox-group-field/checkbox-group-field.d.ts

@@ -0,0 +1,26 @@
+import { CheckboxGroupProps } from "../../atoms/checkbox-group/checkbox-group.js";
+import { FieldProps } from "../../internals/base-field/base-field.js";
+//#region src/fields/checkbox-group-field/checkbox-group-field.d.ts
+type CheckboxGroupFieldProps = CheckboxGroupProps & Pick<FieldProps, "label" | "hideLabel" | "required" | "description" | "invalid" | "errorText" | "dirty" | "disabled"> & {
+  classNames?: CheckboxGroupProps["classNames"] & {
+    label?: string;
+    description?: string;
+    error?: string;
+  };
+};
+declare function CheckboxGroupField({
+  label,
+  hideLabel,
+  required,
+  description,
+  invalid,
+  errorText,
+  dirty,
+  disabled,
+  size,
+  classNames,
+  ...props
+}: CheckboxGroupFieldProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { CheckboxGroupField, CheckboxGroupFieldProps };
+//# sourceMappingURL=checkbox-group-field.d.ts.map

package/dist/fields/checkbox-group-field/checkbox-group-field.js

@@ -0,0 +1,2 @@
+import{CheckboxGroup as e}from"../../atoms/checkbox-group/checkbox-group.js";import"../../atoms/checkbox-group/index.js";import{Field as t}from"../../internals/base-field/base-field.js";import"../../internals/base-field/index.js";import{jsx as n}from"react/jsx-runtime";function r({label:r,hideLabel:i,required:a,description:o,invalid:s,errorText:c,dirty:l,disabled:u,size:d,classNames:f,...p}){return n(t,{label:r,hideLabel:i,size:d,disabled:u,required:a,errorText:c,invalid:s,description:o,dirty:l,classNames:{label:f?.label,description:f?.description,error:f?.error},"data-slot":`checkbox-group-field-root`,children:n(e,{size:d,disabled:u,invalid:s,classNames:{root:f?.root,item:f?.item,itemControl:f?.itemControl,itemIndicator:f?.itemIndicator,itemLabel:f?.itemLabel},...p})})}export{r as CheckboxGroupField};
+//# sourceMappingURL=checkbox-group-field.js.map

package/dist/fields/checkbox-group-field/checkbox-group-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group-field.js","names":[],"sources":["../../../src/fields/checkbox-group-field/checkbox-group-field.tsx"],"sourcesContent":["import { Field, type FieldProps } from \"../../internals/base-field\";\nimport { CheckboxGroup, type CheckboxGroupProps } from \"../../atoms/checkbox-group\";\n\nexport type CheckboxGroupFieldProps = CheckboxGroupProps &\n  Pick<\n    FieldProps,\n    | \"label\"\n    | \"hideLabel\"\n    | \"required\"\n    | \"description\"\n    | \"invalid\"\n    | \"errorText\"\n    | \"dirty\"\n    | \"disabled\"\n  > & {\n    classNames?: CheckboxGroupProps[\"classNames\"] & {\n      label?: string;\n      description?: string;\n      error?: string;\n    };\n  };\n\nexport function CheckboxGroupField({\n  label,\n  hideLabel,\n  required,\n  description,\n  invalid,\n  errorText,\n  dirty,\n  disabled,\n  size,\n  classNames,\n  ...props\n}: CheckboxGroupFieldProps) {\n  return (\n    <Field\n      label={label}\n      hideLabel={hideLabel}\n      size={size}\n      disabled={disabled}\n      required={required}\n      errorText={errorText}\n      invalid={invalid}\n      description={description}\n      dirty={dirty}\n      classNames={{\n        label: classNames?.label,\n        description: classNames?.description,\n        error: classNames?.error,\n      }}\n      data-slot=\"checkbox-group-field-root\"\n    >\n      <CheckboxGroup\n        size={size}\n        disabled={disabled}\n        invalid={invalid}\n        classNames={{\n          root: classNames?.root,\n          item: classNames?.item,\n          itemControl: classNames?.itemControl,\n          itemIndicator: classNames?.itemIndicator,\n          itemLabel: classNames?.itemLabel,\n        }}\n        {...props}\n      />\n    </Field>\n  );\n}\n"],"mappings":"8QAsBA,SAAgB,EAAmB,CACjC,QACA,YACA,WACA,cACA,UACA,YACA,QACA,WACA,OACA,aACA,GAAG,GACuB,CAC1B,OACE,EAAC,EAAD,CACS,QACI,YACL,OACI,WACA,WACC,YACF,UACI,cACN,QACP,WAAY,CACV,MAAO,GAAY,MACnB,YAAa,GAAY,YACzB,MAAO,GAAY,KACrB,EACA,YAAU,qCAEV,EAAC,EAAD,CACQ,OACI,WACD,UACT,WAAY,CACV,KAAM,GAAY,KAClB,KAAM,GAAY,KAClB,YAAa,GAAY,YACzB,cAAe,GAAY,cAC3B,UAAW,GAAY,SACzB,EACA,GAAI,CACL,CAAA,CACI,CAAA,CAEX"}

package/dist/fields/checkbox-group-field/index.d.ts

@@ -0,0 +1 @@
+import { CheckboxGroupField, CheckboxGroupFieldProps } from "./checkbox-group-field.js";

package/dist/fields/checkbox-group-field/index.js

@@ -0,0 +1 @@
+import"./checkbox-group-field.js";

package/dist/fields/combobox-field/combobox-field.d.ts

@@ -0,0 +1,26 @@
+import { ComboboxProps } from "../../atoms/combobox/combobox.js";
+import { FieldProps } from "../../internals/base-field/base-field.js";
+//#region src/fields/combobox-field/combobox-field.d.ts
+type ComboboxFieldProps<T = string, Multiple extends boolean | undefined = false> = ComboboxProps<T, Multiple> & Pick<FieldProps, "label" | "hideLabel" | "required" | "description" | "invalid" | "errorText" | "dirty" | "disabled"> & {
+  classNames?: ComboboxProps<T, Multiple>["classNames"] & {
+    label?: string;
+    description?: string;
+    error?: string;
+  };
+};
+declare const ComboboxField: <T = string, Multiple extends boolean | undefined = false>({
+  label,
+  hideLabel,
+  required,
+  description,
+  invalid,
+  errorText,
+  dirty,
+  disabled,
+  size,
+  classNames,
+  ...props
+}: ComboboxFieldProps<T, Multiple>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { ComboboxField, ComboboxFieldProps };
+//# sourceMappingURL=combobox-field.d.ts.map

package/dist/fields/combobox-field/combobox-field.js

@@ -0,0 +1,2 @@
+import{Combobox as e}from"../../atoms/combobox/combobox.js";import"../../atoms/combobox/index.js";import{Field as t}from"../../internals/base-field/base-field.js";import"../../internals/base-field/index.js";import{jsx as n}from"react/jsx-runtime";const r=({label:r,hideLabel:i,required:a,description:o,invalid:s,errorText:c,dirty:l,disabled:u,size:d,classNames:f,...p})=>n(t,{label:r,hideLabel:i,size:d,disabled:u,required:a,errorText:c,invalid:s,description:o,dirty:l,classNames:{root:f?.root,label:f?.label,description:f?.description,error:f?.error},"data-slot":`combobox-field-root`,children:n(e,{size:d,disabled:u,invalid:s,classNames:f,...p})});export{r as ComboboxField};
+//# sourceMappingURL=combobox-field.js.map

package/dist/fields/combobox-field/combobox-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-field.js","names":[],"sources":["../../../src/fields/combobox-field/combobox-field.tsx"],"sourcesContent":["import { Combobox, type ComboboxProps } from \"../../atoms/combobox\";\nimport { Field, type FieldProps } from \"../../internals/base-field\";\n\nexport type ComboboxFieldProps<\n  T = string,\n  Multiple extends boolean | undefined = false,\n> = ComboboxProps<T, Multiple> &\n  Pick<\n    FieldProps,\n    | \"label\"\n    | \"hideLabel\"\n    | \"required\"\n    | \"description\"\n    | \"invalid\"\n    | \"errorText\"\n    | \"dirty\"\n    | \"disabled\"\n  > & {\n    classNames?: ComboboxProps<T, Multiple>[\"classNames\"] & {\n      label?: string;\n      description?: string;\n      error?: string;\n    };\n  };\n\nexport const ComboboxField = <\n  T = string,\n  Multiple extends boolean | undefined = false,\n>({\n  label,\n  hideLabel,\n  required,\n  description,\n  invalid,\n  errorText,\n  dirty,\n  disabled,\n  size,\n  classNames,\n  ...props\n}: ComboboxFieldProps<T, Multiple>) => {\n  return (\n    <Field\n      label={label}\n      hideLabel={hideLabel}\n      size={size}\n      disabled={disabled}\n      required={required}\n      errorText={errorText}\n      invalid={invalid}\n      description={description}\n      dirty={dirty}\n      classNames={{\n        root: classNames?.root,\n        label: classNames?.label,\n        description: classNames?.description,\n        error: classNames?.error,\n      }}\n      data-slot=\"combobox-field-root\"\n    >\n      <Combobox<T, Multiple>\n        size={size}\n        disabled={disabled}\n        invalid={invalid}\n        classNames={classNames}\n        {...props}\n      />\n    </Field>\n  );\n};\n"],"mappings":"uPAyBA,MAAa,GAGX,CACA,QACA,YACA,WACA,cACA,UACA,YACA,QACA,WACA,OACA,aACA,GAAG,KAGD,EAAC,EAAD,CACS,QACI,YACL,OACI,WACA,WACC,YACF,UACI,cACN,QACP,WAAY,CACV,KAAM,GAAY,KAClB,MAAO,GAAY,MACnB,YAAa,GAAY,YACzB,MAAO,GAAY,KACrB,EACA,YAAU,+BAEV,EAAC,EAAD,CACQ,OACI,WACD,UACG,aACZ,GAAI,CACL,CAAA,CACI,CAAA"}

package/dist/fields/combobox-field/index.d.ts

@@ -0,0 +1 @@
+import { ComboboxField, ComboboxFieldProps } from "./combobox-field.js";

package/dist/fields/combobox-field/index.js

@@ -0,0 +1 @@
+import"./combobox-field.js";

package/dist/fields/index.d.ts

@@ -0,0 +1,9 @@
+import { InputField, InputFieldProps } from "./input-field/input-field.js";
+import { ComboboxField, ComboboxFieldProps } from "./combobox-field/combobox-field.js";
+import { AutocompleteField, AutocompleteFieldProps } from "./autocomplete-field/autocomplete-field.js";
+import { SelectField, SelectFieldProps } from "./select-field/select-field.js";
+import { SliderField, SliderFieldProps } from "./slider-field/slider-field.js";
+import { StepperField, StepperFieldProps } from "./stepper-field/stepper-field.js";
+import { RadioGroupField, RadioGroupFieldProps } from "./radio-group-field/radio-group-field.js";
+import { CheckboxField, CheckboxFieldProps } from "./checkbox-field/checkbox-field.js";
+import { CheckboxGroupField, CheckboxGroupFieldProps } from "./checkbox-group-field/checkbox-group-field.js";

package/dist/fields/index.js

@@ -0,0 +1 @@
+import"./input-field/input-field.js";import"./input-field/index.js";import"./combobox-field/combobox-field.js";import"./combobox-field/index.js";import"./autocomplete-field/autocomplete-field.js";import"./autocomplete-field/index.js";import"./select-field/select-field.js";import"./select-field/index.js";import"./slider-field/slider-field.js";import"./slider-field/index.js";import"./stepper-field/stepper-field.js";import"./stepper-field/index.js";import"./radio-group-field/radio-group-field.js";import"./radio-group-field/index.js";import"./checkbox-field/checkbox-field.js";import"./checkbox-field/index.js";import"./checkbox-group-field/checkbox-group-field.js";import"./checkbox-group-field/index.js";

package/dist/fields/input-field/index.d.ts

@@ -0,0 +1 @@
+import { InputField, InputFieldProps } from "./input-field.js";

package/dist/fields/input-field/index.js

@@ -0,0 +1 @@
+import"./input-field.js";

package/dist/fields/input-field/input-field.d.ts

@@ -0,0 +1,26 @@
+import { InputProps } from "../../atoms/input/input.js";
+import { FieldProps } from "../../internals/base-field/base-field.js";
+//#region src/fields/input-field/input-field.d.ts
+type InputFieldProps = InputProps & Pick<FieldProps, "label" | "hideLabel" | "required" | "description" | "invalid" | "errorText" | "dirty" | "disabled"> & {
+  classNames?: InputProps["classNames"] & {
+    label?: string;
+    description?: string;
+    error?: string;
+  };
+};
+declare function InputField({
+  label,
+  hideLabel,
+  required,
+  description,
+  invalid,
+  errorText,
+  dirty,
+  disabled,
+  size,
+  classNames,
+  ...props
+}: InputFieldProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { InputField, InputFieldProps };
+//# sourceMappingURL=input-field.d.ts.map

package/dist/fields/input-field/input-field.js

@@ -0,0 +1,2 @@
+import{Input as e}from"../../atoms/input/input.js";import"../../atoms/input/index.js";import{Field as t}from"../../internals/base-field/base-field.js";import"../../internals/base-field/index.js";import{jsx as n}from"react/jsx-runtime";function r({label:r,hideLabel:i,required:a,description:o,invalid:s,errorText:c,dirty:l,disabled:u,size:d,classNames:f,...p}){return n(t,{label:r,hideLabel:i,size:d,disabled:u,required:a,errorText:c,invalid:s,description:o,dirty:l,classNames:{root:f?.root,label:f?.label,description:f?.description,error:f?.error},"data-slot":`input-field-root`,children:n(e,{size:d,disabled:u,required:a,invalid:s,classNames:{control:f?.control},...p})})}export{r as InputField};
+//# sourceMappingURL=input-field.js.map

package/dist/fields/input-field/input-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-field.js","names":[],"sources":["../../../src/fields/input-field/input-field.tsx"],"sourcesContent":["import { Field, type FieldProps } from \"../../internals/base-field\";\nimport { Input, type InputProps } from \"../../atoms/input\";\n\nexport type InputFieldProps = InputProps &\n  Pick<\n    FieldProps,\n    | \"label\"\n    | \"hideLabel\"\n    | \"required\"\n    | \"description\"\n    | \"invalid\"\n    | \"errorText\"\n    | \"dirty\"\n    | \"disabled\"\n  > & {\n    classNames?: InputProps[\"classNames\"] & {\n      label?: string;\n      description?: string;\n      error?: string;\n    };\n  };\n\nexport function InputField({\n  label,\n  hideLabel,\n  required,\n  description,\n  invalid,\n  errorText,\n  dirty,\n  disabled,\n  size,\n  classNames,\n  ...props\n}: InputFieldProps) {\n  return (\n    <Field\n      label={label}\n      hideLabel={hideLabel}\n      size={size}\n      disabled={disabled}\n      required={required}\n      errorText={errorText}\n      invalid={invalid}\n      description={description}\n      dirty={dirty}\n      classNames={{\n        root: classNames?.root,\n        label: classNames?.label,\n        description: classNames?.description,\n        error: classNames?.error,\n      }}\n      data-slot=\"input-field-root\"\n    >\n      <Input\n        size={size}\n        disabled={disabled}\n        required={required}\n        invalid={invalid}\n        classNames={{ control: classNames?.control }}\n        {...props}\n      />\n    </Field>\n  );\n}\n"],"mappings":"2OAsBA,SAAgB,EAAW,CACzB,QACA,YACA,WACA,cACA,UACA,YACA,QACA,WACA,OACA,aACA,GAAG,GACe,CAClB,OACE,EAAC,EAAD,CACS,QACI,YACL,OACI,WACA,WACC,YACF,UACI,cACN,QACP,WAAY,CACV,KAAM,GAAY,KAClB,MAAO,GAAY,MACnB,YAAa,GAAY,YACzB,MAAO,GAAY,KACrB,EACA,YAAU,4BAEV,EAAC,EAAD,CACQ,OACI,WACA,WACD,UACT,WAAY,CAAE,QAAS,GAAY,OAAQ,EAC3C,GAAI,CACL,CAAA,CACI,CAAA,CAEX"}

package/dist/fields/radio-group-field/index.d.ts

@@ -0,0 +1 @@
+import { RadioGroupField, RadioGroupFieldProps } from "./radio-group-field.js";

package/dist/fields/radio-group-field/index.js

@@ -0,0 +1 @@
+import"./radio-group-field.js";

package/dist/fields/radio-group-field/radio-group-field.d.ts

@@ -0,0 +1,26 @@
+import { RadioGroupProps } from "../../atoms/radio-group/radio-group.js";
+import { FieldProps } from "../../internals/base-field/base-field.js";
+//#region src/fields/radio-group-field/radio-group-field.d.ts
+type RadioGroupFieldProps = RadioGroupProps & Pick<FieldProps, "label" | "hideLabel" | "required" | "description" | "invalid" | "errorText" | "dirty" | "disabled"> & {
+  classNames?: RadioGroupProps["classNames"] & {
+    label?: string;
+    description?: string;
+    error?: string;
+  };
+};
+declare function RadioGroupField({
+  label,
+  hideLabel,
+  required,
+  description,
+  invalid,
+  errorText,
+  dirty,
+  disabled,
+  size,
+  classNames,
+  ...props
+}: RadioGroupFieldProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { RadioGroupField, RadioGroupFieldProps };
+//# sourceMappingURL=radio-group-field.d.ts.map

package/dist/fields/radio-group-field/radio-group-field.js

@@ -0,0 +1,2 @@
+import{RadioGroup as e}from"../../atoms/radio-group/radio-group.js";import"../../atoms/radio-group/index.js";import{Field as t}from"../../internals/base-field/base-field.js";import"../../internals/base-field/index.js";import{jsx as n}from"react/jsx-runtime";function r({label:r,hideLabel:i,required:a,description:o,invalid:s,errorText:c,dirty:l,disabled:u,size:d,classNames:f,...p}){return n(t,{label:r,hideLabel:i,size:d,disabled:u,required:a,errorText:c,invalid:s,description:o,dirty:l,classNames:{label:f?.label,description:f?.description,error:f?.error},"data-slot":`radio-group-field-root`,children:n(e,{size:d,disabled:u,invalid:s,required:a,classNames:{root:f?.root,item:f?.item,itemControl:f?.itemControl,itemIndicator:f?.itemIndicator,itemLabel:f?.itemLabel},...p})})}export{r as RadioGroupField};
+//# sourceMappingURL=radio-group-field.js.map

package/dist/fields/radio-group-field/radio-group-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group-field.js","names":[],"sources":["../../../src/fields/radio-group-field/radio-group-field.tsx"],"sourcesContent":["import { Field, type FieldProps } from \"../../internals/base-field\";\nimport { RadioGroup, type RadioGroupProps } from \"../../atoms/radio-group\";\n\nexport type RadioGroupFieldProps = RadioGroupProps &\n  Pick<\n    FieldProps,\n    | \"label\"\n    | \"hideLabel\"\n    | \"required\"\n    | \"description\"\n    | \"invalid\"\n    | \"errorText\"\n    | \"dirty\"\n    | \"disabled\"\n  > & {\n    classNames?: RadioGroupProps[\"classNames\"] & {\n      label?: string;\n      description?: string;\n      error?: string;\n    };\n  };\n\nexport function RadioGroupField({\n  label,\n  hideLabel,\n  required,\n  description,\n  invalid,\n  errorText,\n  dirty,\n  disabled,\n  size,\n  classNames,\n  ...props\n}: RadioGroupFieldProps) {\n  return (\n    <Field\n      label={label}\n      hideLabel={hideLabel}\n      size={size}\n      disabled={disabled}\n      required={required}\n      errorText={errorText}\n      invalid={invalid}\n      description={description}\n      dirty={dirty}\n      classNames={{\n        label: classNames?.label,\n        description: classNames?.description,\n        error: classNames?.error,\n      }}\n      data-slot=\"radio-group-field-root\"\n    >\n      <RadioGroup\n        size={size}\n        disabled={disabled}\n        invalid={invalid}\n        required={required}\n        classNames={{\n          root: classNames?.root,\n          item: classNames?.item,\n          itemControl: classNames?.itemControl,\n          itemIndicator: classNames?.itemIndicator,\n          itemLabel: classNames?.itemLabel,\n        }}\n        {...props}\n      />\n    </Field>\n  );\n}\n"],"mappings":"kQAsBA,SAAgB,EAAgB,CAC9B,QACA,YACA,WACA,cACA,UACA,YACA,QACA,WACA,OACA,aACA,GAAG,GACoB,CACvB,OACE,EAAC,EAAD,CACS,QACI,YACL,OACI,WACA,WACC,YACF,UACI,cACN,QACP,WAAY,CACV,MAAO,GAAY,MACnB,YAAa,GAAY,YACzB,MAAO,GAAY,KACrB,EACA,YAAU,kCAEV,EAAC,EAAD,CACQ,OACI,WACD,UACC,WACV,WAAY,CACV,KAAM,GAAY,KAClB,KAAM,GAAY,KAClB,YAAa,GAAY,YACzB,cAAe,GAAY,cAC3B,UAAW,GAAY,SACzB,EACA,GAAI,CACL,CAAA,CACI,CAAA,CAEX"}

package/dist/fields/select-field/index.d.ts

@@ -0,0 +1 @@
+import { SelectField, SelectFieldProps } from "./select-field.js";

package/dist/fields/select-field/index.js

@@ -0,0 +1 @@
+import"./select-field.js";

package/dist/fields/select-field/select-field.d.ts

@@ -0,0 +1,26 @@
+import { SelectProps } from "../../atoms/select/select.js";
+import { FieldProps } from "../../internals/base-field/base-field.js";
+//#region src/fields/select-field/select-field.d.ts
+type SelectFieldProps<T = string, Multiple extends boolean | undefined = false> = SelectProps<T, Multiple> & Pick<FieldProps, "label" | "hideLabel" | "required" | "description" | "invalid" | "errorText" | "dirty" | "disabled"> & {
+  classNames?: SelectProps<T, Multiple>["classNames"] & {
+    label?: string;
+    description?: string;
+    error?: string;
+  };
+};
+declare const SelectField: <T = string, Multiple extends boolean | undefined = false>({
+  label,
+  hideLabel,
+  required,
+  description,
+  invalid,
+  errorText,
+  dirty,
+  disabled,
+  size,
+  classNames,
+  ...props
+}: SelectFieldProps<T, Multiple>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { SelectField, SelectFieldProps };
+//# sourceMappingURL=select-field.d.ts.map

package/dist/fields/select-field/select-field.js

@@ -0,0 +1,2 @@
+import{Select as e}from"../../atoms/select/select.js";import"../../atoms/select/index.js";import{Field as t}from"../../internals/base-field/base-field.js";import"../../internals/base-field/index.js";import{jsx as n}from"react/jsx-runtime";const r=({label:r,hideLabel:i,required:a,description:o,invalid:s,errorText:c,dirty:l,disabled:u,size:d,classNames:f,...p})=>n(t,{label:r,hideLabel:i,size:d,disabled:u,required:a,errorText:c,invalid:s,description:o,dirty:l,classNames:{root:f?.root,label:f?.label,description:f?.description,error:f?.error},"data-slot":`select-field-root`,children:n(e,{size:d,disabled:u,invalid:s,classNames:f,...p})});export{r as SelectField};
+//# sourceMappingURL=select-field.js.map

package/dist/fields/select-field/select-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-field.js","names":[],"sources":["../../../src/fields/select-field/select-field.tsx"],"sourcesContent":["import { Field, type FieldProps } from \"../../internals/base-field\";\nimport { Select, type SelectProps } from \"../../atoms/select\";\n\nexport type SelectFieldProps<\n  T = string,\n  Multiple extends boolean | undefined = false,\n> = SelectProps<T, Multiple> &\n  Pick<\n    FieldProps,\n    | \"label\"\n    | \"hideLabel\"\n    | \"required\"\n    | \"description\"\n    | \"invalid\"\n    | \"errorText\"\n    | \"dirty\"\n    | \"disabled\"\n  > & {\n    classNames?: SelectProps<T, Multiple>[\"classNames\"] & {\n      label?: string;\n      description?: string;\n      error?: string;\n    };\n  };\n\nexport const SelectField = <\n  T = string,\n  Multiple extends boolean | undefined = false,\n>({\n  label,\n  hideLabel,\n  required,\n  description,\n  invalid,\n  errorText,\n  dirty,\n  disabled,\n  size,\n  classNames,\n  ...props\n}: SelectFieldProps<T, Multiple>) => {\n  return (\n    <Field\n      label={label}\n      hideLabel={hideLabel}\n      size={size}\n      disabled={disabled}\n      required={required}\n      errorText={errorText}\n      invalid={invalid}\n      description={description}\n      dirty={dirty}\n      classNames={{\n        root: classNames?.root,\n        label: classNames?.label,\n        description: classNames?.description,\n        error: classNames?.error,\n      }}\n      data-slot=\"select-field-root\"\n    >\n      <Select<T, Multiple>\n        size={size}\n        disabled={disabled}\n        invalid={invalid}\n        classNames={classNames}\n        {...(props as any)}\n      />\n    </Field>\n  );\n};\n"],"mappings":"+OAyBA,MAAa,GAGX,CACA,QACA,YACA,WACA,cACA,UACA,YACA,QACA,WACA,OACA,aACA,GAAG,KAGD,EAAC,EAAD,CACS,QACI,YACL,OACI,WACA,WACC,YACF,UACI,cACN,QACP,WAAY,CACV,KAAM,GAAY,KAClB,MAAO,GAAY,MACnB,YAAa,GAAY,YACzB,MAAO,GAAY,KACrB,EACA,YAAU,6BAEV,EAAC,EAAD,CACQ,OACI,WACD,UACG,aACZ,GAAK,CACN,CAAA,CACI,CAAA"}

package/dist/fields/slider-field/index.d.ts

@@ -0,0 +1 @@
+import { SliderField, SliderFieldProps } from "./slider-field.js";

package/dist/fields/slider-field/index.js

@@ -0,0 +1 @@
+import"./slider-field.js";

package/dist/fields/slider-field/slider-field.d.ts

@@ -0,0 +1,26 @@
+import { SliderProps } from "../../atoms/slider/slider.js";
+import { FieldProps } from "../../internals/base-field/base-field.js";
+//#region src/fields/slider-field/slider-field.d.ts
+type SliderFieldProps = SliderProps & Pick<FieldProps, "label" | "hideLabel" | "required" | "description" | "invalid" | "errorText" | "dirty" | "disabled"> & {
+  classNames?: SliderProps["classNames"] & {
+    label?: string;
+    description?: string;
+    error?: string;
+  };
+};
+declare function SliderField({
+  label,
+  hideLabel,
+  required,
+  description,
+  invalid,
+  errorText,
+  dirty,
+  disabled,
+  size,
+  classNames,
+  ...props
+}: SliderFieldProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { SliderField, SliderFieldProps };
+//# sourceMappingURL=slider-field.d.ts.map

package/dist/fields/slider-field/slider-field.js

@@ -0,0 +1,2 @@
+import{Slider as e}from"../../atoms/slider/slider.js";import"../../atoms/slider/index.js";import{Field as t}from"../../internals/base-field/base-field.js";import"../../internals/base-field/index.js";import{jsx as n}from"react/jsx-runtime";function r({label:r,hideLabel:i,required:a,description:o,invalid:s,errorText:c,dirty:l,disabled:u,size:d,classNames:f,...p}){return n(t,{label:r,hideLabel:i,size:d,disabled:u,required:a,errorText:c,invalid:s,description:o,dirty:l,classNames:{label:f?.label,description:f?.description,error:f?.error},"data-slot":`slider-field-root`,children:n(e,{size:d,disabled:u,invalid:s,classNames:f,...p})})}export{r as SliderField};
+//# sourceMappingURL=slider-field.js.map

package/dist/fields/slider-field/slider-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider-field.js","names":[],"sources":["../../../src/fields/slider-field/slider-field.tsx"],"sourcesContent":["import { Field, type FieldProps } from \"../../internals/base-field\";\nimport { Slider, type SliderProps } from \"../../atoms/slider\";\n\nexport type SliderFieldProps = SliderProps &\n  Pick<\n    FieldProps,\n    | \"label\"\n    | \"hideLabel\"\n    | \"required\"\n    | \"description\"\n    | \"invalid\"\n    | \"errorText\"\n    | \"dirty\"\n    | \"disabled\"\n  > & {\n    classNames?: SliderProps[\"classNames\"] & {\n      label?: string;\n      description?: string;\n      error?: string;\n    };\n  };\n\nexport function SliderField({\n  label,\n  hideLabel,\n  required,\n  description,\n  invalid,\n  errorText,\n  dirty,\n  disabled,\n  size,\n  classNames,\n  ...props\n}: SliderFieldProps) {\n  return (\n    <Field\n      label={label}\n      hideLabel={hideLabel}\n      size={size}\n      disabled={disabled}\n      required={required}\n      errorText={errorText}\n      invalid={invalid}\n      description={description}\n      dirty={dirty}\n      classNames={{\n        label: classNames?.label,\n        description: classNames?.description,\n        error: classNames?.error,\n      }}\n      data-slot=\"slider-field-root\"\n    >\n      <Slider\n        size={size}\n        disabled={disabled}\n        invalid={invalid}\n        classNames={classNames}\n        {...props}\n      />\n    </Field>\n  );\n}\n"],"mappings":"+OAsBA,SAAgB,EAAY,CAC1B,QACA,YACA,WACA,cACA,UACA,YACA,QACA,WACA,OACA,aACA,GAAG,GACgB,CACnB,OACE,EAAC,EAAD,CACS,QACI,YACL,OACI,WACA,WACC,YACF,UACI,cACN,QACP,WAAY,CACV,MAAO,GAAY,MACnB,YAAa,GAAY,YACzB,MAAO,GAAY,KACrB,EACA,YAAU,6BAEV,EAAC,EAAD,CACQ,OACI,WACD,UACG,aACZ,GAAI,CACL,CAAA,CACI,CAAA,CAEX"}

package/dist/fields/stepper-field/index.d.ts

@@ -0,0 +1 @@
+import { StepperField, StepperFieldProps } from "./stepper-field.js";

package/dist/fields/stepper-field/index.js

@@ -0,0 +1 @@
+import"./stepper-field.js";

package/dist/fields/stepper-field/stepper-field.d.ts

@@ -0,0 +1,26 @@
+import { StepperProps } from "../../atoms/stepper/stepper.js";
+import { FieldProps } from "../../internals/base-field/base-field.js";
+//#region src/fields/stepper-field/stepper-field.d.ts
+type StepperFieldProps = StepperProps & Pick<FieldProps, "label" | "hideLabel" | "required" | "description" | "invalid" | "errorText" | "dirty" | "disabled"> & {
+  classNames?: StepperProps["classNames"] & {
+    label?: string;
+    description?: string;
+    error?: string;
+  };
+};
+declare function StepperField({
+  label,
+  hideLabel,
+  required,
+  description,
+  invalid,
+  errorText,
+  dirty,
+  disabled,
+  size,
+  classNames,
+  ...props
+}: StepperFieldProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { StepperField, StepperFieldProps };
+//# sourceMappingURL=stepper-field.d.ts.map

package/dist/fields/stepper-field/stepper-field.js

@@ -0,0 +1,2 @@
+import{Stepper as e}from"../../atoms/stepper/stepper.js";import"../../atoms/stepper/index.js";import{Field as t}from"../../internals/base-field/base-field.js";import"../../internals/base-field/index.js";import{jsx as n}from"react/jsx-runtime";function r({label:r,hideLabel:i,required:a,description:o,invalid:s,errorText:c,dirty:l,disabled:u,size:d,classNames:f,...p}){return n(t,{label:r,hideLabel:i,size:d,disabled:u,required:a,errorText:c,invalid:s,description:o,dirty:l,classNames:{label:f?.label,description:f?.description,error:f?.error},"data-slot":`stepper-field-root`,children:n(e,{size:d,disabled:u,invalid:s,classNames:f,...p})})}export{r as StepperField};
+//# sourceMappingURL=stepper-field.js.map

package/dist/fields/stepper-field/stepper-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper-field.js","names":[],"sources":["../../../src/fields/stepper-field/stepper-field.tsx"],"sourcesContent":["import { Field, type FieldProps } from \"../../internals/base-field\";\nimport { Stepper, type StepperProps } from \"../../atoms/stepper\";\n\nexport type StepperFieldProps = StepperProps &\n  Pick<\n    FieldProps,\n    | \"label\"\n    | \"hideLabel\"\n    | \"required\"\n    | \"description\"\n    | \"invalid\"\n    | \"errorText\"\n    | \"dirty\"\n    | \"disabled\"\n  > & {\n    classNames?: StepperProps[\"classNames\"] & {\n      label?: string;\n      description?: string;\n      error?: string;\n    };\n  };\n\nexport function StepperField({\n  label,\n  hideLabel,\n  required,\n  description,\n  invalid,\n  errorText,\n  dirty,\n  disabled,\n  size,\n  classNames,\n  ...props\n}: StepperFieldProps) {\n  return (\n    <Field\n      label={label}\n      hideLabel={hideLabel}\n      size={size}\n      disabled={disabled}\n      required={required}\n      errorText={errorText}\n      invalid={invalid}\n      description={description}\n      dirty={dirty}\n      classNames={{\n        label: classNames?.label,\n        description: classNames?.description,\n        error: classNames?.error,\n      }}\n      data-slot=\"stepper-field-root\"\n    >\n      <Stepper\n        size={size}\n        disabled={disabled}\n        invalid={invalid}\n        classNames={classNames}\n        {...props}\n      />\n    </Field>\n  );\n}\n"],"mappings":"mPAsBA,SAAgB,EAAa,CAC3B,QACA,YACA,WACA,cACA,UACA,YACA,QACA,WACA,OACA,aACA,GAAG,GACiB,CACpB,OACE,EAAC,EAAD,CACS,QACI,YACL,OACI,WACA,WACC,YACF,UACI,cACN,QACP,WAAY,CACV,MAAO,GAAY,MACnB,YAAa,GAAY,YACzB,MAAO,GAAY,KACrB,EACA,YAAU,8BAEV,EAAC,EAAD,CACQ,OACI,WACD,UACG,aACZ,GAAI,CACL,CAAA,CACI,CAAA,CAEX"}

package/dist/index.d.ts

@@ -1,8 +1,12 @@
 import { AlertDialog, AlertDialogProps } from "./atoms/alert-dialog/alert-dialog.js";
+import { Autocomplete, AutocompleteGroup, AutocompleteItem, AutocompleteProps } from "./atoms/autocomplete/autocomplete.js";
 import { Avatar, AvatarProps } from "./atoms/avatar/avatar.js";
+import { MergeElementProps, MergeElementPropsWithOmitted, PolymorphicProps, PolymorphicPropsWithOmitted, WithBaseProps, WithColorProps, WithRef } from "./types.js";
+import { IconButton, IconButtonProps } from "./atoms/icon-button/icon-button.js";
+import { Badge, BadgeAction, BadgeProps } from "./atoms/badge/badge.js";
 import { Button, ButtonProps } from "./atoms/button/button.js";
+import { CheckboxGroup, CheckboxGroupItem, CheckboxGroupProps } from "./atoms/checkbox-group/checkbox-group.js";
 import { Checkbox, CheckboxProps } from "./atoms/checkbox/checkbox.js";
-import { MergeElementProps, MergeElementPropsWithOmitted, PolymorphicProps, PolymorphicPropsWithOmitted, WithBaseProps, WithColorProps, WithRef } from "./types.js";
 import { ClickableArea, ClickableAreaProps } from "./atoms/clickable-area/clickable-area.js";
 import { Collapsible } from "./atoms/collapsible/collapsible.js";
 import { ComboboxItem } from "./atoms/combobox/components/item.js";
@@ -10,17 +14,32 @@ import { Combobox, ComboboxGroup, ComboboxProps } from "./atoms/combobox/combobo
 import { ConditionGuard, ConditionGuardProps } from "./atoms/condition-guard/condition-guard.js";
 import { ContextMenu } from "./atoms/context-menu/context-menu.js";
 import { Dialog, DialogProps } from "./atoms/dialog/dialog.js";
-import { IconButton, IconButtonProps } from "./atoms/icon-button/icon-button.js";
 import { Icon, IconProps } from "./atoms/icon/icon.js";
 import { Input, InputProps } from "./atoms/input/input.js";
 import { BaseItem, CheckboxItem, GroupItem, Menu, MenuItemsByMode, MenuMode, MenuProps, NormalItem, RadioItem, SeparatorItem, SubmenuItem } from "./atoms/menu/menu.js";
-import { Radio, RadioGroup, RadioGroupProps, RadioProps } from "./atoms/radio/radio.js";
+import { Menubar, MenubarProps } from "./atoms/menubar/menubar.js";
+import { Notice, NoticeProps } from "./atoms/notice/notice.js";
+import { Radio, RadioProps } from "./atoms/radio/radio.js";
+import { RadioGroup, RadioGroupItem, RadioGroupProps } from "./atoms/radio-group/radio-group.js";
+import { SelectItem } from "./atoms/select/components/item.js";
+import { Select, SelectGroup, SelectProps } from "./atoms/select/select.js";
+import { Slider, SliderProps } from "./atoms/slider/slider.js";
+import { Stepper, StepperProps } from "./atoms/stepper/stepper.js";
 import { Switch, SwitchProps } from "./atoms/switch/switch.js";
 import { Tabs, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsTab, TabsTabProps } from "./atoms/tabs/tabs.js";
 import { TabsListState, TabsPanelState, TabsRootChangeEventDetails, TabsRootState, TabsTabState, TabsTabValue } from "./atoms/tabs/index.js";
 import { Text, TextColor, TextProps, TextVariant } from "./atoms/text/text.js";
 import { Toast, ToastData, ToastProps } from "./atoms/toast/toast.js";
 import { Tooltip, TooltipProps, TooltipProvider, TooltipProviderProps } from "./atoms/tooltip/tooltip.js";
+import { InputField, InputFieldProps } from "./fields/input-field/input-field.js";
+import { ComboboxField, ComboboxFieldProps } from "./fields/combobox-field/combobox-field.js";
+import { AutocompleteField, AutocompleteFieldProps } from "./fields/autocomplete-field/autocomplete-field.js";
+import { SelectField, SelectFieldProps } from "./fields/select-field/select-field.js";
+import { SliderField, SliderFieldProps } from "./fields/slider-field/slider-field.js";
+import { StepperField, StepperFieldProps } from "./fields/stepper-field/stepper-field.js";
+import { RadioGroupField, RadioGroupFieldProps } from "./fields/radio-group-field/radio-group-field.js";
+import { CheckboxField, CheckboxFieldProps } from "./fields/checkbox-field/checkbox-field.js";
+import { CheckboxGroupField, CheckboxGroupFieldProps } from "./fields/checkbox-group-field/checkbox-group-field.js";
 import { Flex, FlexProps } from "./helpers/flex/flex.js";
 import { usePortalConfig } from "./helpers/portal/context/hooks.js";
 import { PortalConfigProvider } from "./helpers/portal/context/provider.js";
@@ -30,4 +49,4 @@ import { useAlertDialog } from "./providers/alert-dialog-provider/hooks.js";
 import { DialogContext, DialogProvider, DialogProviderProps, showDialog } from "./providers/dialog-provider/dialog-provider.js";
 import { useDialog } from "./providers/dialog-provider/hooks.js";
 import { ToastProvider, ToastProviderProps, toaster } from "./providers/toast-provider/toast-provider.js";
-export { AlertDialog, AlertDialogContext, AlertDialogProps, AlertDialogProvider, AlertDialogProviderProps, Avatar, AvatarProps, BaseItem, Button, ButtonProps, Checkbox, CheckboxItem, CheckboxProps, ClickableArea, ClickableAreaProps, Collapsible, Combobox, ComboboxGroup, type ComboboxItem, ComboboxProps, ConditionGuard, ConditionGuardProps, ContextMenu, Dialog, DialogContext, DialogProps, DialogProvider, DialogProviderProps, Flex, FlexProps, GroupItem, Icon, IconButton, IconButtonProps, IconProps, Input, InputProps, Menu, MenuItemsByMode, MenuMode, MenuProps, MergeElementProps, MergeElementPropsWithOmitted, NormalItem, PolymorphicProps, PolymorphicPropsWithOmitted, Portal, PortalConfigProvider, PortalProps, Radio, RadioGroup, RadioGroupProps, RadioItem, RadioProps, SeparatorItem, SubmenuItem, Switch, SwitchProps, Tabs, TabsList, type TabsListProps, type TabsListState, TabsPanel, type TabsPanelProps, type TabsPanelState, type TabsRootChangeEventDetails, type TabsRootState, TabsTab, type TabsTabProps, type TabsTabState, type TabsTabValue, Text, TextColor, TextProps, TextVariant, Toast, ToastData, ToastProps, ToastProvider, ToastProviderProps, Tooltip, TooltipProps, TooltipProvider, TooltipProviderProps, WithBaseProps, WithColorProps, WithRef, showAlertDialog, showDialog, toaster, useAlertDialog, useDialog, usePortalConfig };
+export { AlertDialog, AlertDialogContext, AlertDialogProps, AlertDialogProvider, AlertDialogProviderProps, Autocomplete, AutocompleteField, AutocompleteFieldProps, AutocompleteGroup, AutocompleteItem, AutocompleteProps, Avatar, AvatarProps, Badge, BadgeAction, BadgeProps, BaseItem, Button, ButtonProps, Checkbox, CheckboxField, CheckboxFieldProps, CheckboxGroup, CheckboxGroupField, CheckboxGroupFieldProps, CheckboxGroupItem, CheckboxGroupProps, CheckboxItem, CheckboxProps, ClickableArea, ClickableAreaProps, Collapsible, Combobox, ComboboxField, ComboboxFieldProps, ComboboxGroup, type ComboboxItem, ComboboxProps, ConditionGuard, ConditionGuardProps, ContextMenu, Dialog, DialogContext, DialogProps, DialogProvider, DialogProviderProps, Flex, FlexProps, GroupItem, Icon, IconButton, IconButtonProps, IconProps, Input, InputField, InputFieldProps, InputProps, Menu, MenuItemsByMode, MenuMode, MenuProps, Menubar, MenubarProps, MergeElementProps, MergeElementPropsWithOmitted, NormalItem, Notice, NoticeProps, PolymorphicProps, PolymorphicPropsWithOmitted, Portal, PortalConfigProvider, PortalProps, Radio, RadioGroup, RadioGroupField, RadioGroupFieldProps, RadioGroupItem, RadioGroupProps, RadioItem, RadioProps, Select, SelectField, SelectFieldProps, SelectGroup, type SelectItem, SelectProps, SeparatorItem, Slider, SliderField, SliderFieldProps, SliderProps, Stepper, StepperField, StepperFieldProps, StepperProps, SubmenuItem, Switch, SwitchProps, Tabs, TabsList, type TabsListProps, type TabsListState, TabsPanel, type TabsPanelProps, type TabsPanelState, type TabsRootChangeEventDetails, type TabsRootState, TabsTab, type TabsTabProps, type TabsTabState, type TabsTabValue, Text, TextColor, TextProps, TextVariant, Toast, ToastData, ToastProps, ToastProvider, ToastProviderProps, Tooltip, TooltipProps, TooltipProvider, TooltipProviderProps, WithBaseProps, WithColorProps, WithRef, showAlertDialog, showDialog, toaster, useAlertDialog, useDialog, usePortalConfig };

package/dist/index.js

@@ -1 +1 @@
-import{Button as e}from"./atoms/button/button.js";import{Text as t}from"./atoms/text/text.js";import{usePortalConfig as n}from"./helpers/portal/context/hooks.js";import{PortalConfigProvider as r}from"./helpers/portal/context/provider.js";import{Portal as i}from"./helpers/portal/portal.js";import{AlertDialog as a}from"./atoms/alert-dialog/alert-dialog.js";import{Avatar as o}from"./atoms/avatar/avatar.js";import{Icon as s}from"./atoms/icon/icon.js";import{Checkbox as c}from"./atoms/checkbox/checkbox.js";import{ClickableArea as l}from"./atoms/clickable-area/clickable-area.js";import{Collapsible as u}from"./atoms/collapsible/collapsible.js";import{Combobox as d}from"./atoms/combobox/combobox.js";import{ConditionGuard as f}from"./atoms/condition-guard/condition-guard.js";import{ContextMenu as p}from"./atoms/context-menu/context-menu.js";import{Dialog as m}from"./atoms/dialog/dialog.js";import{IconButton as h}from"./atoms/icon-button/icon-button.js";import{Input as g}from"./atoms/input/input.js";import{Flex as _}from"./helpers/flex/flex.js";import"./helpers/index.js";import{Menu as v}from"./atoms/menu/menu.js";import{Radio as y,RadioGroup as b}from"./atoms/radio/radio.js";import{Switch as x}from"./atoms/switch/switch.js";import{Tabs as S,TabsList as C,TabsPanel as w,TabsTab as T}from"./atoms/tabs/tabs.js";import{Toast as E}from"./atoms/toast/toast.js";import{Tooltip as D,TooltipProvider as O}from"./atoms/tooltip/tooltip.js";import"./atoms/index.js";import{AlertDialogContext as k,AlertDialogProvider as A,showAlertDialog as j}from"./providers/alert-dialog-provider/alert-dialog-provider.js";import{useAlertDialog as M}from"./providers/alert-dialog-provider/hooks.js";import{DialogContext as N,DialogProvider as P,showDialog as F}from"./providers/dialog-provider/dialog-provider.js";import{useDialog as I}from"./providers/dialog-provider/hooks.js";import{ToastProvider as L,toaster as R}from"./providers/toast-provider/toast-provider.js";import"./providers/index.js";import"./types.js";export{a as AlertDialog,k as AlertDialogContext,A as AlertDialogProvider,o as Avatar,e as Button,c as Checkbox,l as ClickableArea,u as Collapsible,d as Combobox,f as ConditionGuard,p as ContextMenu,m as Dialog,N as DialogContext,P as DialogProvider,_ as Flex,s as Icon,h as IconButton,g as Input,v as Menu,i as Portal,r as PortalConfigProvider,y as Radio,b as RadioGroup,x as Switch,S as Tabs,C as TabsList,w as TabsPanel,T as TabsTab,t as Text,E as Toast,L as ToastProvider,D as Tooltip,O as TooltipProvider,j as showAlertDialog,F as showDialog,R as toaster,M as useAlertDialog,I as useDialog,n as usePortalConfig};
+import{Button as e}from"./atoms/button/button.js";import{Text as t}from"./atoms/text/text.js";import{usePortalConfig as n}from"./helpers/portal/context/hooks.js";import{PortalConfigProvider as r}from"./helpers/portal/context/provider.js";import{Portal as i}from"./helpers/portal/portal.js";import{AlertDialog as a}from"./atoms/alert-dialog/alert-dialog.js";import{Autocomplete as o}from"./atoms/autocomplete/autocomplete.js";import{Avatar as s}from"./atoms/avatar/avatar.js";import{Icon as c}from"./atoms/icon/icon.js";import{IconButton as l}from"./atoms/icon-button/icon-button.js";import{Badge as u}from"./atoms/badge/badge.js";import{Checkbox as d}from"./atoms/checkbox/checkbox.js";import{CheckboxGroup as f}from"./atoms/checkbox-group/checkbox-group.js";import{ClickableArea as p}from"./atoms/clickable-area/clickable-area.js";import{Collapsible as m}from"./atoms/collapsible/collapsible.js";import{Combobox as h}from"./atoms/combobox/combobox.js";import{ConditionGuard as g}from"./atoms/condition-guard/condition-guard.js";import{ContextMenu as _}from"./atoms/context-menu/context-menu.js";import{Dialog as v}from"./atoms/dialog/dialog.js";import{Input as y}from"./atoms/input/input.js";import{Flex as b}from"./helpers/flex/flex.js";import"./helpers/index.js";import{Menu as x}from"./atoms/menu/menu.js";import{Menubar as S}from"./atoms/menubar/menubar.js";import{Notice as C}from"./atoms/notice/notice.js";import{Radio as w}from"./atoms/radio/radio.js";import{RadioGroup as T}from"./atoms/radio-group/radio-group.js";import{Select as E}from"./atoms/select/select.js";import{Slider as D}from"./atoms/slider/slider.js";import{Stepper as O}from"./atoms/stepper/stepper.js";import{Switch as k}from"./atoms/switch/switch.js";import{Tabs as A,TabsList as j,TabsPanel as M,TabsTab as N}from"./atoms/tabs/tabs.js";import{Toast as P}from"./atoms/toast/toast.js";import{Tooltip as F,TooltipProvider as I}from"./atoms/tooltip/tooltip.js";import"./atoms/index.js";import{InputField as L}from"./fields/input-field/input-field.js";import{ComboboxField as R}from"./fields/combobox-field/combobox-field.js";import{AutocompleteField as z}from"./fields/autocomplete-field/autocomplete-field.js";import{SelectField as B}from"./fields/select-field/select-field.js";import{SliderField as V}from"./fields/slider-field/slider-field.js";import{StepperField as H}from"./fields/stepper-field/stepper-field.js";import{RadioGroupField as U}from"./fields/radio-group-field/radio-group-field.js";import{CheckboxField as W}from"./fields/checkbox-field/checkbox-field.js";import{CheckboxGroupField as G}from"./fields/checkbox-group-field/checkbox-group-field.js";import"./fields/index.js";import{AlertDialogContext as K,AlertDialogProvider as q,showAlertDialog as J}from"./providers/alert-dialog-provider/alert-dialog-provider.js";import{useAlertDialog as Y}from"./providers/alert-dialog-provider/hooks.js";import{DialogContext as X,DialogProvider as Z,showDialog as Q}from"./providers/dialog-provider/dialog-provider.js";import{useDialog as $}from"./providers/dialog-provider/hooks.js";import{ToastProvider as ee,toaster as te}from"./providers/toast-provider/toast-provider.js";import"./providers/index.js";import"./types.js";export{a as AlertDialog,K as AlertDialogContext,q as AlertDialogProvider,o as Autocomplete,z as AutocompleteField,s as Avatar,u as Badge,e as Button,d as Checkbox,W as CheckboxField,f as CheckboxGroup,G as CheckboxGroupField,p as ClickableArea,m as Collapsible,h as Combobox,R as ComboboxField,g as ConditionGuard,_ as ContextMenu,v as Dialog,X as DialogContext,Z as DialogProvider,b as Flex,c as Icon,l as IconButton,y as Input,L as InputField,x as Menu,S as Menubar,C as Notice,i as Portal,r as PortalConfigProvider,w as Radio,T as RadioGroup,U as RadioGroupField,E as Select,B as SelectField,D as Slider,V as SliderField,O as Stepper,H as StepperField,k as Switch,A as Tabs,j as TabsList,M as TabsPanel,N as TabsTab,t as Text,P as Toast,ee as ToastProvider,F as Tooltip,I as TooltipProvider,J as showAlertDialog,Q as showDialog,te as toaster,Y as useAlertDialog,$ as useDialog,n as usePortalConfig};

package/dist/internals/base-field/base-field.css

@@ -1 +1 @@
-._usQlq_root{align-items:start;gap:var(--field-gap);font-family:var(--typography-typeface-ltr);--field-required-color:var(--color-content-negative-base);--field-control-radius:0;--field-control-bg-color:var(--color-surface-base);--field-control-text-color:var(--color-content-neutral-base);--field-label-color:var(--color-content-neutral-secondary);--field-control-border-color:var(--color-border-secondary);--field-control-placeholder-color:var(--color-content-neutral-muted);flex-direction:column;width:100%;display:flex}._usQlq_root[data-size=sm]{--field-gap:var(--spacing-sm);--field-label-font-size:var(--typography-caption-base-size);--field-label-line-height:var(--typography-caption-base-height);--field-label-font-weight:var(--typography-caption-base-weight);--helper-font-size:var(--typography-caption-base-size);--helper-line-height:var(--typography-caption-base-height);--field-control-height:2rem;--field-control-icon-size:1.5rem;--field-control-font-size:var(--typography-caption-base-size);--field-control-line-height:var(--typography-caption-base-height);--field-control-font-weight:var(--typography-caption-base-weight)}._usQlq_root[data-size=md]{--field-gap:var(--spacing-md);--field-label-font-size:var(--typography-body-2-size);--field-label-line-height:var(--typography-body-2-height);--field-label-font-weight:var(--typography-body-2-weight);--helper-font-size:var(--typography-caption-base-size);--helper-line-height:var(--typography-caption-base-height);--field-control-height:2.5rem;--field-control-icon-size:2rem;--field-control-font-size:var(--typography-body-2-size);--field-control-line-height:var(--typography-body-2-height);--field-control-font-weight:var(--typography-body-2-weight)}._usQlq_root[data-size=lg]{--field-gap:var(--spacing-md);--field-label-font-size:var(--typography-body-1-size);--field-label-line-height:var(--typography-body-1-height);--field-label-font-weight:var(--typography-body-1-weight);--helper-font-size:var(--typography-body-2-size);--helper-line-height:var(--typography-body-2-height);--field-control-height:3rem;--field-control-icon-size:2rem;--field-control-font-size:var(--typography-body-1-size);--field-control-line-height:var(--typography-body-1-height);--field-control-font-weight:var(--typography-body-1-weight)}._usQlq_root[data-invalid]{--field-control-text-color:var(--color-content-neutral-muted);--field-label-color:var(--color-content-negative-muted);--field-control-border-color:var(--color-content-negative-muted);--field-required-color:var(--color-content-negative-muted)}._usQlq_label{font-size:var(--field-label-font-size,var(--typography-body-2-size));line-height:var(--field-label-line-height,var(--typography-body-2-height));font-weight:var(--field-label-font-weight,var(--typography-body-2-weight));color:var(--field-label-color)}._usQlq_root[data-disabled]{--field-control-bg-color:var(--color-surface-tertiary);--field-control-text-color:var(--color-content-neutral-muted);--field-label-color:var(--color-content-neutral-muted);--field-control-border-color:var(--color-border-secondary);--field-required-color:var(--color-content-neutral-muted);cursor:not-allowed;user-select:none}._usQlq_required{color:var(--field-required-color);margin-left:var(--spacing-xxs)}._usQlq_visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._usQlq_error{font-size:var(--helper-font-size);line-height:var(--helper-line-height);color:var(--color-content-negative-base)}._usQlq_description{font-size:var(--helper-font-size);line-height:var(--helper-line-height);color:var(--color-content-neutral-secondary);margin:0}._usQlq_description[data-disabled]{color:var(--color-content-neutral-muted)}
+._usQlq_root{align-items:start;gap:var(--field-gap);font-family:var(--typography-typeface-ltr);--field-required-color:var(--color-content-negative-base);--field-control-radius:var(--radius-md);--field-control-bg-color:var(--color-surface-base);--field-control-text-color:var(--color-content-neutral-base);--field-label-color:var(--color-content-neutral-secondary);--field-control-border-color:var(--color-border-secondary);--field-control-placeholder-color:var(--color-content-neutral-muted);flex-direction:column;width:100%;display:flex}._usQlq_root[data-size=sm]{--field-gap:var(--spacing-xxs);--field-label-font-size:var(--typography-caption-base-size);--field-label-font-weight:var(--typography-caption-base-weight);--helper-font-size:var(--typography-caption-base-size);--field-control-height:1.5rem;--field-control-icon-size:1.5rem;--field-control-font-size:var(--typography-caption-base-size);--field-control-font-weight:var(--typography-caption-base-weight)}._usQlq_root[data-size=md]{--field-gap:var(--spacing-xs);--field-label-font-size:var(--typography-body-2-size);--field-label-font-weight:var(--typography-body-2-weight);--helper-font-size:var(--typography-caption-base-size);--field-control-height:2rem;--field-control-icon-size:2rem;--field-control-font-size:var(--typography-body-2-size);--field-control-font-weight:var(--typography-body-2-weight)}._usQlq_root[data-size=lg]{--field-gap:var(--spacing-xs);--field-label-font-size:var(--typography-body-1-size);--field-label-font-weight:var(--typography-body-1-weight);--helper-font-size:var(--typography-body-2-size);--field-control-height:2.5rem;--field-control-icon-size:2rem;--field-control-font-size:var(--typography-body-1-size);--field-control-font-weight:var(--typography-body-1-weight)}._usQlq_root[data-invalid]{--field-control-text-color:var(--color-content-neutral-muted);--field-label-color:var(--color-content-negative-base);--field-control-border-color:var(--color-content-negative-base);--field-required-color:var(--color-content-negative-base)}._usQlq_label{font-size:var(--field-label-font-size,var(--typography-body-2-size));font-weight:var(--field-label-font-weight,var(--typography-body-2-weight));color:var(--field-label-color)}._usQlq_root[data-disabled]{--field-control-bg-color:var(--color-surface-tertiary);--field-control-text-color:var(--color-content-neutral-muted);--field-label-color:var(--color-content-neutral-muted);--field-control-border-color:var(--color-border-secondary);--field-required-color:var(--color-content-neutral-muted);cursor:not-allowed;user-select:none}._usQlq_required{color:var(--field-required-color);margin-left:var(--spacing-xxs)}._usQlq_visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._usQlq_error{font-size:var(--helper-font-size);color:var(--color-content-negative-base)}._usQlq_description{font-size:var(--helper-font-size);color:var(--color-content-neutral-secondary);margin:0}._usQlq_description[data-disabled]{color:var(--color-content-neutral-muted)}

package/dist/internals/base-field/base-field.js

@@ -1,2 +1,2 @@
-import e from"./base-field.module.js";import{Label as t}from"./components/label.js";import{Description as n}from"./components/description.js";import{Error as r}from"./components/error.js";import i from"clsx";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{Field as s}from"@base-ui/react/field";function c({label:c,hideLabel:l=!1,size:u=`md`,required:d=!1,disabled:f=!1,errorText:p,description:m,children:h,classNames:g,..._}){return o(s.Root,{className:i(e.root,g?.root),"data-slot":`field-root`,"data-size":u,"data-required":d,disabled:f,..._,children:[a(t,{className:g?.label,text:c,hidden:l,required:d,size:u}),a(n,{className:g?.description,text:m}),h,a(r,{className:g?.error,text:p})]})}export{c as Field};
+import e from"./base-field.module.js";import{Description as t}from"./components/description.js";import{Error as n}from"./components/error.js";import{Label as r}from"./components/label.js";import i from"clsx";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{Field as s}from"@base-ui/react/field";function c({label:c,hideLabel:l=!1,size:u=`md`,required:d=!1,disabled:f=!1,errorText:p,description:m,children:h,classNames:g,..._}){return o(s.Root,{className:i(e.root,g?.root),"data-slot":`field-root`,"data-size":u,"data-required":d,disabled:f,..._,children:[a(r,{className:g?.label,text:c,hidden:l,required:d,size:u}),a(t,{className:g?.description,text:m}),h,a(n,{hasError:_.invalid,className:g?.error,text:p})]})}export{c as Field};
 //# sourceMappingURL=base-field.js.map

package/dist/internals/base-field/base-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-field.js","names":["Field","BaseField","styles"],"sources":["../../../src/internals/base-field/base-field.tsx"],"sourcesContent":["import { Field as BaseField, type FieldRootProps } from \"@base-ui/react/field\";\nimport clsx from \"clsx\";\nimport styles from \"./base-field.module.css\";\nimport { Label } from \"./components/label\";\nimport { Description } from \"./components/description\";\nimport { Error } from \"./components/error\";\n\nexport type FieldProps = Omit<FieldRootProps, \"className\"> & {\n  /**\n   * The label of the field.\n   */\n  label: string;\n\n  /**\n   * Whether to hide the label or not.\n   *\n   * @default false\n   */\n  hideLabel?: boolean;\n\n  /**\n   * Indicates whether or not the field is required.\n   *\n   * @default false\n   */\n  required?: boolean;\n\n  /**\n   * The text to display as a description.\n   */\n  description?: string;\n  /**\n   * Gets or sets whether or not the field is in a visually invalid state.\n   *\n   * This error state overrides the error state controlled by\n   * `reportValidity()`.\n   *\n   * @default false\n   */\n  invalid?: boolean;\n\n  /**\n   * The error message that replaces feedback when `error` is true. If\n   * `errorText` is an empty string, then the feedback will continue to\n   * show.\n   */\n  errorText?: string;\n\n  /**\n   * Whether the field's value has been changed from its initial value.\n   * Useful when the field state is controlled by an external library.\n   */\n  dirty?: boolean | undefined;\n\n  /**\n   * The size of the field.\n   *\n   * @default \"md\"\n   */\n  size?: \"sm\" | \"md\" | \"lg\";\n\n  /**\n   * Whether or not the element is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean;\n\n  /**\n   * Indicates that the element should be focused on mount.\n   *\n   * @default false\n   */\n  autoFocus?: boolean;\n  /**\n   * Additional CSS classes for styling.\n   */\n  classNames?: {\n    root?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n  };\n};\n\n/**\n * A field component that provides labeling and validation for form controls.\n * Built on top of Base UI's Field component with proper theming and sizing.\n */\nexport function Field({\n  label,\n  hideLabel = false,\n  size = \"md\",\n  required = false,\n  disabled = false,\n  errorText,\n  description,\n  children,\n  classNames,\n  ...props\n}: FieldProps) {\n  return (\n    <BaseField.Root\n      className={clsx(styles[\"root\"], classNames?.root)}\n      data-slot=\"field-root\"\n      data-size={size}\n      data-required={required}\n      disabled={disabled}\n      {...props}\n    >\n      <Label\n        className={classNames?.label}\n        text={label}\n        hidden={hideLabel}\n        required={required}\n        size={size}\n      />\n      <Description className={classNames?.description} text={description} />\n      {children}\n      <Error className={classNames?.error} text={errorText} />\n    </BaseField.Root>\n  );\n}\n"],"mappings":"+SAyFA,SAAgBA,EAAM,CACpB,QACA,YAAY,GACZ,OAAO,KACP,WAAW,GACX,WAAW,GACX,YACA,cACA,WACA,aACA,GAAG,GACU,CACb,OACE,EAACC,EAAU,KAAX,CACE,UAAW,EAAKC,EAAO,KAAS,GAAY,IAAI,EAChD,YAAU,aACV,YAAW,EACX,gBAAe,EACL,WACV,GAAI,WANN,CAQE,EAAC,EAAD,CACE,UAAW,GAAY,MACvB,KAAM,EACN,OAAQ,EACE,WACJ,MACP,CAAA,EACD,EAAC,EAAD,CAAa,UAAW,GAAY,YAAa,KAAM,CAAc,CAAA,EACpE,EACD,EAAC,EAAD,CAAO,UAAW,GAAY,MAAO,KAAM,CAAY,CAAA,CACzC,GAEpB"}
+{"version":3,"file":"base-field.js","names":["Field","BaseField","styles"],"sources":["../../../src/internals/base-field/base-field.tsx"],"sourcesContent":["import { Field as BaseField, type FieldRootProps } from \"@base-ui/react/field\";\nimport clsx from \"clsx\";\nimport styles from \"./base-field.module.css\";\nimport { Description } from \"./components/description\";\nimport { Error } from \"./components/error\";\nimport { Label } from \"./components/label\";\n\nexport type FieldProps = Omit<FieldRootProps, \"className\"> & {\n  /**\n   * The label of the field.\n   */\n  label: string;\n\n  /**\n   * Whether to hide the label or not.\n   *\n   * @default false\n   */\n  hideLabel?: boolean;\n\n  /**\n   * Indicates whether or not the field is required.\n   *\n   * @default false\n   */\n  required?: boolean;\n\n  /**\n   * The text to display as a description.\n   */\n  description?: string;\n  /**\n   * Gets or sets whether or not the field is in a visually invalid state.\n   *\n   * This error state overrides the error state controlled by\n   * `reportValidity()`.\n   *\n   * @default false\n   */\n  invalid?: boolean;\n\n  /**\n   * The error message that replaces feedback when `error` is true. If\n   * `errorText` is an empty string, then the feedback will continue to\n   * show.\n   */\n  errorText?: string;\n\n  /**\n   * Whether the field's value has been changed from its initial value.\n   * Useful when the field state is controlled by an external library.\n   */\n  dirty?: boolean | undefined;\n\n  /**\n   * The size of the field.\n   *\n   * @default \"md\"\n   */\n  size?: \"sm\" | \"md\" | \"lg\";\n\n  /**\n   * Whether or not the element is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean;\n\n  /**\n   * Indicates that the element should be focused on mount.\n   *\n   * @default false\n   */\n  autoFocus?: boolean;\n  /**\n   * Additional CSS classes for styling.\n   */\n  classNames?: {\n    root?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n  };\n};\n\n/**\n * A field component that provides labeling and validation for form controls.\n * Built on top of Base UI's Field component with proper theming and sizing.\n */\nexport function Field({\n  label,\n  hideLabel = false,\n  size = \"md\",\n  required = false,\n  disabled = false,\n  errorText,\n  description,\n  children,\n  classNames,\n  ...props\n}: FieldProps) {\n  return (\n    <BaseField.Root\n      className={clsx(styles[\"root\"], classNames?.root)}\n      data-slot=\"field-root\"\n      data-size={size}\n      data-required={required}\n      disabled={disabled}\n      {...props}\n    >\n      <Label\n        className={classNames?.label}\n        text={label}\n        hidden={hideLabel}\n        required={required}\n        size={size}\n      />\n      <Description\n        className={classNames?.description}\n        text={description}\n      />\n      {children}\n      <Error\n        hasError={props.invalid}\n        className={classNames?.error}\n        text={errorText}\n      />\n    </BaseField.Root>\n  );\n}\n"],"mappings":"+SAyFA,SAAgBA,EAAM,CACpB,QACA,YAAY,GACZ,OAAO,KACP,WAAW,GACX,WAAW,GACX,YACA,cACA,WACA,aACA,GAAG,GACU,CACb,OACE,EAACC,EAAU,KAAX,CACE,UAAW,EAAKC,EAAO,KAAS,GAAY,IAAI,EAChD,YAAU,aACV,YAAW,EACX,gBAAe,EACL,WACV,GAAI,WANN,CAQE,EAAC,EAAD,CACE,UAAW,GAAY,MACvB,KAAM,EACN,OAAQ,EACE,WACJ,MACP,CAAA,EACD,EAAC,EAAD,CACE,UAAW,GAAY,YACvB,KAAM,CACP,CAAA,EACA,EACD,EAAC,EAAD,CACE,SAAU,EAAM,QAChB,UAAW,GAAY,MACvB,KAAM,CACP,CAAA,CACa,GAEpB"}

package/dist/internals/base-field/base-field.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-field.module.js","names":[],"sources":["../../../src/internals/base-field/base-field.module.css"],"sourcesContent":[".root {\n  display: flex;\n  flex-direction: column;\n  align-items: start;\n  gap: var(--field-gap);\n  font-family: var(--typography-typeface-ltr);\n  width: 100%;\n  --field-required-color: var(--color-content-negative-base);\n  --field-control-radius: 0;\n  --field-control-bg-color: var(--color-surface-base);\n  --field-control-text-color: var(--color-content-neutral-base);\n  --field-label-color: var(--color-content-neutral-secondary);\n  --field-control-border-color: var(--color-border-secondary);\n  --field-control-placeholder-color: var(--color-content-neutral-muted);\n}\n\n/* Size variants using data attributes */\n.root[data-size=\"sm\"] {\n  --field-gap: var(--spacing-sm);\n  --field-label-font-size: var(--typography-caption-base-size);\n  --field-label-line-height: var(--typography-caption-base-height);\n  --field-label-font-weight: var(--typography-caption-base-weight);\n  --helper-font-size: var(--typography-caption-base-size);\n  --helper-line-height: var(--typography-caption-base-height);\n  --field-control-height: 2rem;\n  --field-control-icon-size: 1.5rem;\n  --field-control-font-size: var(--typography-caption-base-size);\n  --field-control-line-height: var(--typography-caption-base-height);\n  --field-control-font-weight: var(--typography-caption-base-weight);\n}\n\n.root[data-size=\"md\"] {\n  --field-gap: var(--spacing-md);\n  --field-label-font-size: var(--typography-body-2-size);\n  --field-label-line-height: var(--typography-body-2-height);\n  --field-label-font-weight: var(--typography-body-2-weight);\n  --helper-font-size: var(--typography-caption-base-size);\n  --helper-line-height: var(--typography-caption-base-height);\n  --field-control-height: 2.5rem;\n  --field-control-icon-size: 2rem;\n  --field-control-font-size: var(--typography-body-2-size);\n  --field-control-line-height: var(--typography-body-2-height);\n  --field-control-font-weight: var(--typography-body-2-weight);\n}\n\n.root[data-size=\"lg\"] {\n  --field-gap: var(--spacing-md);\n  --field-label-font-size: var(--typography-body-1-size);\n  --field-label-line-height: var(--typography-body-1-height);\n  --field-label-font-weight: var(--typography-body-1-weight);\n  --helper-font-size: var(--typography-body-2-size);\n  --helper-line-height: var(--typography-body-2-height);\n  --field-control-height: 3rem;\n  --field-control-icon-size: 2rem;\n  --field-control-font-size: var(--typography-body-1-size);\n  --field-control-line-height: var(--typography-body-1-height);\n  --field-control-font-weight: var(--typography-body-1-weight);\n}\n\n.root[data-invalid] {\n  --field-control-text-color: var(--color-content-neutral-muted);\n  --field-label-color: var(--color-content-negative-muted);\n  --field-control-border-color: var(--color-content-negative-muted);\n  --field-required-color: var(--color-content-negative-muted);\n}\n\n.label {\n  font-size: var(--field-label-font-size, var(--typography-body-2-size));\n  line-height: var(--field-label-line-height, var(--typography-body-2-height));\n  font-weight: var(--field-label-font-weight, var(--typography-body-2-weight));\n  color: var(--field-label-color);\n}\n\n.root[data-disabled] {\n  --field-control-bg-color: var(--color-surface-tertiary);\n  --field-control-text-color: var(--color-content-neutral-muted);\n  --field-label-color: var(--color-content-neutral-muted);\n  --field-control-border-color: var(--color-border-secondary);\n  --field-required-color: var(--color-content-neutral-muted);\n  cursor: not-allowed;\n  user-select: none;\n}\n\n.required {\n  color: var(--field-required-color);\n  margin-left: var(--spacing-xxs);\n}\n\n.visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n.error {\n  font-size: var(--helper-font-size);\n  line-height: var(--helper-line-height);\n  color: var(--color-content-negative-base);\n}\n\n.description {\n  font-size: var(--helper-font-size);\n  line-height: var(--helper-line-height);\n  color: var(--color-content-neutral-secondary);\n  margin: 0;\n}\n\n.description[data-disabled] {\n  color: var(--color-content-neutral-muted);\n}\n"],"mappings":""}
+{"version":3,"file":"base-field.module.js","names":[],"sources":["../../../src/internals/base-field/base-field.module.css"],"sourcesContent":[".root {\n  display: flex;\n  flex-direction: column;\n  align-items: start;\n  gap: var(--field-gap);\n  font-family: var(--typography-typeface-ltr);\n  width: 100%;\n  --field-required-color: var(--color-content-negative-base);\n  --field-control-radius: var(--radius-md);\n  --field-control-bg-color: var(--color-surface-base);\n  --field-control-text-color: var(--color-content-neutral-base);\n  --field-label-color: var(--color-content-neutral-secondary);\n  --field-control-border-color: var(--color-border-secondary);\n  --field-control-placeholder-color: var(--color-content-neutral-muted);\n}\n\n/* Size variants using data attributes */\n.root[data-size=\"sm\"] {\n  --field-gap: var(--spacing-xxs);\n  --field-label-font-size: var(--typography-caption-base-size);\n  --field-label-font-weight: var(--typography-caption-base-weight);\n  --helper-font-size: var(--typography-caption-base-size);\n  --field-control-height: 1.5rem;\n  --field-control-icon-size: 1.5rem;\n  --field-control-font-size: var(--typography-caption-base-size);\n  --field-control-font-weight: var(--typography-caption-base-weight);\n}\n\n.root[data-size=\"md\"] {\n  --field-gap: var(--spacing-xs);\n  --field-label-font-size: var(--typography-body-2-size);\n  --field-label-font-weight: var(--typography-body-2-weight);\n  --helper-font-size: var(--typography-caption-base-size);\n  --field-control-height: 2rem;\n  --field-control-icon-size: 2rem;\n  --field-control-font-size: var(--typography-body-2-size);\n  --field-control-font-weight: var(--typography-body-2-weight);\n}\n\n.root[data-size=\"lg\"] {\n  --field-gap: var(--spacing-xs);\n  --field-label-font-size: var(--typography-body-1-size);\n  --field-label-font-weight: var(--typography-body-1-weight);\n  --helper-font-size: var(--typography-body-2-size);\n  --field-control-height: 2.5rem;\n  --field-control-icon-size: 2rem;\n  --field-control-font-size: var(--typography-body-1-size);\n  --field-control-font-weight: var(--typography-body-1-weight);\n}\n\n.root[data-invalid] {\n  --field-control-text-color: var(--color-content-neutral-muted);\n  --field-label-color: var(--color-content-negative-base);\n  --field-control-border-color: var(--color-content-negative-base);\n  --field-required-color: var(--color-content-negative-base);\n}\n\n.label {\n  font-size: var(--field-label-font-size, var(--typography-body-2-size));\n  font-weight: var(--field-label-font-weight, var(--typography-body-2-weight));\n  color: var(--field-label-color);\n}\n\n.root[data-disabled] {\n  --field-control-bg-color: var(--color-surface-tertiary);\n  --field-control-text-color: var(--color-content-neutral-muted);\n  --field-label-color: var(--color-content-neutral-muted);\n  --field-control-border-color: var(--color-border-secondary);\n  --field-required-color: var(--color-content-neutral-muted);\n  cursor: not-allowed;\n  user-select: none;\n}\n\n.required {\n  color: var(--field-required-color);\n  margin-left: var(--spacing-xxs);\n}\n\n.visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n.error {\n  font-size: var(--helper-font-size);\n  color: var(--color-content-negative-base);\n}\n\n.description {\n  font-size: var(--helper-font-size);\n  color: var(--color-content-neutral-secondary);\n  margin: 0;\n}\n\n.description[data-disabled] {\n  color: var(--color-content-neutral-muted);\n}\n"],"mappings":""}

package/dist/internals/base-field/components/error.js

@@ -1,2 +1,2 @@
-import e from"../base-field.module.js";import t from"clsx";import{Fragment as n,jsx as r}from"react/jsx-runtime";import{Field as i}from"@base-ui/react/field";function a({text:a,className:o}){return r(n,{children:a&&r(i.Error,{className:t(e.error,o),match:`customError`,"data-slot":`field-error`,children:a})})}export{a as Error};
+import e from"../base-field.module.js";import t from"clsx";import{jsx as n}from"react/jsx-runtime";import{Field as r}from"@base-ui/react/field";function i({text:i,className:a,hasError:o}){return n(r.Error,{className:t(e.error,a),match:o,"data-slot":`field-error`,children:i})}export{i as Error};
 //# sourceMappingURL=error.js.map

package/dist/internals/base-field/components/error.js.map

@@ -1 +1 @@
-{"version":3,"file":"error.js","names":["BaseField","styles"],"sources":["../../../../src/internals/base-field/components/error.tsx"],"sourcesContent":["import { Field as BaseField } from \"@base-ui/react/field\";\nimport styles from \"../base-field.module.css\";\nimport clsx from \"clsx\";\n\nexport type ErrorProps = {\n  text?: string;\n  className?: string;\n};\n\nexport function Error({ text, className }: ErrorProps) {\n  return (\n    <>\n      {text && (\n        <BaseField.Error\n          className={clsx(styles[\"error\"], className)}\n          match=\"customError\"\n          data-slot=\"field-error\"\n        >\n          {text}\n        </BaseField.Error>\n      )}\n    </>\n  );\n}\n"],"mappings":"8JASA,SAAgB,EAAM,CAAE,OAAM,aAAyB,CACrD,OACE,EAAA,EAAA,CAAA,SACG,GACC,EAACA,EAAU,MAAX,CACE,UAAW,EAAKC,EAAO,MAAU,CAAS,EAC1C,MAAM,cACN,YAAU,uBAET,CACc,CAAA,CAEnB,CAAA,CAEN"}
+{"version":3,"file":"error.js","names":["BaseField","styles"],"sources":["../../../../src/internals/base-field/components/error.tsx"],"sourcesContent":["import { Field as BaseField } from \"@base-ui/react/field\";\nimport clsx from \"clsx\";\nimport styles from \"../base-field.module.css\";\n\nexport type ErrorProps = {\n  hasError?: boolean;\n  text?: string;\n  className?: string;\n};\n\nexport function Error({ text, className, hasError }: ErrorProps) {\n  return (\n    <BaseField.Error\n      className={clsx(styles[\"error\"], className)}\n      match={hasError}\n      data-slot=\"field-error\"\n    >\n      {text}\n    </BaseField.Error>\n  );\n}\n"],"mappings":"gJAUA,SAAgB,EAAM,CAAE,OAAM,YAAW,YAAwB,CAC/D,OACE,EAACA,EAAU,MAAX,CACE,UAAW,EAAKC,EAAO,MAAU,CAAS,EAC1C,MAAO,EACP,YAAU,uBAET,CACc,CAAA,CAErB"}