@gnist/design-system 3.8.1 → 3.8.3

package/dist/components/actions/buttons/SuccessButton.d.ts

@@ -7,5 +7,5 @@ There shouldn’t be more than one success button on a page to avoid overwhelmin
 
 Documentation: [SuccessButton](https://gnist.moller.no/developers/components/latest/?path=/docs/components-actions-buttons-successbutton--docs)
 */
-export declare const SuccessButton: import("react").ForwardRefExoticComponent<Omit<BoxedButtonProps<ElementType>, "ref"> & import("react").RefAttributes<Element>>;
+export declare function SuccessButton<AsElement extends ElementType = "button">(props: BoxedButtonProps<AsElement>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SuccessButton.d.ts.map

package/dist/components/actions/buttons/SuccessButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SuccessButton.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/buttons/SuccessButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAA4B,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAmB,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGpE;;;;;;EAME;AAEF,eAAO,MAAM,aAAa,gIASxB,CAAC"}
+{"version":3,"file":"SuccessButton.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/buttons/SuccessButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAmB,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGpE;;;;;;EAME;AAEF,wBAAgB,aAAa,CAAC,SAAS,SAAS,WAAW,GAAG,QAAQ,EAClE,KAAK,EAAE,gBAAgB,CAAC,SAAS,CAAC,2CAGrC"}

package/dist/components/actions/buttons/SuccessButton.js

@@ -1,11 +1,10 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { BoxedButtonBase } from "./ButtonBase.js";
 import { getButtonVariantProps } from "./createButtonVariant.js";
-const SuccessButton = forwardRef(function SuccessButton2(props, ref) {
-  return jsx(BoxedButtonBase, { ref, ...getButtonVariantProps("success", props) });
-});
+function SuccessButton(props) {
+  return jsx(BoxedButtonBase, { ...getButtonVariantProps("success", props) });
+}
 export {
   SuccessButton
 };

package/dist/components/actions/buttons/TextButton.cjs

@@ -14,10 +14,9 @@ const states_css = require("../../../styles/states.css.cjs");
 const styles_css = require("./styles.css.cjs");
 const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
 const classNames__default = /* @__PURE__ */ _interopDefaultCompat(classNames);
-const TextButton = React.forwardRef(function TextButton2({ $as, as, className, underline, ...props }, ref) {
+function TextButton({ $as, as, className, underline, ...props }) {
   return React.createElement($as ?? as ?? "button", {
     ...props,
-    ref,
     className: classNames__default.default(className, styles_css.buttonRecipe({ color: "transparent", buttonType: "text" }), states_css.stateLayers({
       borderSize: "medium",
       borderRadius: "button",
@@ -25,5 +24,5 @@ const TextButton = React.forwardRef(function TextButton2({ $as, as, className, u
       setFocusState: true
     }))
   }, props.children ? jsxRuntime.jsx(index.BodyText, { className: classNames__default.default(styles_css.actionText, styles_css.textButtonText({ underline })), children: props.children }) : void 0);
-});
+}
 exports.TextButton = TextButton;

package/dist/components/actions/buttons/TextButton.d.ts

@@ -1,10 +1,11 @@
 import { PolymorphicProps } from "@gnist/component-utils";
-import { ElementType } from "react";
+import { ElementType, ForwardedRef } from "react";
 type TextButtonProps<AsElement extends ElementType> = PolymorphicProps<AsElement> & {
     /**
      * Should the text be underlined?
      */
     underline?: boolean;
+    ref?: ForwardedRef<Element>;
 };
 /**
 Text buttons are typically used for less-pronounced actions, including those located in dialogs and cards. In cards and dialogs, text buttons help maintain an emphasis on card content. Because the background is transparent, the text and underline color is inherited from ancestors to acommodate use on different background colors.
@@ -13,6 +14,6 @@ Note: Unlike most button components, `disabled`, `loading` and `density` props d
 
 Documentation: [TextButton](https://gnist.moller.no/developers/components/latest/?path=/docs/components-actions-buttons-textbutton--docs)
 */
-export declare const TextButton: import("react").ForwardRefExoticComponent<Omit<TextButtonProps<ElementType>, "ref"> & import("react").RefAttributes<Element>>;
+export declare function TextButton<AsElement extends ElementType = "button">({ $as, as, className, underline, ...props }: TextButtonProps<AsElement>): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 export {};
 //# sourceMappingURL=TextButton.d.ts.map

package/dist/components/actions/buttons/TextButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextButton.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/buttons/TextButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAI1D,OAAO,EAAE,WAAW,EAA2C,MAAM,OAAO,CAAC;AAG7E,KAAK,eAAe,CAAC,SAAS,SAAS,WAAW,IAC9C,gBAAgB,CAAC,SAAS,CAAC,GAAG;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEN;;;;;;EAME;AACF,eAAO,MAAM,UAAU,+HAiCrB,CAAC"}
+{"version":3,"file":"TextButton.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/buttons/TextButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAI1D,OAAO,EAAE,WAAW,EAAE,YAAY,EAAiB,MAAM,OAAO,CAAC;AAGjE,KAAK,eAAe,CAAC,SAAS,SAAS,WAAW,IAC9C,gBAAgB,CAAC,SAAS,CAAC,GAAG;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;CAC/B,CAAC;AAEN;;;;;;EAME;AACF,wBAAgB,UAAU,CAAC,SAAS,SAAS,WAAW,GAAG,QAAQ,EAAE,EACjE,GAAG,EACH,EAAE,EACF,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACX,EAAE,eAAe,CAAC,SAAS,CAAC,0FA2B5B"}

package/dist/components/actions/buttons/TextButton.js

@@ -5,15 +5,14 @@ import "../../../foundation/iconography/IconVariantProvider.js";
 import "../../../foundation/iconography/icons.js";
 import "../../../foundation/iconography/Icon.js";
 import { BodyText } from "../../../foundation/typography/index.js";
-import { forwardRef, createElement } from "react";
+import { createElement } from "react";
 import classNames from "classnames";
 import "../../../foundation/logos/Logo.css.js";
 import { stateLayers } from "../../../styles/states.css.js";
 import { buttonRecipe, actionText, textButtonText } from "./styles.css.js";
-const TextButton = forwardRef(function TextButton2({ $as, as, className, underline, ...props }, ref) {
+function TextButton({ $as, as, className, underline, ...props }) {
   return createElement($as ?? as ?? "button", {
     ...props,
-    ref,
     className: classNames(className, buttonRecipe({ color: "transparent", buttonType: "text" }), stateLayers({
       borderSize: "medium",
       borderRadius: "button",
@@ -21,7 +20,7 @@ const TextButton = forwardRef(function TextButton2({ $as, as, className, underli
       setFocusState: true
     }))
   }, props.children ? jsx(BodyText, { className: classNames(actionText, textButtonText({ underline })), children: props.children }) : void 0);
-});
+}
 export {
   TextButton
 };

package/dist/components/actions/buttons/createButtonVariant.cjs

@@ -6,25 +6,22 @@ const classNames = require("classnames");
 const styles_css = require("./styles.css.cjs");
 const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
 const classNames__default = /* @__PURE__ */ _interopDefaultCompat(classNames);
-const getButtonVariantProps = (color, { ...props }) => {
-  var _a;
-  return {
-    ...props,
-    className: classNames__default.default(props.className, styles_css.buttonRecipe({
-      color,
-      buttonType: "box",
-      isLoading: (_a = props.loading) == null ? void 0 : _a.isLoading
-    }), color === "transparent" ? states_css.stateLayers({
-      borderSize: "medium",
-      borderRadius: "button",
-      backgroundColor: "palette-black",
-      setFocusState: true
-    }) : states_css.stateLayers({
-      borderSize: "none",
-      borderRadius: "button",
-      backgroundColor: `on-${color}`,
-      setFocusState: true
-    }))
-  };
-};
+const getButtonVariantProps = (color, { ...props }) => ({
+  ...props,
+  className: classNames__default.default(props.className, styles_css.buttonRecipe({
+    color,
+    buttonType: "box",
+    isLoading: props.loading?.isLoading
+  }), color === "transparent" ? states_css.stateLayers({
+    borderSize: "medium",
+    borderRadius: "button",
+    backgroundColor: "palette-black",
+    setFocusState: true
+  }) : states_css.stateLayers({
+    borderSize: "none",
+    borderRadius: "button",
+    backgroundColor: `on-${color}`,
+    setFocusState: true
+  }))
+});
 exports.getButtonVariantProps = getButtonVariantProps;

package/dist/components/actions/buttons/createButtonVariant.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createButtonVariant.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/buttons/createButtonVariant.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGnD,eAAO,MAAM,qBAAqB,GAAI,SAAS,SAAS,WAAW,EAC/D,OAAO,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,EACpE,cAAc,gBAAgB,CAAC,SAAS,CAAC,KAC1C,gBAAgB,CAAC,SAAS,CAuB3B,CAAC"}
+{"version":3,"file":"createButtonVariant.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/buttons/createButtonVariant.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGnD,eAAO,MAAM,qBAAqB,GAAI,SAAS,SAAS,WAAW,SACxD,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,gBACtD,gBAAgB,CAAC,SAAS,CAAC,KAC1C,gBAAgB,CAAC,SAAS,CAuB3B,CAAC"}

package/dist/components/actions/buttons/createButtonVariant.js

@@ -2,27 +2,24 @@
 import { stateLayers } from "../../../styles/states.css.js";
 import classNames from "classnames";
 import { buttonRecipe } from "./styles.css.js";
-const getButtonVariantProps = (color, { ...props }) => {
-  var _a;
-  return {
-    ...props,
-    className: classNames(props.className, buttonRecipe({
-      color,
-      buttonType: "box",
-      isLoading: (_a = props.loading) == null ? void 0 : _a.isLoading
-    }), color === "transparent" ? stateLayers({
-      borderSize: "medium",
-      borderRadius: "button",
-      backgroundColor: "palette-black",
-      setFocusState: true
-    }) : stateLayers({
-      borderSize: "none",
-      borderRadius: "button",
-      backgroundColor: `on-${color}`,
-      setFocusState: true
-    }))
-  };
-};
+const getButtonVariantProps = (color, { ...props }) => ({
+  ...props,
+  className: classNames(props.className, buttonRecipe({
+    color,
+    buttonType: "box",
+    isLoading: props.loading?.isLoading
+  }), color === "transparent" ? stateLayers({
+    borderSize: "medium",
+    borderRadius: "button",
+    backgroundColor: "palette-black",
+    setFocusState: true
+  }) : stateLayers({
+    borderSize: "none",
+    borderRadius: "button",
+    backgroundColor: `on-${color}`,
+    setFocusState: true
+  }))
+});
 export {
   getButtonVariantProps
 };

package/dist/components/actions/chips/ActionChip.cjs

@@ -22,12 +22,12 @@ const ActionChip = React.forwardRef(function ActionChip2({ label, onClick, selec
   return jsxRuntime.jsx("button", { type: "button", ...props, title: label, onClick, className: classNames__default.default(styles_css$1.chipRecipe({
     selected,
     filterVariant: false,
-    loading: loading == null ? void 0 : loading.isLoading
+    loading: loading?.isLoading
   }), animations_css.clickAnimation, states_css.focusStyle, states_css.stateLayers({
     borderSize: "medium",
     borderRadius: "full",
     backgroundColor: "on-background",
     setFocusState: true
-  })), ref, children: (loading == null ? void 0 : loading.isLoading) ? jsxRuntime.jsx(Spinner.Spinner, { diameter: density === "compact" ? tokens_css_js.tokens.size.xs : tokens_css_js.tokens.size.s, textDescription: loading.loadingText }) : jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [icon && jsxRuntime.jsx(Icon.Icon, { icon, size: density === "compact" ? "m" : "l" }), jsxRuntime.jsx(index.BodyText, { className: styles_css.actionText, children: label })] }) });
+  })), ref, children: loading?.isLoading ? jsxRuntime.jsx(Spinner.Spinner, { diameter: density === "compact" ? tokens_css_js.tokens.size.xs : tokens_css_js.tokens.size.s, textDescription: loading.loadingText }) : jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [icon && jsxRuntime.jsx(Icon.Icon, { icon, size: density === "compact" ? "m" : "l" }), jsxRuntime.jsx(index.BodyText, { className: styles_css.actionText, children: label })] }) });
 });
 exports.ActionChip = ActionChip;

