@alma-oss/spirit-web-react 4.1.0 → 4.2.1

package/types/accordion.d.ts

@@ -1,5 +1,5 @@
 import { type ElementType, type ReactNode } from 'react';
-import { type ChildrenProps, type ElementTypeProps, type StyleProps, type TransferProps } from './shared';
+import { type ChildrenProps, type ElementTypeProps, type SpiritPolymorphicElementPropsWithRef, type StyleProps } from './shared';
 export type AccordionOpenStateType = string | string[] | undefined;
 export interface AccordionHandlingProps {
     open: AccordionOpenStateType;
@@ -8,18 +8,25 @@ export interface AccordionHandlingProps {
 export interface AccordionItemContextProps {
     id: string;
 }
-export interface BaseAccordionProps extends ChildrenProps, StyleProps, TransferProps {
+export interface BaseAccordionProps extends ChildrenProps, StyleProps {
 }
-export interface AccordionProps<T extends ElementType = 'section'> extends BaseAccordionProps, AccordionHandlingProps, ElementTypeProps<T> {
+export interface AccordionBaseProps extends BaseAccordionProps, AccordionHandlingProps {
 }
-export interface AccordionHeaderProps<T extends ElementType = 'h3'> extends BaseAccordionProps, ElementTypeProps<T> {
+export type AccordionProps<T extends ElementType> = ElementTypeProps<T> & AccordionBaseProps;
+export type SpiritAccordionProps<T extends ElementType = 'section'> = AccordionProps<T> & SpiritPolymorphicElementPropsWithRef<T, AccordionProps<T>>;
+export type AccordionHeaderProps<T extends ElementType = 'h3'> = ElementTypeProps<T> & {
     slot?: ReactNode;
+} & BaseAccordionProps;
+export type SpiritAccordionHeaderProps<T extends ElementType = 'h3'> = AccordionHeaderProps<T> & SpiritPolymorphicElementPropsWithRef<T, AccordionHeaderProps<T>>;
+export interface AccordionItemBaseProps extends BaseAccordionProps, AccordionItemContextProps {
 }
-export interface AccordionItemProps<T extends ElementType = 'article'> extends BaseAccordionProps, AccordionItemContextProps, ElementTypeProps<T> {
-}
+export type AccordionItemProps<T extends ElementType> = ElementTypeProps<T> & AccordionItemBaseProps;
+export type SpiritAccordionItemProps<T extends ElementType = 'article'> = AccordionItemProps<T> & SpiritPolymorphicElementPropsWithRef<T, AccordionItemProps<T>>;
 export interface AccordionContentProps extends BaseAccordionProps {
 }
-export interface UncontrolledAccordionProps extends BaseAccordionProps {
+export interface UncontrolledAccordionBaseProps extends BaseAccordionProps {
     defaultOpen?: AccordionOpenStateType;
     stayOpen?: boolean;
 }
+export type UncontrolledAccordionProps<T extends ElementType> = ElementTypeProps<T> & UncontrolledAccordionBaseProps;
+export type SpiritUncontrolledAccordionProps<T extends ElementType = 'section'> = UncontrolledAccordionProps<T> & SpiritPolymorphicElementPropsWithRef<T, UncontrolledAccordionProps<T>>;

package/types/box.d.ts

@@ -1,5 +1,5 @@
 import { type ElementType, type JSXElementConstructor } from 'react';
-import { type BackgroundAccentColorsType, type BackgroundColorsDictionaryType, type BackgroundEmotionColorsType, type BackgroundGradientsDictionaryType, type BackgroundNeutralColorsType, type BorderAccentColorsType, type BorderColorsDictionaryType, type BorderEmotionColorsType, type BorderRadiiTokenType, type BorderStylesDictionaryType, type BorderWidthsDictionaryType, type ChildrenProps, type SingleOrResponsive, type SpaceToken, type SpiritPolymorphicElementPropsWithoutRef, type StyleProps, type TextColorProps } from './shared';
+import { type BackgroundAccentColorsType, type BackgroundColorsDictionaryType, type BackgroundEmotionColorsType, type BackgroundGradientsDictionaryType, type BackgroundNeutralColorsType, type BorderAccentColorsType, type BorderColorsDictionaryType, type BorderEmotionColorsType, type BorderRadiiTokenType, type BorderStylesDictionaryType, type BorderWidthsDictionaryType, type ChildrenProps, type SingleOrResponsive, type SpaceToken, type SpiritPolymorphicElementPropsWithRef, type StyleProps, type TextColorProps } from './shared';
 export type BoxBackgroundColorsType = BackgroundColorsDictionaryType | BackgroundAccentColorsType | BackgroundEmotionColorsType | BackgroundNeutralColorsType;
 export interface BoxBaseProps extends ChildrenProps, TextColorProps, StyleProps {
     backgroundColor?: BoxBackgroundColorsType;
@@ -19,4 +19,4 @@ export interface BoxBaseProps extends ChildrenProps, TextColorProps, StyleProps
 export type BoxProps<E extends ElementType> = {
     elementType?: E | JSXElementConstructor<unknown>;
 } & BoxBaseProps;
-export type SpiritBoxProps<E extends ElementType = 'div'> = BoxProps<E> & SpiritPolymorphicElementPropsWithoutRef<E, BoxProps<E>>;
+export type SpiritBoxProps<E extends ElementType = 'div'> = BoxProps<E> & SpiritPolymorphicElementPropsWithRef<E, BoxProps<E>>;

package/types/button.d.ts

@@ -1,5 +1,5 @@
 import { type ComponentPropsWithRef, type ElementType } from 'react';
-import type { ButtonSizesType, ButtonType, ChildrenProps, ClickEvents, ComponentButtonColorNamesType, EmotionColorNamesType, SizesDictionaryType, StyleProps } from './shared';
+import type { ButtonSizesType, ButtonType, ChildrenProps, ClickEvents, ComponentButtonColorNamesType, EmotionColorNamesType, SingleOrResponsive, SizesDictionaryType, StyleProps } from './shared';
 export type ButtonColor<C> = ComponentButtonColorNamesType<C> | EmotionColorNamesType<C>;
 export type ButtonSize<S> = keyof S extends never ? SizesDictionaryType : ButtonSizesType | S;
 export interface ButtonBaseProps<C = void, S = void> extends ChildrenProps, StyleProps, ClickEvents {
@@ -7,7 +7,7 @@ export interface ButtonBaseProps<C = void, S = void> extends ChildrenProps, Styl
     isDisabled?: boolean;
     isBlock?: boolean;
     isLoading?: boolean;
-    isSymmetrical?: boolean;
+    isSymmetrical?: SingleOrResponsive<boolean>;
     size?: ButtonSize<S>;
 }
 export type ButtonProps<E extends ElementType, C = void, S = void> = {

package/types/checkbox.d.ts

@@ -1,10 +1,11 @@
 import { type ReactNode } from 'react';
 import { type LabelProps } from './label';
-import { type ChildrenProps, type HelperTextProps, type InputBaseProps, type ItemProps, type RequiredProps, type SpiritInputElementPropsWithRef, type Validation, type ValidationTextProp } from './shared';
+import { type ChildrenProps, type HelperTextProps, type InputBaseProps, type InputPositionType, type ItemProps, type RequiredProps, type SingleOrResponsive, type SpiritInputElementPropsWithRef, type Validation, type ValidationTextProp } from './shared';
 export type CheckboxElementBaseProps = SpiritInputElementPropsWithRef;
 export interface CheckboxProps extends CheckboxElementBaseProps, ChildrenProps, LabelProps, ItemProps, InputBaseProps, Validation, ValidationTextProp, RequiredProps, HelperTextProps {
     indeterminate?: boolean;
     isChecked?: boolean;
+    inputPosition?: SingleOrResponsive<InputPositionType>;
     label: ReactNode;
 }
 export interface SpiritCheckboxProps extends CheckboxProps {

package/types/controlButton.d.ts

@@ -1,10 +1,10 @@
 import { type ComponentPropsWithRef, type ElementType } from 'react';
-import type { ButtonType, ChildrenProps, ClickEvents, SizesDictionaryType, StyleProps } from './shared';
+import type { ButtonType, ChildrenProps, ClickEvents, SingleOrResponsive, SizesDictionaryType, StyleProps } from './shared';
 export type ControlButtonSize<S> = keyof S extends never ? SizesDictionaryType : 'small' | 'medium' | 'large' | S;
 export interface ControlButtonBaseProps<S = void> extends ChildrenProps, StyleProps, ClickEvents {
     isDisabled?: boolean;
     isSubtle?: boolean;
-    isSymmetrical?: boolean;
+    isSymmetrical?: SingleOrResponsive<boolean>;
     size?: ControlButtonSize<S>;
 }
 export type ControlButtonProps<E extends ElementType, S = void> = {

package/types/flex.d.ts

@@ -1,5 +1,5 @@
 import { type ElementType, type JSXElementConstructor } from 'react';
-import { type AlignmentXExtendedDictionaryType, type AlignmentYExtendedDictionaryType, type ChildrenProps, type DirectionExtendedDictionaryType, type SingleOrResponsive, type SpaceToken, type StyleProps, type TransferProps } from './shared';
+import { type AlignmentXExtendedDictionaryType, type AlignmentYExtendedDictionaryType, type ChildrenProps, type DirectionExtendedDictionaryType, type SingleOrResponsive, type SpaceToken, type SpiritPolymorphicElementPropsWithRef, type StyleProps } from './shared';
 export interface FlexElementTypeProps<T extends ElementType = 'div'> {
     elementType?: T | JSXElementConstructor<unknown>;
 }
@@ -27,5 +27,4 @@ export interface FlexCustomLayoutProps {
 }
 export interface FlexProps<T extends ElementType = 'div'> extends FlexElementTypeProps<T>, FlexCustomLayoutProps {
 }
-export interface SpiritFlexProps<T extends ElementType = 'div'> extends FlexProps<T>, ChildrenProps, StyleProps, TransferProps {
-}
+export type SpiritFlexProps<T extends ElementType = 'div'> = FlexProps<T> & ChildrenProps & StyleProps & SpiritPolymorphicElementPropsWithRef<T, FlexProps<T>>;

package/types/footer.d.ts

@@ -1,9 +1,14 @@
-import { type BackgroundColorsDictionaryType, type ChildrenProps, type SpaceToken, type StyleProps, type TextAlignmentType, type TransferProps } from './shared';
+import { type ElementType } from 'react';
+import { type BackgroundColorsDictionaryType, type ChildrenProps, type SpaceToken, type SpiritPolymorphicElementPropsWithRef, type StyleProps, type TextAlignmentType } from './shared';
 export interface FooterStyleProps {
     paddingTop?: SpaceToken;
     paddingBottom?: SpaceToken;
     backgroundColor?: BackgroundColorsDictionaryType;
     textAlignment?: TextAlignmentType;
 }
-export interface SpiritFooterProps extends FooterStyleProps, ChildrenProps, StyleProps, TransferProps {
+export interface FooterBaseProps extends FooterStyleProps, ChildrenProps, StyleProps {
 }
+export type FooterProps<E extends ElementType> = {
+    elementType?: E;
+} & FooterBaseProps;
+export type SpiritFooterProps<E extends ElementType = 'footer'> = FooterProps<E> & SpiritPolymorphicElementPropsWithRef<E, FooterProps<E>>;

package/types/grid.d.ts

@@ -1,5 +1,5 @@
 import { type ElementType, type JSXElementConstructor } from 'react';
-import { type AlignmentXExtendedDictionaryType, type AlignmentYExtendedDictionaryType, type ChildrenProps, type GridColumns, type SingleOrResponsive, type SpaceToken, type StyleProps, type TransferProps } from './shared';
+import { type AlignmentXExtendedDictionaryType, type AlignmentYExtendedDictionaryType, type ChildrenProps, type GridColumns, type SingleOrResponsive, type SpaceToken, type SpiritPolymorphicElementPropsWithRef, type StyleProps } from './shared';
 export type GridColsBreakpoints = {
     mobile?: GridColumns;
     tablet?: GridColumns;
@@ -42,7 +42,5 @@ export interface GridProps<T extends ElementType = 'div'> extends GridElementTyp
 }
 export interface GridItemProps<T extends ElementType = 'div'> extends GridItemElementTypeProps<T>, GridItemCustomLayoutProps {
 }
-export interface SpiritGridProps<T extends ElementType = 'div'> extends GridProps<T>, ChildrenProps, StyleProps, TransferProps {
-}
-export interface SpiritGridItemProps<T extends ElementType = 'div'> extends GridItemProps<T>, ChildrenProps, StyleProps, TransferProps {
-}
+export type SpiritGridProps<T extends ElementType = 'div'> = GridProps<T> & ChildrenProps & StyleProps & SpiritPolymorphicElementPropsWithRef<T, GridProps<T>>;
+export type SpiritGridItemProps<T extends ElementType = 'div'> = GridItemProps<T> & ChildrenProps & StyleProps & SpiritPolymorphicElementPropsWithRef<T, GridItemProps<T>>;

package/types/hidden.d.ts

@@ -0,0 +1,10 @@
+import { type ElementType, type JSXElementConstructor } from 'react';
+import { type BreakpointToken, type ChildrenProps, type SpiritPolymorphicElementPropsWithRef, type StyleProps } from './shared';
+export interface HiddenBaseProps extends ChildrenProps, StyleProps {
+    from?: BreakpointToken;
+    on?: BreakpointToken | BreakpointToken[];
+}
+export type HiddenProps<E extends ElementType> = {
+    elementType?: E | JSXElementConstructor<unknown>;
+} & HiddenBaseProps;
+export type SpiritHiddenProps<E extends ElementType = 'span'> = HiddenProps<E> & SpiritPolymorphicElementPropsWithRef<E, HiddenProps<E>>;

package/types/hidden.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=hidden.js.map

package/types/hidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hidden.js","sourceRoot":"","sources":["../../src/types/hidden.ts"],"names":[],"mappings":""}

package/types/index.d.ts

@@ -20,6 +20,7 @@ export * from './footer';
 export * from './grid';
 export * from './header';
 export * from './heading';
+export * from './hidden';
 export * from './icon';
 export * from './iconBox';
 export * from './item';

package/types/index.js

@@ -20,6 +20,7 @@ export * from "./footer.js";
 export * from "./grid.js";
 export * from "./header.js";
 export * from "./heading.js";
+export * from "./hidden.js";
 export * from "./icon.js";
 export * from "./iconBox.js";
 export * from "./item.js";

package/types/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}

package/types/item.d.ts

@@ -1,4 +1,4 @@
-import { type ElementType, type JSXElementConstructor } from 'react';
+import { type ElementType, type JSXElementConstructor, type ReactNode } from 'react';
 import { type StyleProps, type TransferProps } from './shared';
 export interface AriaItemElementTypeProps<T extends ElementType = 'button'> {
     elementType?: T | JSXElementConstructor<unknown>;
@@ -12,5 +12,5 @@ export interface SpiritItemProps<T extends ElementType = 'button'> extends AriaI
     iconName?: string;
     isDisabled?: boolean;
     isSelected?: boolean;
-    label: string | React.ReactNode;
+    label: string | ReactNode;
 }

package/types/pricingPlan.d.ts

@@ -7,7 +7,7 @@ export interface PricingPlanBaseProps extends ChildrenProps, StyleProps {
 }
 export interface PricingPlanHeaderBaseProps extends StyleProps {
     action?: ReactNode;
-    badge?: string;
+    badge?: ReactNode;
     note?: string;
     price?: string;
     subtitle?: string;

package/types/radio.d.ts

@@ -1,8 +1,9 @@
 import { type ReactNode } from 'react';
 import { type LabelProps } from './label';
-import { type ChildrenProps, type HelperTextProps, type InputBaseProps, type ItemProps, type RequiredProps, type SpiritInputElementPropsWithRef, type Validation } from './shared';
+import { type ChildrenProps, type HelperTextProps, type InputBaseProps, type InputPositionType, type ItemProps, type RequiredProps, type SingleOrResponsive, type SpiritInputElementPropsWithRef, type Validation } from './shared';
 export type RadioElementBaseProps = SpiritInputElementPropsWithRef;
 export interface RadioProps extends RadioElementBaseProps, ChildrenProps, LabelProps, ItemProps, HelperTextProps, InputBaseProps, RequiredProps, Omit<Validation, 'isRequired'> {
+    inputPosition?: SingleOrResponsive<InputPositionType>;
     isChecked?: boolean;
     label: ReactNode;
 }

package/types/shared/inputs.d.ts

@@ -1,4 +1,5 @@
 import { type AriaRole, type ReactNode } from 'react';
+import { type InputPositions } from '../../constants';
 import { type ValidationStatesDictionaryType } from './dictionaries';
 export type ValidationState = ValidationStatesDictionaryType;
 export type ValidationTextType = ReactNode | ReactNode[];
@@ -29,3 +30,5 @@ export interface ValidationTextProp {
 export interface RequiredProps {
     id: string;
 }
+export type InputPositionKeys = keyof typeof InputPositions;
+export type InputPositionType = (typeof InputPositions)[InputPositionKeys];

package/types/slider.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type ChangeEvent, type ReactNode } from 'react';
 import { type HelperTextProps, type InputBaseProps, type RequiredProps, type SpiritInputElementPropsWithRef, type StyleProps, type Validation, type ValidationTextType } from './shared';
 export type SliderBaseProps = SpiritInputElementPropsWithRef;
 export interface SliderProps extends SliderBaseProps, HelperTextProps, InputBaseProps, RequiredProps, Validation, StyleProps {
@@ -7,7 +7,7 @@ export interface SliderProps extends SliderBaseProps, HelperTextProps, InputBase
     label: ReactNode;
     max?: number;
     min?: number;
-    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
     step?: number;
     validationText?: ValidationTextType;
     value: number;

package/types/toggle.d.ts

@@ -1,9 +1,10 @@
 import { type ChangeEvent, type ReactNode } from 'react';
 import { type LabelProps } from './label';
-import { type ChildrenProps, type HelperTextProps, type InputBaseProps, type RequiredProps, type SpiritInputElementPropsWithRef, type StyleProps, type Validation, type ValidationTextType } from './shared';
+import { type ChildrenProps, type HelperTextProps, type InputBaseProps, type InputPositionType, type RequiredProps, type SingleOrResponsive, type SpiritInputElementPropsWithRef, type StyleProps, type Validation, type ValidationTextType } from './shared';
 export type ToggleElementBaseProps = SpiritInputElementPropsWithRef;
 export interface ToggleProps extends ToggleElementBaseProps, ChildrenProps, LabelProps, RequiredProps, InputBaseProps, HelperTextProps, StyleProps, Validation {
     hasIndicators?: boolean;
+    inputPosition?: SingleOrResponsive<InputPositionType>;
     isChecked?: boolean;
     isDisabled?: boolean;
     isFluid?: boolean;

package/hooks/useDirectionClass.d.ts

@@ -1,2 +0,0 @@
-import { type FlexDirectionType } from '../types';
-export declare function useDirectionClass(componentClass: string, property: FlexDirectionType): string;

package/hooks/useDirectionClass.js

@@ -1,5 +0,0 @@
-import { generateStylePropsClassNames } from "../utils/index.js";
-export function useDirectionClass(componentClass, property) {
-    return generateStylePropsClassNames(componentClass, property);
-}
-//# sourceMappingURL=useDirectionClass.js.map

package/hooks/useDirectionClass.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDirectionClass.js","sourceRoot":"","sources":["../../src/hooks/useDirectionClass.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAC;AAExD,MAAM,UAAU,iBAAiB,CAAC,cAAsB,EAAE,QAA2B;IACnF,OAAO,4BAA4B,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;AAChE,CAAC"}