@stihl-design-system/components 1.0.0-RC.3 → 1.0.0-RC.5

package/components/Radio/Radio.d.ts

@@ -3,21 +3,29 @@ import { BreakpointCustomizable } from '../../types';
 
 export interface RadioProps extends InputHTMLAttributes<HTMLInputElement> {
     /** Label text displayed next to the radio */
-    label: React.ReactNode;
+    label: string;
     /** Name of the radio group */
     name: string;
     /** Set the value of the radio */
     value: string;
+    /** Controls whether the radio is checked. */
+    checked?: boolean;
+    /** Allows the addition of e.g. decorative icons for an option  */
+    customArea?: React.ReactNode;
     /** Disables the radio, preventing user interaction */
     disabled?: boolean;
     /** Hides the radio label, can be responsive
      *  `boolean | { base: boolean; s?: boolean; m?: boolean; l?: boolean; xl?: boolean; }`
      */
     hideLabel?: BreakpointCustomizable<boolean>;
-    /** Controls whether the radio is checked. */
-    checked?: boolean;
+    /** Makes the label use `ds-utility-medium-bold` if any option has a `hint` and `hideUncheckedHint` is set to false */
+    isBold?: boolean;
+    /** Short descriptive text displayed beneath the label */
+    hint?: string;
     /** Marks the radio as invalid, typically used for form validation */
     invalid?: boolean;
+    /** Controls whether the hint is displayed when the radio button is not checked */
+    hideUncheckedHint?: boolean;
     /** Callback function triggered when the state of the radio changes */
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }

package/components/RadioGroup/RadioGroup.d.ts

@@ -18,12 +18,13 @@ export interface RadioGroupProps extends Omit<FieldsetHTMLAttributes<HTMLFieldSe
     name: string;
     /**
      * An array of RadioGroupOption Objects containing the label and the value of each Radio Button
-     * `{label: string; value: string}[]`
-     * @prop {{label: string; value: string}[]} options
+     * `{label: string; value: string; customArea?: React.ReactNode; hint?: string}[]`
+     * @prop {{label: string; value: string; customArea?: React.ReactNode; hint?: string}[]} options
      */
     options: RadioGroupOption[];
     /**
-     * Set the alignment of the radio buttons
+     * Set the alignment of the radio buttons.
+     * `alignment="horizontal"` is not possible if a `hint` or `customArea` is passed to the `options`.
      */
     alignment?: 'vertical' | 'horizontal';
     /**
@@ -34,6 +35,8 @@ export interface RadioGroupProps extends Omit<FieldsetHTMLAttributes<HTMLFieldSe
     description?: FieldsetProps['description'];
     /** Disables the radio group, preventing user interaction */
     disabled?: boolean;
+    /** Controls whether the hint is displayed when the radio buttons are not checked. If set to `false` labels of radio buttons with hints will be displayed in **bold** */
+    hideUncheckedHints?: boolean;
     /** Unique id for the radio group, needs to be set for proper accessibility functionality, if `description` or `systemFeedback` are set */
     id?: string;
     /** Marks the radio group as invalid, typically used for form validation */

package/components/RadioGroup/RadioGroup.utils.d.ts

@@ -1,7 +1,9 @@
 import { RadioProps } from '../Radio/Radio';
 import { RadioGroupProps } from './RadioGroup';
 
-export type RadioGroupOption = Pick<RadioProps, 'label' | 'value'>;
-type ValidationProps = Pick<RadioGroupProps, 'description' | 'id' | 'legend' | 'name' | 'options' | 'systemFeedback'>;
-export declare const validateProps: ({ description, id, legend, name, options, systemFeedback, }: ValidationProps) => void;
+export type RadioGroupOption = Pick<RadioProps, 'label' | 'value' | 'customArea' | 'hint'>;
+type ValidationProps = Pick<RadioGroupProps, 'legend' | 'name' | 'options' | 'alignment' | 'description' | 'id' | 'systemFeedback'>;
+export declare const optionsHaveHint: (options: RadioGroupOption[]) => boolean;
+export declare const optionsHaveCustomArea: (options: RadioGroupOption[]) => boolean;
+export declare const validateRadioGroupProps: ({ legend, name, options, alignment, description, id, systemFeedback, }: ValidationProps) => void;
 export {};

package/components/RadioGroup/RadioGroup.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/Toast/Toast.d.ts