package/dist/components/actions/chips/ActionChip.js

@@ -18,13 +18,13 @@ const ActionChip = forwardRef(function ActionChip2({ label, onClick, selected, i
   return jsx("button", { type: "button", ...props, title: label, onClick, className: classNames(chipRecipe({
     selected,
     filterVariant: false,
-    loading: loading == null ? void 0 : loading.isLoading
+    loading: loading?.isLoading
   }), clickAnimation, focusStyle, stateLayers({
     borderSize: "medium",
     borderRadius: "full",
     backgroundColor: "on-background",
     setFocusState: true
-  })), ref, children: (loading == null ? void 0 : loading.isLoading) ? jsx(Spinner, { diameter: density === "compact" ? tokens.size.xs : tokens.size.s, textDescription: loading.loadingText }) : jsxs(Fragment, { children: [icon && jsx(Icon, { icon, size: density === "compact" ? "m" : "l" }), jsx(BodyText, { className: actionText, children: label })] }) });
+  })), ref, children: loading?.isLoading ? jsx(Spinner, { diameter: density === "compact" ? tokens.size.xs : tokens.size.s, textDescription: loading.loadingText }) : jsxs(Fragment, { children: [icon && jsx(Icon, { icon, size: density === "compact" ? "m" : "l" }), jsx(BodyText, { className: actionText, children: label })] }) });
 });
 export {
   ActionChip

package/dist/components/actions/chips/FilterChip.cjs

@@ -22,12 +22,12 @@ const FilterChip = React.forwardRef(function FilterChip2({ label, onClick, selec
   return jsxRuntime.jsxs("button", { type: "button", ...props, title: label, onClick, className: classNames__default.default(styles_css$1.chipRecipe({
     selected,
     filterVariant: true,
-    loading: loading == null ? void 0 : loading.isLoading
+    loading: loading?.isLoading
   }), animations_css.clickAnimation, states_css.focusStyle, states_css.stateLayers({
     borderSize: "medium",
     borderRadius: "full",
     backgroundColor: "on-background",
     setFocusState: true
-  })), ref, children: [(icon || selected) && !(loading == null ? void 0 : loading.isLoading) && jsxRuntime.jsx(Icon.Icon, { icon: selected ? "check" : icon }), (loading == null ? void 0 : loading.isLoading) ? jsxRuntime.jsx(Spinner.Spinner, { diameter: density === "compact" ? tokens_css_js.tokens.size.xs : tokens_css_js.tokens.size.s, textDescription: loading.loadingText }) : jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(index.BodyText, { className: styles_css.actionText, children: label }) })] });
+  })), ref, children: [(icon || selected) && !loading?.isLoading && jsxRuntime.jsx(Icon.Icon, { icon: selected ? "check" : icon }), loading?.isLoading ? jsxRuntime.jsx(Spinner.Spinner, { diameter: density === "compact" ? tokens_css_js.tokens.size.xs : tokens_css_js.tokens.size.s, textDescription: loading.loadingText }) : jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(index.BodyText, { className: styles_css.actionText, children: label }) })] });
 });
 exports.FilterChip = FilterChip;

