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

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

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

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

@@ -0,0 +1,2 @@
+import{Autocomplete as e}from"../../atoms/autocomplete/autocomplete.js";import"../../atoms/autocomplete/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":`autocomplete-field-root`,children:n(e,{size:d,disabled:u,invalid:s,classNames:f,...p})});export{r as AutocompleteField};
+//# sourceMappingURL=autocomplete-field.js.map

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/helpers/flex/flex.d.ts

@@ -0,0 +1,45 @@
+import { PolymorphicProps, WithBaseProps } from "../../types.js";
+import * as React$1 from "react";
+import { PropValueWithBreakpoints } from "@pantool/lib";
+
+//#region src/helpers/flex/flex.d.ts
+type FlexProps<E extends React$1.ElementType = "div"> = PolymorphicProps<E, WithBaseProps<{
+  /**
+   * The variant of the flex-box.
+   *
+   * @default "block"
+   */
+  variant?: "block" | "inline";
+  /**
+   * Changes how flex-items wrap in the flex-box.
+   */
+  wrapMode?: PropValueWithBreakpoints<"nowrap" | "wrap" | "wrap-reverse">;
+  /**
+   * Sets the gap between flex-items in the flex-box.
+   */
+  gap?: PropValueWithBreakpoints<"xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl">;
+  /**
+   * Sets the direction of flex-items in the flex-box.
+   */
+  direction?: PropValueWithBreakpoints<"row" | "column" | "row-reverse" | "column-reverse">;
+  /**
+   * Defines how the browser distributes space between and around content items
+   * along the main-axis of the flex-box.
+   */
+  justifyContent?: PropValueWithBreakpoints<"start" | "end" | "center" | "between" | "around" | "evenly">;
+  /**
+   * Controls the alignment of flex-items on the cross-axis in the flex-box.
+   */
+  alignItems?: PropValueWithBreakpoints<"start" | "end" | "center" | "baseline" | "stretch">;
+  /**
+   * Sets the distribution of space between and around content items
+   * along the cross-axis of the flex-box.
+   *
+   * (Note: This property has no effect on single rows of flex-items.)
+   */
+  alignContent?: PropValueWithBreakpoints<"start" | "end" | "center" | "between" | "around" | "evenly" | "stretch">;
+}>>;
+declare const Flex: <E extends React$1.ElementType = "div">(props: FlexProps<E>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Flex, FlexProps };
+//# sourceMappingURL=flex.d.ts.map

package/dist/helpers/flex/flex.js

@@ -0,0 +1,2 @@
+import e from"./styles.module.js";import t from"clsx";import"react";import{jsx as n}from"react/jsx-runtime";const r=r=>{let{as:i=`div`,className:a,children:o,wrapMode:s,gap:c,direction:l,justifyContent:u,alignItems:d,alignContent:f,variant:p=`block`,...m}=r;return n(i,{...m,"data-gap":c,"data-wrap-mode":s,"data-direction":l,"data-justify-content":u,"data-align-items":d,"data-align-content":f,"data-variant":p,"data-slot":`flex-root`,className:t(e.root,a),children:o})};export{r as Flex};
+//# sourceMappingURL=flex.js.map

