@spear-ai/spectral 1.13.1 → 1.14.2

package/dist/RadioButtonGroup/RadioButtonGroupBase.js

@@ -1,52 +1,70 @@
-'use client'
-import '../styles/main.css'
-import { t as e } from "../twUtils-BpqlKSeB.js";
-import { Slot as t } from "../primitives/slot.js";
-import { createContext as n, useContext as r } from "react";
-import { jsx as i } from "react/jsx-runtime";
+'use client';
+import { cn } from "../utils/twUtils.js";
+import { Slot } from "../primitives/slot.js";
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
 //#region src/components/RadioButtonGroup/RadioButtonGroupBase.tsx
-var a = n(null), o = ({ "aria-label": t, "aria-labelledby": n, children: r, className: o, expanded: s = !1, isKeptActive: c = !1, onValueChange: l, value: u }) => /* @__PURE__ */ i(a.Provider, {
-	value: {
-		value: u,
-		onValueChange: l,
-		isKeptActive: c,
-		expanded: s
-	},
-	children: /* @__PURE__ */ i("div", {
-		"aria-label": t,
-		"aria-labelledby": n,
-		className: e("rounded-md [&_button:first-of-type]:rounded-l-md [&_button:last-of-type]:rounded-r-md flex h-fit w-fit items-center", "data-[expanded=true]:w-full", o),
-		"data-expanded": s,
-		"data-testid": "spectral-radio-button-group",
-		role: "radiogroup",
-		children: r
-	})
-}), s = ({ asChild: n = !1, children: o, className: s, disabled: c = !1, onClick: l, onSelect: u, ref: d, value: f, ...p }) => {
-	let m = r(a);
-	if (!m) throw Error("RadioButtonGroupItem must be used within a RadioButtonGroup");
-	let { value: h, onValueChange: g, isKeptActive: _, expanded: v } = m, y = h === f, b = (e) => {
-		l && l(e), !e.defaultPrevented && (c || (g && g(f), u && u(f)));
-	}, x = {
-		...p,
-		className: e("gap-2 text-sm font-medium focus-visible:border-ring focus-visible:ring-ring/50 h-9 px-3 min-w-9 [&_svg:not([class*='size-']):not([width]):not([height])]:size-4 inline-flex items-center justify-center rounded-none border border-toggle-border bg-toggle-bg text-toggle-text shadow-none transition-[colors] outline-none hover:cursor-pointer hover:border-toggle-border--hover hover:bg-toggle-bg--hover hover:text-toggle-text--hover focus:z-10 focus:outline-none focus-visible:z-10 focus-visible:ring-[3px] active:border-toggle-border--active active:bg-toggle-bg--active active:text-toggle-text--active disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&:not(:first-child)]:border-l-0", v && "w-full", _ && "data-[state=on]:border-toggle-border--active data-[state=on]:bg-toggle-bg--active data-[state=on]:text-toggle-text--active", s),
-		disabled: c,
-		onClick: b,
+const RadioButtonGroupContext = createContext(null);
+const RadioButtonGroupBase = ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, children, className, expanded = false, isKeptActive = false, onValueChange, value, variant = "default" }) => {
+	return /* @__PURE__ */ jsx(RadioButtonGroupContext.Provider, {
+		value: {
+			value,
+			onValueChange,
+			isKeptActive,
+			expanded,
+			variant
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			"aria-label": ariaLabel,
+			"aria-labelledby": ariaLabelledby,
+			className: cn("rounded-md [&_button:first-of-type]:rounded-l-md [&_button:last-of-type]:rounded-r-md flex h-fit w-fit items-center", "data-[expanded=true]:w-full", `data-[variant=outline]:gap-0 data-[variant=outline]:[--color-toggle-border:var(--color-toggle-outline-border)] data-[variant=outline]:[&_button:not(:last-of-type)]:[border-right-color:var(--color-toggle-outline-divider)]`, className),
+			"data-expanded": expanded,
+			"data-testid": "spectral-radio-button-group",
+			"data-variant": variant,
+			role: "radiogroup",
+			children
+		})
+	});
+};
+const RadioButtonGroupItem = ({ asChild = false, children, className, disabled = false, onClick, onSelect, ref, value, ...rest }) => {
+	const context = useContext(RadioButtonGroupContext);
+	if (!context) throw new Error("RadioButtonGroupItem must be used within a RadioButtonGroup");
+	const { value: selectedValue, onValueChange, isKeptActive, expanded, variant } = context;
+	const isSelected = selectedValue === value;
+	const handleClick = (event) => {
+		if (onClick) onClick(event);
+		if (event.defaultPrevented) return;
+		if (!disabled) {
+			if (onValueChange) onValueChange(value);
+			if (onSelect) onSelect(value);
+		}
+	};
+	const baseProps = {
+		...rest,
+		className: cn(`gap-2 text-sm font-medium focus-visible:border-ring focus-visible:ring-ring/50 h-9 px-3 min-w-9 [&_svg:not([class*='size-']):not([width]):not([height])]:size-4 inline-flex items-center justify-center rounded-none border border-toggle-border bg-toggle-bg text-toggle-text shadow-none transition-[colors] outline-none hover:cursor-pointer hover:border-toggle-border--hover hover:bg-toggle-bg--hover hover:text-toggle-text--hover focus:z-10 focus:outline-none focus-visible:z-10 focus-visible:ring-[3px] active:border-toggle-border--active active:bg-toggle-bg--active active:text-toggle-text--active disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&:not(:first-child)]:border-l-0`, expanded && "w-full", isKeptActive && "data-[state=on]:border-toggle-border--active data-[state=on]:bg-toggle-bg--active data-[state=on]:text-toggle-text--active", className),
+		disabled,
+		onClick: handleClick,
 		role: "radio",
-		"aria-checked": y,
-		"data-state": y ? "on" : "off",
-		"data-testid": "spectral-radio-button-group-item"
+		"aria-checked": isSelected,
+		"data-state": isSelected ? "on" : "off",
+		"data-testid": "spectral-radio-button-group-item",
+		"data-variant": variant
 	};
-	return n ? /* @__PURE__ */ i(t, {
-		ref: d,
-		...x,
-		children: o
-	}) : /* @__PURE__ */ i("button", {
-		ref: d,
-		...x,
+	if (asChild) return /* @__PURE__ */ jsx(Slot, {
+		ref,
+		...baseProps,
+		children
+	});
+	return /* @__PURE__ */ jsx("button", {
+		ref,
+		...baseProps,
 		type: "button",
-		children: o
+		children
 	});
 };
-s.displayName = "RadioButtonGroupItem";
+RadioButtonGroupItem.displayName = "RadioButtonGroupItem";
+
 //#endregion
-export { o as RadioButtonGroupBase, s as RadioButtonGroupItem };
+export { RadioButtonGroupBase, RadioButtonGroupItem };
+//# sourceMappingURL=RadioButtonGroupBase.js.map

package/dist/RadioButtonGroup/RadioButtonGroupBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtonGroupBase.js","names":[],"sources":["../../src/components/RadioButtonGroup/RadioButtonGroupBase.tsx"],"sourcesContent":["import { Slot, type AsChildProp } from '@primitives/slot'\nimport { cn } from '@utils/twUtils'\nimport { createContext, useContext, type ButtonHTMLAttributes, type MouseEvent, type ReactNode, type Ref } from 'react'\n\ninterface RadioButtonGroupContextValue {\n  value?: string\n  onValueChange?: (value: string) => void\n  isKeptActive?: boolean\n  expanded?: boolean\n  variant?: 'default' | 'outline'\n}\n\nconst RadioButtonGroupContext = createContext<RadioButtonGroupContextValue | null>(null)\n\nexport interface RadioButtonGroupProps {\n  asChild?: boolean\n  children: ReactNode\n  className?: string\n  expanded?: boolean\n  isKeptActive?: boolean\n  onValueChange?: (value: string) => void\n  value?: string\n  variant?: 'default' | 'outline'\n  'aria-label'?: string\n  'aria-labelledby'?: string\n}\n\nexport interface RadioButtonGroupItemProps extends AsChildProp, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'onSelect' | 'type'> {\n  children: ReactNode\n  onSelect?: (value: string) => void\n  value: string\n}\n\nexport const RadioButtonGroupBase = ({ 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, children, className, expanded = false, isKeptActive = false, onValueChange, value, variant = 'default' }: RadioButtonGroupProps) => {\n  return (\n    <RadioButtonGroupContext.Provider value={{ value, onValueChange, isKeptActive, expanded, variant }}>\n      <div\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        className={cn(\n          'rounded-md [&_button:first-of-type]:rounded-l-md [&_button:last-of-type]:rounded-r-md flex h-fit w-fit items-center',\n          'data-[expanded=true]:w-full',\n          `data-[variant=outline]:gap-0 data-[variant=outline]:[--color-toggle-border:var(--color-toggle-outline-border)] data-[variant=outline]:[&_button:not(:last-of-type)]:[border-right-color:var(--color-toggle-outline-divider)]`,\n          className,\n        )}\n        data-expanded={expanded}\n        data-testid='spectral-radio-button-group'\n        data-variant={variant}\n        role='radiogroup'\n      >\n        {children}\n      </div>\n    </RadioButtonGroupContext.Provider>\n  )\n}\n\nexport const RadioButtonGroupItem = ({\n  asChild = false,\n  children,\n  className,\n  disabled = false,\n  onClick,\n  onSelect,\n  ref,\n  value,\n  ...rest\n}: RadioButtonGroupItemProps & {\n  ref?: Ref<HTMLButtonElement>\n}) => {\n  const context = useContext(RadioButtonGroupContext)\n\n  if (!context) {\n    throw new Error('RadioButtonGroupItem must be used within a RadioButtonGroup')\n  }\n\n  const { value: selectedValue, onValueChange, isKeptActive, expanded, variant } = context\n  const isSelected = selectedValue === value\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    if (onClick) onClick(event)\n    if (event.defaultPrevented) return\n    if (!disabled) {\n      if (onValueChange) {\n        onValueChange(value)\n      }\n      if (onSelect) {\n        onSelect(value)\n      }\n    }\n  }\n\n  const baseProps = {\n    ...rest,\n    className: cn(\n      `gap-2 text-sm font-medium focus-visible:border-ring focus-visible:ring-ring/50 h-9 px-3 min-w-9 [&_svg:not([class*='size-']):not([width]):not([height])]:size-4 inline-flex items-center justify-center rounded-none border border-toggle-border bg-toggle-bg text-toggle-text shadow-none transition-[colors] outline-none hover:cursor-pointer hover:border-toggle-border--hover hover:bg-toggle-bg--hover hover:text-toggle-text--hover focus:z-10 focus:outline-none focus-visible:z-10 focus-visible:ring-[3px] active:border-toggle-border--active active:bg-toggle-bg--active active:text-toggle-text--active disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&:not(:first-child)]:border-l-0`,\n      expanded && 'w-full',\n      isKeptActive && 'data-[state=on]:border-toggle-border--active data-[state=on]:bg-toggle-bg--active data-[state=on]:text-toggle-text--active',\n      className,\n    ),\n    disabled,\n    onClick: handleClick,\n    role: 'radio',\n    'aria-checked': isSelected,\n    'data-state': isSelected ? 'on' : 'off',\n    'data-testid': 'spectral-radio-button-group-item',\n    'data-variant': variant,\n  }\n\n  if (asChild) {\n    return (\n      <Slot ref={ref as Ref<HTMLElement>} {...baseProps}>\n        {children}\n      </Slot>\n    )\n  }\n\n  return (\n    <button ref={ref} {...baseProps} type='button'>\n      {children}\n    </button>\n  )\n}\n\nRadioButtonGroupItem.displayName = 'RadioButtonGroupItem'\n"],"mappings":";;;;;;;AAYA,MAAM,0BAA0B,cAAmD,KAAK;AAqBxF,MAAa,wBAAwB,EAAE,cAAc,WAAW,mBAAmB,gBAAgB,UAAU,WAAW,WAAW,OAAO,eAAe,OAAO,eAAe,OAAO,UAAU,gBAAuC;AACrO,QACE,oBAAC,wBAAwB,UAAzB;EAAkC,OAAO;GAAE;GAAO;GAAe;GAAc;GAAU;GAAS;YAChG,oBAAC,OAAD;GACE,cAAY;GACZ,mBAAiB;GACjB,WAAW,GACT,uHACA,+BACA,gOACA,UACD;GACD,iBAAe;GACf,eAAY;GACZ,gBAAc;GACd,MAAK;GAEJ;GACG;EAC2B;;AAIvC,MAAa,wBAAwB,EACnC,UAAU,OACV,UACA,WACA,WAAW,OACX,SACA,UACA,KACA,OACA,GAAG,WAGC;CACJ,MAAM,UAAU,WAAW,wBAAwB;AAEnD,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,8DAA8D;CAGhF,MAAM,EAAE,OAAO,eAAe,eAAe,cAAc,UAAU,YAAY;CACjF,MAAM,aAAa,kBAAkB;CAErC,MAAM,eAAe,UAAyC;AAC5D,MAAI,QAAS,SAAQ,MAAM;AAC3B,MAAI,MAAM,iBAAkB;AAC5B,MAAI,CAAC,UAAU;AACb,OAAI,cACF,eAAc,MAAM;AAEtB,OAAI,SACF,UAAS,MAAM;;;CAKrB,MAAM,YAAY;EAChB,GAAG;EACH,WAAW,GACT,mvBACA,YAAY,UACZ,gBAAgB,8HAChB,UACD;EACD;EACA,SAAS;EACT,MAAM;EACN,gBAAgB;EAChB,cAAc,aAAa,OAAO;EAClC,eAAe;EACf,gBAAgB;EACjB;AAED,KAAI,QACF,QACE,oBAAC,MAAD;EAAW;EAAyB,GAAI;EACrC;EACI;AAIX,QACE,oBAAC,UAAD;EAAa;EAAK,GAAI;EAAW,MAAK;EACnC;EACM;;AAIb,qBAAqB,cAAc"}

package/dist/RadioButtonGroup.d.ts

@@ -1,12 +1,33 @@
-import { ComponentProps } from 'react';
-import { RadioButtonGroupBase, RadioButtonGroupItemProps as RadioButtonGroupItemPropsBase } from './RadioButtonGroupBase';
-export type RadioButtonGroupProps = ComponentProps<typeof RadioButtonGroupBase>;
-export type RadioButtonGroupItemProps = RadioButtonGroupItemPropsBase;
-export declare const RadioButtonGroup: ({ className, children, ...props }: RadioButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RadioButtonGroupItem: {
-    ({ asChild, children, className, disabled, onClick, onSelect, ref, value, ...rest }: RadioButtonGroupItemPropsBase & {
-        ref?: import('react').Ref<HTMLButtonElement>;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
+'use client';
+import { RadioButtonGroupBase, RadioButtonGroupItemProps as RadioButtonGroupItemProps$1 } from "./RadioButtonGroup/RadioButtonGroupBase.js";
+import * as _$react from "react";
+import { ComponentProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/RadioButtonGroup/RadioButtonGroup.d.ts
+type RadioButtonGroupProps = ComponentProps<typeof RadioButtonGroupBase>;
+type RadioButtonGroupItemProps = RadioButtonGroupItemProps$1;
+declare const RadioButtonGroup: ({
+  className,
+  children,
+  ...props
+}: RadioButtonGroupProps) => _$react_jsx_runtime0.JSX.Element;
+declare const RadioButtonGroupItem: {
+  ({
+    asChild,
+    children,
+    className,
+    disabled,
+    onClick,
+    onSelect,
+    ref,
+    value,
+    ...rest
+  }: RadioButtonGroupItemProps$1 & {
+    ref?: _$react.Ref<HTMLButtonElement>;
+  }): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
 };
+//#endregion
+export { RadioButtonGroup, RadioButtonGroupItem, RadioButtonGroupItemProps, RadioButtonGroupProps };
 //# sourceMappingURL=RadioButtonGroup.d.ts.map

package/dist/RadioButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtonGroup.d.ts","names":[],"sources":["../src/components/RadioButtonGroup/RadioButtonGroup.tsx"],"mappings":";;;;;;;KAIY,qBAAA,GAAwB,cAAA,QAAsB,oBAAA;AAAA,KAC9C,yBAAA,GAA4B,2BAAA;AAAA,cAE3B,gBAAA;EAAgB,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAAuC,qBAAA,KAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAO5E,oBAAA;EAAA"}

package/dist/RadioButtonGroup.js

@@ -1,14 +1,19 @@
-'use client'
-import './styles/main.css'
-import { t as e } from "./twUtils-BpqlKSeB.js";
-import { RadioButtonGroupBase as t, RadioButtonGroupItem as n } from "./RadioButtonGroup/RadioButtonGroupBase.js";
+'use client';
+import { cn } from "./utils/twUtils.js";
+import { RadioButtonGroupBase, RadioButtonGroupItem as RadioButtonGroupItem$1 } from "./RadioButtonGroup/RadioButtonGroupBase.js";
 import "react";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+
 //#region src/components/RadioButtonGroup/RadioButtonGroup.tsx
-var i = ({ className: n, children: i, ...a }) => /* @__PURE__ */ r(t, {
-	className: e("rounded-md [&_button:first-of-type]:rounded-l-md [&_button:last-of-type]:rounded-r-md flex h-fit w-fit items-center whitespace-nowrap", n),
-	...a,
-	children: i
-}), a = n;
+const RadioButtonGroup = ({ className, children, ...props }) => {
+	return /* @__PURE__ */ jsx(RadioButtonGroupBase, {
+		className: cn("rounded-md [&_button:first-of-type]:rounded-l-md [&_button:last-of-type]:rounded-r-md flex h-fit w-fit items-center whitespace-nowrap", className),
+		...props,
+		children
+	});
+};
+const RadioButtonGroupItem = RadioButtonGroupItem$1;
+
 //#endregion
-export { i as RadioButtonGroup, a as RadioButtonGroupItem };
+export { RadioButtonGroup, RadioButtonGroupItem };
+//# sourceMappingURL=RadioButtonGroup.js.map

package/dist/RadioButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtonGroup.js","names":["RadioButtonGroupItemBase"],"sources":["../src/components/RadioButtonGroup/RadioButtonGroup.tsx"],"sourcesContent":["import { cn } from '@utils/twUtils'\nimport { type ComponentProps } from 'react'\nimport { RadioButtonGroupBase, RadioButtonGroupItem as RadioButtonGroupItemBase, type RadioButtonGroupItemProps as RadioButtonGroupItemPropsBase } from './RadioButtonGroupBase'\n\nexport type RadioButtonGroupProps = ComponentProps<typeof RadioButtonGroupBase>\nexport type RadioButtonGroupItemProps = RadioButtonGroupItemPropsBase\n\nexport const RadioButtonGroup = ({ className, children, ...props }: RadioButtonGroupProps) => {\n  return (\n    <RadioButtonGroupBase className={cn('rounded-md [&_button:first-of-type]:rounded-l-md [&_button:last-of-type]:rounded-r-md flex h-fit w-fit items-center whitespace-nowrap', className)} {...props}>\n      {children}\n    </RadioButtonGroupBase>\n  )\n}\nexport const RadioButtonGroupItem = RadioButtonGroupItemBase\n"],"mappings":";;;;;;;AAOA,MAAa,oBAAoB,EAAE,WAAW,UAAU,GAAG,YAAmC;AAC5F,QACE,oBAAC,sBAAD;EAAsB,WAAW,GAAG,yIAAyI,UAAU;EAAE,GAAI;EAC1L;EACoB;;AAG3B,MAAa,uBAAuBA"}

package/dist/RadioGroup.d.ts

@@ -1,49 +1,66 @@
-import { Label } from '../Label/Label';
-import { BaseFormFieldProps, FormFieldState } from './utils/formFieldUtils';
-import { ComponentProps, ComponentRef, ReactElement, ReactNode, Ref } from 'react';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+'use client';
+import { BaseFormFieldProps, FormFieldState } from "./utils/formFieldUtils.js";
+import { Label } from "./Label.js";
+import { ComponentProps, ComponentRef, ReactElement, ReactNode, Ref } from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+
+//#region src/components/RadioGroup/RadioGroup.d.ts
 type RadioGroupVariant = 'default' | 'unstyled';
-export interface RadioGroupProps extends Omit<ComponentProps<typeof RadioGroupPrimitive.Root>, 'onChange' | 'disabled'> {
-    'aria-describedby'?: string;
-    'aria-label'?: string;
-    className?: string;
-    disabled?: boolean | string[];
-    errorMessage?: BaseFormFieldProps['errorMessage'];
-    itemClassName?: string;
-    name: string;
-    onChange?: (selected: string) => void;
-    onValueChange: (selected: string) => void;
-    orientation?: 'horizontal' | 'vertical';
-    required?: boolean;
-    selected?: string;
-    state?: FormFieldState;
-    variant?: RadioGroupVariant;
-    warningMessage?: BaseFormFieldProps['errorMessage'];
+interface RadioGroupProps extends Omit<ComponentProps<typeof RadioGroupPrimitive.Root>, 'onChange' | 'disabled'> {
+  'aria-describedby'?: string;
+  'aria-label'?: string;
+  className?: string;
+  disabled?: boolean | string[];
+  errorMessage?: BaseFormFieldProps['errorMessage'];
+  itemClassName?: string;
+  messageReserveLines?: number;
+  messageReserveSpace?: boolean;
+  name: string;
+  onChange?: (selected: string) => void;
+  onValueChange: (selected: string) => void;
+  orientation?: 'horizontal' | 'vertical';
+  required?: boolean;
+  selected?: string;
+  state?: FormFieldState;
+  variant?: RadioGroupVariant;
+  warningMessage?: BaseFormFieldProps['errorMessage'];
 }
-export interface RadioGroupItemProps extends ComponentProps<typeof RadioGroupPrimitive.Item> {
-    className?: string;
-    children?: ReactNode;
-    description?: string | ReactNode;
-    id?: string;
-    value: string;
+interface RadioGroupItemProps extends ComponentProps<typeof RadioGroupPrimitive.Item> {
+  className?: string;
+  children?: ReactNode;
+  description?: string | ReactNode;
+  id?: string;
+  value: string;
 }
-declare const RadioGroup: {
-    (allProps: RadioGroupProps & {
-        ref?: Ref<ComponentRef<typeof RadioGroupPrimitive.Root>>;
-    }): ReactElement;
-    displayName: string;
-};
-declare const RadioGroupItem: {
-    ({ children, className, disabled, ref, value, ...props }: RadioGroupItemProps & {
-        ref?: Ref<ComponentRef<typeof RadioGroupPrimitive.Item>>;
-    }): ReactElement;
-    displayName: string;
-};
-declare const RadioGroupLabel: {
-    ({ ref, className, ...props }: ComponentProps<typeof Label> & {
-        ref?: Ref<ComponentRef<typeof Label>>;
-    }): ReactElement;
-    displayName: string;
-};
-export { RadioGroup, RadioGroupItem, RadioGroupLabel };
+declare function RadioGroup(allProps: RadioGroupProps & {
+  ref?: Ref<ComponentRef<typeof RadioGroupPrimitive.Root>>;
+}): ReactElement;
+declare namespace RadioGroup {
+  var displayName: string;
+}
+declare function RadioGroupItem({
+  children,
+  className,
+  disabled,
+  ref,
+  value,
+  ...props
+}: RadioGroupItemProps & {
+  ref?: Ref<ComponentRef<typeof RadioGroupPrimitive.Item>>;
+}): ReactElement;
+declare namespace RadioGroupItem {
+  var displayName: string;
+}
+declare function RadioGroupLabel({
+  ref,
+  className,
+  ...props
+}: ComponentProps<typeof Label> & {
+  ref?: Ref<ComponentRef<typeof Label>>;
+}): ReactElement;
+declare namespace RadioGroupLabel {
+  var displayName: string;
+}
+//#endregion
+export { RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupLabel, RadioGroupProps };
 //# sourceMappingURL=RadioGroup.d.ts.map

package/dist/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","names":[],"sources":["../src/components/RadioGroup/RadioGroup.tsx"],"mappings":";;;;;;;KAOK,iBAAA;AAAA,UAEY,eAAA,SAAwB,IAAA,CAAK,cAAA,QAAsB,mBAAA,CAAoB,IAAA;EACtF,kBAAA;EACA,YAAA;EACA,SAAA;EACA,QAAA;EACA,YAAA,GAAe,kBAAA;EACf,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,IAAA;EACA,QAAA,IAAY,QAAA;EACZ,aAAA,GAAgB,QAAA;EAChB,WAAA;EACA,QAAA;EACA,QAAA;EACA,KAAA,GAAQ,cAAA;EACR,OAAA,GAAU,iBAAA;EACV,cAAA,GAAiB,kBAAA;AAAA;AAAA,UAGF,mBAAA,SAA4B,cAAA,QAAsB,mBAAA,CAAoB,IAAA;EACrF,SAAA;EACA,QAAA,GAAW,SAAA;EACX,WAAA,YAAuB,SAAA;EACvB,EAAA;EACA,KAAA;AAAA;AAAA,iBACD,UAAA,CAqBC,QAAA,EAAU,eAAA;EACR,GAAA,GAAM,GAAA,CAAI,YAAA,QAAoB,mBAAA,CAAoB,IAAA;AAAA,IAEnD,YAAA;AAAA,kBAAY,UAAA;EAAA;;;EAyIb,QAAA;EACA,SAAA;EACA,QAAA;EACA,GAAA;EACA,KAAA;EAAA,GACG;AAAA,GACF,mBAAA;EACD,GAAA,GAAM,GAAA,CAAI,YAAA,QAAoB,mBAAA,CAAoB,IAAA;AAAA,IAChD,YAAA;AAAA,kBAAY,cAAA;EAAA;;;EAgCd,GAAA;EACA,SAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,KAAA;EACvB,GAAA,GAAM,GAAA,CAAI,YAAA,QAAoB,KAAA;AAAA,IAC5B,YAAA;AAAA,kBAAY,eAAA;EAAA"}

package/dist/RadioGroup.js

@@ -1,3 +1,184 @@
-'use client'
-import { n as e, r as t, t as n } from "./RadioGroup-D-XjCU4Q.js";
-export { n as RadioGroup, e as RadioGroupItem, t as RadioGroupLabel };
+'use client';
+import { cn } from "./utils/twUtils.js";
+import { ErrorMessage, WarningMessage } from "./FormFieldMessage.js";
+import { useFormFieldId } from "./utils/formFieldUtils.js";
+import { Label } from "./Label.js";
+import { createContext, memo, useContext, useId, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { AnimatePresence, motion, useReducedMotion } from "motion/react";
+
+//#region src/components/RadioGroup/RadioGroup.tsx
+const RadioGroupContext = createContext({
+	disabledValues: [],
+	groupDisabled: false,
+	orientation: "vertical",
+	variant: "default"
+});
+const DISABLED_STYLES = "pointer-events-none opacity-60";
+const RadioGroup = (allProps) => {
+	const isControlled = "selected" in allProps;
+	const { className, disabled, errorMessage, itemClassName, messageReserveLines = 1, messageReserveSpace = true, name, onChange, onValueChange, orientation = "vertical", ref, selected: selectedProp, state = "default", variant = "default", warningMessage, "aria-describedby": ariaDescribedBy, ...props } = allProps;
+	const selected = isControlled ? selectedProp ?? "" : selectedProp;
+	const groupId = useFormFieldId(props.id, name);
+	const errorMessageId = `${groupId}-error`;
+	const warningMessageId = `${groupId}-warning`;
+	const messageId = state === "error" && errorMessage ? errorMessageId : state === "warning" && warningMessage ? warningMessageId : void 0;
+	const handleValueChange = (nextValue) => {
+		onValueChange(nextValue);
+		onChange?.(nextValue);
+	};
+	const contextValue = useMemo(() => ({
+		disabledValues: Array.isArray(disabled) ? disabled : [],
+		groupDisabled: typeof disabled === "boolean" ? disabled : false,
+		itemClassName,
+		orientation,
+		selected,
+		variant
+	}), [
+		orientation,
+		variant,
+		disabled,
+		itemClassName,
+		selected
+	]);
+	return /* @__PURE__ */ jsx(RadioGroupContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsxs("div", {
+			"data-slot": "radio-group-field",
+			className: "space-y-1.5 w-full",
+			children: [
+				/* @__PURE__ */ jsx(RadioGroupPrimitive.Root, {
+					className: cn("flex w-full text-text-primary", orientation === "vertical" ? "gap-4 flex-col" : "gap-5 flex-row", variant === "unstyled" && "gap-2.5 w-fit", className),
+					"data-state": state,
+					"data-testid": "spectral-radio-group",
+					id: groupId,
+					"aria-invalid": state === "error" ? true : void 0,
+					"aria-describedby": [messageId, ariaDescribedBy].filter(Boolean).join(" ") || void 0,
+					disabled: contextValue.groupDisabled,
+					name,
+					onValueChange: handleValueChange,
+					ref,
+					value: selected,
+					...props
+				}),
+				/* @__PURE__ */ jsx(ErrorMessage, {
+					dataTestId: "spectral-radio-group-error-message",
+					id: errorMessageId,
+					message: state === "error" ? errorMessage : null,
+					messageReserveLines,
+					messageReserveSpace
+				}),
+				/* @__PURE__ */ jsx(WarningMessage, {
+					dataTestId: "spectral-radio-group-warning-message",
+					id: warningMessageId,
+					message: state === "warning" ? warningMessage : null,
+					messageReserveLines,
+					messageReserveSpace
+				})
+			]
+		})
+	});
+};
+RadioGroup.displayName = "RadioGroup";
+const DEFAULT_TRANSITION = {
+	type: "spring",
+	stiffness: 200,
+	damping: 16
+};
+const RadioButton = memo(({ className, id, isDisabled, ref, transition = DEFAULT_TRANSITION, value, ...props }) => {
+	if (useReducedMotion()) return /* @__PURE__ */ jsx(RadioGroupPrimitive.Item, {
+		className: cn("h-4.5 w-4.5 border-border-subtle ring-black relative aspect-square cursor-pointer rounded-full border-2 bg-radio-bg transition-colors", "hover:border-radio-border--hover focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-accent", "data-[state=checked]:border-radio-border--selected data-[state=checked]:bg-radio-bg", isDisabled && DISABLED_STYLES, className),
+		"data-testid": "spectral-radio-group-item",
+		disabled: isDisabled,
+		id,
+		ref,
+		value,
+		...props,
+		children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: cn(`after:inset-0 after:h-2.5 after:w-2.5 after:absolute after:m-auto after:rounded-full after:bg-radio-bg--selected after:content-['']`, isDisabled && DISABLED_STYLES) })
+	});
+	return /* @__PURE__ */ jsx(RadioGroupPrimitive.Item, {
+		value,
+		id,
+		disabled: isDisabled,
+		asChild: true,
+		...props,
+		children: /* @__PURE__ */ jsx(motion.button, {
+			className: cn("h-4.5 w-4.5 border-border-subtle ring-black relative aspect-square cursor-pointer rounded-full border-2 bg-radio-bg transition-colors", "hover:border-radio-border--hover focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-accent", "data-[state=checked]:border-radio-border--selected data-[state=checked]:bg-radio-bg", isDisabled && DISABLED_STYLES, className),
+			"data-testid": "spectral-radio-group-item",
+			ref,
+			whileHover: { scale: 1.05 },
+			whileTap: { scale: .95 },
+			children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, {
+				className: "relative flex items-center justify-center",
+				children: /* @__PURE__ */ jsx(AnimatePresence, { children: /* @__PURE__ */ jsx(motion.div, {
+					animate: {
+						opacity: 1,
+						scale: 1
+					},
+					className: "h-2.5 w-2.5 absolute rounded-full bg-radio-bg--selected",
+					exit: {
+						opacity: 0,
+						scale: 0
+					},
+					initial: {
+						opacity: 0,
+						scale: 0
+					},
+					transition
+				}, "radio-indicator") })
+			})
+		})
+	});
+});
+RadioButton.displayName = "RadioButton";
+const RadioGroupItem = ({ children, className, disabled, ref, value, ...props }) => {
+	const { disabledValues, groupDisabled, itemClassName, variant, orientation } = useContext(RadioGroupContext);
+	const generatedId = useId();
+	const stringValue = value.toString();
+	const id = props.id?.toString() ?? `${stringValue}-${generatedId}`;
+	const isDisabled = groupDisabled || disabledValues.includes(stringValue) || Boolean(disabled);
+	if (variant === "unstyled") return /* @__PURE__ */ jsx(RadioGroupPrimitive.Item, {
+		asChild: true,
+		"data-testid": "spectral-radio-group-item",
+		disabled: isDisabled,
+		id,
+		ref,
+		value: stringValue,
+		...props,
+		children: /* @__PURE__ */ jsx(Label, {
+			className: cn("rounded flex h-fit w-fit border-2 border-transparent data-[state=checked]:border-radio-border--selected", isDisabled && DISABLED_STYLES, itemClassName, className),
+			"data-testid": "spectral-radio-group-item-label",
+			htmlFor: id,
+			children
+		})
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex items-center", isDisabled && DISABLED_STYLES, itemClassName, className, orientation),
+		children: [/* @__PURE__ */ jsx(RadioButton, {
+			ref,
+			value: stringValue,
+			id,
+			isDisabled,
+			...props
+		}), children && /* @__PURE__ */ jsx(Label, {
+			className: cn("text-md font-normal cursor-pointer", orientation === "vertical" ? "ml-2" : "ml-1"),
+			htmlFor: id,
+			children
+		})]
+	});
+};
+RadioGroupItem.displayName = "RadioGroup.Item";
+const RadioGroupLabel = ({ ref, className, ...props }) => {
+	return /* @__PURE__ */ jsx(Label, {
+		ref,
+		"data-testid": "spectral-radio-group-label",
+		className: cn("text-md font-medium block", className),
+		...props
+	});
+};
+RadioGroupLabel.displayName = "RadioGroup.Label";
+
+//#endregion
+export { RadioGroup, RadioGroupItem, RadioGroupLabel };
+//# sourceMappingURL=RadioGroup.js.map

package/dist/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","names":[],"sources":["../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { Label } from '@components/Label/Label'\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group'\nimport { ErrorMessage, WarningMessage, useFormFieldId, type BaseFormFieldProps, type FormFieldState } from '@utils/formFieldUtils'\nimport { cn } from '@utils/twUtils'\nimport { AnimatePresence, motion, useReducedMotion, type Transition } from 'motion/react'\nimport { createContext, memo, useContext, useId, useMemo, type ComponentProps, type ComponentRef, type ReactElement, type ReactNode, type Ref } from 'react'\n\ntype RadioGroupVariant = 'default' | 'unstyled'\n\nexport interface RadioGroupProps extends Omit<ComponentProps<typeof RadioGroupPrimitive.Root>, 'onChange' | 'disabled'> {\n  'aria-describedby'?: string\n  'aria-label'?: string\n  className?: string\n  disabled?: boolean | string[]\n  errorMessage?: BaseFormFieldProps['errorMessage']\n  itemClassName?: string\n  messageReserveLines?: number\n  messageReserveSpace?: boolean\n  name: string\n  onChange?: (selected: string) => void\n  onValueChange: (selected: string) => void\n  orientation?: 'horizontal' | 'vertical'\n  required?: boolean\n  selected?: string\n  state?: FormFieldState\n  variant?: RadioGroupVariant\n  warningMessage?: BaseFormFieldProps['errorMessage']\n}\n\nexport interface RadioGroupItemProps extends ComponentProps<typeof RadioGroupPrimitive.Item> {\n  className?: string\n  children?: ReactNode\n  description?: string | ReactNode\n  id?: string\n  value: string\n}\n\ninterface RadioGroupContextType {\n  disabledValues: string[]\n  groupDisabled: boolean\n  itemClassName?: string\n  orientation: 'horizontal' | 'vertical'\n  selected?: string\n  variant: RadioGroupVariant\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextType>({\n  disabledValues: [],\n  groupDisabled: false,\n  orientation: 'vertical',\n  variant: 'default',\n})\n\nconst DISABLED_STYLES = 'pointer-events-none opacity-60'\n\nconst RadioGroup = (\n  allProps: RadioGroupProps & {\n    ref?: Ref<ComponentRef<typeof RadioGroupPrimitive.Root>>\n  },\n): ReactElement => {\n  const isControlled = 'selected' in allProps\n  const {\n    className,\n    disabled,\n    errorMessage,\n    itemClassName,\n    messageReserveLines = 1,\n    messageReserveSpace = true,\n    name,\n    onChange,\n    onValueChange,\n    orientation = 'vertical',\n    ref,\n    selected: selectedProp,\n    state = 'default',\n    variant = 'default',\n    warningMessage,\n    'aria-describedby': ariaDescribedBy,\n    ...props\n  } = allProps\n  const selected = isControlled ? (selectedProp ?? '') : selectedProp\n  const groupId = useFormFieldId(props.id, name)\n  const errorMessageId = `${groupId}-error`\n  const warningMessageId = `${groupId}-warning`\n  const messageId = state === 'error' && errorMessage ? errorMessageId : state === 'warning' && warningMessage ? warningMessageId : undefined\n  const handleValueChange = (nextValue: string) => {\n    onValueChange(nextValue)\n    onChange?.(nextValue)\n  }\n\n  const contextValue = useMemo(\n    () => ({\n      disabledValues: Array.isArray(disabled) ? disabled : [],\n      groupDisabled: typeof disabled === 'boolean' ? disabled : false,\n      itemClassName,\n      orientation,\n      selected,\n      variant,\n    }),\n    [orientation, variant, disabled, itemClassName, selected],\n  )\n\n  return (\n    <RadioGroupContext.Provider value={contextValue}>\n      <div data-slot='radio-group-field' className='space-y-1.5 w-full'>\n        <RadioGroupPrimitive.Root\n          className={cn('flex w-full text-text-primary', orientation === 'vertical' ? 'gap-4 flex-col' : 'gap-5 flex-row', variant === 'unstyled' && 'gap-2.5 w-fit', className)}\n          data-state={state}\n          data-testid='spectral-radio-group'\n          id={groupId}\n          aria-invalid={state === 'error' ? true : undefined}\n          aria-describedby={[messageId, ariaDescribedBy].filter(Boolean).join(' ') || undefined}\n          disabled={contextValue.groupDisabled}\n          name={name}\n          onValueChange={handleValueChange}\n          ref={ref}\n          value={selected}\n          {...props}\n        />\n        <ErrorMessage dataTestId='spectral-radio-group-error-message' id={errorMessageId} message={state === 'error' ? errorMessage : null} messageReserveLines={messageReserveLines} messageReserveSpace={messageReserveSpace} />\n        <WarningMessage dataTestId='spectral-radio-group-warning-message' id={warningMessageId} message={state === 'warning' ? warningMessage : null} messageReserveLines={messageReserveLines} messageReserveSpace={messageReserveSpace} />\n      </div>\n    </RadioGroupContext.Provider>\n  )\n}\nRadioGroup.displayName = 'RadioGroup'\n\nconst DEFAULT_TRANSITION: Transition = { type: 'spring', stiffness: 200, damping: 16 }\n\nconst RadioButton = memo(\n  ({\n    className,\n    id,\n    isDisabled,\n    ref,\n    transition = DEFAULT_TRANSITION,\n    value,\n    ...props\n  }: Omit<ComponentProps<typeof RadioGroupPrimitive.Item>, 'asChild'> & {\n    isDisabled?: boolean\n    ref?: Ref<HTMLButtonElement>\n    transition?: Transition\n  }) => {\n    const prefersReducedMotion = useReducedMotion()\n\n    // When reduced motion is preferred, fall back to original non-animated behavior\n    if (prefersReducedMotion) {\n      return (\n        <RadioGroupPrimitive.Item\n          className={cn(\n            'h-4.5 w-4.5 border-border-subtle ring-black relative aspect-square cursor-pointer rounded-full border-2 bg-radio-bg transition-colors',\n            'hover:border-radio-border--hover focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-accent',\n            'data-[state=checked]:border-radio-border--selected data-[state=checked]:bg-radio-bg',\n            isDisabled && DISABLED_STYLES,\n            className,\n          )}\n          data-testid='spectral-radio-group-item'\n          disabled={isDisabled}\n          id={id}\n          ref={ref as Ref<ComponentRef<typeof RadioGroupPrimitive.Item>>}\n          value={value}\n          {...props}\n        >\n          <RadioGroupPrimitive.Indicator className={cn(`after:inset-0 after:h-2.5 after:w-2.5 after:absolute after:m-auto after:rounded-full after:bg-radio-bg--selected after:content-['']`, isDisabled && DISABLED_STYLES)} />\n        </RadioGroupPrimitive.Item>\n      )\n    }\n\n    return (\n      <RadioGroupPrimitive.Item value={value} id={id} disabled={isDisabled} asChild {...props}>\n        <motion.button\n          className={cn(\n            'h-4.5 w-4.5 border-border-subtle ring-black relative aspect-square cursor-pointer rounded-full border-2 bg-radio-bg transition-colors',\n            'hover:border-radio-border--hover focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-accent',\n            'data-[state=checked]:border-radio-border--selected data-[state=checked]:bg-radio-bg',\n            isDisabled && DISABLED_STYLES,\n            className,\n          )}\n          data-testid='spectral-radio-group-item'\n          ref={ref}\n          whileHover={{ scale: 1.05 }}\n          whileTap={{ scale: 0.95 }}\n        >\n          <RadioGroupPrimitive.Indicator className='relative flex items-center justify-center'>\n            <AnimatePresence>\n              <motion.div animate={{ opacity: 1, scale: 1 }} className='h-2.5 w-2.5 absolute rounded-full bg-radio-bg--selected' exit={{ opacity: 0, scale: 0 }} initial={{ opacity: 0, scale: 0 }} key='radio-indicator' transition={transition} />\n            </AnimatePresence>\n          </RadioGroupPrimitive.Indicator>\n        </motion.button>\n      </RadioGroupPrimitive.Item>\n    )\n  },\n)\nRadioButton.displayName = 'RadioButton'\n\nconst RadioGroupItem = ({\n  children,\n  className,\n  disabled,\n  ref,\n  value,\n  ...props\n}: RadioGroupItemProps & {\n  ref?: Ref<ComponentRef<typeof RadioGroupPrimitive.Item>>\n}): ReactElement => {\n  const { disabledValues, groupDisabled, itemClassName, variant, orientation } = useContext(RadioGroupContext)\n  const generatedId = useId()\n\n  const stringValue = value.toString()\n  const id = props.id?.toString() ?? `${stringValue}-${generatedId}`\n  const isDisabled = groupDisabled || disabledValues.includes(stringValue) || Boolean(disabled)\n\n  if (variant === 'unstyled') {\n    return (\n      <RadioGroupPrimitive.Item asChild data-testid='spectral-radio-group-item' disabled={isDisabled} id={id} ref={ref} value={stringValue} {...props}>\n        <Label className={cn('rounded flex h-fit w-fit border-2 border-transparent data-[state=checked]:border-radio-border--selected', isDisabled && DISABLED_STYLES, itemClassName, className)} data-testid='spectral-radio-group-item-label' htmlFor={id}>\n          {children}\n        </Label>\n      </RadioGroupPrimitive.Item>\n    )\n  }\n\n  return (\n    <div className={cn('flex items-center', isDisabled && DISABLED_STYLES, itemClassName, className, orientation)}>\n      <RadioButton ref={ref} value={stringValue} id={id} isDisabled={isDisabled} {...props} />\n      {children && (\n        <Label className={cn('text-md font-normal cursor-pointer', orientation === 'vertical' ? 'ml-2' : 'ml-1')} htmlFor={id}>\n          {children}\n        </Label>\n      )}\n    </div>\n  )\n}\nRadioGroupItem.displayName = 'RadioGroup.Item'\n\nconst RadioGroupLabel = ({\n  ref,\n  className,\n  ...props\n}: ComponentProps<typeof Label> & {\n  ref?: Ref<ComponentRef<typeof Label>>\n}): ReactElement => {\n  return <Label ref={ref} data-testid='spectral-radio-group-label' className={cn('text-md font-medium block', className)} {...props} />\n}\nRadioGroupLabel.displayName = 'RadioGroup.Label'\n\nexport { RadioGroup, RadioGroupItem, RadioGroupLabel }\n"],"mappings":"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"}

package/dist/Select.d.ts

@@ -1,39 +1,44 @@
-import { BaseFormFieldProps, BaseOption, DropdownWidth, FormFieldState } from './utils/formFieldUtils';
-import { ComponentPropsWithoutRef, ReactNode, Ref } from 'react';
+'use client';
+import { BaseFormFieldProps, BaseOption, DropdownWidth, FormFieldState } from "./utils/formFieldUtils.js";
+import { ComponentPropsWithoutRef, ReactNode, Ref } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/Select/Select.d.ts
 type SelectOption = BaseOption;
 type Align = 'start' | 'center' | 'end';
 type Side = 'top' | 'bottom' | 'left' | 'right';
-export interface SelectProps extends Omit<ComponentPropsWithoutRef<'button'>, 'value' | 'onChange' | 'aria-disabled' | 'aria-invalid' | 'aria-required' | 'aria-describedby' | 'aria-label'>, Omit<BaseFormFieldProps, 'state'> {
-    defaultValue?: string;
-    dropdownWidth?: DropdownWidth;
-    emptyMessage?: ReactNode;
-    id?: string;
-    label?: string;
-    labelClassName?: string;
-    loadingMessage?: string;
-    onChange?: (value: string) => void;
-    onValueChange?: (value: string) => void;
-    options: SelectOption[];
-    placeholder?: string;
-    state?: Exclude<FormFieldState, 'disabled'>;
-    value?: string;
-    warningMessage?: BaseFormFieldProps['errorMessage'];
+interface SelectProps extends Omit<ComponentPropsWithoutRef<'button'>, 'value' | 'onChange' | 'aria-disabled' | 'aria-invalid' | 'aria-required' | 'aria-describedby' | 'aria-label'>, Omit<BaseFormFieldProps, 'state'> {
+  defaultValue?: string;
+  dropdownWidth?: DropdownWidth;
+  emptyMessage?: ReactNode;
+  id?: string;
+  label?: string;
+  labelClassName?: string;
+  loadingMessage?: string;
+  onChange?: (value: string) => void;
+  onValueChange?: (value: string) => void;
+  options: SelectOption[];
+  placeholder?: string;
+  state?: Exclude<FormFieldState, 'disabled'>;
+  value?: string;
+  warningMessage?: BaseFormFieldProps['errorMessage'];
 }
-export interface SelectExtendedProps extends SelectProps {
-    align?: Align;
-    alignOffset?: number;
-    avoidCollisions?: boolean;
-    collisionBoundary?: Element | Element[] | null;
-    collisionPadding?: number | Partial<Record<Side, number>>;
-    position?: 'popper' | 'item-aligned';
-    side?: Side;
-    sideOffset?: number;
+interface SelectExtendedProps extends SelectProps {
+  align?: Align;
+  alignOffset?: number;
+  avoidCollisions?: boolean;
+  collisionBoundary?: Element | Element[] | null;
+  collisionPadding?: number | Partial<Record<Side, number>>;
+  position?: 'popper' | 'item-aligned';
+  side?: Side;
+  sideOffset?: number;
 }
-export declare const Select: {
-    (allProps: SelectExtendedProps & {
-        ref?: Ref<HTMLButtonElement>;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};
+declare function Select(allProps: SelectExtendedProps & {
+  ref?: Ref<HTMLButtonElement>;
+}): _$react_jsx_runtime0.JSX.Element;
+declare namespace Select {
+  var displayName: string;
+}
+//#endregion
+export { Select, SelectExtendedProps, SelectProps };
 //# sourceMappingURL=Select.d.ts.map