@telia/teddy 0.7.53 → 0.7.54

package/dist/components/carousel/carousel-root.cjs

@@ -7,10 +7,10 @@ const Slider = require("react-slick");
 require("../../assets/sprite.44b293a1-teddy.svg");
 const components_icon_icon = require("../icon/icon.cjs");
 const styles = {
-  "teddy-carousel": "_teddy-carousel_xzfbe_2",
-  "teddy-carousel__arrow": "_teddy-carousel__arrow_xzfbe_9",
-  "teddy-carousel__item": "_teddy-carousel__item_xzfbe_21",
-  "teddy-carousel--sm": "_teddy-carousel--sm_xzfbe_102"
+  "teddy-carousel": "_teddy-carousel_y1hye_2",
+  "teddy-carousel__arrow": "_teddy-carousel__arrow_y1hye_9",
+  "teddy-carousel__item": "_teddy-carousel__item_y1hye_21",
+  "teddy-carousel--sm": "_teddy-carousel--sm_y1hye_106"
 };
 const rootClassName = "teddy-carousel";
 const CustomArrow = ({

package/dist/components/carousel/carousel-root.js

@@ -5,10 +5,10 @@ import Slider from "react-slick";
 import "../../assets/sprite.44b293a1-teddy.svg";
 import { Icon } from "../icon/icon.js";
 const styles = {
-  "teddy-carousel": "_teddy-carousel_xzfbe_2",
-  "teddy-carousel__arrow": "_teddy-carousel__arrow_xzfbe_9",
-  "teddy-carousel__item": "_teddy-carousel__item_xzfbe_21",
-  "teddy-carousel--sm": "_teddy-carousel--sm_xzfbe_102"
+  "teddy-carousel": "_teddy-carousel_y1hye_2",
+  "teddy-carousel__arrow": "_teddy-carousel__arrow_y1hye_9",
+  "teddy-carousel__item": "_teddy-carousel__item_y1hye_21",
+  "teddy-carousel--sm": "_teddy-carousel--sm_y1hye_106"
 };
 const rootClassName = "teddy-carousel";
 const CustomArrow = ({

package/dist/components/channel-button/channel-button-root.d.ts

@@ -6,29 +6,29 @@ export type RootProps = Omit<React.ComponentPropsWithoutRef<typeof Button>, 'loa
     as?: 'div' | 'span';
 };
 export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/radius').RadiusProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
-    display?: import('../../utils/generate-styling').DisplayChildren | undefined;
+    display?: import('../../utils/generate-styling').DisplayChildren;
 } & {
-    asChild?: boolean | undefined;
-    loading?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "text-underline" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
-    borderStyle?: ("dashed" | "default") | undefined;
+    asChild?: boolean;
+    loading?: boolean;
+    fullWidth?: boolean;
+    size?: import('../button/button').Size;
+    variant?: import('../button/button').Variant;
+    borderStyle?: "dashed" | "default";
 } & {
     iconOnly: true;
     "aria-label": string;
 } & React.RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/radius').RadiusProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
-    display?: import('../../utils/generate-styling').DisplayChildren | undefined;
+    display?: import('../../utils/generate-styling').DisplayChildren;
 } & {
-    asChild?: boolean | undefined;
-    loading?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "text-underline" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
-    borderStyle?: ("dashed" | "default") | undefined;
+    asChild?: boolean;
+    loading?: boolean;
+    fullWidth?: boolean;
+    size?: import('../button/button').Size;
+    variant?: import('../button/button').Variant;
+    borderStyle?: "dashed" | "default";
 } & {
-    iconOnly?: false | undefined;
-    "aria-label"?: string | undefined;
-} & React.RefAttributes<HTMLButtonElement>, "ref">, "aria-label" | "size" | "variant" | "borderStyle" | "loading" | "fullWidth" | "iconOnly"> & {
-    as?: "div" | "span" | undefined;
+    iconOnly?: false;
+    "aria-label"?: string;
+} & React.RefAttributes<HTMLButtonElement>, "ref">, "aria-label" | "size" | "loading" | "variant" | "borderStyle" | "fullWidth" | "iconOnly"> & {
+    as?: "div" | "span";
 } & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/channel-button/index.d.ts

@@ -1,4 +1,4 @@
-import { RootProps } from './channel-button-root';
+import { Root, RootProps } from './channel-button-root';
 import { Illustration, IllustrationProps } from './channel-button-illustration';
 import { Image, ImageProps } from './channel-button-image';
 import { Text, TextProps } from './channel-button-text';
@@ -28,33 +28,7 @@ export type ChannelButtonProps = {
  *    <ChannelButton.Text>Text</ChannelButton.Text>
  * </ChannelButton>
  */
-declare const ChannelButton: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/radius').RadiusProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
-    display?: import('../../utils/generate-styling').DisplayChildren | undefined;
-} & {
-    asChild?: boolean | undefined;
-    loading?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "text-underline" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
-    borderStyle?: ("dashed" | "default") | undefined;
-} & {
-    iconOnly: true;
-    "aria-label": string;
-} & import('react').RefAttributes<HTMLButtonElement>, "ref"> | Omit<Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "aria-label"> & import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/radius').RadiusProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
-    display?: import('../../utils/generate-styling').DisplayChildren | undefined;
-} & {
-    asChild?: boolean | undefined;
-    loading?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "text-underline" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
-    borderStyle?: ("dashed" | "default") | undefined;
-} & {
-    iconOnly?: false | undefined;
-    "aria-label"?: string | undefined;
-} & import('react').RefAttributes<HTMLButtonElement>, "ref">, "aria-label" | "size" | "variant" | "borderStyle" | "loading" | "fullWidth" | "iconOnly"> & {
-    as?: "div" | "span" | undefined;
-} & import('react').RefAttributes<HTMLButtonElement>> & {
+declare const ChannelButton: typeof Root & {
     /**
      * The Illustration component is used to wrap the image in the ChannelButton.
      * It is used to provide a consistent layout for the image.

package/dist/components/checkbox/checkbox-group-item.d.ts

@@ -8,6 +8,6 @@ export type ItemProps = Omit<LabelProps, 'checked' | 'defaultChecked' | 'onCheck
 };
 export declare const Item: React.ForwardRefExoticComponent<Omit<LabelProps, "defaultChecked" | "checked" | "onCheckedChange"> & {
     value: string;
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     children?: React.ReactNode;
 } & React.RefAttributes<HTMLLabelElement>>;

package/dist/components/checkbox/checkbox-group-label.d.ts

@@ -3,6 +3,6 @@ import { Label } from '../label';
 
 export type GroupLabelProps = React.ComponentPropsWithoutRef<typeof Label>;
 export declare const GroupLabel: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-label').LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & {
-    disabled?: boolean | undefined;
-    isRequired?: boolean | undefined;
+    disabled?: boolean;
+    isRequired?: boolean;
 } & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;

package/dist/components/checkbox/checkbox-group-list.d.ts

@@ -9,30 +9,30 @@ export declare const ListContext: React.Context<{
     level: number;
 }>;
 declare const List: React.ForwardRefExoticComponent<Omit<Omit<import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/radius').RadiusProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
-    display?: import('../../utils/generate-styling').DisplayChildren | undefined;
+    display?: import('../../utils/generate-styling').DisplayChildren;
 } & import('../../utils/generate-styling/gap').GapProps & {
-    align?: import('../../utils/generate-styling/align').Align | undefined;
-    justify?: import('../../utils/generate-styling/justify').Justify | undefined;
+    align?: import('../../utils/generate-styling/align').Align;
+    justify?: import('../../utils/generate-styling/justify').Justify;
 } & import('../../utils/generate-styling/flex').FlexLayout & {
     asChild: true;
-    as?: undefined;
+    as?: never;
 } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/radius').RadiusProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
-    display?: import('../../utils/generate-styling').DisplayChildren | undefined;
+    display?: import('../../utils/generate-styling').DisplayChildren;
 } & import('../../utils/generate-styling/gap').GapProps & {
-    align?: import('../../utils/generate-styling/align').Align | undefined;
-    justify?: import('../../utils/generate-styling/justify').Justify | undefined;
+    align?: import('../../utils/generate-styling/align').Align;
+    justify?: import('../../utils/generate-styling/justify').Justify;
 } & import('../../utils/generate-styling/flex').FlexLayout & {
-    as?: "span" | undefined;
-    asChild?: false | undefined;
+    as?: "span";
+    asChild?: false;
 } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/radius').RadiusProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
-    display?: import('../../utils/generate-styling').DisplayChildren | undefined;
+    display?: import('../../utils/generate-styling').DisplayChildren;
 } & import('../../utils/generate-styling/gap').GapProps & {
-    align?: import('../../utils/generate-styling/align').Align | undefined;
-    justify?: import('../../utils/generate-styling/justify').Justify | undefined;
+    align?: import('../../utils/generate-styling/align').Align;
+    justify?: import('../../utils/generate-styling/justify').Justify;
 } & import('../../utils/generate-styling/flex').FlexLayout & {
     as: "div";
-    asChild?: false | undefined;
-} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "as"> & {
-    parentValue?: string | undefined;
+    asChild?: false;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "as" | "asChild"> & {
+    parentValue?: string;
 } & React.RefAttributes<HTMLDivElement>>;
 export { List };

package/dist/components/checkbox/checkbox-group.d.ts

@@ -11,37 +11,37 @@ export type GroupProps = Omit<React.ComponentPropsWithoutRef<typeof Flex>, 'dire
     onValueChange?: (value: string[]) => void;
 };
 export declare const Group: React.ForwardRefExoticComponent<Omit<Omit<import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/radius').RadiusProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
-    display?: import('../../utils/generate-styling').DisplayChildren | undefined;
+    display?: import('../../utils/generate-styling').DisplayChildren;
 } & import('../../utils/generate-styling/gap').GapProps & {
-    align?: import('../../utils/generate-styling/align').Align | undefined;
-    justify?: import('../../utils/generate-styling/justify').Justify | undefined;
+    align?: import('../../utils/generate-styling/align').Align;
+    justify?: import('../../utils/generate-styling/justify').Justify;
 } & import('../../utils/generate-styling/flex').FlexLayout & {
     asChild: true;
-    as?: undefined;
+    as?: never;
 } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/radius').RadiusProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
-    display?: import('../../utils/generate-styling').DisplayChildren | undefined;
+    display?: import('../../utils/generate-styling').DisplayChildren;
 } & import('../../utils/generate-styling/gap').GapProps & {
-    align?: import('../../utils/generate-styling/align').Align | undefined;
-    justify?: import('../../utils/generate-styling/justify').Justify | undefined;
+    align?: import('../../utils/generate-styling/align').Align;
+    justify?: import('../../utils/generate-styling/justify').Justify;
 } & import('../../utils/generate-styling/flex').FlexLayout & {
-    as?: "span" | undefined;
-    asChild?: false | undefined;
+    as?: "span";
+    asChild?: false;
 } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<import('../../utils/generate-styling/flex').FlexChildren & import('../../utils/generate-styling/grid').GridChildren & import('../../utils/generate-styling/position').PositionProps & import('../../utils/generate-styling/inset').InsetProps & import('../../utils/generate-styling/radius').RadiusProps & import('../../utils/generate-styling/margin').MarginProps & import('../../utils/generate-styling/padding').PaddingProps & import('../../utils/generate-styling/width').WidthProps & import('../../utils/generate-styling/height').HeightProps & import('../../utils/generate-styling/color').ColorProps & {
-    display?: import('../../utils/generate-styling').DisplayChildren | undefined;
+    display?: import('../../utils/generate-styling').DisplayChildren;
 } & import('../../utils/generate-styling/gap').GapProps & {
-    align?: import('../../utils/generate-styling/align').Align | undefined;
-    justify?: import('../../utils/generate-styling/justify').Justify | undefined;
+    align?: import('../../utils/generate-styling/align').Align;
+    justify?: import('../../utils/generate-styling/justify').Justify;
 } & import('../../utils/generate-styling/flex').FlexLayout & {
     as: "div";
-    asChild?: false | undefined;
+    asChild?: false;
 } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref">, "defaultValue" | "value" | "direction" | "onValueChange"> & {
-    name?: string | undefined;
-    required?: boolean | undefined;
-    disabled?: boolean | undefined;
-    defaultValue?: string[] | undefined;
-    value?: string[] | undefined;
-    direction?: "row" | "column" | undefined;
-    onValueChange?: ((value: string[]) => void) | undefined;
+    name?: string;
+    required?: boolean;
+    disabled?: boolean;
+    defaultValue?: string[];
+    value?: string[];
+    direction?: "row" | "column";
+    onValueChange?: (value: string[]) => void;
 } & React.RefAttributes<HTMLDivElement>>;
 type CheckboxNode = {
     value: string;

package/dist/components/checkbox/checkbox-root.d.ts

@@ -6,5 +6,5 @@ export type LabelProps = React.ComponentPropsWithoutRef<'label'> & {
 };
 /** The root element of the checkbox component is based on the label component. */
 export declare const Root: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
-    isError?: boolean | undefined;
+    isError?: boolean;
 } & React.RefAttributes<HTMLLabelElement>>;

package/dist/components/checkbox/index.d.ts

@@ -7,7 +7,7 @@ import { ListProps } from './checkbox-group-list';
 import { GroupLabelProps } from './checkbox-group-label.tsx';
 
 export declare const Checkbox: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
-    isError?: boolean | undefined;
+    isError?: boolean;
 } & import('react').RefAttributes<HTMLLabelElement>> & {
     Indicator: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-checkbox').CheckboxIndicatorProps & import('react').RefAttributes<HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
     Trigger: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-checkbox').CheckboxProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
@@ -18,73 +18,73 @@ export type CheckboxProps = {
     Trigger: TriggerProps;
 };
 export declare const CheckboxGroup: import('react').ForwardRefExoticComponent<Omit<Omit<import('../../utils/generate-styling/flex.ts').FlexChildren & import('../../utils/generate-styling/grid.ts').GridChildren & import('../../utils/generate-styling/position.ts').PositionProps & import('../../utils/generate-styling/inset.ts').InsetProps & import('../../utils/generate-styling/radius.ts').RadiusProps & import('../../utils/generate-styling/margin.ts').MarginProps & import('../../utils/generate-styling/padding.ts').PaddingProps & import('../../utils/generate-styling/width.ts').WidthProps & import('../../utils/generate-styling/height.ts').HeightProps & import('../../utils/generate-styling/color.ts').ColorProps & {
-    display?: import('../../utils/generate-styling/index.ts').DisplayChildren | undefined;
+    display?: import('../../utils/generate-styling/index.ts').DisplayChildren;
 } & import('../../utils/generate-styling/gap.ts').GapProps & {
-    align?: import('../../utils/generate-styling/align.ts').Align | undefined;
-    justify?: import('../../utils/generate-styling/justify.ts').Justify | undefined;
+    align?: import('../../utils/generate-styling/align.ts').Align;
+    justify?: import('../../utils/generate-styling/justify.ts').Justify;
 } & import('../../utils/generate-styling/flex.ts').FlexLayout & {
     asChild: true;
-    as?: undefined;
+    as?: never;
 } & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> | Omit<import('../../utils/generate-styling/flex.ts').FlexChildren & import('../../utils/generate-styling/grid.ts').GridChildren & import('../../utils/generate-styling/position.ts').PositionProps & import('../../utils/generate-styling/inset.ts').InsetProps & import('../../utils/generate-styling/radius.ts').RadiusProps & import('../../utils/generate-styling/margin.ts').MarginProps & import('../../utils/generate-styling/padding.ts').PaddingProps & import('../../utils/generate-styling/width.ts').WidthProps & import('../../utils/generate-styling/height.ts').HeightProps & import('../../utils/generate-styling/color.ts').ColorProps & {
-    display?: import('../../utils/generate-styling/index.ts').DisplayChildren | undefined;
+    display?: import('../../utils/generate-styling/index.ts').DisplayChildren;
 } & import('../../utils/generate-styling/gap.ts').GapProps & {
-    align?: import('../../utils/generate-styling/align.ts').Align | undefined;
-    justify?: import('../../utils/generate-styling/justify.ts').Justify | undefined;
+    align?: import('../../utils/generate-styling/align.ts').Align;
+    justify?: import('../../utils/generate-styling/justify.ts').Justify;
 } & import('../../utils/generate-styling/flex.ts').FlexLayout & {
-    as?: "span" | undefined;
-    asChild?: false | undefined;
+    as?: "span";
+    asChild?: false;
 } & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> | Omit<import('../../utils/generate-styling/flex.ts').FlexChildren & import('../../utils/generate-styling/grid.ts').GridChildren & import('../../utils/generate-styling/position.ts').PositionProps & import('../../utils/generate-styling/inset.ts').InsetProps & import('../../utils/generate-styling/radius.ts').RadiusProps & import('../../utils/generate-styling/margin.ts').MarginProps & import('../../utils/generate-styling/padding.ts').PaddingProps & import('../../utils/generate-styling/width.ts').WidthProps & import('../../utils/generate-styling/height.ts').HeightProps & import('../../utils/generate-styling/color.ts').ColorProps & {
-    display?: import('../../utils/generate-styling/index.ts').DisplayChildren | undefined;
+    display?: import('../../utils/generate-styling/index.ts').DisplayChildren;
 } & import('../../utils/generate-styling/gap.ts').GapProps & {
-    align?: import('../../utils/generate-styling/align.ts').Align | undefined;
-    justify?: import('../../utils/generate-styling/justify.ts').Justify | undefined;
+    align?: import('../../utils/generate-styling/align.ts').Align;
+    justify?: import('../../utils/generate-styling/justify.ts').Justify;
 } & import('../../utils/generate-styling/flex.ts').FlexLayout & {
     as: "div";
-    asChild?: false | undefined;
+    asChild?: false;
 } & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref">, "defaultValue" | "value" | "direction" | "onValueChange"> & {
-    name?: string | undefined;
-    required?: boolean | undefined;
-    disabled?: boolean | undefined;
-    defaultValue?: string[] | undefined;
-    value?: string[] | undefined;
-    direction?: "row" | "column" | undefined;
-    onValueChange?: ((value: string[]) => void) | undefined;
+    name?: string;
+    required?: boolean;
+    disabled?: boolean;
+    defaultValue?: string[];
+    value?: string[];
+    direction?: "row" | "column";
+    onValueChange?: (value: string[]) => void;
 } & import('react').RefAttributes<HTMLDivElement>> & {
     Item: import('react').ForwardRefExoticComponent<Omit<LabelProps, "defaultChecked" | "checked" | "onCheckedChange"> & {
         value: string;
-        disabled?: boolean | undefined;
-        children?: import('react').ReactNode;
+        disabled?: boolean;
+        children?: React.ReactNode;
     } & import('react').RefAttributes<HTMLLabelElement>>;
     List: import('react').ForwardRefExoticComponent<Omit<Omit<import('../../utils/generate-styling/flex.ts').FlexChildren & import('../../utils/generate-styling/grid.ts').GridChildren & import('../../utils/generate-styling/position.ts').PositionProps & import('../../utils/generate-styling/inset.ts').InsetProps & import('../../utils/generate-styling/radius.ts').RadiusProps & import('../../utils/generate-styling/margin.ts').MarginProps & import('../../utils/generate-styling/padding.ts').PaddingProps & import('../../utils/generate-styling/width.ts').WidthProps & import('../../utils/generate-styling/height.ts').HeightProps & import('../../utils/generate-styling/color.ts').ColorProps & {
-        display?: import('../../utils/generate-styling/index.ts').DisplayChildren | undefined;
+        display?: import('../../utils/generate-styling/index.ts').DisplayChildren;
     } & import('../../utils/generate-styling/gap.ts').GapProps & {
-        align?: import('../../utils/generate-styling/align.ts').Align | undefined;
-        justify?: import('../../utils/generate-styling/justify.ts').Justify | undefined;
+        align?: import('../../utils/generate-styling/align.ts').Align;
+        justify?: import('../../utils/generate-styling/justify.ts').Justify;
     } & import('../../utils/generate-styling/flex.ts').FlexLayout & {
         asChild: true;
-        as?: undefined;
+        as?: never;
     } & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> | Omit<import('../../utils/generate-styling/flex.ts').FlexChildren & import('../../utils/generate-styling/grid.ts').GridChildren & import('../../utils/generate-styling/position.ts').PositionProps & import('../../utils/generate-styling/inset.ts').InsetProps & import('../../utils/generate-styling/radius.ts').RadiusProps & import('../../utils/generate-styling/margin.ts').MarginProps & import('../../utils/generate-styling/padding.ts').PaddingProps & import('../../utils/generate-styling/width.ts').WidthProps & import('../../utils/generate-styling/height.ts').HeightProps & import('../../utils/generate-styling/color.ts').ColorProps & {
-        display?: import('../../utils/generate-styling/index.ts').DisplayChildren | undefined;
+        display?: import('../../utils/generate-styling/index.ts').DisplayChildren;
     } & import('../../utils/generate-styling/gap.ts').GapProps & {
-        align?: import('../../utils/generate-styling/align.ts').Align | undefined;
-        justify?: import('../../utils/generate-styling/justify.ts').Justify | undefined;
+        align?: import('../../utils/generate-styling/align.ts').Align;
+        justify?: import('../../utils/generate-styling/justify.ts').Justify;
     } & import('../../utils/generate-styling/flex.ts').FlexLayout & {
-        as?: "span" | undefined;
-        asChild?: false | undefined;
+        as?: "span";
+        asChild?: false;
     } & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> | Omit<import('../../utils/generate-styling/flex.ts').FlexChildren & import('../../utils/generate-styling/grid.ts').GridChildren & import('../../utils/generate-styling/position.ts').PositionProps & import('../../utils/generate-styling/inset.ts').InsetProps & import('../../utils/generate-styling/radius.ts').RadiusProps & import('../../utils/generate-styling/margin.ts').MarginProps & import('../../utils/generate-styling/padding.ts').PaddingProps & import('../../utils/generate-styling/width.ts').WidthProps & import('../../utils/generate-styling/height.ts').HeightProps & import('../../utils/generate-styling/color.ts').ColorProps & {
-        display?: import('../../utils/generate-styling/index.ts').DisplayChildren | undefined;
+        display?: import('../../utils/generate-styling/index.ts').DisplayChildren;
     } & import('../../utils/generate-styling/gap.ts').GapProps & {
-        align?: import('../../utils/generate-styling/align.ts').Align | undefined;
-        justify?: import('../../utils/generate-styling/justify.ts').Justify | undefined;
+        align?: import('../../utils/generate-styling/align.ts').Align;
+        justify?: import('../../utils/generate-styling/justify.ts').Justify;
     } & import('../../utils/generate-styling/flex.ts').FlexLayout & {
         as: "div";
-        asChild?: false | undefined;
-    } & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref">, "asChild" | "as"> & {
-        parentValue?: string | undefined;
+        asChild?: false;
+    } & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref">, "as" | "asChild"> & {
+        parentValue?: string;
     } & import('react').RefAttributes<HTMLDivElement>>;
     GroupLabel: import('react').ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-label').LabelProps & import('react').RefAttributes<HTMLLabelElement>, "ref"> & {