package/dist/helpers/flex/flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex.js","names":["classes"],"sources":["../../../src/helpers/flex/flex.tsx"],"sourcesContent":["import type { PropValueWithBreakpoints } from \"@pantool/lib\";\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport type { PolymorphicProps, WithBaseProps } from \"../../types\";\nimport classes from \"./styles.module.css\";\n\nexport type FlexProps<E extends React.ElementType = \"div\"> = PolymorphicProps<\n  E,\n  WithBaseProps<{\n    /**\n     * The variant of the flex-box.\n     *\n     * @default \"block\"\n     */\n    variant?: \"block\" | \"inline\";\n\n    /**\n     * Changes how flex-items wrap in the flex-box.\n     */\n    wrapMode?: PropValueWithBreakpoints<\"nowrap\" | \"wrap\" | \"wrap-reverse\">;\n\n    /**\n     * Sets the gap between flex-items in the flex-box.\n     */\n    gap?: PropValueWithBreakpoints<\n      \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\"\n    >;\n\n    /**\n     * Sets the direction of flex-items in the flex-box.\n     */\n    direction?: PropValueWithBreakpoints<\n      \"row\" | \"column\" | \"row-reverse\" | \"column-reverse\"\n    >;\n\n    /**\n     * Defines how the browser distributes space between and around content items\n     * along the main-axis of the flex-box.\n     */\n    justifyContent?: PropValueWithBreakpoints<\n      \"start\" | \"end\" | \"center\" | \"between\" | \"around\" | \"evenly\"\n    >;\n\n    /**\n     * Controls the alignment of flex-items on the cross-axis in the flex-box.\n     */\n    alignItems?: PropValueWithBreakpoints<\n      \"start\" | \"end\" | \"center\" | \"baseline\" | \"stretch\"\n    >;\n\n    /**\n     * Sets the distribution of space between and around content items\n     * along the cross-axis of the flex-box.\n     *\n     * (Note: This property has no effect on single rows of flex-items.)\n     */\n    alignContent?: PropValueWithBreakpoints<\n      \"start\" | \"end\" | \"center\" | \"between\" | \"around\" | \"evenly\" | \"stretch\"\n    >;\n  }>\n>;\n\nexport const Flex = <E extends React.ElementType = \"div\">(\n  props: FlexProps<E>,\n) => {\n  const {\n    as: Root = \"div\",\n    className,\n    children,\n    wrapMode,\n    gap,\n    direction,\n    justifyContent,\n    alignItems,\n    alignContent,\n    variant = \"block\",\n    ...otherProps\n  } = props;\n\n  return (\n    <Root\n      {...otherProps}\n      data-gap={gap}\n      data-wrap-mode={wrapMode}\n      data-direction={direction}\n      data-justify-content={justifyContent}\n      data-align-items={alignItems}\n      data-align-content={alignContent}\n      data-variant={variant}\n      data-slot=\"flex-root\"\n      className={clsx(classes[\"root\"], className)}\n    >\n      {children}\n    </Root>\n  );\n};\n"],"mappings":"4GA8DA,MAAa,EACX,GACG,CACH,GAAM,CACJ,GAAI,EAAO,MACX,YACA,WACA,WACA,MACA,YACA,iBACA,aACA,eACA,UAAU,QACV,GAAG,GACD,EAEJ,OACE,EAAC,EAAD,CACE,GAAI,EACJ,WAAU,EACV,iBAAgB,EAChB,iBAAgB,EAChB,uBAAsB,EACtB,mBAAkB,EAClB,qBAAoB,EACpB,eAAc,EACd,YAAU,YACV,UAAW,EAAKA,EAAQ,KAAS,CAAS,EAEzC,UACG,CAAA,CAEV"}

package/dist/helpers/flex/index.d.ts

@@ -0,0 +1 @@
+import { Flex, FlexProps } from "./flex.js";

package/dist/helpers/flex/index.js

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

package/dist/helpers/flex/styles.css