package/dist/components/actions/chips/FilterChip.js

@@ -18,13 +18,13 @@ const FilterChip = forwardRef(function FilterChip2({ label, onClick, selected, l
   return jsxs("button", { type: "button", ...props, title: label, onClick, className: classNames(chipRecipe({
     selected,
     filterVariant: true,
-    loading: loading == null ? void 0 : loading.isLoading
+    loading: loading?.isLoading
   }), clickAnimation, focusStyle, stateLayers({
     borderSize: "medium",
     borderRadius: "full",
     backgroundColor: "on-background",
     setFocusState: true
-  })), ref, children: [(icon || selected) && !(loading == null ? void 0 : loading.isLoading) && jsx(Icon, { icon: selected ? "check" : icon }), (loading == null ? void 0 : loading.isLoading) ? jsx(Spinner, { diameter: density === "compact" ? tokens.size.xs : tokens.size.s, textDescription: loading.loadingText }) : jsx(Fragment, { children: jsx(BodyText, { className: actionText, children: label }) })] });
+  })), ref, children: [(icon || selected) && !loading?.isLoading && jsx(Icon, { icon: selected ? "check" : icon }), loading?.isLoading ? jsx(Spinner, { diameter: density === "compact" ? tokens.size.xs : tokens.size.s, textDescription: loading.loadingText }) : jsx(Fragment, { children: jsx(BodyText, { className: actionText, children: label }) })] });
 });
 export {
   FilterChip

package/dist/components/actions/selectionControls/Checkbox.cjs

@@ -49,7 +49,7 @@ const Checkbox = React.forwardRef(function Checkbox2({
   const checkboxElement = jsxRuntime.jsx("span", { className: `${shared_css.InputWrapper} ${className}`, ref, children: jsxRuntime.jsxs("label", { htmlFor: inputId, className: shared_css.LabelRecipe({ disabled }), id: labelId, children: [jsxRuntime.jsx("input", { type: "checkbox", id: inputId, disabled, onChange, checked: value === true, className: shared_css.InputStyleRecipe({ disabled }), tabIndex: 0, ...inputAriaProps, ...rest }), jsxRuntime.jsx("span", { className: checkbox_css.CheckboxRecipe({
     checked: value,
     disabled,
-    validity: (validity == null ? void 0 : validity.type) === "error" ? "error" : void 0
+    validity: validity?.type === "error" ? "error" : void 0
   }), children: jsxRuntime.jsx(CustomCheckbox, { value, disabled }) }), hideLabel ? jsxRuntime.jsx(ScreenReaderOnly.ScreenReaderOnly, { children: label }) : jsxRuntime.jsx("span", { className: shared_css.LabelStyle, children: label })] }) });
   return jsxRuntime.jsx(shared.HelperTextWrapper, { ...helperTextProps, children: render(checkboxElement, descriptionElement) });
 });

package/dist/components/actions/selectionControls/Checkbox.js

@@ -47,7 +47,7 @@ const Checkbox = forwardRef(function Checkbox2({
   const checkboxElement = jsx("span", { className: `${InputWrapper} ${className}`, ref, children: jsxs("label", { htmlFor: inputId, className: LabelRecipe({ disabled }), id: labelId, children: [jsx("input", { type: "checkbox", id: inputId, disabled, onChange, checked: value === true, className: InputStyleRecipe({ disabled }), tabIndex: 0, ...inputAriaProps, ...rest }), jsx("span", { className: CheckboxRecipe({
     checked: value,
     disabled,
-    validity: (validity == null ? void 0 : validity.type) === "error" ? "error" : void 0
+    validity: validity?.type === "error" ? "error" : void 0
   }), children: jsx(CustomCheckbox, { value, disabled }) }), hideLabel ? jsx(ScreenReaderOnly, { children: label }) : jsx("span", { className: LabelStyle, children: label })] }) });
   return jsx(HelperTextWrapper, { ...helperTextProps, children: render(checkboxElement, descriptionElement) });
 });

package/dist/components/actions/selectionControls/RadioButton.cjs

@@ -16,11 +16,11 @@ const classNames__default = /* @__PURE__ */ _interopDefaultCompat(classNames);
 const CustomRadioButton = ({ value, disabled, validity }) => {
   return jsxRuntime.jsx("span", { className: radiobutton_css.RadioButtonRecipe({
     disabled,
-    validity: validity == null ? void 0 : validity.type
+    validity: validity?.type
   }), "aria-hidden": true, children: jsxRuntime.jsx("span", { className: radiobutton_css.CheckedCircleRecipe({
     checked: value,
     disabled,
-    validity: validity == null ? void 0 : validity.type
+    validity: validity?.type
   }) }) });
 };
 const defaultRender = (radio, description) => jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [radio, jsxRuntime.jsx("div", { className: shared_css.indentedDescriptionStyle, children: description })] });

package/dist/components/actions/selectionControls/RadioButton.js

@@ -12,11 +12,11 @@ import { SelectionDescription, HelperTextWrapper } from "./shared.js";
 const CustomRadioButton = ({ value, disabled, validity }) => {
   return jsx("span", { className: RadioButtonRecipe({
     disabled,
-    validity: validity == null ? void 0 : validity.type
+    validity: validity?.type
   }), "aria-hidden": true, children: jsx("span", { className: CheckedCircleRecipe({
     checked: value,
     disabled,
-    validity: validity == null ? void 0 : validity.type
+    validity: validity?.type
   }) }) });
 };
 const defaultRender = (radio, description) => jsxs(Fragment, { children: [radio, jsx("div", { className: indentedDescriptionStyle, children: description })] });

package/dist/components/actions/selectionControls/shared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/selectionControls/shared.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAI/E,MAAM,WAAW,qBAAqB,CAAC,MAAM,CACzC,SAAQ,IAAI,CACJ,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,IAAI,CACnE,EACD,gBAAgB,CAAC,MAAM,CAAC,EACxB,QAAQ,CAAC;IAAE,gBAAgB,EAAE,KAAK,CAAA;CAAE,CAAC;IACzC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,KAAK,GAAG,CAAC,OAAO,CAAC;CAC3E;AAED,UAAU,sBAAuB,SAAQ,QAAQ,CAAC;IAAE,gBAAgB,EAAE,KAAK,CAAA;CAAE,CAAC;IAC1E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAmB9D,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,yBAGlC;IACC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,4CAMA,CAAC"}
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/selectionControls/shared.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAI/E,MAAM,WAAW,qBAAqB,CAAC,MAAM,CACzC,SAAQ,IAAI,CACJ,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,IAAI,CACnE,EACD,gBAAgB,CAAC,MAAM,CAAC,EACxB,QAAQ,CAAC;IAAE,gBAAgB,EAAE,KAAK,CAAA;CAAE,CAAC;IACzC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,KAAK,GAAG,CAAC,OAAO,CAAC;CAC3E;AAED,UAAU,sBAAuB,SAAQ,QAAQ,CAAC;IAAE,gBAAgB,EAAE,KAAK,CAAA;CAAE,CAAC;IAC1E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAmB9D,CAAC;AAEF,eAAO,MAAM,oBAAoB,4BAG9B;IACC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,4CAMA,CAAC"}

package/dist/components/feedback/alerts/AlertBanner.cjs

@@ -10,11 +10,14 @@ const Icon = require("../../../foundation/iconography/Icon.cjs");
 const index$1 = require("../../../foundation/typography/index.cjs");
 const index = require("../../../translations/index.cjs");
 const classNames = require("classnames");
-require("../../actions/buttons/PrimaryButton.cjs");
-require("../../actions/buttons/SecondaryButton.cjs");
-require("../../actions/buttons/SuccessButton.cjs");
-require("../../actions/buttons/DangerButton.cjs");
-require("../../actions/buttons/GhostButton.cjs");
+require("react");
+require("../../../foundation/logos/Logo.css.cjs");
+require("@gnist/themes/tokens.css.js");
+require("../../../utilities/accessibility/ScreenReaderOnly.cjs");
+require("../../../utilities/accessibility/visuallyHidden.css.cjs");
+require("../../progress/Spinner.cjs");
+require("../../actions/buttons/styles.css.cjs");
+require("../../../styles/states.css.cjs");
 const TextButton = require("../../actions/buttons/TextButton.cjs");
 const IconButton = require("../../actions/buttons/IconButton.cjs");
 const AlertBanner_css = require("./AlertBanner.css.cjs");
@@ -23,6 +26,6 @@ const classNames__default = /* @__PURE__ */ _interopDefaultCompat(classNames);
 const BannerHeading = componentUtils.component("BannerHeading", AlertBanner_css.bannerHeading, "h2");
 const AlertBanner = ({ type, heading, message, dismiss, action, density = "default", headingLevel = "h2", className }) => {
   const text = index.useTranslation((t) => t.components.feedback.alerts);
-  return jsxRuntime.jsxs("div", { className: classNames__default.default(className, AlertBanner_css.banner({ type, density })), children: [jsxRuntime.jsx(Icon.Icon, { type, icon: type, className: AlertBanner_css.icon({ type }) }), jsxRuntime.jsxs("div", { className: AlertBanner_css.mainContentContainer({ density }), children: [heading && jsxRuntime.jsx(BannerHeading, { "$as": headingLevel, children: heading }), dismiss && jsxRuntime.jsx(IconButton.IconButton, { className: AlertBanner_css.closeButton, icon: "close", label: text.dismissLabel, onClick: dismiss }), typeof message === "string" ? jsxRuntime.jsx(index$1.TextContainer, { className: AlertBanner_css.messageContainer, children: message }) : jsxRuntime.jsx("div", { className: AlertBanner_css.messageContainer, children: message }), action && jsxRuntime.jsx(TextButton.TextButton, { density: "compact", className: AlertBanner_css.actionButton, onClick: action.onClick, underline: true, children: action.label })] })] });
+  return jsxRuntime.jsxs("div", { className: classNames__default.default(className, AlertBanner_css.banner({ type, density })), children: [jsxRuntime.jsx(Icon.Icon, { type, icon: type, className: AlertBanner_css.icon({ type }) }), jsxRuntime.jsxs("div", { className: AlertBanner_css.mainContentContainer({ density }), children: [heading && jsxRuntime.jsx(BannerHeading, { "$as": headingLevel, children: heading }), dismiss && jsxRuntime.jsx(IconButton.IconButton, { className: AlertBanner_css.closeButton, icon: "close", label: text.dismissLabel, onClick: dismiss }), typeof message === "string" ? jsxRuntime.jsx(index$1.TextContainer, { className: AlertBanner_css.messageContainer, children: message }) : jsxRuntime.jsx("div", { className: AlertBanner_css.messageContainer, children: message }), action && jsxRuntime.jsx(TextButton.TextButton, { className: AlertBanner_css.actionButton, onClick: action.onClick, underline: true, children: action.label })] })] });
 };
 exports.AlertBanner = AlertBanner;

package/dist/components/feedback/alerts/AlertBanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertBanner.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/alerts/AlertBanner.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,YAAY,EAEf,uCAAmD;AAapD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,gBAAgB;IAC7B,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACvB,CAAC;IACF,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC;AAID;;;;;;;GAOG;AAEH,eAAO,MAAM,WAAW,GAAI,gFASzB,gBAAgB,4CAuClB,CAAC"}
+{"version":3,"file":"AlertBanner.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/alerts/AlertBanner.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,YAAY,EAEf,uCAAmD;AAapD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,gBAAgB;IAC7B,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACvB,CAAC;IACF,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC;AAID;;;;;;;GAOG;AAEH,eAAO,MAAM,WAAW,mFASrB,gBAAgB,4CAsClB,CAAC"}

package/dist/components/feedback/alerts/AlertBanner.js

@@ -8,18 +8,21 @@ import { Icon } from "../../../foundation/iconography/Icon.js";
 import { TextContainer } from "../../../foundation/typography/index.js";
 import { useTranslation } from "../../../translations/index.js";
 import classNames from "classnames";
-import "../../actions/buttons/PrimaryButton.js";
-import "../../actions/buttons/SecondaryButton.js";
-import "../../actions/buttons/SuccessButton.js";
-import "../../actions/buttons/DangerButton.js";
-import "../../actions/buttons/GhostButton.js";
+import "react";
+import "../../../foundation/logos/Logo.css.js";
+import "@gnist/themes/tokens.css.js";
+import "../../../utilities/accessibility/ScreenReaderOnly.js";
+import "../../../utilities/accessibility/visuallyHidden.css.js";
+import "../../progress/Spinner.js";
+import "../../actions/buttons/styles.css.js";
+import "../../../styles/states.css.js";
 import { TextButton } from "../../actions/buttons/TextButton.js";
 import { IconButton } from "../../actions/buttons/IconButton.js";
 import { bannerHeading, icon, mainContentContainer, closeButton, messageContainer, actionButton, banner } from "./AlertBanner.css.js";
 const BannerHeading = component("BannerHeading", bannerHeading, "h2");
 const AlertBanner = ({ type, heading, message, dismiss, action, density = "default", headingLevel = "h2", className }) => {
   const text = useTranslation((t) => t.components.feedback.alerts);
-  return jsxs("div", { className: classNames(className, banner({ type, density })), children: [jsx(Icon, { type, icon: type, className: icon({ type }) }), jsxs("div", { className: mainContentContainer({ density }), children: [heading && jsx(BannerHeading, { "$as": headingLevel, children: heading }), dismiss && jsx(IconButton, { className: closeButton, icon: "close", label: text.dismissLabel, onClick: dismiss }), typeof message === "string" ? jsx(TextContainer, { className: messageContainer, children: message }) : jsx("div", { className: messageContainer, children: message }), action && jsx(TextButton, { density: "compact", className: actionButton, onClick: action.onClick, underline: true, children: action.label })] })] });
+  return jsxs("div", { className: classNames(className, banner({ type, density })), children: [jsx(Icon, { type, icon: type, className: icon({ type }) }), jsxs("div", { className: mainContentContainer({ density }), children: [heading && jsx(BannerHeading, { "$as": headingLevel, children: heading }), dismiss && jsx(IconButton, { className: closeButton, icon: "close", label: text.dismissLabel, onClick: dismiss }), typeof message === "string" ? jsx(TextContainer, { className: messageContainer, children: message }) : jsx("div", { className: messageContainer, children: message }), action && jsx(TextButton, { className: actionButton, onClick: action.onClick, underline: true, children: action.label })] })] });
 };
 export {
   AlertBanner

package/dist/components/feedback/loaders/LoadingSpinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/loaders/LoadingSpinner.tsx"],"names":[],"mappings":"AAIA,UAAU,mBAAmB;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;CACpD;AAID;;;;KAIK;AAEL,eAAO,MAAM,cAAc,GAAI,4CAI5B,mBAAmB,mDAgCrB,CAAC"}
+{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/loaders/LoadingSpinner.tsx"],"names":[],"mappings":"AAIA,UAAU,mBAAmB;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;CACpD;AAID;;;;KAIK;AAEL,eAAO,MAAM,cAAc,+CAIxB,mBAAmB,mDAgCrB,CAAC"}

package/dist/components/inputs/dropdowns/SelectBase.cjs

@@ -19,13 +19,11 @@ require("../../../foundation/logos/Logo.css.cjs");
 const atoms_css_js = require("@gnist/themes/atoms.css.js");
 const base = require("@mui/base");
 const dynamic = require("@vanilla-extract/dynamic");
-require("../../actions/buttons/PrimaryButton.cjs");
-require("../../actions/buttons/SecondaryButton.cjs");
-require("../../actions/buttons/SuccessButton.cjs");
-require("../../actions/buttons/DangerButton.cjs");
-require("../../actions/buttons/GhostButton.cjs");
-require("../../actions/buttons/TextButton.cjs");
-require("../../actions/buttons/IconButton.cjs");
+require("../../../utilities/accessibility/ScreenReaderOnly.cjs");
+require("../../../utilities/accessibility/visuallyHidden.css.cjs");
+require("../../progress/Spinner.cjs");
+require("../../actions/buttons/styles.css.cjs");
+require("../../../styles/states.css.cjs");
 const Checkbox = require("../../actions/selectionControls/Checkbox.cjs");
 require("../../actions/selectionControls/RadioButton.cjs");
 require("../../actions/chips/ActionChip.cjs");
@@ -40,14 +38,13 @@ const classNames__default = /* @__PURE__ */ _interopDefaultCompat(classNames);
 const listBoxComponent = base.prepareForSlot(componentUtils.component("listBox", select_css.listBoxStyle, "div"));
 const popUpComponent = base.prepareForSlot(componentUtils.component("popUp", select_css.popUpStyle, "div"));
 function SelectBase(props, isMultiple, ref) {
-  var _a, _b;
   const { contentProps, wrapperProps, commonInputProps } = shared.useSelectInputLogic(props);
   const { selectProps } = shared.getSelectInputProps(props);
   const [isExpanded, setIsExpanded] = React.useState(false);
   return jsxRuntime.jsxs("span", { ref, className: classNames__default.default(wrapperProps.className, inputField_css.wrapperStyle), children: [jsxRuntime.jsxs("label", { htmlFor: props.id, className: inputField_css.inputFieldWrapperRecipe({
     disabled: props.disabled,
     density: props.density,
-    validityType: (_a = props.validity) == null ? void 0 : _a.type
+    validityType: props.validity?.type
   }), children: [jsxRuntime.jsx(base.Select, { className: select_css.selectStyle, style: {
     ...dynamic.assignInlineVars({
       [inputFieldConstants_css.preInputWidth]: wrapperProps.preInputWidth,
@@ -57,17 +54,13 @@ function SelectBase(props, isMultiple, ref) {
     listbox: listBoxComponent,
     popup: popUpComponent
   }, onChange: (e, value) => {
-    var _a2;
-    (_a2 = selectProps.onChange) == null ? void 0 : _a2.call(selectProps, value);
-  }, children: props.options.map((option) => {
-    var _a2;
-    return jsxRuntime.jsxs(base.Option, { value: option.value, className: select_css.optionStyle, children: [jsxRuntime.jsx("div", { className: select_css.optionBackground }), isMultiple ? jsxRuntime.jsx(Checkbox.Checkbox, { label: option.label, value: Array.isArray(props.value) && ((_a2 = props.value) == null ? void 0 : _a2.includes(option.value)), readOnly: true, tabIndex: -1 }) : jsxRuntime.jsxs("div", { className: select_css.singleOptionStyle, children: [jsxRuntime.jsx("p", { children: option.label }), typeof props.value === "string" && props.value === option.value && jsxRuntime.jsx(Icon.Icon, { icon: "check" })] })] }, option.value);
-  }) }), jsxRuntime.jsxs("span", { className: inputField_css.inputContentWrapper({ density: props.density }), children: [props.leadingIcon && jsxRuntime.jsx(Icon.Icon, { icon: props.leadingIcon, className: atoms_css_js.atoms({
+    selectProps.onChange?.(value);
+  }, children: props.options.map((option) => jsxRuntime.jsxs(base.Option, { value: option.value, className: select_css.optionStyle, children: [jsxRuntime.jsx("div", { className: select_css.optionBackground }), isMultiple ? jsxRuntime.jsx(Checkbox.Checkbox, { label: option.label, value: Array.isArray(props.value) && props.value?.includes(option.value), readOnly: true, tabIndex: -1 }) : jsxRuntime.jsxs("div", { className: select_css.singleOptionStyle, children: [jsxRuntime.jsx("p", { children: option.label }), typeof props.value === "string" && props.value === option.value && jsxRuntime.jsx(Icon.Icon, { icon: "check" })] })] }, option.value)) }), jsxRuntime.jsxs("span", { className: inputField_css.inputContentWrapper({ density: props.density }), children: [props.leadingIcon && jsxRuntime.jsx(Icon.Icon, { icon: props.leadingIcon, className: atoms_css_js.atoms({
     paddingRight: "xxs",
     color: props.disabled ? "on-disabled" : "on-surface"
   }) }), jsxRuntime.jsx("label", { id: contentProps.labelId, className: labelStyles_css.labelStyle({
     density: props.density,
-    validityType: (_b = props.validity) == null ? void 0 : _b.type,
+    validityType: props.validity?.type,
     isElevated: !!props.value,
     disabled: props.disabled
   }), style: {

package/dist/components/inputs/dropdowns/SelectBase.js

@@ -17,13 +17,11 @@ import "../../../foundation/logos/Logo.css.js";
 import { atoms } from "@gnist/themes/atoms.css.js";
 import { prepareForSlot, Select, Option } from "@mui/base";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
-import "../../actions/buttons/PrimaryButton.js";
-import "../../actions/buttons/SecondaryButton.js";
-import "../../actions/buttons/SuccessButton.js";
-import "../../actions/buttons/DangerButton.js";
-import "../../actions/buttons/GhostButton.js";
-import "../../actions/buttons/TextButton.js";
-import "../../actions/buttons/IconButton.js";
+import "../../../utilities/accessibility/ScreenReaderOnly.js";
+import "../../../utilities/accessibility/visuallyHidden.css.js";
+import "../../progress/Spinner.js";
+import "../../actions/buttons/styles.css.js";
+import "../../../styles/states.css.js";
 import { Checkbox } from "../../actions/selectionControls/Checkbox.js";
 import "../../actions/selectionControls/RadioButton.js";
 import "../../actions/chips/ActionChip.js";
@@ -36,14 +34,13 @@ import { listBoxStyle, popUpStyle, selectStyle, optionStyle, optionBackground, s
 const listBoxComponent = prepareForSlot(component("listBox", listBoxStyle, "div"));
 const popUpComponent = prepareForSlot(component("popUp", popUpStyle, "div"));
 function SelectBase(props, isMultiple, ref) {
-  var _a, _b;
   const { contentProps, wrapperProps, commonInputProps } = useSelectInputLogic(props);
   const { selectProps } = getSelectInputProps(props);
   const [isExpanded, setIsExpanded] = useState(false);
   return jsxs("span", { ref, className: classNames(wrapperProps.className, wrapperStyle), children: [jsxs("label", { htmlFor: props.id, className: inputFieldWrapperRecipe({
     disabled: props.disabled,
     density: props.density,
-    validityType: (_a = props.validity) == null ? void 0 : _a.type
+    validityType: props.validity?.type
   }), children: [jsx(Select, { className: selectStyle, style: {
     ...assignInlineVars({
       [preInputWidth]: wrapperProps.preInputWidth,
@@ -53,17 +50,13 @@ function SelectBase(props, isMultiple, ref) {
     listbox: listBoxComponent,
     popup: popUpComponent
   }, onChange: (e, value) => {
-    var _a2;
-    (_a2 = selectProps.onChange) == null ? void 0 : _a2.call(selectProps, value);
-  }, children: props.options.map((option) => {
-    var _a2;
-    return jsxs(Option, { value: option.value, className: optionStyle, children: [jsx("div", { className: optionBackground }), isMultiple ? jsx(Checkbox, { label: option.label, value: Array.isArray(props.value) && ((_a2 = props.value) == null ? void 0 : _a2.includes(option.value)), readOnly: true, tabIndex: -1 }) : jsxs("div", { className: singleOptionStyle, children: [jsx("p", { children: option.label }), typeof props.value === "string" && props.value === option.value && jsx(Icon, { icon: "check" })] })] }, option.value);
-  }) }), jsxs("span", { className: inputContentWrapper({ density: props.density }), children: [props.leadingIcon && jsx(Icon, { icon: props.leadingIcon, className: atoms({
+    selectProps.onChange?.(value);
+  }, children: props.options.map((option) => jsxs(Option, { value: option.value, className: optionStyle, children: [jsx("div", { className: optionBackground }), isMultiple ? jsx(Checkbox, { label: option.label, value: Array.isArray(props.value) && props.value?.includes(option.value), readOnly: true, tabIndex: -1 }) : jsxs("div", { className: singleOptionStyle, children: [jsx("p", { children: option.label }), typeof props.value === "string" && props.value === option.value && jsx(Icon, { icon: "check" })] })] }, option.value)) }), jsxs("span", { className: inputContentWrapper({ density: props.density }), children: [props.leadingIcon && jsx(Icon, { icon: props.leadingIcon, className: atoms({
     paddingRight: "xxs",
     color: props.disabled ? "on-disabled" : "on-surface"
   }) }), jsx("label", { id: contentProps.labelId, className: labelStyle({
     density: props.density,
-    validityType: (_b = props.validity) == null ? void 0 : _b.type,
+    validityType: props.validity?.type,
     isElevated: !!props.value,
     disabled: props.disabled
   }), style: {

package/dist/components/inputs/pickers/calendar.cjs

@@ -22,12 +22,11 @@ const date = require("../../../utilities/time/date.cjs");
 const dynamic = require("@vanilla-extract/dynamic");
 const Array = require("fp-ts/Array");
 const _function = require("fp-ts/function");
-require("../../actions/buttons/PrimaryButton.cjs");
-require("../../actions/buttons/SecondaryButton.cjs");
-require("../../actions/buttons/SuccessButton.cjs");
-require("../../actions/buttons/DangerButton.cjs");
-require("../../actions/buttons/GhostButton.cjs");
-require("../../actions/buttons/TextButton.cjs");
+require("../../../utilities/accessibility/ScreenReaderOnly.cjs");
+require("../../../utilities/accessibility/visuallyHidden.css.cjs");
+require("../../progress/Spinner.cjs");
+require("../../actions/buttons/styles.css.cjs");
+require("../../../styles/states.css.cjs");
 const IconButton = require("../../actions/buttons/IconButton.cjs");
 require("../../actions/selectionControls/Checkbox.cjs");
 require("../../actions/selectionControls/RadioButton.cjs");
@@ -66,8 +65,8 @@ const Week = ({ weekDays, current, setCurrent, selected, setSelected, focused, s
     isSelected: selected ? date.isSameDate(d, selected) : false,
     isHoliday: date.isNorwegianHoliday(d),
     isDisabled: !isDateWithinRange(d),
-    isUnavailable: (isDateUnavailable == null ? void 0 : isDateUnavailable(d)) || false
-  }), role: "gridcell", "aria-selected": selected ? date.isSameDate(d, selected) : false, disabled: !isDateWithinRange(d), "aria-disabled": (isDateUnavailable == null ? void 0 : isDateUnavailable(d)) ? true : void 0, tabIndex: date.isSameDate(current, d) ? 0 : -1, ref: date.isSameDate(focused, d) ? focusRef : void 0, onKeyDown: (event) => {
+    isUnavailable: isDateUnavailable?.(d) || false
+  }), role: "gridcell", "aria-selected": selected ? date.isSameDate(d, selected) : false, disabled: !isDateWithinRange(d), "aria-disabled": isDateUnavailable?.(d) ? true : void 0, tabIndex: date.isSameDate(current, d) ? 0 : -1, ref: date.isSameDate(focused, d) ? focusRef : void 0, onKeyDown: (event) => {
     switch (event.key) {
       case "ArrowUp":
         event.preventDefault();
@@ -135,7 +134,7 @@ const Week = ({ weekDays, current, setCurrent, selected, setSelected, focused, s
         break;
     }
   }, onClick: () => {
-    if (isDateUnavailable == null ? void 0 : isDateUnavailable(d)) {
+    if (isDateUnavailable?.(d)) {
       return;
     }
     moveToDate(d);
@@ -183,13 +182,12 @@ const Calendar = React.forwardRef(function Calendar2({ selected, setSelected, is
   }, [maxDate, minDate]);
   const setCurrent = (date2) => {
     internalSetCurrent(date2);
-    onNavigate == null ? void 0 : onNavigate(date2);
+    onNavigate?.(date2);
   };
   const [focused, setFocus] = React.useState(current);
   const focusRef = React.useRef(null);
   React.useEffect(() => {
-    var _a;
-    (_a = focusRef.current) == null ? void 0 : _a.focus();
+    focusRef.current?.focus();
   }, [focused]);
   const handleChangeMonth = (count) => {
     const tmp = date.nextMonth(current, count);