@@ -0,0 +1,21 @@
+import { HTMLAttributes } from 'react';
+import { ToastVariant } from './Toast.utils';
+
+export interface ToastProps extends Omit<HTMLAttributes<HTMLElement>, 'onClick' | 'onMouseEnter' | 'onMouseLeave'> {
+    /** Message displayed in the Toast */
+    message: string;
+    /** Hides the icon of the Toast */
+    hideIcon?: boolean;
+    /** Visual style variant of the Toast */
+    variant?: ToastVariant;
+    /** Used by the ToastManager to clear the timeout of the toast removal */
+    onClick: () => void;
+    /** Used by the ToastManager to clear the timeout of the toast removal */
+    onMouseEnter: () => void;
+    /** Used by the ToastManager to start timeout of the toast removal again */
+    onMouseLeave: () => void;
+}
+/**
+ * Toasts are small, non-intrusive messages that appear temporarily to provide feedback or information.
+ * */
+export declare const DSToast: import('react').ForwardRefExoticComponent<ToastProps & import('react').RefAttributes<HTMLDivElement>>;

package/components/Toast/Toast.utils.d.ts

@@ -0,0 +1,9 @@
+import { IconName } from '../../types';
+
+export declare const TOAST_VARIANT: readonly ["info", "success", "warning"];
+export type ToastVariant = (typeof TOAST_VARIANT)[number];
+export declare const TOAST_ICONS: Record<ToastVariant, IconName>;
+export type ToastOptions = {
+    variant?: ToastVariant;
+    hideIcon?: boolean;
+};

package/components/Toast/ToastManager.d.ts

@@ -0,0 +1,6 @@
+import { ToastOptions } from './Toast.utils';
+
+export declare const useToast: () => {
+    toast: import("react/jsx-runtime").JSX.Element | undefined;
+    queueToastMessage: (message: string, options?: ToastOptions) => void;
+};

package/components/Toast/ToastManager.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/Toast/ToastManager.utils.d.ts

@@ -0,0 +1,2 @@
+export declare const validateIsLiveRegionPresent: () => void;
+export declare const validateMultipleToastsOnPage: () => void;

package/components/Toast/ToastManager.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/customreactselect.CD58gwtp.js

@@ -0,0 +1,13 @@
+"use client";
+import "./chunks/jsx-runtime.C115EyI4.js";
+import "./chunks/index.CvOaL64Y.js";
+import "react";
+import { c as l } from "./chunks/CustomReactSelect.5dHi6PEO.js";
+import "./chunks/useBreakpoint.5xBNDiCf.js";
+import "./asterisk.Cjbk-xZi.js";
+import "./chunks/Icon.n4XZrQ4N.js";
+import "./systemfeedback.CUWch42u.js";
+import "./optioncheckbox.C4l2UIak.js";
+export {
+  l as CustomReactSelect
+};

package/dialog.d.ts

@@ -0,0 +1 @@
+export * from './components/Dialog/Dialog'

package/dialog.qd2pOyVc.js

@@ -0,0 +1,45 @@
+"use client";
+import { j as e } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as u } from "./chunks/index.CvOaL64Y.js";
+import { useRef as f, useEffect as l } from "react";
+import { DSButton as m } from "./button.DlFWwHuA.js";
+import './assets/dialog.CKwM2EBH.css';const _ = "_root_4piiz_76", p = "_success_4piiz_80", d = "_info_4piiz_84", g = "_warning_4piiz_88", h = {
+  root: _,
+  success: p,
+  info: d,
+  warning: g
+}, z = ({
+  children: r,
+  className: c,
+  footer: n,
+  header: a,
+  isOpen: t,
+  onClose: s
+}) => {
+  const i = f(null);
+  return l(() => {
+    const o = i.current;
+    return o && (t ? o.showModal() : o.close(), s && o.addEventListener("close", s)), () => {
+      o && s && o.removeEventListener("close", s);
+    };
+  }, [t, s]), /* @__PURE__ */ e.jsxs("dialog", { ref: i, className: u(h.root, c), children: [
+    /* @__PURE__ */ e.jsx(
+      m,
+      {
+        type: "button",
+        iconName: "cross",
+        variant: "ghost",
+        hideLabel: !0,
+        onClick: s,
+        autoFocus: !0,
+        children: "Close Dialog"
+      }
+    ),
+    a,
+    r,
+    n
+  ] });
+};
+export {
+  z as DSDialog
+};

