@telia/teddy 0.7.52 → 0.7.54

package/dist/components/table/table-head.d.ts

@@ -8,11 +8,11 @@ export type HeadProps = React.ThHTMLAttributes<HTMLTableCellElement> & ChildrenL
     numeric?: boolean;
 };
 export declare const Head: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & 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;
 } & {
-    stickyLeft?: boolean | undefined;
-    stickyRight?: boolean | undefined;
-    stickyTop?: boolean | undefined;
-    stickyBottom?: boolean | undefined;
-    numeric?: boolean | undefined;
+    stickyLeft?: boolean;
+    stickyRight?: boolean;
+    stickyTop?: boolean;
+    stickyBottom?: boolean;
+    numeric?: boolean;
 } & React.RefAttributes<HTMLTableCellElement>>;

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

@@ -22,26 +22,26 @@ function _interopNamespaceDefault(e) {
 }
 const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
 const styles = {
-  "teddy-table": "_teddy-table_uodq1_1",
-  "teddy-table-wrapper": "_teddy-table-wrapper_uodq1_7",
-  "teddy-table__header": "_teddy-table__header_uodq1_15",
-  "teddy-table__body": "_teddy-table__body_uodq1_22",
-  "teddy-table__footer": "_teddy-table__footer_uodq1_25",
-  "teddy-table__row": "_teddy-table__row_uodq1_28",
-  "teddy-table__head": "_teddy-table__head_uodq1_15",
-  "teddy-table__head--numeric": "_teddy-table__head--numeric_uodq1_46",
-  "teddy-table__head--sticky": "_teddy-table__head--sticky_uodq1_49",
-  "teddy-table__head--sticky-left": "_teddy-table__head--sticky-left_uodq1_53",
-  "teddy-table__head--sticky-right": "_teddy-table__head--sticky-right_uodq1_56",
-  "teddy-table__head--sticky-top": "_teddy-table__head--sticky-top_uodq1_59",
-  "teddy-table__head--sticky-bottom": "_teddy-table__head--sticky-bottom_uodq1_62",
-  "teddy-table__cell": "_teddy-table__cell_uodq1_65",
-  "teddy-table__cell--numeric": "_teddy-table__cell--numeric_uodq1_69",
-  "teddy-table__cell--sticky": "_teddy-table__cell--sticky_uodq1_72",
-  "teddy-table__cell--sticky-left": "_teddy-table__cell--sticky-left_uodq1_76",
-  "teddy-table__cell--sticky-right": "_teddy-table__cell--sticky-right_uodq1_79",
-  "teddy-table__cell--sticky-top": "_teddy-table__cell--sticky-top_uodq1_82",
-  "teddy-table__cell--sticky-bottom": "_teddy-table__cell--sticky-bottom_uodq1_85"
+  "teddy-table-wrapper": "_teddy-table-wrapper_5obes_1",
+  "teddy-table": "_teddy-table_5obes_1",
+  "teddy-table__header": "_teddy-table__header_5obes_15",
+  "teddy-table__body": "_teddy-table__body_5obes_22",
+  "teddy-table__footer": "_teddy-table__footer_5obes_25",
+  "teddy-table__row": "_teddy-table__row_5obes_28",
+  "teddy-table__head": "_teddy-table__head_5obes_15",
+  "teddy-table__head--numeric": "_teddy-table__head--numeric_5obes_46",
+  "teddy-table__head--sticky": "_teddy-table__head--sticky_5obes_49",
+  "teddy-table__head--sticky-left": "_teddy-table__head--sticky-left_5obes_53",
+  "teddy-table__head--sticky-right": "_teddy-table__head--sticky-right_5obes_56",
+  "teddy-table__head--sticky-top": "_teddy-table__head--sticky-top_5obes_59",
+  "teddy-table__head--sticky-bottom": "_teddy-table__head--sticky-bottom_5obes_62",
+  "teddy-table__cell": "_teddy-table__cell_5obes_65",
+  "teddy-table__cell--numeric": "_teddy-table__cell--numeric_5obes_69",
+  "teddy-table__cell--sticky": "_teddy-table__cell--sticky_5obes_72",
+  "teddy-table__cell--sticky-left": "_teddy-table__cell--sticky-left_5obes_76",
+  "teddy-table__cell--sticky-right": "_teddy-table__cell--sticky-right_5obes_79",
+  "teddy-table__cell--sticky-top": "_teddy-table__cell--sticky-top_5obes_82",
+  "teddy-table__cell--sticky-bottom": "_teddy-table__cell--sticky-bottom_5obes_85"
 };
 const rootClassName = "teddy-table";
 const Root = React__namespace.forwardRef(({ className, height, width, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(components_scrollArea_index.ScrollArea, { className: styles[`${rootClassName}-wrapper`], style: { height, width }, children: /* @__PURE__ */ jsxRuntime.jsx("table", { ref, className: clsx(styles[rootClassName], className), ...props }) }));

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

@@ -5,6 +5,6 @@ export type RootProps = React.HTMLAttributes<HTMLTableElement> & {
     width?: string | number;
 };
 export declare const Root: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & {
-    height?: string | number | undefined;
-    width?: string | number | undefined;
+    height?: string | number;
+    width?: string | number;
 } & React.RefAttributes<HTMLTableElement>>;

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

@@ -3,26 +3,26 @@ import * as React from "react";
 import clsx from "clsx";
 import { ScrollArea } from "../scroll-area/index.js";
 const styles = {
-  "teddy-table": "_teddy-table_uodq1_1",
-  "teddy-table-wrapper": "_teddy-table-wrapper_uodq1_7",
-  "teddy-table__header": "_teddy-table__header_uodq1_15",
-  "teddy-table__body": "_teddy-table__body_uodq1_22",
-  "teddy-table__footer": "_teddy-table__footer_uodq1_25",
-  "teddy-table__row": "_teddy-table__row_uodq1_28",
-  "teddy-table__head": "_teddy-table__head_uodq1_15",
-  "teddy-table__head--numeric": "_teddy-table__head--numeric_uodq1_46",
-  "teddy-table__head--sticky": "_teddy-table__head--sticky_uodq1_49",
-  "teddy-table__head--sticky-left": "_teddy-table__head--sticky-left_uodq1_53",
-  "teddy-table__head--sticky-right": "_teddy-table__head--sticky-right_uodq1_56",
-  "teddy-table__head--sticky-top": "_teddy-table__head--sticky-top_uodq1_59",
-  "teddy-table__head--sticky-bottom": "_teddy-table__head--sticky-bottom_uodq1_62",
-  "teddy-table__cell": "_teddy-table__cell_uodq1_65",
-  "teddy-table__cell--numeric": "_teddy-table__cell--numeric_uodq1_69",
-  "teddy-table__cell--sticky": "_teddy-table__cell--sticky_uodq1_72",
-  "teddy-table__cell--sticky-left": "_teddy-table__cell--sticky-left_uodq1_76",
-  "teddy-table__cell--sticky-right": "_teddy-table__cell--sticky-right_uodq1_79",
-  "teddy-table__cell--sticky-top": "_teddy-table__cell--sticky-top_uodq1_82",
-  "teddy-table__cell--sticky-bottom": "_teddy-table__cell--sticky-bottom_uodq1_85"
+  "teddy-table-wrapper": "_teddy-table-wrapper_5obes_1",
+  "teddy-table": "_teddy-table_5obes_1",
+  "teddy-table__header": "_teddy-table__header_5obes_15",
+  "teddy-table__body": "_teddy-table__body_5obes_22",
+  "teddy-table__footer": "_teddy-table__footer_5obes_25",
+  "teddy-table__row": "_teddy-table__row_5obes_28",
+  "teddy-table__head": "_teddy-table__head_5obes_15",
+  "teddy-table__head--numeric": "_teddy-table__head--numeric_5obes_46",
+  "teddy-table__head--sticky": "_teddy-table__head--sticky_5obes_49",
+  "teddy-table__head--sticky-left": "_teddy-table__head--sticky-left_5obes_53",
+  "teddy-table__head--sticky-right": "_teddy-table__head--sticky-right_5obes_56",
+  "teddy-table__head--sticky-top": "_teddy-table__head--sticky-top_5obes_59",
+  "teddy-table__head--sticky-bottom": "_teddy-table__head--sticky-bottom_5obes_62",
+  "teddy-table__cell": "_teddy-table__cell_5obes_65",
+  "teddy-table__cell--numeric": "_teddy-table__cell--numeric_5obes_69",
+  "teddy-table__cell--sticky": "_teddy-table__cell--sticky_5obes_72",
+  "teddy-table__cell--sticky-left": "_teddy-table__cell--sticky-left_5obes_76",
+  "teddy-table__cell--sticky-right": "_teddy-table__cell--sticky-right_5obes_79",
+  "teddy-table__cell--sticky-top": "_teddy-table__cell--sticky-top_5obes_82",
+  "teddy-table__cell--sticky-bottom": "_teddy-table__cell--sticky-bottom_5obes_85"
 };
 const rootClassName = "teddy-table";
 const Root = React.forwardRef(({ className, height, width, ...props }, ref) => /* @__PURE__ */ jsx(ScrollArea, { className: styles[`${rootClassName}-wrapper`], style: { height, width }, children: /* @__PURE__ */ jsx("table", { ref, className: clsx(styles[rootClassName], className), ...props }) }));

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

@@ -1,4 +1,4 @@
-import { RootProps } from './tabs-root';
+import { Root, RootProps } from './tabs-root';
 import { List, ListProps } from './tabs-list';
 import { Trigger, TriggerProps } from './tabs-trigger';
 import { Content, ContentProps } from './tabs-content';
@@ -45,14 +45,7 @@ type TabsProps = {
  *   <Tabs.Content value="tab2">Content for second tab</Tabs.Content>
  * </Tabs>
  */
-declare const Tabs: import('react').ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-tabs').TabsProps & import('react').RefAttributes<HTMLDivElement>, "ref">, "defaultValue" | "value" | "onValueChange" | "activationMode"> & {
-    value?: string | undefined;
-    onValueChange?: ((value: string) => void) | undefined;
-    defaultValue?: string | undefined;
-    activationMode?: "manual" | "automatic" | undefined;
-    fullWidth?: boolean | undefined;
-    snapCenter?: boolean | undefined;
-} & import('react').RefAttributes<HTMLDivElement>> & {
+declare const Tabs: typeof Root & {
     /**
      * Container for the tab triggers. Provides keyboard navigation and proper ARIA roles.
      *

package/dist/components/tabs/tabs-content.d.ts

@@ -8,5 +8,5 @@ export type ContentProps = Omit<React.ComponentPropsWithoutRef<typeof TabsPrimit
 /** Contains the content associated with each trigger.*/
 export declare const Content: React.ForwardRefExoticComponent<Omit<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref">, "value"> & {
     /** A unique value that associates the content with a trigger. */
-    value: TabsPrimitive.TabsContentProps['value'];
+    value: TabsPrimitive.TabsContentProps["value"];
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/components/tabs/tabs-list.d.ts

@@ -12,5 +12,5 @@ export declare const List: React.ForwardRefExoticComponent<Omit<Omit<TabsPrimiti
     /** When true, keyboard navigation will loop from last tab to first, and vice versa.
      * @default true
      */
-    loop?: TabsPrimitive.TabsListProps['loop'];
+    loop?: TabsPrimitive.TabsListProps["loop"];
 } & React.RefAttributes<HTMLDivElement>>;

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

@@ -24,11 +24,11 @@ function _interopNamespaceDefault(e) {
 }
 const TabsPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(TabsPrimitive);
 const styles = {
-  "teddy-tabs__list": "_teddy-tabs__list_e9ndq_1",
-  "teddy-tabs--full-width": "_teddy-tabs--full-width_e9ndq_28",
-  "teddy-tabs__content": "_teddy-tabs__content_e9ndq_31",
-  "teddy-tabs__trigger": "_teddy-tabs__trigger_e9ndq_35",
-  "teddy-tabs__scroll-button": "_teddy-tabs__scroll-button_e9ndq_56"
+  "teddy-tabs__list": "_teddy-tabs__list_1o5c5_1",
+  "teddy-tabs--full-width": "_teddy-tabs--full-width_1o5c5_30",
+  "teddy-tabs__content": "_teddy-tabs__content_1o5c5_33",
+  "teddy-tabs__trigger": "_teddy-tabs__trigger_1o5c5_37",
+  "teddy-tabs__scroll-button": "_teddy-tabs__scroll-button_1o5c5_58"
 };
 const rootClassName = "teddy-tabs";
 const RootContext = React.createContext(void 0);

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

@@ -36,18 +36,18 @@ type RootContextType = {
 export declare const RootContext: React.Context<RootContextType | undefined>;
 export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref">, "defaultValue" | "value" | "onValueChange" | "activationMode"> & {
     /** The controlled value of the tab to activate. Should be used in conjunction with onValueChange. */
-    value?: TabsPrimitive.TabsProps['value'];
+    value?: TabsPrimitive.TabsProps["value"];
     /** Event handler called when the value changes. */
-    onValueChange?: TabsPrimitive.TabsProps['onValueChange'];
+    onValueChange?: TabsPrimitive.TabsProps["onValueChange"];
     /** The value of the tab that should be active when initially rendered. Use when you do not need to control the state of the tabs. */
-    defaultValue?: TabsPrimitive.TabsProps['defaultValue'];
+    defaultValue?: TabsPrimitive.TabsProps["defaultValue"];
     /** Controls when tabs are activated. 'automatic' activates on focus, 'manual' activates on click. */
-    activationMode?: TabsPrimitive.TabsProps['activationMode'];
+    activationMode?: TabsPrimitive.TabsProps["activationMode"];
     /** Makes the tabs span the full width of the container */
-    fullWidth?: boolean | undefined;
+    fullWidth?: boolean;
     /** Snaps the tab to center on click
      * @default true
      */
-    snapCenter?: boolean | undefined;
+    snapCenter?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -5,11 +5,11 @@ import * as TabsPrimitive from "@radix-ui/react-tabs";
 import { useControllableState } from "@radix-ui/react-use-controllable-state";
 import { composeEventHandlers } from "../../utils/composeEventHandlers.js";
 const styles = {
-  "teddy-tabs__list": "_teddy-tabs__list_e9ndq_1",
-  "teddy-tabs--full-width": "_teddy-tabs--full-width_e9ndq_28",
-  "teddy-tabs__content": "_teddy-tabs__content_e9ndq_31",
-  "teddy-tabs__trigger": "_teddy-tabs__trigger_e9ndq_35",
-  "teddy-tabs__scroll-button": "_teddy-tabs__scroll-button_e9ndq_56"
+  "teddy-tabs__list": "_teddy-tabs__list_1o5c5_1",
+  "teddy-tabs--full-width": "_teddy-tabs--full-width_1o5c5_30",
+  "teddy-tabs__content": "_teddy-tabs__content_1o5c5_33",
+  "teddy-tabs__trigger": "_teddy-tabs__trigger_1o5c5_37",
+  "teddy-tabs__scroll-button": "_teddy-tabs__scroll-button_1o5c5_58"
 };
 const rootClassName = "teddy-tabs";
 const RootContext = React__default.createContext(void 0);

package/dist/components/tabs/tabs-scroll-button.d.ts

@@ -4,30 +4,30 @@ import { ScrollArea } from '../scroll-area';
 export type ScrollButtonProps = React.ComponentPropsWithoutRef<typeof ScrollArea.Button>;
 /** */
 export declare const ScrollButton: React.ForwardRefExoticComponent<Omit<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;
+    iconOnly?: false;
+    "aria-label"?: string;
 } & React.RefAttributes<HTMLButtonElement>, "ref">, "hidden"> & {
-    direction?: "left" | "right" | "up" | "down" | undefined;
-    hidden?: boolean | undefined;
+    direction?: "up" | "down" | "left" | "right";
+    hidden?: boolean;
 } & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/tabs/tabs-scroll.d.ts

@@ -6,7 +6,7 @@ export declare const ScrollContext: React.Context<boolean>;
 /** */
 export declare const Scroll: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-scroll-area').ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     variant?: ("button" | "hidden" | "scrollbar") | undefined;
-    scrollBehavior?: "auto" | "smooth" | undefined;
-    viewPortClassName?: string | undefined;
-    barClassName?: string | undefined;
+    scrollBehavior?: "smooth" | "auto";
+    viewPortClassName?: string;
+    barClassName?: string;
 } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/tabs/tabs-trigger.d.ts

@@ -10,7 +10,7 @@ export type TriggerProps = Omit<React.ComponentPropsWithoutRef<typeof TabsPrimit
 /** The button that activates its associated content.*/
 export declare const Trigger: React.ForwardRefExoticComponent<Omit<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref">, "value" | "disabled"> & {
     /** A unique value that associates the trigger with a content. */
-    value: TabsPrimitive.TabsTriggerProps['value'];
+    value: TabsPrimitive.TabsTriggerProps["value"];
     /** When true, prevents the user from interacting with the tab. */
-    disabled?: TabsPrimitive.TabsTriggerProps['disabled'];
+    disabled?: TabsPrimitive.TabsTriggerProps["disabled"];
 } & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/text-field/index.d.ts

@@ -10,52 +10,52 @@ import { TextFieldClearButtonProps } from './text-field-clear-button';
 import { TextFieldTextareaProps } from './text-field-textarea';
 
 export declare const TextField: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Pick<import('../input/input-indicator').InputIndicatorProps, "isLoading" | "isValid"> & {
-    disabled?: boolean | undefined;
-    readOnly?: boolean | undefined;
+    disabled?: boolean;
+    readOnly?: boolean;
     errors?: (string | null | undefined)[] | null | undefined;
-    isRequired?: boolean | undefined;
+    isRequired?: boolean;
 } & import('react').RefAttributes<HTMLDivElement>> & {
     Input: import('react').ForwardRefExoticComponent<TextFieldInputProps & import('react').RefAttributes<HTMLInputElement>>;
     Textarea: import('react').ForwardRefExoticComponent<TextFieldTextareaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
     Label: import('react').ForwardRefExoticComponent<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>>;
     InputGroup: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        frameClassName?: string | undefined;
-        preventGroupClickSelect?: boolean | undefined;
+        frameClassName?: string;
+        preventGroupClickSelect?: boolean;
     } & import('react').RefAttributes<HTMLDivElement>>;
     HelperText: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     ErrorList: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "children"> & {
-        children?: import('react').ReactNode | ((args: Pick<import('./text-field').TextFieldContextValue, "errors">) => import('react').ReactNode);
+        children?: ((args: Pick<import('./text-field').TextFieldContextValue, "errors">) => React.ReactNode) | React.ReactNode;
     } & import('react').RefAttributes<HTMLUListElement>>;
     Indicator: import('react').ForwardRefExoticComponent<TextFieldIndicatorProps & import('react').RefAttributes<SVGSVGElement>>;
     Button: 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;
+        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;
     } & 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;
