colibri-ui 0.8.91 → 0.8.93

package/Datepicker/components/DatePicker/index.js

@@ -39,6 +39,7 @@ const DatePicker = _a => {
   var _b;
   var {
       className,
+      disabled = false,
       endPlaceholder,
       hasError,
       hint,
@@ -55,7 +56,7 @@ const DatePicker = _a => {
       onChangeDate,
       onChangeRange
     } = _a,
-    calendarProps = tslib.__rest(_a, ["className", "endPlaceholder", "hasError", "hint", "label", "placeholder", "required", "selectedDate", "selectedRange", "selectionMode", "size", "defaultVisibleMonth", "monthsToShow", "startPlaceholder", "onChangeDate", "onChangeRange"]);
+    calendarProps = tslib.__rest(_a, ["className", "disabled", "endPlaceholder", "hasError", "hint", "label", "placeholder", "required", "selectedDate", "selectedRange", "selectionMode", "size", "defaultVisibleMonth", "monthsToShow", "startPlaceholder", "onChangeDate", "onChangeRange"]);
   const [date, setDate] = React.useState(selectedDate);
   const [range, setRange] = React.useState(selectedRange);
   const [isOpen, setIsOpen] = React.useState(false);
@@ -64,6 +65,7 @@ const DatePicker = _a => {
   const calendarSize = calendarSizeByDatepickerSize[size];
   const visibleMonth = (_b = calendarValue !== null && calendarValue !== void 0 ? calendarValue : calendarRangeValue[0]) !== null && _b !== void 0 ? _b : new Date();
   const isRangeMode = selectionMode === "range";
+  const isCalendarOpen = isOpen && !disabled;
   React.useEffect(() => {
     setDate(selectedDate);
   }, [selectedDate]);
@@ -73,12 +75,14 @@ const DatePicker = _a => {
     setRange([selectedRangeStart, selectedRangeEnd]);
   }, [isRangeMode, selectedRangeStart, selectedRangeEnd]);
   const handleDateChange = nextDate => {
+    if (disabled) return;
     const nextValue = index.toISODate(nextDate);
     setDate(nextValue);
     setIsOpen(false);
     onChangeDate === null || onChangeDate === void 0 ? void 0 : onChangeDate(nextValue);
   };
   const handleRangeChange = nextRange => {
+    if (disabled) return;
     const nextValue = [nextRange[0] ? index.toISODate(nextRange[0]) : "", nextRange[1] ? index.toISODate(nextRange[1]) : ""];
     setRange(nextValue);
     if (nextValue[0] && nextValue[1]) setIsOpen(false);
@@ -110,14 +114,15 @@ const DatePicker = _a => {
     className: styles__default.default["range-input"]
   }, /*#__PURE__*/React__default.default.createElement(index$1.InputRoot, {
     className: styles__default.default["range-control-start"],
-    disabled: false,
+    disabled: disabled,
     hasError: hasError,
     size: size
   }, /*#__PURE__*/React__default.default.createElement(index$2.BaseInput, {
-    "aria-expanded": isOpen,
+    "aria-expanded": isCalendarOpen,
     "aria-haspopup": "true",
     "aria-invalid": hasError,
     autoComplete: "off",
+    disabled: disabled,
     maxLength: 10,
     placeholder: startPlaceholder !== null && startPlaceholder !== void 0 ? startPlaceholder : placeholder,
     readOnly: true,
@@ -125,15 +130,16 @@ const DatePicker = _a => {
     value: index.toDMYDate(range[0])
   })), /*#__PURE__*/React__default.default.createElement(index$1.InputRoot, {
     className: styles__default.default["range-control-end"],
-    disabled: false,
+    disabled: disabled,
     endIcon: /*#__PURE__*/React__default.default.createElement(CalendarIcon, null),
     hasError: hasError,
     size: size
   }, /*#__PURE__*/React__default.default.createElement(index$2.BaseInput, {
-    "aria-expanded": isOpen,
+    "aria-expanded": isCalendarOpen,
     "aria-haspopup": "true",
     "aria-invalid": hasError,
     autoComplete: "off",
+    disabled: disabled,
     maxLength: 10,
     placeholder: endPlaceholder !== null && endPlaceholder !== void 0 ? endPlaceholder : placeholder,
     readOnly: true,
@@ -146,7 +152,8 @@ const DatePicker = _a => {
     hint: hint,
     hasError: hasError
   }, /*#__PURE__*/React__default.default.createElement(index$4.Dropdown, {
-    visible: isOpen,
+    disabled: disabled,
+    visible: isCalendarOpen,
     onVisibleChange: setIsOpen,
     placement: "bottom",
     preventAutoClose: true,
@@ -155,13 +162,16 @@ const DatePicker = _a => {
       className: styles__default.default["calendar-popup"]
     }, renderCalendar())
   }, /*#__PURE__*/React__default.default.createElement("div", {
-    className: styles__default.default.trigger
+    "aria-disabled": disabled || undefined,
+    className: styles__default.default.trigger,
+    tabIndex: disabled ? -1 : 0
   }, isRangeMode ? renderRangeInput() : (/*#__PURE__*/React__default.default.createElement(index$5.Input, {
     className: styles__default.default.input,
-    "aria-expanded": isOpen,
+    "aria-expanded": isCalendarOpen,
     "aria-haspopup": "true",
     "aria-invalid": hasError,
     autoComplete: "off",
+    disabled: disabled,
     endIcon: /*#__PURE__*/React__default.default.createElement(CalendarIcon, null),
     hasError: hasError,
     maxLength: 10,

package/Datepicker/components/DatePicker/index.props.d.ts

@@ -1,6 +1,7 @@
 import type { DatepickerSize, DatepickerCalendarProps, Props as DatepickerProps } from "../../index.props";
 export type DatePickerProps = DatepickerCalendarProps & {
     className?: string;
+    disabled?: boolean;
     endPlaceholder?: string;
     hasError?: boolean;
     hint?: DatepickerProps["hint"];

package/Datepicker/index.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import type { Props } from "./index.props";
-export declare const Datepicker: ({ className, endPlaceholder, hasError, hint, label, placeholder, required, selectedDate, selectedRange, selectionMode, size, startPlaceholder, onChangeDate, onChangeRange, ...calendarProps }: Props) => React.JSX.Element;
+export declare const Datepicker: ({ className, disabled, endPlaceholder, hasError, hint, label, placeholder, required, selectedDate, selectedRange, selectionMode, size, startPlaceholder, onChangeDate, onChangeRange, ...calendarProps }: Props) => React.JSX.Element;

package/Datepicker/index.js

@@ -15,6 +15,7 @@ var styles__default = /*#__PURE__*/_interopDefault(styles);
 const Datepicker = _a => {
   var {
       className,
+      disabled,
       endPlaceholder,
       hasError,
       hint,
@@ -29,10 +30,11 @@ const Datepicker = _a => {
       onChangeDate,
       onChangeRange
     } = _a,
-    calendarProps = tslib.__rest(_a, ["className", "endPlaceholder", "hasError", "hint", "label", "placeholder", "required", "selectedDate", "selectedRange", "selectionMode", "size", "startPlaceholder", "onChangeDate", "onChangeRange"]);
+    calendarProps = tslib.__rest(_a, ["className", "disabled", "endPlaceholder", "hasError", "hint", "label", "placeholder", "required", "selectedDate", "selectedRange", "selectionMode", "size", "startPlaceholder", "onChangeDate", "onChangeRange"]);
   return /*#__PURE__*/React__default.default.createElement("div", {
     className: clsx__default.default(styles__default.default.root, className)
   }, /*#__PURE__*/React__default.default.createElement(index.DatePicker, Object.assign({}, calendarProps, {
+    disabled: disabled,
     endPlaceholder: endPlaceholder,
     hasError: hasError,
     hint: hint,

package/Datepicker/index.props.d.ts

@@ -6,6 +6,7 @@ export type DatepickerRangeValue = [string, string];
 export type DatepickerCalendarProps = Omit<CalendarCommonProps, "className" | "size">;
 export type Props = DatepickerCalendarProps & {
     className?: string;
+    disabled?: boolean;
     endPlaceholder?: string;
     hasError?: boolean;
     hint?: ReactNode;

package/Image/index.props.d.ts

@@ -1,5 +1,5 @@
 import type React from "react";
-export interface BaseImageContainerProps {
+interface BaseImageContainerProps {
     fallbackSrc?: string;
     ariaLabel?: string;
     sources?: React.SourceHTMLAttributes<HTMLSourceElement>[];
@@ -8,3 +8,4 @@ export interface BaseImageContainerProps {
 export interface ImageProps extends BaseImageContainerProps, React.ImgHTMLAttributes<HTMLImageElement> {
     ref?: React.Ref<HTMLImageElement>;
 }
+export {};

package/MultiSelect/components/MenuOverlay/index.props.d.ts

@@ -1,12 +1,12 @@
 import type { ReactNode } from "react";
 import type { GroupProps } from "../../index.props";
-export interface IOption {
+interface IOption {
     selected: boolean;
     value: string;
     label: ReactNode;
     disabled?: boolean;
 }
-export type MenuOverlayGroup = Omit<GroupProps, "options" | "value"> & {
+type MenuOverlayGroup = Omit<GroupProps, "options" | "value"> & {
     options: IOption[];
     value: string;
 };
@@ -14,3 +14,4 @@ export type MenuOverlayProps = {
     groups: MenuOverlayGroup[];
     onChange: (key: string) => void;
 };
+export {};

package/MultiSelect/index.js

@@ -39,9 +39,14 @@ const MultiSelect = ({
   name,
   value = [],
   type,
-  onChange
+  onChange,
+  "aria-label": ariaLabel
 }) => {
   const [isOpen, setIsOpen] = React.useState(false);
+  const id = React.useId();
+  const labelId = label ? `${id}-label` : undefined;
+  const valueId = `${id}-value`;
+  const hintId = hint ? `${id}-hint` : undefined;
   const internalSelectedKeys = React.useMemo(() => value.map(index.toKey), [value]);
   const preparedGroups = React.useMemo(() => groups.map(group => Object.assign(Object.assign({}, group), {
     options: group.options.map(option => Object.assign(Object.assign({}, option), {
@@ -80,7 +85,9 @@ const MultiSelect = ({
     }, className),
     required: required,
     label: label,
+    labelId: labelId,
     hint: hint,
+    hintId: hintId,
     hasError: hasError
   }, /*#__PURE__*/React__default.default.createElement(index$2.Dropdown, {
     placement: "bottom-start",
@@ -96,7 +103,11 @@ const MultiSelect = ({
     }),
     samewidth: true
   }, /*#__PURE__*/React__default.default.createElement("div", {
-    tabIndex: 0,
+    "aria-describedby": hintId,
+    "aria-disabled": disabled || undefined,
+    "aria-label": labelId ? undefined : ariaLabel,
+    "aria-labelledby": labelId ? `${labelId} ${valueId}` : undefined,
+    tabIndex: disabled ? -1 : 0,
     role: "button",
     style: {
       width: fullWidth ? "100%" : "fit-content"
@@ -118,6 +129,7 @@ const MultiSelect = ({
     }),
     disabled: Boolean(disabled)
   }, /*#__PURE__*/React__default.default.createElement("div", {
+    id: valueId,
     className: clsx__default.default(styles__default.default["base-input"], styles__default.default[type === "chip" ? "base-input-flex" : "base-input-text"])
   }, preparedLabel.length ? type === "chip" ?
   // eslint-disable-next-line @typescript-eslint/no-shadow

package/MultiSelect/index.props.d.ts

@@ -20,7 +20,9 @@ export type SelectedItem = {
     group: string;
     option: string;
 };
-export interface MultiSelectProps extends Omit<FormFieldProps, "children"> {
+export interface MultiSelectProps extends Omit<FormFieldProps, "children" | "labelId"> {
+    /** Accessible name of the trigger when no visible `label` is passed. */
+    "aria-label"?: string;
     groups: GroupProps[];
     className?: string;
     zIndex?: number;

package/README.md

@@ -196,6 +196,57 @@ const css = `@media ${media.down("sm")} { … }`;
 
 Returns `false` on the server and during hydration. Use it to decide whether to mount a heavy component; to show/hide markup use CSS media queries, otherwise the wrong variant renders until hydration.
 
+## Development Commands
+
+Run these commands from the repository root after installing dependencies with `yarn install`.
+
+### Checks and Fixes
+
+| Command                | Purpose                                                                                                                |
+| ---------------------- | ---------------------------------------------------------------------------------------------------------------------- |
+| `yarn lint`            | Run both ESLint and Stylelint.                                                                                         |
+| `yarn lint:ts`         | Check JavaScript and TypeScript with ESLint.                                                                           |
+| `yarn lint:ts:fix`     | Apply automatic ESLint fixes.                                                                                          |
+| `yarn lint:css`        | Check SCSS with Stylelint.                                                                                             |
+| `yarn lint:css:fix`    | Apply automatic Stylelint fixes.                                                                                       |
+| `yarn lint:deps`       | Check component dependency boundaries.                                                                                 |
+| `yarn test`            | Run Jest tests and collect coverage in `.coverage/`.                                                                   |
+| `yarn test:coverage`   | Explicitly enable coverage; currently equivalent to `yarn test` because coverage is enabled in the Jest configuration. |
+| `yarn audit:dead-code` | Check for unused files, exports and dependencies with Knip.                                                            |
+
+`./verify.sh` runs lint, dependency boundary checks, tests and the dead code audit in sequence, stopping at the first failure.
+
+### Storybook
+
+| Command                | Purpose                                                 |
+| ---------------------- | ------------------------------------------------------- |
+| `yarn storybook`       | Start the Storybook development server on port 6006.    |
+| `yarn build-storybook` | Build the static Storybook site in `storybook-static/`. |
+
+### Package Build
+
+| Command                    | Purpose                                                                                                               |
+| -------------------------- | --------------------------------------------------------------------------------------------------------------------- |
+| `yarn build`               | Clean `dist/`, build CommonJS and ESM output with Rollup, run all build stages below and check the resulting exports. |
+| `yarn clean`               | Delete `dist/`.                                                                                                       |
+| `yarn build:sass`          | Compile SCSS to CSS and apply Autoprefixer for both package formats.                                                  |
+| `yarn build:updateImports` | Replace SCSS import paths with CSS paths in the built JavaScript.                                                     |
+| `yarn build:variables`     | Generate CSS variables files for Buenos Aires and Jaipur.                                                             |
+| `yarn build:postbuild`     | Copy package metadata and README, and generate component package manifests.                                           |
+| `yarn build:check`         | Check that built CommonJS and ESM entry points provide the runtime exports declared in their types.                   |
+
+Use `yarn build` for a complete build. Individual build stages operate on existing output and are mainly useful when diagnosing the build pipeline.
+
+### Audits
+
+| Command              | Purpose                                                                                                          |
+| -------------------- | ---------------------------------------------------------------------------------------------------------------- |
+| `yarn run audit`     | Check production and development dependencies for known vulnerabilities using Yarn's audit command.              |
+| `yarn audit:snyk`    | Check dependencies with Snyk; requires Snyk authentication.                                                      |
+| `yarn audit:package` | Check the built package with Publint and Are the Types Wrong using the `node16` profile. Run after `yarn build`. |
+
+Dependency security audits require network access. To check for available dependency updates, run `yarn outdated` directly.
+
 ## License
 
 MIT

package/Select/components/MenuOverlay/index.props.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-export interface MenuOverlayOption<T extends string> {
+interface MenuOverlayOption<T extends string> {
     value: T;
     label: ReactNode;
     selected: boolean;
@@ -9,3 +9,4 @@ export interface MenuOverlayProps<T extends string> {
     options: MenuOverlayOption<T>[];
     onChange: (value: T) => void;
 }
+export {};

package/Select/index.d.ts

@@ -1,3 +1,3 @@
 import type { JSX } from "react";
 import type { SelectProps } from "./index.props";
-export declare const Select: <T extends string>({ options, value, name, zIndex, fontSize, label, hint, hasError, required, placeholder, disabled, size, fullWidth, customInputRoot, className, onChange, }: SelectProps<T>) => JSX.Element;
+export declare const Select: <T extends string>({ options, value, name, zIndex, fontSize, label, hint, hasError, required, placeholder, disabled, size, fullWidth, customInputRoot, className, onChange, "aria-label": ariaLabel, }: SelectProps<T>) => JSX.Element;

package/Select/index.js

@@ -31,9 +31,14 @@ const Select = ({
   fullWidth = false,
   customInputRoot,
   className,
-  onChange
+  onChange,
+  "aria-label": ariaLabel
 }) => {
   const [isOpen, setIsOpen] = React.useState(false);
+  const id = React.useId();
+  const labelId = label ? `${id}-label` : undefined;
+  const valueId = `${id}-value`;
+  const hintId = hint ? `${id}-hint` : undefined;
   const preparedOptions = React.useMemo(() => options.map(({
     value: lvalue,
     label: llabel,
@@ -56,7 +61,9 @@ const Select = ({
     }, className),
     required: required,
     label: label,
+    labelId: labelId,
     hint: hint,
+    hintId: hintId,
     hasError: hasError
   }, /*#__PURE__*/React__default.default.createElement(index$1.Dropdown, {
     placement: "bottom-start",
@@ -72,7 +79,11 @@ const Select = ({
     }),
     samewidth: true
   }, customInputRoot ? customInputRoot : (/*#__PURE__*/React__default.default.createElement("div", {
-    tabIndex: 0,
+    "aria-describedby": hintId,
+    "aria-disabled": disabled || undefined,
+    "aria-label": labelId ? undefined : ariaLabel,
+    "aria-labelledby": labelId ? `${labelId} ${valueId}` : undefined,
+    tabIndex: disabled ? -1 : 0,
     role: "button",
     style: {
       width: fullWidth ? "100%" : "fit-content"
@@ -92,6 +103,7 @@ const Select = ({
     }),
     disabled: Boolean(disabled)
   }, /*#__PURE__*/React__default.default.createElement("div", {
+    id: valueId,
     className: styles__default.default["base-input"],
     "data-testid": "base-input"
   }, preparedLabel !== null && preparedLabel !== void 0 ? preparedLabel : (/*#__PURE__*/React__default.default.createElement("span", {

package/Select/index.props.d.ts

@@ -10,7 +10,9 @@ export interface IOption<T extends string> {
     label: ReactNode;
     value: T;
 }
-export interface SelectProps<T extends string> extends Omit<FormFieldProps, "children"> {
+export interface SelectProps<T extends string> extends Omit<FormFieldProps, "children" | "labelId"> {
+    /** Accessible name of the trigger when no visible `label` is passed. */
+    "aria-label"?: string;
     className?: string;
     customInputRoot?: ReactNode;
     disabled?: boolean;

package/TimeSelect/helpers.d.ts

@@ -2,11 +2,6 @@ export type Timestamp = {
     time: string;
     disabled?: boolean;
 };
-export declare const DEFAULT_TIME: {
-    index: number;
-    time: string;
-};
-export declare const formatTime: (date: Date) => string;
 export declare const generateSuggest: (interval?: number) => Timestamp[];
 export declare const checkIsBeforeNow: (time: string, currentDate?: Date | null) => boolean;
 export declare const checkIsBeforeSelectedDate: (time: string, interval: number, date?: Date | null) => boolean;

package/TimeSelect/helpers.js

@@ -4,10 +4,6 @@ var dateFns = require('date-fns');
 
 const day = new Date();
 day.setHours(24, 0, 0, 0);
-const DEFAULT_TIME = {
-  index: 24,
-  time: "12:00"
-};
 const formatTime = date => dateFns.format(date, "HH:mm");
 const generateSuggest = (interval = 15) => new Array(24 * 60 / interval).fill(null).map((_, index) => {
   const date = dateFns.addMinutes(day, index * interval);
@@ -43,9 +39,7 @@ const isTimeInRange = (timeString, range) => {
   return totalMinutes >= startTotalMinutes && totalMinutes <= endTotalMinutes;
 };
 
-exports.DEFAULT_TIME = DEFAULT_TIME;
 exports.checkIsBeforeNow = checkIsBeforeNow;
 exports.checkIsBeforeSelectedDate = checkIsBeforeSelectedDate;
-exports.formatTime = formatTime;
 exports.generateSuggest = generateSuggest;
 exports.isTimeInRange = isTimeInRange;

package/TimeSelect/index.js

@@ -28,7 +28,8 @@ const TimeSelect = ({
   size,
   zIndex,
   hasError,
-  hint
+  hint,
+  "aria-label": ariaLabel
 }) => {
   const baseOptions = React.useMemo(() => helpers.generateSuggest(interval).map(item => ({
     value: item.time,
@@ -43,6 +44,7 @@ const TimeSelect = ({
     });
   }), [baseOptions, currentDate, selectedDate, allowedTimeRange, interval]);
   return /*#__PURE__*/React__default.default.createElement(index$1.Select, {
+    "aria-label": ariaLabel,
     className: className,
     customInputRoot: customInputRoot,
     fontSize: fontSize,

package/base/FormField/index.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import type { FormFieldProps } from "./index.props";
-export declare const FormField: ({ label, hint, children, hasError, hintId, htmlFor, required, className, ref, }: FormFieldProps) => React.JSX.Element;
+export declare const FormField: ({ label, hint, children, hasError, hintId, htmlFor, labelId, required, className, ref, }: FormFieldProps) => React.JSX.Element;

package/base/FormField/index.js

@@ -18,6 +18,7 @@ const FormField = ({
   hasError,
   hintId,
   htmlFor,
+  labelId,
   required,
   className,
   ref
@@ -29,7 +30,8 @@ const FormField = ({
     [styles__default.default.label_required]: Boolean(required)
   }),
   tag: "label",
-  htmlFor: htmlFor
+  htmlFor: htmlFor,
+  id: labelId
 }, label)), children, hint && (/*#__PURE__*/React__default.default.createElement(index.Typography, {
   id: hintId,
   className: clsx__default.default({

package/base/FormField/index.props.d.ts

@@ -9,6 +9,8 @@ export type FormFieldProps = PropsWithChildren<{
     /** Id of the control the label belongs to. */
     htmlFor?: string;
     label?: ReactNode;
+    /** Id of the label, referenced by the control's `aria-labelledby`. */
+    labelId?: string;
     ref?: React.Ref<HTMLDivElement>;
     required?: boolean;
 }>;

package/esm/Datepicker/components/DatePicker/index.js

@@ -31,6 +31,7 @@ const DatePicker = _a => {
   var _b;
   var {
       className,
+      disabled = false,
       endPlaceholder,
       hasError,
       hint,
@@ -47,7 +48,7 @@ const DatePicker = _a => {
       onChangeDate,
       onChangeRange
     } = _a,
-    calendarProps = __rest(_a, ["className", "endPlaceholder", "hasError", "hint", "label", "placeholder", "required", "selectedDate", "selectedRange", "selectionMode", "size", "defaultVisibleMonth", "monthsToShow", "startPlaceholder", "onChangeDate", "onChangeRange"]);
+    calendarProps = __rest(_a, ["className", "disabled", "endPlaceholder", "hasError", "hint", "label", "placeholder", "required", "selectedDate", "selectedRange", "selectionMode", "size", "defaultVisibleMonth", "monthsToShow", "startPlaceholder", "onChangeDate", "onChangeRange"]);
   const [date, setDate] = useState(selectedDate);
   const [range, setRange] = useState(selectedRange);
   const [isOpen, setIsOpen] = useState(false);
@@ -56,6 +57,7 @@ const DatePicker = _a => {
   const calendarSize = calendarSizeByDatepickerSize[size];
   const visibleMonth = (_b = calendarValue !== null && calendarValue !== void 0 ? calendarValue : calendarRangeValue[0]) !== null && _b !== void 0 ? _b : new Date();
   const isRangeMode = selectionMode === "range";
+  const isCalendarOpen = isOpen && !disabled;
   useEffect(() => {
     setDate(selectedDate);
   }, [selectedDate]);
@@ -65,12 +67,14 @@ const DatePicker = _a => {
     setRange([selectedRangeStart, selectedRangeEnd]);
   }, [isRangeMode, selectedRangeStart, selectedRangeEnd]);
   const handleDateChange = nextDate => {
+    if (disabled) return;
     const nextValue = toISODate(nextDate);
     setDate(nextValue);
     setIsOpen(false);
     onChangeDate === null || onChangeDate === void 0 ? void 0 : onChangeDate(nextValue);
   };
   const handleRangeChange = nextRange => {
+    if (disabled) return;
     const nextValue = [nextRange[0] ? toISODate(nextRange[0]) : "", nextRange[1] ? toISODate(nextRange[1]) : ""];
     setRange(nextValue);
     if (nextValue[0] && nextValue[1]) setIsOpen(false);
@@ -102,14 +106,15 @@ const DatePicker = _a => {
     className: styles["range-input"]
   }, /*#__PURE__*/React.createElement(InputRoot, {
     className: styles["range-control-start"],
-    disabled: false,
+    disabled: disabled,
     hasError: hasError,
     size: size
   }, /*#__PURE__*/React.createElement(BaseInput, {
-    "aria-expanded": isOpen,
+    "aria-expanded": isCalendarOpen,
     "aria-haspopup": "true",
     "aria-invalid": hasError,
     autoComplete: "off",
+    disabled: disabled,
     maxLength: 10,
     placeholder: startPlaceholder !== null && startPlaceholder !== void 0 ? startPlaceholder : placeholder,
     readOnly: true,
@@ -117,15 +122,16 @@ const DatePicker = _a => {
     value: toDMYDate(range[0])
   })), /*#__PURE__*/React.createElement(InputRoot, {
     className: styles["range-control-end"],
-    disabled: false,
+    disabled: disabled,
     endIcon: /*#__PURE__*/React.createElement(CalendarIcon, null),
     hasError: hasError,
     size: size
   }, /*#__PURE__*/React.createElement(BaseInput, {
-    "aria-expanded": isOpen,
+    "aria-expanded": isCalendarOpen,
     "aria-haspopup": "true",
     "aria-invalid": hasError,
     autoComplete: "off",
+    disabled: disabled,
     maxLength: 10,
     placeholder: endPlaceholder !== null && endPlaceholder !== void 0 ? endPlaceholder : placeholder,
     readOnly: true,
@@ -138,7 +144,8 @@ const DatePicker = _a => {
     hint: hint,
     hasError: hasError
   }, /*#__PURE__*/React.createElement(Dropdown, {
-    visible: isOpen,
+    disabled: disabled,
+    visible: isCalendarOpen,
     onVisibleChange: setIsOpen,
     placement: "bottom",
     preventAutoClose: true,
@@ -147,13 +154,16 @@ const DatePicker = _a => {
       className: styles["calendar-popup"]
     }, renderCalendar())
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles.trigger
+    "aria-disabled": disabled || undefined,
+    className: styles.trigger,
+    tabIndex: disabled ? -1 : 0
   }, isRangeMode ? renderRangeInput() : (/*#__PURE__*/React.createElement(Input, {
     className: styles.input,
-    "aria-expanded": isOpen,
+    "aria-expanded": isCalendarOpen,
     "aria-haspopup": "true",
     "aria-invalid": hasError,
     autoComplete: "off",
+    disabled: disabled,
     endIcon: /*#__PURE__*/React.createElement(CalendarIcon, null),
     hasError: hasError,
     maxLength: 10,

package/esm/Datepicker/components/DatePicker/index.props.d.ts

@@ -1,6 +1,7 @@
 import type { DatepickerSize, DatepickerCalendarProps, Props as DatepickerProps } from "../../index.props";
 export type DatePickerProps = DatepickerCalendarProps & {
     className?: string;
+    disabled?: boolean;
     endPlaceholder?: string;
     hasError?: boolean;
     hint?: DatepickerProps["hint"];

package/esm/Datepicker/index.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import type { Props } from "./index.props";
-export declare const Datepicker: ({ className, endPlaceholder, hasError, hint, label, placeholder, required, selectedDate, selectedRange, selectionMode, size, startPlaceholder, onChangeDate, onChangeRange, ...calendarProps }: Props) => React.JSX.Element;
+export declare const Datepicker: ({ className, disabled, endPlaceholder, hasError, hint, label, placeholder, required, selectedDate, selectedRange, selectionMode, size, startPlaceholder, onChangeDate, onChangeRange, ...calendarProps }: Props) => React.JSX.Element;

package/esm/Datepicker/index.js

@@ -7,6 +7,7 @@ import { DatePicker } from './components/DatePicker/index.js';
 const Datepicker = _a => {
   var {
       className,
+      disabled,
       endPlaceholder,
       hasError,
       hint,
@@ -21,10 +22,11 @@ const Datepicker = _a => {
       onChangeDate,
       onChangeRange
     } = _a,
-    calendarProps = __rest(_a, ["className", "endPlaceholder", "hasError", "hint", "label", "placeholder", "required", "selectedDate", "selectedRange", "selectionMode", "size", "startPlaceholder", "onChangeDate", "onChangeRange"]);
+    calendarProps = __rest(_a, ["className", "disabled", "endPlaceholder", "hasError", "hint", "label", "placeholder", "required", "selectedDate", "selectedRange", "selectionMode", "size", "startPlaceholder", "onChangeDate", "onChangeRange"]);
   return /*#__PURE__*/React.createElement("div", {
     className: clsx(styles.root, className)
   }, /*#__PURE__*/React.createElement(DatePicker, Object.assign({}, calendarProps, {
+    disabled: disabled,
     endPlaceholder: endPlaceholder,
     hasError: hasError,
     hint: hint,

package/esm/Datepicker/index.props.d.ts

@@ -6,6 +6,7 @@ export type DatepickerRangeValue = [string, string];
 export type DatepickerCalendarProps = Omit<CalendarCommonProps, "className" | "size">;
 export type Props = DatepickerCalendarProps & {
     className?: string;
+    disabled?: boolean;
     endPlaceholder?: string;
     hasError?: boolean;
     hint?: ReactNode;

package/esm/Image/index.props.d.ts

@@ -1,5 +1,5 @@
 import type React from "react";
-export interface BaseImageContainerProps {
+interface BaseImageContainerProps {
     fallbackSrc?: string;
     ariaLabel?: string;
     sources?: React.SourceHTMLAttributes<HTMLSourceElement>[];
@@ -8,3 +8,4 @@ export interface BaseImageContainerProps {
 export interface ImageProps extends BaseImageContainerProps, React.ImgHTMLAttributes<HTMLImageElement> {
     ref?: React.Ref<HTMLImageElement>;
 }
+export {};

package/esm/MultiSelect/components/MenuOverlay/index.props.d.ts

@@ -1,12 +1,12 @@
 import type { ReactNode } from "react";
 import type { GroupProps } from "../../index.props";
-export interface IOption {
+interface IOption {
     selected: boolean;
     value: string;
     label: ReactNode;
     disabled?: boolean;
 }
-export type MenuOverlayGroup = Omit<GroupProps, "options" | "value"> & {
+type MenuOverlayGroup = Omit<GroupProps, "options" | "value"> & {
     options: IOption[];
     value: string;
 };
@@ -14,3 +14,4 @@ export type MenuOverlayProps = {
     groups: MenuOverlayGroup[];
     onChange: (key: string) => void;
 };
+export {};

package/esm/MultiSelect/index.js

@@ -1,4 +1,4 @@
-import React, { useState, useMemo, useCallback } from 'react';
+import React, { useState, useId, useMemo, useCallback } from 'react';
 import clsx from 'clsx';
 import { Dropdown } from '../Dropdown/index.js';
 import { InputRoot } from '../base/InputRoot/index.js';
@@ -31,9 +31,14 @@ const MultiSelect = ({
   name,
   value = [],
   type,
-  onChange
+  onChange,
+  "aria-label": ariaLabel
 }) => {
   const [isOpen, setIsOpen] = useState(false);
+  const id = useId();
+  const labelId = label ? `${id}-label` : undefined;
+  const valueId = `${id}-value`;
+  const hintId = hint ? `${id}-hint` : undefined;
   const internalSelectedKeys = useMemo(() => value.map(toKey), [value]);
   const preparedGroups = useMemo(() => groups.map(group => Object.assign(Object.assign({}, group), {
     options: group.options.map(option => Object.assign(Object.assign({}, option), {
@@ -72,7 +77,9 @@ const MultiSelect = ({
     }, className),
     required: required,
     label: label,
+    labelId: labelId,
     hint: hint,
+    hintId: hintId,
     hasError: hasError
   }, /*#__PURE__*/React.createElement(Dropdown, {
     placement: "bottom-start",
@@ -88,7 +95,11 @@ const MultiSelect = ({
     }),
     samewidth: true
   }, /*#__PURE__*/React.createElement("div", {
-    tabIndex: 0,
+    "aria-describedby": hintId,
+    "aria-disabled": disabled || undefined,
+    "aria-label": labelId ? undefined : ariaLabel,
+    "aria-labelledby": labelId ? `${labelId} ${valueId}` : undefined,
+    tabIndex: disabled ? -1 : 0,
     role: "button",
     style: {
       width: fullWidth ? "100%" : "fit-content"
@@ -110,6 +121,7 @@ const MultiSelect = ({
     }),
     disabled: Boolean(disabled)
   }, /*#__PURE__*/React.createElement("div", {
+    id: valueId,
     className: clsx(styles["base-input"], styles[type === "chip" ? "base-input-flex" : "base-input-text"])
   }, preparedLabel.length ? type === "chip" ?
   // eslint-disable-next-line @typescript-eslint/no-shadow

package/esm/MultiSelect/index.props.d.ts

@@ -20,7 +20,9 @@ export type SelectedItem = {
     group: string;
     option: string;
 };
-export interface MultiSelectProps extends Omit<FormFieldProps, "children"> {
+export interface MultiSelectProps extends Omit<FormFieldProps, "children" | "labelId"> {
+    /** Accessible name of the trigger when no visible `label` is passed. */
+    "aria-label"?: string;
     groups: GroupProps[];
     className?: string;
     zIndex?: number;

package/esm/Select/components/MenuOverlay/index.props.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from "react";
-export interface MenuOverlayOption<T extends string> {
+interface MenuOverlayOption<T extends string> {
     value: T;
     label: ReactNode;
     selected: boolean;
@@ -9,3 +9,4 @@ export interface MenuOverlayProps<T extends string> {
     options: MenuOverlayOption<T>[];
     onChange: (value: T) => void;
 }
+export {};

package/esm/Select/index.d.ts

@@ -1,3 +1,3 @@
 import type { JSX } from "react";
 import type { SelectProps } from "./index.props";
-export declare const Select: <T extends string>({ options, value, name, zIndex, fontSize, label, hint, hasError, required, placeholder, disabled, size, fullWidth, customInputRoot, className, onChange, }: SelectProps<T>) => JSX.Element;
+export declare const Select: <T extends string>({ options, value, name, zIndex, fontSize, label, hint, hasError, required, placeholder, disabled, size, fullWidth, customInputRoot, className, onChange, "aria-label": ariaLabel, }: SelectProps<T>) => JSX.Element;

package/esm/Select/index.js

@@ -1,4 +1,4 @@
-import React, { useState, useMemo } from 'react';
+import React, { useState, useId, useMemo } from 'react';
 import clsx from 'clsx';
 import { Chevron } from '../Icons/Chevron.js';
 import { InputRoot } from '../base/InputRoot/index.js';
@@ -23,9 +23,14 @@ const Select = ({
   fullWidth = false,
   customInputRoot,
   className,
-  onChange
+  onChange,
+  "aria-label": ariaLabel
 }) => {
   const [isOpen, setIsOpen] = useState(false);
+  const id = useId();
+  const labelId = label ? `${id}-label` : undefined;
+  const valueId = `${id}-value`;
+  const hintId = hint ? `${id}-hint` : undefined;
   const preparedOptions = useMemo(() => options.map(({
     value: lvalue,
     label: llabel,
@@ -48,7 +53,9 @@ const Select = ({
     }, className),
     required: required,
     label: label,
+    labelId: labelId,
     hint: hint,
+    hintId: hintId,
     hasError: hasError
   }, /*#__PURE__*/React.createElement(Dropdown, {
     placement: "bottom-start",
@@ -64,7 +71,11 @@ const Select = ({
     }),
     samewidth: true
   }, customInputRoot ? customInputRoot : (/*#__PURE__*/React.createElement("div", {
-    tabIndex: 0,
+    "aria-describedby": hintId,
+    "aria-disabled": disabled || undefined,
+    "aria-label": labelId ? undefined : ariaLabel,
+    "aria-labelledby": labelId ? `${labelId} ${valueId}` : undefined,
+    tabIndex: disabled ? -1 : 0,
     role: "button",
     style: {
       width: fullWidth ? "100%" : "fit-content"
@@ -84,6 +95,7 @@ const Select = ({
     }),
     disabled: Boolean(disabled)
   }, /*#__PURE__*/React.createElement("div", {
+    id: valueId,
     className: styles["base-input"],
     "data-testid": "base-input"
   }, preparedLabel !== null && preparedLabel !== void 0 ? preparedLabel : (/*#__PURE__*/React.createElement("span", {

package/esm/Select/index.props.d.ts

@@ -10,7 +10,9 @@ export interface IOption<T extends string> {
     label: ReactNode;
     value: T;
 }
-export interface SelectProps<T extends string> extends Omit<FormFieldProps, "children"> {
+export interface SelectProps<T extends string> extends Omit<FormFieldProps, "children" | "labelId"> {
+    /** Accessible name of the trigger when no visible `label` is passed. */
+    "aria-label"?: string;
     className?: string;
     customInputRoot?: ReactNode;
     disabled?: boolean;

package/esm/TimeSelect/helpers.d.ts

@@ -2,11 +2,6 @@ export type Timestamp = {
     time: string;
     disabled?: boolean;
 };
-export declare const DEFAULT_TIME: {
-    index: number;
-    time: string;
-};
-export declare const formatTime: (date: Date) => string;
 export declare const generateSuggest: (interval?: number) => Timestamp[];
 export declare const checkIsBeforeNow: (time: string, currentDate?: Date | null) => boolean;
 export declare const checkIsBeforeSelectedDate: (time: string, interval: number, date?: Date | null) => boolean;

package/esm/TimeSelect/helpers.js

@@ -37,4 +37,4 @@ const isTimeInRange = (timeString, range) => {
   return totalMinutes >= startTotalMinutes && totalMinutes <= endTotalMinutes;
 };
 
-export { checkIsBeforeNow, checkIsBeforeSelectedDate, formatTime, generateSuggest, isTimeInRange };
+export { checkIsBeforeNow, checkIsBeforeSelectedDate, generateSuggest, isTimeInRange };

package/esm/TimeSelect/index.js

@@ -22,7 +22,8 @@ const TimeSelect = ({
   size,
   zIndex,
   hasError,
-  hint
+  hint,
+  "aria-label": ariaLabel
 }) => {
   const baseOptions = useMemo(() => generateSuggest(interval).map(item => ({
     value: item.time,
@@ -37,6 +38,7 @@ const TimeSelect = ({
     });
   }), [baseOptions, currentDate, selectedDate, allowedTimeRange, interval]);
   return /*#__PURE__*/React.createElement(Select, {
+    "aria-label": ariaLabel,
     className: className,
     customInputRoot: customInputRoot,
     fontSize: fontSize,

package/esm/base/FormField/index.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import type { FormFieldProps } from "./index.props";
-export declare const FormField: ({ label, hint, children, hasError, hintId, htmlFor, required, className, ref, }: FormFieldProps) => React.JSX.Element;
+export declare const FormField: ({ label, hint, children, hasError, hintId, htmlFor, labelId, required, className, ref, }: FormFieldProps) => React.JSX.Element;

package/esm/base/FormField/index.js

@@ -10,6 +10,7 @@ const FormField = ({
   hasError,
   hintId,
   htmlFor,
+  labelId,
   required,
   className,
   ref
@@ -21,7 +22,8 @@ const FormField = ({
     [styles.label_required]: Boolean(required)
   }),
   tag: "label",
-  htmlFor: htmlFor
+  htmlFor: htmlFor,
+  id: labelId
 }, label)), children, hint && (/*#__PURE__*/React.createElement(Typography, {
   id: hintId,
   className: clsx({

package/esm/base/FormField/index.props.d.ts

@@ -9,6 +9,8 @@ export type FormFieldProps = PropsWithChildren<{
     /** Id of the control the label belongs to. */
     htmlFor?: string;
     label?: ReactNode;
+    /** Id of the label, referenced by the control's `aria-labelledby`. */
+    labelId?: string;
     ref?: React.Ref<HTMLDivElement>;
     required?: boolean;
 }>;

package/esm/helpers/date/index.d.ts

@@ -1,12 +1,5 @@
 type DateFormat = string | Date;
 export declare const parse: (dateInput: DateFormat) => Date;
-export declare const getUpperMonthName: (date: DateFormat) => string;
-export declare const getShortWeekDayNameByIndex: (index: number) => string;
-export declare const shiftDate: (date: Date, days: number) => Date;
-export declare const isSameMonthAndYear: (date: Date, otherDate: Date) => boolean;
 export declare const toISODate: (date: Date) => string;
 export declare const toDMYDate: (dateISO: string) => string;
-export declare const getPeriodDates: (startDate: DateFormat, period?: number) => string;
-export declare const clearTime: (date: Date) => Date;
-export declare const getDaysDiff: (dateStart: Date, dateEnd: Date) => number;
 export {};

package/esm/helpers/date/index.js

@@ -1,5 +1,4 @@
 import { parseISO, isValid, format } from 'date-fns';
-import 'date-fns/locale';
 
 // Helper to parse date strings with fallback
 const parse = dateInput => {

package/esm/hooks/useMediaSizes/index.d.ts

@@ -1,5 +1,5 @@
 import type { Media } from "../../Theme/breakpoints";
-export type QueryInputFunction = (breakpoints: Media) => string;
+type QueryInputFunction = (breakpoints: Media) => string;
 type QueryInput = QueryInputFunction | string;
 /**
  * Returns whether the media query matches.

package/esm/index.d.ts

@@ -21,7 +21,7 @@ export type { CodeErrorBehavior, CodeFieldProps, CodeFieldShape, CodeFieldSize,
 export { Counter } from "./Counter";
 export type { CounterProps } from "./Counter/index.props";
 export { Datepicker } from "./Datepicker";
-export type { Props as DatepickerProps } from "./Datepicker/index.props";
+export type { Props as DatepickerProps, DatepickerSelectionMode, } from "./Datepicker/index.props";
 export { DotsLoader } from "./DotsLoader";
 export type { DotsLoaderProps } from "./DotsLoader/index.props";
 export { Drawer, DrawerContent, DrawerFooter, DrawerHeader } from "./Drawer";
@@ -29,11 +29,11 @@ export type { DrawerAnimationInfo, DrawerClosePlacement, DrawerContentProps, Dra
 export { Dropzone } from "./Dropzone";
 export type { DropzoneFileHandler, DropzoneFileResult, DropzoneProps, DropzoneValidator, } from "./Dropzone";
 export { Dropdown } from "./Dropdown";
-export type { DropdownProps } from "./Dropdown/index.props";
+export type { DropdownProps, Trigger as DropdownTrigger, } from "./Dropdown/index.props";
 export { Editable } from "./Editable";
 export type { EditableProps } from "./Editable";
 export { Grid } from "./Grid";
-export type { GridProps } from "./Grid/index.props";
+export type { GridProps, Space as GridSpace } from "./Grid/index.props";
 export { GridItem } from "./Grid/Item";
 export type { GridItemProps } from "./Grid/Item/index.props";
 export { Image } from "./Image";
@@ -71,7 +71,7 @@ export type { RectProps as SkeletonRectProps, TextProps as SkeletonTextProps, }
 export { Slider } from "./Slider";
 export type { SliderOrientation, SliderPointerSize, SliderProps, SliderRangeProps, SliderSingleProps, SliderSize, SliderTick, SliderView, } from "./Slider";
 export { Status } from "./Status";
-export type { StatusProps } from "./Status/index.props";
+export type { StatusProps, StatusTag } from "./Status/index.props";
 export { Switch } from "./Switch";
 export type { SwitchProps } from "./Switch/index.props";
 export { TabsMenu } from "./TabsMenu";
@@ -87,7 +87,7 @@ export type { TimeSelectProps } from "./TimeSelect/index.props";
 export { Tooltip } from "./Tooltip";
 export type { TooltipProps } from "./Tooltip/index.props";
 export { Typography } from "./Typography";
-export type { TypographyProps, TypographyResponsiveSize, } from "./Typography/index.props";
+export type { TypographyFontWeight, TypographyProps, TypographyResponsiveSize, TypographyTag, TypographyVariant, } from "./Typography/index.props";
 export { useMediaSizes } from "./hooks/useMediaSizes";
 export { useScrollLock } from "./hooks/useScrollLock";
 export * from "./Icons";

package/helpers/date/index.d.ts

@@ -1,12 +1,5 @@
 type DateFormat = string | Date;
 export declare const parse: (dateInput: DateFormat) => Date;
-export declare const getUpperMonthName: (date: DateFormat) => string;
-export declare const getShortWeekDayNameByIndex: (index: number) => string;
-export declare const shiftDate: (date: Date, days: number) => Date;
-export declare const isSameMonthAndYear: (date: Date, otherDate: Date) => boolean;
 export declare const toISODate: (date: Date) => string;
 export declare const toDMYDate: (dateISO: string) => string;
-export declare const getPeriodDates: (startDate: DateFormat, period?: number) => string;
-export declare const clearTime: (date: Date) => Date;
-export declare const getDaysDiff: (dateStart: Date, dateEnd: Date) => number;
 export {};

package/helpers/date/index.js

@@ -1,7 +1,6 @@
 'use strict';
 
 var dateFns = require('date-fns');
-var locale = require('date-fns/locale');
 
 // Helper to parse date strings with fallback
 const parse = dateInput => {
@@ -11,61 +10,11 @@ const parse = dateInput => {
   const date = typeof dateInput === "string" ? dateFns.parseISO(dateInput) : dateInput;
   return dateFns.isValid(date) ? date : new Date(dateInput);
 };
-// Get full month name with the first letter capitalized
-const getUpperMonthName = date => {
-  const parsedDate = parse(date);
-  return dateFns.format(parsedDate, "LLLL", {
-    locale: locale.enGB
-  });
-};
-// Get short weekday name by index (e.g., Mo, Tu, etc.)
-const getShortWeekDayNameByIndex = index => {
-  const firstDayOfWeek = dateFns.startOfWeek(new Date());
-  return dateFns.format(dateFns.addDays(firstDayOfWeek, index), "EEEEEE", {
-    locale: locale.enGB
-  });
-};
-// Get formatted date string with month and day
-const getDateMonth = date => {
-  const parsedDate = parse(date);
-  return dateFns.format(parsedDate, "MMMM d", {
-    locale: locale.enGB
-  });
-};
-// Shift the date by a number of days
-const shiftDate = (date, days) => dateFns.addDays(date, days);
-// Check if two dates are in the same month and year
-const isSameMonthAndYear = (date, otherDate) => date.getFullYear() === otherDate.getFullYear() && date.getMonth() === otherDate.getMonth();
 // Convert date to ISO format (YYYY-MM-DD)
 const toISODate = date => dateFns.format(date, "yyyy-MM-dd");
 // Convert date to DMY format (dd.MM.yyyy)
 const toDMYDate = dateISO => dateISO ? dateFns.format(new Date(dateISO), "dd.MM.yyyy") : "";
-// Get the period dates as a formatted string
-const getPeriodDates = (startDate, period = 1) => {
-  const start = parse(startDate);
-  if (period === 1) {
-    return getDateMonth(start);
-  }
-  const end = shiftDate(start, period - 1);
-  const startDateFormat = isSameMonthAndYear(start, end) ? dateFns.format(start, "d") : getDateMonth(start);
-  return `${startDateFormat} – ${getDateMonth(end)}`;
-};
-// Clear time from a date
-const clearTime = date => new Date(date.setHours(0, 0, 0, 0));
-// Get the difference in days between two dates
-const getDaysDiff = (dateStart, dateEnd) => {
-  const start = clearTime(dateStart).getTime();
-  const end = clearTime(dateEnd).getTime();
-  return Math.round((end - start) / (1000 * 60 * 60 * 24)); // Convert milliseconds to days
-};
 
-exports.clearTime = clearTime;
-exports.getDaysDiff = getDaysDiff;
-exports.getPeriodDates = getPeriodDates;
-exports.getShortWeekDayNameByIndex = getShortWeekDayNameByIndex;
-exports.getUpperMonthName = getUpperMonthName;
-exports.isSameMonthAndYear = isSameMonthAndYear;
 exports.parse = parse;
-exports.shiftDate = shiftDate;
 exports.toDMYDate = toDMYDate;
 exports.toISODate = toISODate;

package/hooks/useMediaSizes/index.d.ts

@@ -1,5 +1,5 @@
 import type { Media } from "../../Theme/breakpoints";
-export type QueryInputFunction = (breakpoints: Media) => string;
+type QueryInputFunction = (breakpoints: Media) => string;
 type QueryInput = QueryInputFunction | string;
 /**
  * Returns whether the media query matches.

package/index.d.ts

@@ -21,7 +21,7 @@ export type { CodeErrorBehavior, CodeFieldProps, CodeFieldShape, CodeFieldSize,
 export { Counter } from "./Counter";
 export type { CounterProps } from "./Counter/index.props";
 export { Datepicker } from "./Datepicker";
-export type { Props as DatepickerProps } from "./Datepicker/index.props";
+export type { Props as DatepickerProps, DatepickerSelectionMode, } from "./Datepicker/index.props";
 export { DotsLoader } from "./DotsLoader";
 export type { DotsLoaderProps } from "./DotsLoader/index.props";
 export { Drawer, DrawerContent, DrawerFooter, DrawerHeader } from "./Drawer";
@@ -29,11 +29,11 @@ export type { DrawerAnimationInfo, DrawerClosePlacement, DrawerContentProps, Dra
 export { Dropzone } from "./Dropzone";
 export type { DropzoneFileHandler, DropzoneFileResult, DropzoneProps, DropzoneValidator, } from "./Dropzone";
 export { Dropdown } from "./Dropdown";
-export type { DropdownProps } from "./Dropdown/index.props";
+export type { DropdownProps, Trigger as DropdownTrigger, } from "./Dropdown/index.props";
 export { Editable } from "./Editable";
 export type { EditableProps } from "./Editable";
 export { Grid } from "./Grid";
-export type { GridProps } from "./Grid/index.props";
+export type { GridProps, Space as GridSpace } from "./Grid/index.props";
 export { GridItem } from "./Grid/Item";
 export type { GridItemProps } from "./Grid/Item/index.props";
 export { Image } from "./Image";
@@ -71,7 +71,7 @@ export type { RectProps as SkeletonRectProps, TextProps as SkeletonTextProps, }
 export { Slider } from "./Slider";
 export type { SliderOrientation, SliderPointerSize, SliderProps, SliderRangeProps, SliderSingleProps, SliderSize, SliderTick, SliderView, } from "./Slider";
 export { Status } from "./Status";
-export type { StatusProps } from "./Status/index.props";
+export type { StatusProps, StatusTag } from "./Status/index.props";
 export { Switch } from "./Switch";
 export type { SwitchProps } from "./Switch/index.props";
 export { TabsMenu } from "./TabsMenu";
@@ -87,7 +87,7 @@ export type { TimeSelectProps } from "./TimeSelect/index.props";
 export { Tooltip } from "./Tooltip";
 export type { TooltipProps } from "./Tooltip/index.props";
 export { Typography } from "./Typography";
-export type { TypographyProps, TypographyResponsiveSize, } from "./Typography/index.props";
+export type { TypographyFontWeight, TypographyProps, TypographyResponsiveSize, TypographyTag, TypographyVariant, } from "./Typography/index.props";
 export { useMediaSizes } from "./hooks/useMediaSizes";
 export { useScrollLock } from "./hooks/useScrollLock";
 export * from "./Icons";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "colibri-ui",
-  "version": "0.8.91",
+  "version": "0.8.93",
   "description": "React UI components library",
   "main": "index.js",
   "types": "index.d.ts",

package/esm/helpers/on.d.ts

@@ -1 +0,0 @@
-export declare const on: <K extends keyof HTMLElementEventMap>(element: HTMLElement | null | undefined, type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions) => () => void;

package/esm/libs/requestIdleCallback/index.d.ts

@@ -1,5 +0,0 @@
-type Options = {
-    timeout: number;
-};
-export declare function requestIdleCallback(callback: () => void, options?: Options): void;
-export {};

package/helpers/on.d.ts

@@ -1 +0,0 @@
-export declare const on: <K extends keyof HTMLElementEventMap>(element: HTMLElement | null | undefined, type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions) => () => void;

package/libs/requestIdleCallback/index.d.ts

@@ -1,5 +0,0 @@
-type Options = {
-    timeout: number;
-};
-export declare function requestIdleCallback(callback: () => void, options?: Options): void;
-export {};