package/fieldset.aY3V2jK2.js

@@ -0,0 +1,11 @@
+"use client";
+import "./chunks/jsx-runtime.C115EyI4.js";
+import "./chunks/index.CvOaL64Y.js";
+import "react";
+import "./asterisk.Cjbk-xZi.js";
+import "./heading.BTNroD1E.js";
+import "./systemfeedback.CUWch42u.js";
+import { D as l } from "./chunks/Fieldset.B1vsrHNv.js";
+export {
+  l as DSFieldset
+};

package/floatingactionbutton.CGV3YFQq.js

@@ -0,0 +1,87 @@
+"use client";
+import { j as a } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as t } from "./chunks/index.CvOaL64Y.js";
+import { D as k } from "./chunks/Icon.n4XZrQ4N.js";
+import { DSSpinner as D } from "./spinner.DEtbkdfi.js";
+import './assets/floatingactionbutton.CUvMbEMf.css';const x = "_root_qplp0_76", S = "_root--dark_qplp0_135", j = "_root--small_qplp0_175", H = "_loader_qplp0_194", y = "_icon--hidden_qplp0_206", N = "_label--hidden_qplp0_210", o = {
+  root: x,
+  "root--dark": "_root--dark_qplp0_135",
+  rootDark: S,
+  "root--small": "_root--small_qplp0_175",
+  rootSmall: j,
+  loader: H,
+  "icon--hidden": "_icon--hidden_qplp0_206",
+  iconHidden: y,
+  "label--hidden": "_label--hidden_qplp0_210",
+  labelHidden: N
+}, B = ({
+  aria: c,
+  children: p,
+  className: _,
+  dataTrackingid: m,
+  disabled: r = !1,
+  iconName: s = "placeholder",
+  iconSource: e,
+  loading: l = !1,
+  size: b = "medium",
+  theme: n = "light",
+  onClick: i,
+  ...u
+}) => {
+  const h = t(
+    o.root,
+    o.rootIconOnlySmall,
+    _,
+    {
+      // dark theme
+      [o.rootDark]: n === "dark",
+      // size
+      [o.rootSmall]: b === "small"
+    }
+  ), q = t(o.icon, {
+    // set icon opacity to 0 when loading to prevent button size from changing
+    [o.iconHidden]: l
+  }), f = (d) => {
+    if (r || l) {
+      d.preventDefault();
+      return;
+    }
+    i && i(d);
+  };
+  return /* @__PURE__ */ a.jsxs(
+    "button",
+    {
+      className: h,
+      "data-trackingid": m,
+      type: "button",
+      onClick: f,
+      ...c,
+      ...u,
+      "aria-disabled": r || l,
+      "aria-busy": l,
+      children: [
+        l && /* @__PURE__ */ a.jsx(
+          D,
+          {
+            className: o.loader,
+            aria: { "aria-label": "Loading state" }
+          }
+        ),
+        /* @__PURE__ */ a.jsx("span", { className: t(o.label, o.labelHidden), children: p }),
+        (s || e) && /* @__PURE__ */ a.jsx(
+          k,
+          {
+            name: s,
+            theme: n,
+            source: e,
+            className: q,
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  B as DSFloatingActionButton
+};

package/heading.BTNroD1E.js

@@ -0,0 +1,50 @@
+"use client";
+import { j as l } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c } from "./chunks/index.CvOaL64Y.js";
+import './assets/heading.CCbuI4X-.css';const n = "_root_n4708_76", u = "_root--x-large_n4708_79", g = "_root--x-large-uppercase_n4708_93", d = "_root--large_n4708_107", i = "_root--large-uppercase_n4708_121", x = "_root--medium_n4708_135", L = "_root--medium-uppercase_n4708_143", U = "_root--small_n4708_151", h = "_root--small-uppercase_n4708_159", k = "_root--theme-dark_n4708_167", o = {
+  root: n,
+  "root--x-large": "_root--x-large_n4708_79",
+  rootXLarge: u,
+  "root--x-large-uppercase": "_root--x-large-uppercase_n4708_93",
+  rootXLargeUppercase: g,
+  "root--large": "_root--large_n4708_107",
+  rootLarge: d,
+  "root--large-uppercase": "_root--large-uppercase_n4708_121",
+  rootLargeUppercase: i,
+  "root--medium": "_root--medium_n4708_135",
+  rootMedium: x,
+  "root--medium-uppercase": "_root--medium-uppercase_n4708_143",
+  rootMediumUppercase: L,
+  "root--small": "_root--small_n4708_151",
+  rootSmall: U,
+  "root--small-uppercase": "_root--small-uppercase_n4708_159",
+  rootSmallUppercase: h,
+  "root--theme-dark": "_root--theme-dark_n4708_167",
+  rootThemeDark: k
+}, X = ({
+  children: e,
+  className: a,
+  size: r = "medium",
+  tag: t = "h2",
+  // default tag because of SEO reasons (h1 should be used only once per page)
+  theme: p = "light",
+  ...s
+}) => {
+  const _ = t, m = c(o.root, a, {
+    // sizes
+    [o.rootXLarge]: r === "x-large",
+    [o.rootXLargeUppercase]: r === "x-large-uppercase",
+    [o.rootLarge]: r === "large",
+    [o.rootLargeUppercase]: r === "large-uppercase",
+    [o.rootMedium]: r == "medium",
+    [o.rootMediumUppercase]: r == "medium-uppercase",
+    [o.rootSmall]: r == "small",
+    [o.rootSmallUppercase]: r == "small-uppercase",
+    // dark theme
+    [o.rootThemeDark]: p === "dark"
+  });
+  return /* @__PURE__ */ l.jsx(_, { className: m, ...s, children: e });
+};
+export {
+  X as DSHeading
+};

package/icon.D3RXjzh4.js

@@ -0,0 +1,8 @@
+"use client";
+import "./chunks/jsx-runtime.C115EyI4.js";
+import "./chunks/index.CvOaL64Y.js";
+import "react";
+import { D as p } from "./chunks/Icon.n4XZrQ4N.js";
+export {
+  p as DSIcon
+};

package/index.d.ts

@@ -1,23 +1,47 @@
+export * from './components/AriaLiveRegions/AriaLiveRegions';
 export * from './components/Button/Button';
+export * from './components/Button/Button.utils';
 export * from './components/ButtonRound/ButtonRound';
+export * from './components/ButtonRound/ButtonRound.utils';
 export * from './components/Checkbox/Checkbox';
 export * from './components/CheckboxGroup/CheckboxGroup';
+export * from './components/CheckboxGroup/CheckboxGroup.utils';
 export * from './components/Combobox/Combobox';
+export * from './components/Combobox/Combobox.utils';
 export * from './components/Fieldset/Fieldset';
+export * from './components/Fieldset/Fieldset.utils';
 export * from './components/FloatingActionButton/FloatingActionButton';
 export * from './components/Heading/Heading';
+export * from './components/Heading/Heading.utils';
 export * from './components/Icon/Icon';
+export * from './components/Icon/Icon.utils';
 export * from './components/Input/Input';
+export * from './components/Input/Input.utils';
 export * from './components/InputPassword/InputPassword';
+export * from './components/InputPassword/InputPassword.utils';
 export * from './components/InputSearch/InputSearch';
+export * from './components/InputSearch/InputSearch.utils';
 export * from './components/InputStepper/InputStepper';
+export * from './components/InputStepper/InputStepper.utils';
 export * from './components/Link/Link';
+export * from './components/Link/Link.utils';
 export * from './components/LinkStandalone/LinkStandalone';
+export * from './components/LinkStandalone/LinkStandalone.utils';
 export * from './components/Logo/Logo';
+export * from './components/Logo/Logo.utils';
+export * from './components/Notification/Notification';
+export * from './components/Notification/Notification.utils';
 export * from './components/RadioGroup/RadioGroup';
+export * from './components/RadioGroup/RadioGroup.utils';
 export * from './components/Select/Select';
+export * from './components/Select/Select.utils';
 export * from './components/Spinner/Spinner';
+export * from './components/Spinner/Spinner.utils';
 export * from './components/Switch/Switch';
+export * from './components/Switch/Switch.utils';
 export * from './components/Text/Text';
+export * from './components/Text/Text.utils';
 export * from './components/Textarea/Textarea';
+export * from './components/Textarea/Textarea.utils';
 export * from './components/Title/Title';
+export * from './components/Title/Title.utils';

package/index.es.js

@@ -1,49 +1,144 @@
 "use client";
-import { DSButton as t } from "./button.BUUGRxIp.js";
-import { DSButtonRound as p } from "./buttonround.CKc-a-hd.js";
-import { DSCheckbox as x } from "./checkbox.C2Ga9yTK.js";
-import { DSCheckboxGroup as f } from "./checkboxgroup.Cfxz9bk6.js";
-import { DSCombobox as n } from "./combobox.BXHAo4Wx.js";
-import { DSFieldset as u } from "./fieldset.DGcIKzDI.js";
-import { DSFloatingActionButton as c } from "./floatingactionbutton.DzHD39NY.js";
-import { DSHeading as l } from "./heading.DqGbFfj2.js";
-import { DSIcon as b } from "./icon.PX9_1kNB.js";
-import { DSInput as k } from "./input.o8OT6rxJ.js";
-import { DSInputPassword as g } from "./inputpassword.-MXq8baU.js";
-import { DSInputSearch as C } from "./inputsearch.CoYTSjox.js";
-import { DSInputStepper as T } from "./inputstepper.BBMQr6kM.js";
-import { DSLink as F } from "./link.BN6AZfhG.js";
-import { DSLinkStandalone as R } from "./linkstandalone.4-fyRd08.js";
-import { DSLogo as H } from "./logo.C_oJ8isW.js";
-import { DSRadioGroup as j } from "./radiogroup.oILRMrX-.js";
-import { DSSelect as v } from "./select.OGcreXnT.js";
-import { DSSpinner as z } from "./spinner.Diy_EeFY.js";
-import { DSSwitch as J } from "./switch.BjoFKMQC.js";
-import { DSText as M } from "./text.CPU8IUqY.js";
-import { DSTextarea as O } from "./textarea.kc_Sfbgr.js";
-import { DSTitle as U } from "./title.icX0VDiO.js";
+import { DSAriaLiveRegions as x } from "./arialiveregions.BvZhV6hb.js";
+import { DSButton as N } from "./button.DlFWwHuA.js";
+import { DSButtonRound as u } from "./buttonround.eYOQM994.js";
+import { DSCheckbox as h } from "./checkbox.DNHdo6_n.js";
+import { D as f, v as A } from "./chunks/CheckboxGroup.DsQ6lI5a.js";
+import { DSCombobox as g } from "./combobox.CRlhqmuO.js";
+import { C as P, b as C, a as R, D as L, v as B } from "./chunks/CustomReactSelect.5dHi6PEO.js";
+import { D as X, v as b } from "./chunks/Fieldset.B1vsrHNv.js";
+import { DSFloatingActionButton as Z } from "./floatingactionbutton.CGV3YFQq.js";
+import { DSHeading as H } from "./heading.BTNroD1E.js";
+import { D as M, I as w, u as V } from "./chunks/Icon.n4XZrQ4N.js";
+import { DSInput as y } from "./input.BAxvG272.js";
+import { I as Y, M as q, a as j, S as z, U as J, h as Q, i as $, c as oo, s as ao, v as eo, b as to } from "./chunks/Input.utils.AKWCNkpA.js";
+import { D as so, v as po } from "./chunks/InputPassword.DTqI58Z4.js";
+import { D as So, i as lo, v as mo } from "./chunks/InputSearch.IwQATLKh.js";
+import { D as Io, v as To } from "./chunks/InputStepper.Jew1ETB6.js";
+import { DSLink as xo } from "./link.SAcKvzJ3.js";
+import { DSLinkStandalone as co } from "./linkstandalone.DNe0Nydm.js";
+import { DSLogo as _o } from "./logo.BR_CUXFl.js";
+import { D as Eo, a as fo, N as Ao } from "./chunks/Notification.DbflCBIL.js";
+import { D as go, a as vo, o as Po, v as Co } from "./chunks/RadioGroup.BO4pbAJw.js";
+import { D as Lo, S as Bo, g as Uo, v as Xo } from "./chunks/Select.COdS787F.js";
+import { DSSpinner as Go } from "./spinner.DEtbkdfi.js";
+import { DSSwitch as Fo } from "./switch.BezS5z0Y.js";
+import { DSText as ko } from "./text.CrYUewrP.js";
+import { D as wo, T as Vo, v as Ko } from "./chunks/Textarea.oqCrSopu.js";
+import { DSTitle as Wo } from "./title.Dvp8LKJt.js";
+const o = ["medium", "small"], a = [
+  "filled",
+  "highlight",
+  "outline",
+  "ghost"
+], e = ["filled", "highlight"], t = [
+  "x-large",
+  "x-large-uppercase",
+  "large",
+  "large-uppercase",
+  "medium",
+  "medium-uppercase",
+  "small",
+  "small-uppercase"
+], r = ["h1", "h2", "h3", "h4", "h5", "h6"], s = ["medium", "small"], p = [
+  "filled",
+  "highlight",
+  "outline",
+  "ghost"
+], i = ["neutral", "highlight"], S = [
+  "small",
+  "medium",
+  "large",
+  "x-large",
+  "inherit"
+], l = [
+  "address",
+  "blockquote",
+  "cite",
+  "div",
+  "figcaption",
+  "legend",
+  "p",
+  "span",
+  "time"
+], m = [
+  "large",
+  "medium",
+  "small",
+  "x-small",
+  "xx-small"
+], n = ["bold", "normal"], I = ["x-large", "large"];
 export {
-  t as DSButton,
-  p as DSButtonRound,
-  x as DSCheckbox,
+  e as BUTTON_ROUND_VARIANT,
+  o as BUTTON_SIZE,
+  a as BUTTON_VARIANT,
+  P as COMBOBOX_SIZE,
+  x as DSAriaLiveRegions,
+  N as DSButton,
+  u as DSButtonRound,
+  h as DSCheckbox,
   f as DSCheckboxGroup,
-  n as DSCombobox,
-  u as DSFieldset,
-  c as DSFloatingActionButton,
-  l as DSHeading,
-  b as DSIcon,
-  k as DSInput,
-  g as DSInputPassword,
-  C as DSInputSearch,
-  T as DSInputStepper,
-  F as DSLink,
-  R as DSLinkStandalone,
-  H as DSLogo,
-  j as DSRadioGroup,
-  v as DSSelect,
-  z as DSSpinner,
-  J as DSSwitch,
-  M as DSText,
-  O as DSTextarea,
-  U as DSTitle
+  g as DSCombobox,
+  X as DSFieldset,
+  Z as DSFloatingActionButton,
+  H as DSHeading,
+  M as DSIcon,
+  y as DSInput,
+  so as DSInputPassword,
+  So as DSInputSearch,
+  Io as DSInputStepper,
+  xo as DSLink,
+  co as DSLinkStandalone,
+  _o as DSLogo,
+  Eo as DSNotification,
+  go as DSRadioGroup,
+  Lo as DSSelect,
+  Go as DSSpinner,
+  Fo as DSSwitch,
+  ko as DSText,
+  wo as DSTextarea,
+  Wo as DSTitle,
+  C as DS_COMBOBOX_TRANSLATIONS,
+  R as DS_COMBOBOX_TRANSLATIONS_DE,
+  L as DS_COMBOBOX_TRANSLATIONS_EN,
+  t as HEADING_SIZE,
+  r as HEADING_TAG,
+  w as ICON_SIZE,
+  Y as INPUT_SIZE,
+  s as LINK_SIZE,
+  i as LINK_STANDALONE_VARIANT,
+  p as LINK_VARIANT,
+  q as MAX_PREFIX_LENGTH,
+  j as MAX_SUFFIX_LENGTH,
+  fo as NOTIFICATION_ICONS,
+  Ao as NOTIFICATION_VARIANT,
+  Bo as SELECT_SIZE,
+  S as SPINNER_SIZE,
+  z as SUPPORTED_INPUT_TYPES,
+  Vo as TEXTAREA_SIZE,
+  m as TEXT_SIZE,
+  l as TEXT_TAG,
+  n as TEXT_WEIGHT,
+  I as TITLE_SIZE,
+  J as UNSUPPORTED_INPUT_TYPES,
+  Uo as getIsPlaceholderSelected,
+  Q as hasShowPickerSupport,
+  $ as isCalendarInput,
+  oo as isTimeInput,
+  lo as isWithinForm,
+  vo as optionsHaveCustomArea,
+  Po as optionsHaveHint,
+  ao as showCustomCalendarOrTimeIndicator,
+  V as useDynamicSvgImport,
+  A as validateCheckboxGroupProps,
+  B as validateComboboxProps,
+  b as validateFieldsetProps,
+  po as validateInputPasswordProps,
+  eo as validateInputProps,
+  mo as validateInputSearchProps,
+  To as validateInputStepperProps,
+  Co as validateRadioGroupProps,
+  Xo as validateSelectProps,
+  Ko as validateTextareaProps,
+  to as validateType
 };