@koobiq/react-components 0.8.0 → 0.10.0

package/dist/components/IconButton/IconButton.js

@@ -18,8 +18,8 @@ const IconButton = polymorphicForwardRef(
       className,
       ...other
     } = props;
-    const isCompact = isCompactProp ?? compact ?? false;
-    const isDisabled = isDisabledProp ?? disabled ?? false;
+    const isCompact = isCompactProp ?? compact;
+    const isDisabled = isDisabledProp ?? disabled;
     if (process.env.NODE_ENV !== "production" && "compact" in props) {
       deprecate(
         'IconButton: the "compact" prop is deprecated. Use "isCompact" prop to replace it.'
@@ -54,9 +54,9 @@ const IconButton = polymorphicForwardRef(
         as: Tag,
         isDisabled,
         className: classNameFn,
-        "data-compact": isCompact,
-        "data-variant": variant,
         "data-size": size,
+        "data-variant": variant,
+        "data-compact": isCompact || void 0,
         ...other,
         ref,
         children

package/dist/components/IconButton/types.d.ts

@@ -8,14 +8,12 @@ export type IconButtonPropSize = (typeof iconButtonPropSize)[number];
 type IconButtonBaseDeprecatedProps = {
     /**
      * If `true`, the component is disabled.
-     * @default false
      * @deprecated
      * The "disabled" prop is deprecated. Use "isDisabled" prop to replace it.
      */
     disabled?: boolean;
     /**
      * If `true`, reduce the size of the component canvas.
-     * @default false
      * @deprecated
      * The "compact" prop is deprecated. Use "isCompact" prop to replace it.
      */
@@ -36,7 +34,6 @@ export type IconButtonBaseProps = ExtendableProps<{
     size?: IconButtonPropSize;
     /**
      * If `true`, reduce the size of the component canvas.
-     * @default false
      */
     isCompact?: boolean;
     /** Additional CSS-classes. */

package/dist/components/Input/Input.d.ts

@@ -1,8 +1,8 @@
 import { TextField } from '@koobiq/react-primitives';
-import { type FieldContentGroupProps, type FieldCaptionProps, type FieldErrorProps, type FieldInputProps } from '../FieldComponents';
+import { type FieldContentGroupProps, type FieldCaptionProps, type FieldInputProps, type FieldErrorProps } from '../FieldComponents';
 import { type FormControlProps } from '../FormControl';
 import { type FormControlLabelProps } from '../FormControlLabel';
-export declare const Input: import("react").ForwardRefExoticComponent<Omit<Omit<import("@koobiq/react-primitives").TextFieldProps<HTMLInputElement>, "children" | "validationBehavior" | "validate" | "description" | "inputElementType">, "caption" | "style" | "className" | "labelPlacement" | "labelAlign" | "fullWidth" | "variant" | "slotProps" | "data-testid" | "startAddon" | "endAddon" | "errorMessage" | "isLabelHidden" | keyof {
+export declare const Input: import("react").ForwardRefExoticComponent<Omit<Omit<import("@koobiq/react-primitives").TextFieldProps<HTMLInputElement>, "children" | "validationState" | "description" | "inputElementType">, "caption" | "style" | "className" | "labelPlacement" | "labelAlign" | "fullWidth" | "variant" | "slotProps" | "data-testid" | "startAddon" | "endAddon" | "isLabelHidden" | keyof {
     disabled?: boolean;
     error?: boolean;
     required?: boolean;
@@ -13,7 +13,6 @@ export declare const Input: import("react").ForwardRefExoticComponent<Omit<Omit<
     startAddon?: import("react").ReactNode;
     endAddon?: import("react").ReactNode;
     variant?: import("./types").InputPropVariant;
-    errorMessage?: import("react").ReactNode;
     fullWidth?: boolean;
     isLabelHidden?: boolean;
     labelPlacement?: import("./types").InputPropLabelPlacement;

package/dist/components/Input/Input.js

@@ -4,6 +4,7 @@ import { forwardRef } from "react";
 import { deprecate } from "@koobiq/logger";
 import { useDOMRef, mergeProps } from "@koobiq/react-core";
 import { TextField } from "@koobiq/react-primitives";
+import s from "./Input.module.css.js";
 import { FormControl } from "../FormControl/FormControl.js";
 import { FormControlLabel } from "../FormControlLabel/FormControlLabel.js";
 import { Field } from "../FieldComponents/Field/Field.js";
@@ -14,7 +15,7 @@ import { FieldError } from "../FieldComponents/FieldError/FieldError.js";
 const Input = forwardRef((props, ref) => {
   const {
     variant = "filled",
-    fullWidth = false,
+    fullWidth,
     hiddenLabel,
     isLabelHidden: isLabelHiddenProp,
     disabled,
@@ -35,11 +36,11 @@ const Input = forwardRef((props, ref) => {
     caption,
     ...other
   } = props;
-  const isDisabled = isDisabledProp ?? disabled ?? false;
-  const isRequired = isRequiredProp ?? required ?? false;
-  const isReadOnly = isReadOnlyProp ?? readonly ?? false;
-  const isInvalid = isInvalidProp ?? error ?? false;
-  const isLabelHidden = isLabelHiddenProp ?? hiddenLabel ?? false;
+  const isDisabled = isDisabledProp ?? disabled;
+  const isRequired = isRequiredProp ?? required;
+  const isReadOnly = isReadOnlyProp ?? readonly;
+  const isInvalid = isInvalidProp ?? error;
+  const isLabelHidden = isLabelHiddenProp ?? hiddenLabel;
   if (process.env.NODE_ENV !== "production" && "disabled" in props) {
     deprecate(
       'Input: the "disabled" prop is deprecated. Use "isDisabled" prop to replace it.'
@@ -107,7 +108,10 @@ const Input = forwardRef((props, ref) => {
       slotProps?.group
     );
     const captionProps = mergeProps({ children: caption }, slotProps?.caption);
-    const errorProps = mergeProps({ isInvalid: isInvalid2, children: errorMessage }, slotProps?.errorMessage);
+    const errorProps = mergeProps(
+      { children: errorMessage, className: s.error },
+      slotProps?.errorMessage
+    );
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(FormControlLabel, { ...labelProps }),
       /* @__PURE__ */ jsxs(Field, { children: [

package/dist/components/Input/Input.module.css.js

@@ -0,0 +1,4 @@
+const s = {};
+export {
+  s as default
+};

package/dist/components/Input/types.d.ts

@@ -13,35 +13,30 @@ export type InputPropLabelAlign = FormControlPropLabelAlign;
 type InputDeprecatedProps = {
     /**
      * If `true`, the component is disabled.
-     * @default false
      * @deprecated
      * The "disabled" prop is deprecated. Use "isDisabled" prop to replace it.
      */
     disabled?: boolean;
     /**
      * If `true`, the input will indicate an error.
-     * @default false
      * @deprecated
      * The "error" prop is deprecated. Use "isInvalid" prop to replace it.
      */
     error?: boolean;
     /**
      * If `true`, the label is displayed as required and the input element is required.
-     * @default false
      * @deprecated
      * The "required" prop is deprecated. Use "isRequired" prop to replace it.
      */
     required?: boolean;
     /**
      * If `true`, the input can be selected but not changed by the user.
-     * @default false
      * @deprecated
      * The "readonly" prop is deprecated. Use "isReadOnly" prop to replace it.
      */
     readonly?: boolean;
     /**
      * If `true`, the label is hidden. Be sure to add aria-label to the input element.
-     * @default false
      * @deprecated
      * The "hiddenLabel" prop is deprecated. Use "isLabelHidden" prop to replace it.
      */
@@ -59,16 +54,12 @@ export type InputProps = ExtendableProps<{
      * @default 'filled'
      */
     variant?: InputPropVariant;
-    /** An error message for the field. */
-    errorMessage?: ReactNode;
     /**
      * If true, the input will take up the full width of its container.
-     * @default false
      */
     fullWidth?: boolean;
     /**
      * If `true`, the label is hidden. Be sure to add aria-label to the input element.
-     * @default false
      */
     isLabelHidden?: boolean;
     /**
@@ -96,6 +87,6 @@ export type InputProps = ExtendableProps<{
         errorMessage?: FieldErrorProps;
         input?: FieldInputProps;
     };
-} & InputDeprecatedProps, Omit<TextFieldProps<HTMLInputElement>, 'description' | 'validationBehavior' | 'validate' | 'children' | 'inputElementType'>>;
+} & InputDeprecatedProps, Omit<TextFieldProps<HTMLInputElement>, 'description' | 'children' | 'inputElementType' | 'validationState'>>;
 export type InputRef = ComponentRef<'input'>;
 export {};

package/dist/components/InputNumber/InputNumber.d.ts

@@ -1,8 +1,8 @@
 import { NumberField } from '@koobiq/react-primitives';
-import { type FieldCaptionProps, type FieldErrorProps, type FieldContentGroupProps, type FieldInputProps } from '../FieldComponents';
+import { type FieldCaptionProps, type FieldContentGroupProps, type FieldInputProps, type FieldErrorProps } from '../FieldComponents';
 import { type FormControlProps } from '../FormControl';
 import { type FormControlLabelProps } from '../FormControlLabel';
-export declare const InputNumber: import("react").ForwardRefExoticComponent<Omit<Omit<import("@koobiq/react-primitives").NumberFieldProps, "children" | "validationState" | "description" | "inputElementType">, "caption" | "style" | "className" | "labelPlacement" | "labelAlign" | "fullWidth" | "variant" | "slotProps" | "data-testid" | "startAddon" | "endAddon" | "errorMessage" | "isLabelHidden" | keyof {
+export declare const InputNumber: import("react").ForwardRefExoticComponent<Omit<Omit<import("@koobiq/react-primitives").NumberFieldProps, "children" | "validationState" | "description" | "inputElementType">, "caption" | "style" | "className" | "labelPlacement" | "labelAlign" | "fullWidth" | "variant" | "slotProps" | "data-testid" | "startAddon" | "endAddon" | "isLabelHidden" | keyof {
     disabled?: boolean;
     error?: boolean;
     required?: boolean;
@@ -10,7 +10,6 @@ export declare const InputNumber: import("react").ForwardRefExoticComponent<Omit
     hiddenLabel?: boolean;
 }> & {
     className?: string;
-    errorMessage?: import("react").ReactNode;
     startAddon?: import("react").ReactNode;
     endAddon?: import("react").ReactNode;
     variant?: import("./types").InputNumberPropVariant;

package/dist/components/InputNumber/InputNumber.js

@@ -16,7 +16,7 @@ const InputNumber = forwardRef(
   (props, ref) => {
     const {
       variant = "filled",
-      fullWidth = false,
+      fullWidth,
       hiddenLabel,
       isLabelHidden: isLabelHiddenProp,
       disabled,
@@ -38,11 +38,11 @@ const InputNumber = forwardRef(
       ...other
     } = props;
     const inputRef = useDOMRef(ref);
-    const isDisabled = isDisabledProp ?? disabled ?? false;
-    const isRequired = isRequiredProp ?? required ?? false;
-    const isReadOnly = isReadOnlyProp ?? readonly ?? false;
-    const isInvalid = isInvalidProp ?? error ?? false;
-    const isLabelHidden = isLabelHiddenProp ?? hiddenLabel ?? false;
+    const isDisabled = isDisabledProp ?? disabled;
+    const isRequired = isRequiredProp ?? required;
+    const isReadOnly = isReadOnlyProp ?? readonly;
+    const isInvalid = isInvalidProp ?? error;
+    const isLabelHidden = isLabelHiddenProp ?? hiddenLabel;
     if (process.env.NODE_ENV !== "production" && "disabled" in props) {
       deprecate(
         'InputNumber: the "disabled" prop is deprecated. Use "isDisabled" prop to replace it.'
@@ -99,7 +99,7 @@ const InputNumber = forwardRef(
         slotProps?.input
       );
       const captionProps = mergeProps({ children: caption }, slotProps?.caption);
-      const errorProps = mergeProps({ isInvalid: isInvalid2, children: errorMessage }, slotProps?.errorMessage);
+      const errorProps = mergeProps({ children: errorMessage }, slotProps?.errorMessage);
       const groupProps = mergeProps(
         {
           endAddon: /* @__PURE__ */ jsxs(Fragment, { children: [

package/dist/components/InputNumber/types.d.ts

@@ -13,35 +13,30 @@ export type InputNumberPropLabelAlign = FormControlPropLabelAlign;
 type InputNumberDeprecatedProps = {
     /**
      * If `true`, the component is disabled.
-     * @default false
      * @deprecated
      * The "disabled" prop is deprecated. Use "isDisabled" prop to replace it.
      */
     disabled?: boolean;
     /**
      * If `true`, the input will indicate an error.
-     * @default false
      * @deprecated
      * The "error" prop is deprecated. Use "isInvalid" prop to replace it.
      */
     error?: boolean;
     /**
      * If `true`, the label is displayed as required and the input element is required.
-     * @default false
      * @deprecated
      * The "required" prop is deprecated. Use "isRequired" prop to replace it.
      */
     required?: boolean;
     /**
      * If `true`, the input can be selected but not changed by the user.
-     * @default false
      * @deprecated
      * The "readonly" prop is deprecated. Use "isReadOnly" prop to replace it.
      */
     readonly?: boolean;
     /**
      * If `true`, the label is hidden. Be sure to add aria-label to the input element.
-     * @default false
      * @deprecated
      * The "hiddenLabel" prop is deprecated. Use "isLabelHidden" prop to replace it.
      */
@@ -50,8 +45,6 @@ type InputNumberDeprecatedProps = {
 export type InputNumberProps = ExtendableProps<{
     /** Additional CSS-classes. */
     className?: string;
-    /** An error message for the field. */
-    errorMessage?: ReactNode;
     /** Addon placed before the children. */
     startAddon?: ReactNode;
     /** Addon placed after the children. */
@@ -63,12 +56,10 @@ export type InputNumberProps = ExtendableProps<{
     variant?: InputNumberPropVariant;
     /**
      * If true, the input will take up the full width of its container.
-     * @default false
      */
     fullWidth?: boolean;
     /**
      * If `true`, the label is hidden. Be sure to add aria-label to the input element.
-     * @default false
      */
     isLabelHidden?: boolean;
     /**

package/dist/components/Link/Link.js

@@ -20,9 +20,9 @@ const Link = polymorphicForwardRef((props, ref) => {
     className,
     ...other
   } = props;
-  const allowVisited = allowVisitedProp ?? visitable ?? false;
-  const isDisabled = isDisabledProp ?? disabled ?? false;
-  const isPseudo = isPseudoProp ?? pseudo ?? false;
+  const allowVisited = allowVisitedProp ?? visitable;
+  const isDisabled = isDisabledProp ?? disabled;
+  const isPseudo = isPseudoProp ?? pseudo;
   const hasIcon = Boolean(startIcon || endIcon);
   if (process.env.NODE_ENV !== "production" && "visitable" in props) {
     deprecate(

package/dist/components/Link/types.d.ts

@@ -6,21 +6,18 @@ export type LinkPropVariant = Extract<TypographyPropVariant, 'text-compact' | 't
 type LinkDeprecatedProps = {
     /**
      * If `true`, the component is disabled.
-     * @default false
      * @deprecated
      * The "disabled" prop is deprecated. Use "isDisabled" prop to replace it.
      */
     disabled?: boolean;
     /**
      * If `true`, displays :visited CSS-state.
-     * @default false
      * @deprecated
      * The "visitable" prop is deprecated. Use "isVisitable" prop to replace it.
      */
     visitable?: boolean;
     /**
      * If `true`, displays the link as a pseudo-link.
-     * @default false
      * @deprecated
      * The "pseudo" prop is deprecated. Use "isPseudo" prop to replace it.
      */
@@ -37,12 +34,10 @@ export type LinkBaseProps = ExtendableProps<{
     endIcon?: ReactNode;
     /**
      * If `true`, displays :visited CSS-state.
-     * @default false
      */
     allowVisited?: boolean;
     /**
      * If `true`, displays the link as a pseudo-link.
-     * @default false
      */
     isPseudo?: boolean;
     /** Additional CSS-classes. */

package/dist/components/List/List.js

@@ -15,7 +15,7 @@ import { Typography } from "../Typography/Typography.js";
 import { ListOption } from "./components/ListOption/ListOption.js";
 const { list } = utilClasses;
 function ListInner(props) {
-  const { label, className, style, slotProps, state, listRef } = props;
+  const { label, className, style, slotProps, state, listRef, isPadded } = props;
   const domRef = useDOMRef(listRef);
   const { listBoxProps, labelProps } = useListBox(props, state, domRef);
   const titleProps = mergeProps(
@@ -30,7 +30,8 @@ function ListInner(props) {
     {
       style,
       ref: domRef,
-      className: clsx(list, className)
+      className: clsx(list, className),
+      "data-padded": isPadded || void 0
     },
     slotProps?.list,
     listBoxProps
@@ -38,7 +39,7 @@ function ListInner(props) {
   const renderItems = (listState) => [...listState.collection].map((item) => {
     switch (item.type) {
       case "divider":
-        return /* @__PURE__ */ jsx(Divider, { className: s.divider }, item.key);
+        return /* @__PURE__ */ jsx(Divider, {}, item.key);
       case "item":
         return /* @__PURE__ */ jsx(ListOption, { item, state }, item.key);
       case "section":

package/dist/components/List/List.module.css.js

@@ -1,11 +1,8 @@
 const label = "kbq-list-label-e4431c";
-const divider = "kbq-list-divider-fd5123";
 const s = {
-  label,
-  divider
+  label
 };
 export {
   s as default,
-  divider,
   label
 };

package/dist/components/List/components/ListOption/ListOption.js

@@ -24,11 +24,11 @@ function ListOption({ item, state }) {
       className: clsx(listItem, textVariant["text-normal"], className),
       style,
       ref,
-      "data-hovered": isHovered,
-      "data-pressed": isPressed,
-      "data-disabled": isDisabled,
-      "data-selected": isSelected,
-      "data-focus-visible": isFocusVisible,
+      "data-hovered": isHovered || void 0,
+      "data-pressed": isPressed || void 0,
+      "data-disabled": isDisabled || void 0,
+      "data-selected": isSelected || void 0,
+      "data-focus-visible": isFocusVisible || void 0,
       children: item.rendered
     }
   );

package/dist/components/List/components/ListSection/ListSection.js

@@ -1,9 +1,10 @@
 "use client";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { useListBoxSection } from "@koobiq/react-primitives";
-import s from "./ListSection.module.css.js";
+import { utilClasses } from "../../../../styles/utility.js";
 import { Typography } from "../../../Typography/Typography.js";
 import { ListOption } from "../ListOption/ListOption.js";
+const { listHeading } = utilClasses;
 function ListSection({ section, state }) {
   const { itemProps, headingProps, groupProps } = useListBoxSection({
     heading: section.rendered,
@@ -17,12 +18,12 @@ function ListSection({ section, state }) {
         display: "block",
         variant: "caps-compact-strong",
         color: "contrast-secondary",
-        className: s.heading,
+        className: listHeading,
         ...headingProps,
         children: section.rendered
       }
     ),
-    /* @__PURE__ */ jsx("ul", { ...groupProps, className: s.base, children: [...section.childNodes].map((node) => /* @__PURE__ */ jsx(ListOption, { item: node, state }, node.key)) })
+    /* @__PURE__ */ jsx("ul", { ...groupProps, children: [...section.childNodes].map((node) => /* @__PURE__ */ jsx(ListOption, { item: node, state }, node.key)) })
   ] }) });
 }
 export {

package/dist/components/List/types.d.ts

@@ -14,6 +14,8 @@ export type ListProps<T> = ExtendableProps<{
         label?: TypographyProps;
         list?: ComponentPropsWithRef<'div'>;
     };
+    /** Whether the component has outer padding. */
+    isPadded?: boolean;
 }, AriaListBoxProps<T>>;
 export type ListRef = ComponentRef<'ul'>;
 export type ListComponent = <T>(props: ListProps<T>) => ReactElement | null;

package/dist/components/Menu/Menu.js

@@ -6,7 +6,7 @@ import { useDOMRef, mergeProps, clsx, Pressable } from "@koobiq/react-core";
 import { useMenuTriggerState, useMenuTrigger } from "@koobiq/react-primitives";
 import { PopoverInner } from "../Popover/PopoverInner.js";
 import s from "./Menu.module.css.js";
-import { MenuInner } from "./components/MenuInner/MenuInner.js";
+import { MenuList } from "./components/MenuList/MenuList.js";
 import { Header } from "../Collections/Header.js";
 import { Item } from "../Collections/Item.js";
 import { Section } from "../Collections/Section.js";
@@ -59,7 +59,7 @@ function MenuRender(props, ref) {
       ref: controlRef,
       ...menuTriggerProps
     }),
-    /* @__PURE__ */ jsx(PopoverInner, { type: "menu", placement, ...popoverProps, children: /* @__PURE__ */ jsx(MenuInner, { ...listProps }) })
+    /* @__PURE__ */ jsx(PopoverInner, { type: "menu", placement, ...popoverProps, children: /* @__PURE__ */ jsx(MenuList, { ...listProps }) })
   ] });
 }
 const MenuComponent = forwardRef(MenuRender);

package/dist/components/Menu/components/MenuList/MenuList.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentRef, ReactElement } from 'react';
+import type { AriaMenuOptions } from '@koobiq/react-primitives';
+export type MenuListProps<T> = AriaMenuOptions<T>;
+export type MenuListComponent = <T>(props: MenuListProps<T>) => ReactElement | null;
+export type MenuListRef = ComponentRef<'ul'>;
+export declare const MenuList: MenuListComponent;

package/dist/components/Menu/components/{MenuInner/MenuInner.js → MenuList/MenuList.js}

@@ -4,13 +4,13 @@ import { forwardRef } from "react";
 import { useDOMRef, clsx } from "@koobiq/react-core";
 import { useTreeState, useMenu } from "@koobiq/react-primitives";
 import { utilClasses } from "../../../../styles/utility.js";
-import s from "./MenuInner.module.css.js";
+import s from "./MenuList.module.css.js";
 import { MenuSection } from "../MenuSection/MenuSection.js";
 import { MenuHeader } from "../MenuHeader/MenuHeader.js";
 import { MenuItem } from "../MenuItem/MenuItem.js";
 import { Divider } from "../../../Divider/Divider.js";
 const { list } = utilClasses;
-function MenuInnerRender(props, ref) {
+function MenuListRender(props, ref) {
   const state = useTreeState(props);
   const domRef = useDOMRef(ref);
   const { menuProps } = useMenu(props, state, domRef);
@@ -20,7 +20,7 @@ function MenuInnerRender(props, ref) {
       case "header":
         return /* @__PURE__ */ jsx(MenuHeader, { item }, item.key);
       case "divider":
-        return /* @__PURE__ */ jsx(Divider, { className: s.divider }, item.key);
+        return /* @__PURE__ */ jsx(Divider, {}, item.key);
       case "item":
         return /* @__PURE__ */ jsx(MenuItem, { item, state }, item.key);
       case "section":
@@ -33,6 +33,7 @@ function MenuInnerRender(props, ref) {
     "ul",
     {
       ...menuProps,
+      "data-padded": true,
       className: clsx(s.base, list),
       ...multiple && { "aria-multiselectable": true },
       ref: domRef,
@@ -40,7 +41,7 @@ function MenuInnerRender(props, ref) {
     }
   );
 }
-const MenuInner = forwardRef(MenuInnerRender);
+const MenuList = forwardRef(MenuListRender);
 export {
-  MenuInner
+  MenuList
 };

package/dist/components/Menu/components/MenuList/MenuList.module.css.js

@@ -0,0 +1,8 @@
+const base = "kbq-menulist-0e5f46";
+const s = {
+  base
+};
+export {
+  base,
+  s as default
+};

package/dist/components/Menu/components/MenuList/index.d.ts

@@ -0,0 +1 @@
+export * from './MenuList';

package/dist/components/Menu/components/MenuSection/MenuSection.js

@@ -1,9 +1,10 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useMenuSection } from "@koobiq/react-primitives";
-import s from "./MenuSection.module.css.js";
+import { utilClasses } from "../../../../styles/utility.js";
 import { MenuItem } from "../MenuItem/MenuItem.js";
 import { Typography } from "../../../Typography/Typography.js";
+const { listHeading } = utilClasses;
 function MenuSection({ section, state }) {
   const { itemProps, headingProps, groupProps } = useMenuSection({
     heading: section.rendered,
@@ -17,12 +18,12 @@ function MenuSection({ section, state }) {
         display: "block",
         variant: "caps-compact-strong",
         color: "contrast-secondary",
-        className: s.heading,
+        className: listHeading,
         ...headingProps,
         children: section.rendered
       }
     ),
-    /* @__PURE__ */ jsx("ul", { ...groupProps, className: s.base, children: [...section.childNodes].map((node) => /* @__PURE__ */ jsx(MenuItem, { item: node, state }, node.key)) })
+    /* @__PURE__ */ jsx("ul", { ...groupProps, children: [...section.childNodes].map((node) => /* @__PURE__ */ jsx(MenuItem, { item: node, state }, node.key)) })
   ] });
 }
 export {

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

@@ -1 +1 @@
-export * from './MenuInner';
+export * from './MenuList';

package/dist/components/Modal/Modal.js

@@ -11,7 +11,7 @@ import { Dialog } from "../Dialog/Dialog.js";
 const ModalComponent = forwardRef((props, ref) => {
   const {
     size = "medium",
-    hideCloseButton = false,
+    hideCloseButton,
     control,
     children,
     slotProps,

package/dist/components/Modal/types.d.ts

@@ -32,7 +32,7 @@ export type ModalProps = {
     control?: ModalPropControl;
     /**
      * If `true`, the close button isn't shown.
-     * @default false
+     * @default
      */
     hideCloseButton?: boolean;
     /** Handler that is called when the modal's open state changes. */
@@ -44,17 +44,14 @@ export type ModalProps = {
     portalContainer?: Element;
     /**
      * If `true`, the modal window won't close when clicked outside of it.
-     * @default false
      */
     disableExitOnClickOutside?: boolean;
     /**
      * If `true`, the modal window won't close when the ESC key is pressed.
-     * @default false
      */
     disableExitOnEscapeKeyDown?: boolean;
     /**
      * If `true`, the underlay (backdrop) under the modal window isn't shown.
-     * @default false
      */
     hideBackdrop?: boolean;
     /** Additional CSS-classes. */
@@ -63,7 +60,6 @@ export type ModalProps = {
     'data-testid'?: string | number;
     /**
      * If `true`, the focus trap in modal window is disabled.
-     * @default false
      */
     disableFocusManagement?: boolean;
     /**

package/dist/components/Popover/PopoverInner.js

@@ -11,12 +11,12 @@ const PopoverInner = (props) => {
     offset = 0,
     size = "medium",
     crossOffset = 0,
-    hideArrow = false,
     containerPadding = 12,
     arrowBoundaryOffset = 20,
     placement: placementProp = "top",
     maxBlockSize = 480,
     type = "dialog",
+    hideArrow,
     state,
     control,
     children,
@@ -117,7 +117,7 @@ const PopoverInner = (props) => {
             {
               ref: domRef,
               "data-size": size,
-              "data-arrow": showArrow,
+              "data-arrow": showArrow || void 0,
               "data-placement": placement,
               "data-transition": transition,
               className: clsx(s.base, s[size], className),

package/dist/components/Popover/types.d.ts

@@ -38,7 +38,6 @@ export type PopoverProps = {
     size?: PopoverPropSize;
     /**
      * If `true`, the close button isn't shown.
-     * @default false
      */
     hideCloseButton?: boolean;
     /** Handler that is called when the modal's open state changes. */
@@ -50,7 +49,6 @@ export type PopoverProps = {
     portalContainer?: Element;
     /**
      * If `true`, the modal window won't close when the ESC key is pressed.
-     * @default false
      */
     disableExitOnEscapeKeyDown?: boolean;
     /** Additional CSS-classes. */
@@ -61,7 +59,6 @@ export type PopoverProps = {
     'data-testid'?: string | number;
     /**
      * If `true`, the focus trap in modal window is disabled.
-     * @default false
      */
     disableFocusManagement?: boolean;
     /**
@@ -73,7 +70,6 @@ export type PopoverProps = {
     anchorRef?: RefObject<HTMLElement | null>;
     /**
      * If `true`, the arrow isn't shown.
-     * @default false
      */
     hideArrow?: boolean;
     /**