+        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;
+        iconOnly?: false;
+        "aria-label"?: string;
     } & import('react').RefAttributes<HTMLButtonElement>, "ref">, "variant"> & {
-        variant?: "attached" | "separated" | undefined;
+        variant?: "attached" | "separated";
     } & import('react').RefAttributes<HTMLButtonElement>>;
     ClearButton: import('react').ForwardRefExoticComponent<import('../input/input-clear-button').ClearButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
 };

package/dist/components/text-field/text-field-button.d.ts

@@ -5,29 +5,29 @@ export type TextFieldButtonProps = Omit<React.ComponentPropsWithoutRef<typeof Pr
     variant?: 'attached' | 'separated';
 };
 export declare const Button: 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;
+    iconOnly?: false;
+    "aria-label"?: string;
 } & React.RefAttributes<HTMLButtonElement>, "ref">, "variant"> & {
-    variant?: "attached" | "separated" | undefined;
+    variant?: "attached" | "separated";
 } & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/text-field/text-field-error-list.d.ts

@@ -5,5 +5,5 @@ export type TextFieldErrorListProps = Omit<React.ComponentPropsWithoutRef<'ul'>,
     children?: ((args: Pick<TextFieldContextValue, 'errors'>) => React.ReactNode) | React.ReactNode;
 };
 export declare const ErrorList: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "children"> & {
-    children?: React.ReactNode | ((args: Pick<TextFieldContextValue, 'errors'>) => React.ReactNode);
+    children?: ((args: Pick<TextFieldContextValue, "errors">) => React.ReactNode) | React.ReactNode;
 } & React.RefAttributes<HTMLUListElement>>;