@@ -0,0 +1 @@
+.VYIyxW_root{display:var(--display);gap:var(--gap);flex-direction:var(--direction);flex-wrap:var(--wrap-mode);justify-content:var(--justify-content);align-items:var(--align-items);align-content:var(--align-content)}.VYIyxW_root[data-variant=block]{--display:flex}.VYIyxW_root[data-variant=inline]{--display:inline-flex}.VYIyxW_root[data-gap=xxs]{--gap:var(--spacing-xxs)}.VYIyxW_root[data-gap=xs]{--gap:var(--spacing-xs)}.VYIyxW_root[data-gap=sm]{--gap:var(--spacing-sm)}.VYIyxW_root[data-gap=md]{--gap:var(--spacing-md)}.VYIyxW_root[data-gap=lg]{--gap:var(--spacing-lg)}.VYIyxW_root[data-gap=xl]{--gap:var(--spacing-xl)}.VYIyxW_root[data-gap=xxl]{--gap:var(--spacing-xxl)}.VYIyxW_root[data-direction=row]{--direction:row}.VYIyxW_root[data-direction=column]{--direction:column}.VYIyxW_root[data-direction=row-reverse]{--direction:row-reverse}.VYIyxW_root[data-direction=column-reverse]{--direction:column-reverse}.VYIyxW_root[data-wrap-mode=nowrap]{--wrap-mode:nowrap}.VYIyxW_root[data-wrap-mode=wrap]{--wrap-mode:wrap}.VYIyxW_root[data-wrap-mode=wrap-reverse]{--wrap-mode:wrap-reverse}.VYIyxW_root[data-justify-content=start]{--justify-content:flex-start}.VYIyxW_root[data-justify-content=end]{--justify-content:flex-end}.VYIyxW_root[data-justify-content=center]{--justify-content:center}.VYIyxW_root[data-justify-content=between]{--justify-content:space-between}.VYIyxW_root[data-justify-content=around]{--justify-content:space-around}.VYIyxW_root[data-justify-content=evenly]{--justify-content:space-evenly}.VYIyxW_root[data-align-items=start]{--align-items:flex-start}.VYIyxW_root[data-align-items=end]{--align-items:flex-end}.VYIyxW_root[data-align-items=center]{--align-items:center}.VYIyxW_root[data-align-items=baseline]{--align-items:baseline}.VYIyxW_root[data-align-items=stretch]{--align-items:stretch}.VYIyxW_root[data-align-content=start]{--align-content:flex-start}.VYIyxW_root[data-align-content=end]{--align-content:flex-end}.VYIyxW_root[data-align-content=center]{--align-content:center}.VYIyxW_root[data-align-content=between]{--align-content:space-between}.VYIyxW_root[data-align-content=around]{--align-content:space-around}.VYIyxW_root[data-align-content=evenly]{--align-content:space-evenly}.VYIyxW_root[data-align-content=stretch]{--align-content:stretch}

package/dist/helpers/flex/styles.module.js

@@ -0,0 +1,3 @@
+import './styles.css';
+var e={root:`VYIyxW_root`};export{e as default};
+//# sourceMappingURL=styles.module.js.map