-        disabled?: boolean | undefined;
-        isRequired?: boolean | undefined;
+        disabled?: boolean;
+        isRequired?: boolean;
     } & import('react').RefAttributes<HTMLLabelElement>, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
 };
 export type CheckboxGroupProps = {

package/dist/components/checkbox-card-group/checkbox-card-group-indicator.cjs

@@ -299,21 +299,21 @@ Modal.Close.displayName = "Modal.Close";
 Modal.Image = components_modal_modalImage.Image;
 Modal.Image.displayName = "Modal.Image";
 const styles$1 = {
-  "teddy-navigation-menu": "_teddy-navigation-menu_6p30v_1",
-  "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_6p30v_34",
-  "teddy-navigation-menu__separator": "_teddy-navigation-menu__separator_6p30v_37",
-  "teddy-navigation-menu__list": "_teddy-navigation-menu__list_6p30v_40",
-  "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_6p30v_66",
-  "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_6p30v_87",
-  "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_6p30v_106",
-  "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_6p30v_112",
-  "teddy-navigation-menu__content": "_teddy-navigation-menu__content_6p30v_187",
-  "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_6p30v_219",
-  "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_6p30v_239",
-  "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_6p30v_245",
-  "teddy-navigation-menu__link": "_teddy-navigation-menu__link_6p30v_313",
-  "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_6p30v_333",
-  "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_6p30v_339"
+  "teddy-navigation-menu": "_teddy-navigation-menu_12xrw_1",
+  "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_12xrw_36",
+  "teddy-navigation-menu__separator": "_teddy-navigation-menu__separator_12xrw_39",
+  "teddy-navigation-menu__list": "_teddy-navigation-menu__list_12xrw_42",
+  "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_12xrw_68",
+  "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_12xrw_89",
+  "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_12xrw_108",
+  "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_12xrw_114",
+  "teddy-navigation-menu__content": "_teddy-navigation-menu__content_12xrw_189",
+  "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_12xrw_221",
+  "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_12xrw_241",
+  "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_12xrw_247",
+  "teddy-navigation-menu__link": "_teddy-navigation-menu__link_12xrw_315",
+  "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_12xrw_334",
+  "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_12xrw_340"
 };
 const rootClassName$1 = "teddy-navigation-menu";
 const NavigationMenuContext = React.createContext({
@@ -688,23 +688,23 @@ const NavigationMenu = Object.assign(Root$1, {
   TopMenuTrigger
 });
 const styles = {
-  "teddy-global-navigation": "_teddy-global-navigation_1eacg_1",
-  "teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_1eacg_6",
-  "teddy-global-navigation__top-icon-wrapper": "_teddy-global-navigation__top-icon-wrapper_1eacg_26",
-  "teddy-global-navigation__top-menu-icons": "_teddy-global-navigation__top-menu-icons_1eacg_31",
-  "teddy-global-navigation__link": "_teddy-global-navigation__link_1eacg_35",
-  "teddy-global-navigation__header": "_teddy-global-navigation__header_1eacg_48",
-  "teddy-global-navigation__colored-box": "_teddy-global-navigation__colored-box_1eacg_51",
-  "teddy-global-navigation__colored-box--mobile": "_teddy-global-navigation__colored-box--mobile_1eacg_55",
-  "teddy-global-navigation__sublink-button--mobile": "_teddy-global-navigation__sublink-button--mobile_1eacg_59",
-  "teddy-global-navigation__list": "_teddy-global-navigation__list_1eacg_65",
-  "teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_1eacg_70",
-  "teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_1eacg_73",
-  "teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_1eacg_77",
-  "teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_1eacg_84",
-  "close-viewport": "_close-viewport_1eacg_1",
-  "teddy-global-navigation__top-menu-color": "_teddy-global-navigation__top-menu-color_1eacg_101",
-  "teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_1eacg_104"
+  "teddy-global-navigation": "_teddy-global-navigation_16mx4_1",
+  "teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_16mx4_6",
+  "teddy-global-navigation__top-icon-wrapper": "_teddy-global-navigation__top-icon-wrapper_16mx4_26",
+  "teddy-global-navigation__top-menu-icons": "_teddy-global-navigation__top-menu-icons_16mx4_31",
+  "teddy-global-navigation__link": "_teddy-global-navigation__link_16mx4_35",
+  "teddy-global-navigation__header": "_teddy-global-navigation__header_16mx4_48",
+  "teddy-global-navigation__colored-box": "_teddy-global-navigation__colored-box_16mx4_51",
+  "teddy-global-navigation__colored-box--mobile": "_teddy-global-navigation__colored-box--mobile_16mx4_55",
+  "teddy-global-navigation__sublink-button--mobile": "_teddy-global-navigation__sublink-button--mobile_16mx4_59",
+  "teddy-global-navigation__list": "_teddy-global-navigation__list_16mx4_65",
+  "teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_16mx4_70",
+  "teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_16mx4_73",
+  "teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_16mx4_77",
+  "teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_16mx4_84",
+  "close-viewport": "_close-viewport_16mx4_1",
+  "teddy-global-navigation__top-menu-color": "_teddy-global-navigation__top-menu-color_16mx4_103",
+  "teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_16mx4_106"
 };
 function MyPages(props) {
   var _a, _b;

package/dist/components/checkbox-card-group/checkbox-card-group-indicator.d.ts

@@ -6,7 +6,7 @@ export type IndicatorProps = React.ComponentPropsWithoutRef<'div'> & {
     disabled?: boolean;
 };
 export declare const Indicator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    checked?: boolean | undefined;
-    onCheckedChange?: ((checked: boolean) => void) | undefined;
-    disabled?: boolean | undefined;
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/components/checkbox-card-group/checkbox-card-group-indicator.js

@@ -278,21 +278,21 @@ Modal.Close.displayName = "Modal.Close";
 Modal.Image = Image;
 Modal.Image.displayName = "Modal.Image";
 const styles$1 = {
-  "teddy-navigation-menu": "_teddy-navigation-menu_6p30v_1",
-  "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_6p30v_34",
-  "teddy-navigation-menu__separator": "_teddy-navigation-menu__separator_6p30v_37",
-  "teddy-navigation-menu__list": "_teddy-navigation-menu__list_6p30v_40",
-  "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_6p30v_66",
-  "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_6p30v_87",
-  "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_6p30v_106",
-  "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_6p30v_112",
-  "teddy-navigation-menu__content": "_teddy-navigation-menu__content_6p30v_187",
-  "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_6p30v_219",
-  "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_6p30v_239",
-  "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_6p30v_245",
-  "teddy-navigation-menu__link": "_teddy-navigation-menu__link_6p30v_313",
-  "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_6p30v_333",
-  "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_6p30v_339"
+  "teddy-navigation-menu": "_teddy-navigation-menu_12xrw_1",
+  "teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_12xrw_36",
+  "teddy-navigation-menu__separator": "_teddy-navigation-menu__separator_12xrw_39",
+  "teddy-navigation-menu__list": "_teddy-navigation-menu__list_12xrw_42",
+  "teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_12xrw_68",
+  "teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_12xrw_89",
+  "teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_12xrw_108",
+  "teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_12xrw_114",
+  "teddy-navigation-menu__content": "_teddy-navigation-menu__content_12xrw_189",
+  "teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_12xrw_221",
+  "teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_12xrw_241",
+  "teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_12xrw_247",
+  "teddy-navigation-menu__link": "_teddy-navigation-menu__link_12xrw_315",
+  "teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_12xrw_334",
+  "teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_12xrw_340"
 };
 const rootClassName$1 = "teddy-navigation-menu";
 const NavigationMenuContext = React__default.createContext({
@@ -667,23 +667,23 @@ const NavigationMenu = Object.assign(Root$1, {
   TopMenuTrigger
 });
 const styles = {
-  "teddy-global-navigation": "_teddy-global-navigation_1eacg_1",
-  "teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_1eacg_6",
-  "teddy-global-navigation__top-icon-wrapper": "_teddy-global-navigation__top-icon-wrapper_1eacg_26",
-  "teddy-global-navigation__top-menu-icons": "_teddy-global-navigation__top-menu-icons_1eacg_31",
-  "teddy-global-navigation__link": "_teddy-global-navigation__link_1eacg_35",
-  "teddy-global-navigation__header": "_teddy-global-navigation__header_1eacg_48",
-  "teddy-global-navigation__colored-box": "_teddy-global-navigation__colored-box_1eacg_51",
-  "teddy-global-navigation__colored-box--mobile": "_teddy-global-navigation__colored-box--mobile_1eacg_55",
-  "teddy-global-navigation__sublink-button--mobile": "_teddy-global-navigation__sublink-button--mobile_1eacg_59",
-  "teddy-global-navigation__list": "_teddy-global-navigation__list_1eacg_65",
-  "teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_1eacg_70",
-  "teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_1eacg_73",
-  "teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_1eacg_77",
-  "teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_1eacg_84",
-  "close-viewport": "_close-viewport_1eacg_1",
-  "teddy-global-navigation__top-menu-color": "_teddy-global-navigation__top-menu-color_1eacg_101",
-  "teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_1eacg_104"
+  "teddy-global-navigation": "_teddy-global-navigation_16mx4_1",
+  "teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_16mx4_6",
+  "teddy-global-navigation__top-icon-wrapper": "_teddy-global-navigation__top-icon-wrapper_16mx4_26",
+  "teddy-global-navigation__top-menu-icons": "_teddy-global-navigation__top-menu-icons_16mx4_31",
+  "teddy-global-navigation__link": "_teddy-global-navigation__link_16mx4_35",
+  "teddy-global-navigation__header": "_teddy-global-navigation__header_16mx4_48",
+  "teddy-global-navigation__colored-box": "_teddy-global-navigation__colored-box_16mx4_51",
+  "teddy-global-navigation__colored-box--mobile": "_teddy-global-navigation__colored-box--mobile_16mx4_55",
+  "teddy-global-navigation__sublink-button--mobile": "_teddy-global-navigation__sublink-button--mobile_16mx4_59",
+  "teddy-global-navigation__list": "_teddy-global-navigation__list_16mx4_65",
+  "teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_16mx4_70",
+  "teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_16mx4_73",
+  "teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_16mx4_77",
+  "teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_16mx4_84",
+  "close-viewport": "_close-viewport_16mx4_1",
+  "teddy-global-navigation__top-menu-color": "_teddy-global-navigation__top-menu-color_16mx4_103",
+  "teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_16mx4_106"
 };
 function MyPages(props) {
   var _a, _b;