package/dist/components/text-field/text-field-input-group.d.ts

@@ -3,6 +3,6 @@ import { InputGroupProps } from '../input';
 
 export type TextFieldInputGroupProps = InputGroupProps['Root'];
 export declare const InputGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    frameClassName?: string | undefined;
-    preventGroupClickSelect?: boolean | undefined;
+    frameClassName?: string;
+    preventGroupClickSelect?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/components/text-field/text-field-label.d.ts

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

package/dist/components/text-field/text-field.d.ts

@@ -41,8 +41,8 @@ export declare const Root: React.ForwardRefExoticComponent<Omit<React.DetailedHT
     /**
      * Whether the input is disabled.
      */
-    disabled?: boolean | undefined;
-    readOnly?: boolean | undefined;
+    disabled?: boolean;
+    readOnly?: boolean;
     /**
      * List of errors
      */
@@ -50,6 +50,6 @@ export declare const Root: React.ForwardRefExoticComponent<Omit<React.DetailedHT
     /**
      * Whether the input is required.
      */
-    isRequired?: boolean | undefined;
+    isRequired?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/text-spacing/text-spacing.d.ts

@@ -13,7 +13,7 @@ type TextSpacingProps = React.ComponentPropsWithoutRef<'div'> & {
  * https://www.figma.com/file/2QIcZVqP99ZKY4rNW7VuSx/Purpur-DS---Foundations-Library?type=design&node-id=9470-27984&mode=design&t=vJa9KJPym42lrLT9-4
  */
 declare const TextSpacing: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    asChild?: boolean | undefined;
+    asChild?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 export { TextSpacing };
 export type { TextSpacingProps };

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

@@ -4,19 +4,19 @@ import { TextareaGroupRootProps } from './textarea-group';
 import { TextareaClearButtonProps } from './textarea-clear-button';
 
 declare const TextareaGroup: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    frameClassName?: string | undefined;
-    preventGroupClickSelect?: boolean | undefined;
+    frameClassName?: string;
+    preventGroupClickSelect?: boolean;
 } & import('react').RefAttributes<HTMLDivElement>> & {
     Textarea: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "children"> & {
-        validationState?: ("invalid" | "valid") | undefined;
-        isLoading?: boolean | undefined;
-        autosize?: boolean | undefined;
-        charactersLimit?: number | undefined;
-        onValueChange?: ((value: string) => void) | undefined;
+        validationState?: "invalid" | "valid";
+        isLoading?: boolean;
+        autosize?: boolean;
+        charactersLimit?: number;
+        onValueChange?: (value: string) => void;
     } & import('react').RefAttributes<HTMLTextAreaElement>>;
     TextareaIndicator: import('react').ForwardRefExoticComponent<Omit<import('react').SVGProps<SVGSVGElement>, "ref"> & {
-        isValid?: boolean | undefined;
-        isLoading?: boolean | undefined;
+        isValid?: boolean;
+        isLoading?: boolean;
     } & import('react').RefAttributes<SVGSVGElement>>;
     TextareaClearButton: import('react').ForwardRefExoticComponent<TextareaClearButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
 };

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