package/dist/helpers/flex/styles.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.module.js","names":[],"sources":["../../../src/helpers/flex/styles.module.css"],"sourcesContent":[".root {\n  display: var(--display);\n  gap: var(--gap);\n  flex-direction: var(--direction);\n  flex-wrap: var(--wrap-mode);\n  justify-content: var(--justify-content);\n  align-items: var(--align-items);\n  align-content: var(--align-content);\n}\n\n.root[data-variant=\"block\"] {\n  --display: flex;\n}\n.root[data-variant=\"inline\"] {\n  --display: inline-flex;\n}\n\n/* gap */\n.root[data-gap=\"xxs\"] {\n  --gap: var(--spacing-xxs);\n}\n.root[data-gap=\"xs\"] {\n  --gap: var(--spacing-xs);\n}\n.root[data-gap=\"sm\"] {\n  --gap: var(--spacing-sm);\n}\n.root[data-gap=\"md\"] {\n  --gap: var(--spacing-md);\n}\n.root[data-gap=\"lg\"] {\n  --gap: var(--spacing-lg);\n}\n.root[data-gap=\"xl\"] {\n  --gap: var(--spacing-xl);\n}\n.root[data-gap=\"xxl\"] {\n  --gap: var(--spacing-xxl);\n}\n\n/* direction */\n.root[data-direction=\"row\"] {\n  --direction: row;\n}\n.root[data-direction=\"column\"] {\n  --direction: column;\n}\n.root[data-direction=\"row-reverse\"] {\n  --direction: row-reverse;\n}\n.root[data-direction=\"column-reverse\"] {\n  --direction: column-reverse;\n}\n\n/* wrap-mode */\n.root[data-wrap-mode=\"nowrap\"] {\n  --wrap-mode: nowrap;\n}\n.root[data-wrap-mode=\"wrap\"] {\n  --wrap-mode: wrap;\n}\n.root[data-wrap-mode=\"wrap-reverse\"] {\n  --wrap-mode: wrap-reverse;\n}\n\n/* justify-content */\n.root[data-justify-content=\"start\"] {\n  --justify-content: flex-start;\n}\n.root[data-justify-content=\"end\"] {\n  --justify-content: flex-end;\n}\n.root[data-justify-content=\"center\"] {\n  --justify-content: center;\n}\n.root[data-justify-content=\"between\"] {\n  --justify-content: space-between;\n}\n.root[data-justify-content=\"around\"] {\n  --justify-content: space-around;\n}\n.root[data-justify-content=\"evenly\"] {\n  --justify-content: space-evenly;\n}\n\n/* align-items */\n.root[data-align-items=\"start\"] {\n  --align-items: flex-start;\n}\n.root[data-align-items=\"end\"] {\n  --align-items: flex-end;\n}\n.root[data-align-items=\"center\"] {\n  --align-items: center;\n}\n.root[data-align-items=\"baseline\"] {\n  --align-items: baseline;\n}\n.root[data-align-items=\"stretch\"] {\n  --align-items: stretch;\n}\n\n/* align-content */\n.root[data-align-content=\"start\"] {\n  --align-content: flex-start;\n}\n.root[data-align-content=\"end\"] {\n  --align-content: flex-end;\n}\n.root[data-align-content=\"center\"] {\n  --align-content: center;\n}\n.root[data-align-content=\"between\"] {\n  --align-content: space-between;\n}\n.root[data-align-content=\"around\"] {\n  --align-content: space-around;\n}\n.root[data-align-content=\"evenly\"] {\n  --align-content: space-evenly;\n}\n.root[data-align-content=\"stretch\"] {\n  --align-content: stretch;\n}\n"],"mappings":""}

package/dist/helpers/index.d.ts

@@ -0,0 +1,4 @@
+import { Flex, FlexProps } from "./flex/flex.js";
+import { usePortalConfig } from "./portal/context/hooks.js";
+import { PortalConfigProvider } from "./portal/context/provider.js";
+import { Portal, PortalProps } from "./portal/portal.js";

package/dist/helpers/index.js

@@ -0,0 +1 @@
+import"./portal/context/hooks.js";import"./portal/context/provider.js";import"./portal/portal.js";import"./portal/index.js";import"./flex/flex.js";import"./flex/index.js";

package/dist/helpers/portal/context/portal-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"portal-config.js","names":[],"sources":["../../../../src/helpers/portal/context/portal-config.ts"],"sourcesContent":["import * as React from \"react\";\n\nexport type PortalConfigValue = {\n  /**\n   * A function that will resolve the container element for the portals.\n   *\n   * Please note that this function is only called on the client-side.\n   */\n  resolveContainer: () => HTMLElement | null;\n};\n\nexport const PortalConfig = React.createContext<PortalConfigValue | null>(null);\n"],"mappings":"wBAWA,MAAa,EAAe,EAAM,cAAwC,IAAI"}
+{"version":3,"file":"portal-config.js","names":["React"],"sources":["../../../../src/helpers/portal/context/portal-config.ts"],"sourcesContent":["import * as React from \"react\";\n\nexport type PortalConfigValue = {\n  /**\n   * A function that will resolve the container element for the portals.\n   *\n   * Please note that this function is only called on the client-side.\n   */\n  resolveContainer: () => HTMLElement | null;\n};\n\nexport const PortalConfig = React.createContext<PortalConfigValue | null>(null);\n"],"mappings":"wBAWA,MAAa,EAAeA,EAAM,cAAwC,IAAI"}