@@ -11,7 +11,7 @@ type TextareaGroupContextValue = {
 };
 export declare const TextareaGroupContext: React.Context<TextareaGroupContextValue | undefined>;
 export declare const Root: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    frameClassName?: string | undefined;
-    preventGroupClickSelect?: boolean | undefined;
+    frameClassName?: string;
+    preventGroupClickSelect?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/textarea/textarea-indicator.d.ts

@@ -15,9 +15,9 @@ export declare const TextareaIndicator: React.ForwardRefExoticComponent<Omit<Rea
     /**
      * Whether the input is invalid.
      */
-    isValid?: boolean | undefined;
+    isValid?: boolean;
     /**
      * Whether the input is loading.
      */
-    isLoading?: boolean | undefined;
+    isLoading?: boolean;
 } & React.RefAttributes<SVGSVGElement>>;

package/dist/components/textarea/textarea.d.ts

@@ -11,10 +11,10 @@ export type TextareaProps = Omit<TextareaHTML, 'children'> & {
     onValueChange?: (value: string) => void;
 };
 export declare const Textarea: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "children"> & {
-    validationState?: ValidationState | undefined;
-    isLoading?: boolean | undefined;
-    autosize?: boolean | undefined;
-    charactersLimit?: number | undefined;
-    onValueChange?: ((value: string) => void) | undefined;
+    validationState?: ValidationState;
+    isLoading?: boolean;
+    autosize?: boolean;
+    charactersLimit?: number;
+    onValueChange?: (value: string) => void;
 } & React.RefAttributes<HTMLTextAreaElement>>;
 export {};

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

@@ -2,7 +2,7 @@ import { RootProps } from './toast-root';
 import { toast } from 'sonner';
 
 export declare const Toast: {
-    ({ className, ...props }: import('sonner').ToasterProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { toast };