@cube-dev/ui-kit 0.8.8 → 0.9.2

package/dist/mjs/styles/marginInline.d.ts

@@ -1,8 +0,0 @@
-export declare function marginInlineStyle({ marginInline: margin, marginLeft, marginRight, }: {
-    marginInline: any;
-    marginLeft: any;
-    marginRight: any;
-}): {};
-export declare namespace marginInlineStyle {
-    var __lookupStyles: string[];
-}

package/dist/mjs/styles/outline.d.ts

@@ -1,8 +0,0 @@
-export declare function outlineStyle({ outline }: {
-    outline: any;
-}): "" | {
-    '--local-outline-box-shadow': string;
-};
-export declare namespace outlineStyle {
-    var __lookupStyles: string[];
-}

package/dist/mjs/styles/padding.d.ts

@@ -1,12 +0,0 @@
-export declare function paddingStyle({ padding, paddingBlock, paddingInline, paddingTop, paddingRight, paddingBottom, paddingLeft, }: {
-    padding: any;
-    paddingBlock: any;
-    paddingInline: any;
-    paddingTop: any;
-    paddingRight: any;
-    paddingBottom: any;
-    paddingLeft: any;
-}): any;
-export declare namespace paddingStyle {
-    var __lookupStyles: string[];
-}

package/dist/mjs/styles/paddingBlock.d.ts

@@ -1,8 +0,0 @@
-export declare function paddingBlockStyle({ paddingBlock: padding, paddingTop, paddingBottom, }: {
-    paddingBlock: any;
-    paddingTop: any;
-    paddingBottom: any;
-}): {};
-export declare namespace paddingBlockStyle {
-    var __lookupStyles: string[];
-}

package/dist/mjs/styles/paddingInline.d.ts

@@ -1,8 +0,0 @@
-export declare function paddingInlineStyle({ paddingInline: padding, paddingLeft, paddingRight, }: {
-    paddingInline: any;
-    paddingLeft: any;
-    paddingRight: any;
-}): {};
-export declare namespace paddingInlineStyle {
-    var __lookupStyles: string[];
-}

package/dist/mjs/styles/predefined.d.ts

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

package/dist/mjs/styles/preset.d.ts

@@ -1,13 +0,0 @@
-export declare function presetStyle({ preset, fontSize, lineHeight, textTransform, letterSpacing, fontWeight, fontStyle, font, }: {
-    preset: any;
-    fontSize: any;
-    lineHeight: any;
-    textTransform: any;
-    letterSpacing: any;
-    fontWeight: any;
-    fontStyle: any;
-    font: any;
-}): "" | Record<string, any>;
-export declare namespace presetStyle {
-    var __lookupStyles: string[];
-}

package/dist/mjs/styles/radius.d.ts

@@ -1,16 +0,0 @@
-export declare function radiusStyle({ radius }: {
-    radius: any;
-}): "" | ({
-    '--local-radius': any;
-    'border-radius': string;
-    $?: undefined;
-    '--context-radius'?: undefined;
-} | {
-    $: string;
-    '--context-radius': any;
-    '--local-radius'?: undefined;
-    'border-radius'?: undefined;
-})[];
-export declare namespace radiusStyle {
-    var __lookupStyles: string[];
-}

package/dist/mjs/styles/reset.d.ts

@@ -1,6 +0,0 @@
-export declare function resetStyle({ reset }: {
-    reset: any;
-}): any;
-export declare namespace resetStyle {
-    var __lookupStyles: string[];
-}

package/dist/mjs/styles/shadow.d.ts

@@ -1,8 +0,0 @@
-export declare function shadowStyle({ shadow }: {
-    shadow: any;
-}): "" | {
-    '--local-shadow-box-shadow': string;
-};
-export declare namespace shadowStyle {
-    var __lookupStyles: string[];
-}

package/dist/mjs/styles/styledScrollbar.d.ts

@@ -1,54 +0,0 @@
-export declare function styledScrollbarStyle({ styledScrollbar: val }: {
-    styledScrollbar: any;
-}): ({
-    $: string;
-    display: string;
-    'scrollbar-width'?: undefined;
-} | {
-    'scrollbar-width': string;
-    $?: undefined;
-    display?: undefined;
-})[] | ({
-    $: string;
-    width: string;
-    height: string;
-    'background-color'?: undefined;
-    'border-radius'?: undefined;
-    border?: undefined;
-    'background-clip'?: undefined;
-    'scrollbar-width'?: undefined;
-    'scrollbar-color'?: undefined;
-} | {
-    $: string;
-    'background-color': string;
-    width?: undefined;
-    height?: undefined;
-    'border-radius'?: undefined;
-    border?: undefined;
-    'background-clip'?: undefined;
-    'scrollbar-width'?: undefined;
-    'scrollbar-color'?: undefined;
-} | {
-    $: string;
-    'background-color': string;
-    'border-radius': string;
-    border: string;
-    'background-clip': string;
-    width?: undefined;
-    height?: undefined;
-    'scrollbar-width'?: undefined;
-    'scrollbar-color'?: undefined;
-} | {
-    'scrollbar-width': string;
-    'scrollbar-color': string;
-    $?: undefined;
-    width?: undefined;
-    height?: undefined;
-    'background-color'?: undefined;
-    'border-radius'?: undefined;
-    border?: undefined;
-    'background-clip'?: undefined;
-})[] | null;
-export declare namespace styledScrollbarStyle {
-    var __lookupStyles: string[];
-}

package/dist/mjs/styles/transition.d.ts

@@ -1,9 +0,0 @@
-export declare const DEFAULT_TIMING = "var(--transition)";
-export declare function transitionStyle({ transition }: {
-    transition: any;
-}): {
-    transition: string;
-} | undefined;
-export declare namespace transitionStyle {
-    var __lookupStyles: string[];
-}

package/dist/mjs/styles/types.d.ts

@@ -1,111 +0,0 @@
-import { CSSProperties } from 'react';
-import { ResponsiveStyleValue } from '../utils/styles';
-declare type NamedColor = 'purple' | 'purple-text' | 'purple-01' | 'purple-02' | 'purple-03' | 'purple-04' | 'dark' | 'dark-01' | 'dark-02' | 'dark-03' | 'dark-04' | 'dark-05' | 'text' | 'primary' | 'disabled' | 'disabled-bg' | 'disabled-text' | 'danger' | 'danger-bg' | 'danger-text' | 'success' | 'success-bg' | 'success-text' | 'note' | 'note-bg' | 'note-text' | 'white' | 'light' | 'light-grey' | 'black' | 'pink' | 'pink-01' | 'pink-02' | 'border' | 'clear' | 'shadow' | 'draft' | 'minor';
-declare type Digit = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
-declare type OpaquePercentage = '' | `.${Digit}` | `.${Digit}${Digit}` | '.100';
-export declare type NoType = false | null | undefined;
-export interface StylesInterface extends Omit<CSSProperties, 'color' | 'fill' | 'font' | 'outline' | 'type'> {
-    /** Set the background color of the element.
-     * ```
-     * fill="#{name_of_the_color}"
-     * fill="#dark" // the dark color with 100% opacity
-     * fill="#dark.3" // the dark color with 30% opacity
-     * fill="#dark.30" // the dark color with 30% opacity
-     * ```
-     */
-    fill?: `#${NamedColor}${OpaquePercentage}` | `rgb(${string})` | `rgba(${string})` | boolean | string;
-    /** Set the text (current) color of the element
-     * ```
-     * color="#{name_of_the_color}"
-     * color="#dark" // the dark color with 100% opacity
-     * color="#dark.3" // the dark color with 30% opacity
-     * color="#dark.30" // the dark color with 30% opacity
-     * ```
-     */
-    color?: `#${NamedColor}${OpaquePercentage}` | `rgb(${string})` | `rgba(${string})` | boolean | string;
-    /**
-     * Whether styles of the element should be reset.
-     * Possible values: `input`, `button`.
-     */
-    reset?: 'input' | 'button';
-    /**
-     * Whether the element has styled scrollbar.
-     */
-    styledScrollbar?: boolean;
-    /**
-     * Whether the element is hidden using `display: none`.
-     */
-    hide?: boolean;
-    /**
-     * The shadow style adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is described by X and Y offsets relative to the element, blur and spread radius, and color.
-     * Examples:
-     * `shadow="1x .5x .5x #dark.50"`
-     * `shadow="0 1x 2x #dark.20"`
-     */
-    shadow?: string;
-    /**
-     * The radius style rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners.
-     * Syntax: `[[<value> | [ <verticalValue> <horizontalValue>] ]? [ [ leaf | backleaf ] | [ 'top' | 'right' | 'bottom' | 'top' ]{1,2} ] ] | [ 'round' | 'ellipse' ] | true`
-     * Examples: `"1x"`, `"2x 4x"`, `"top"`, `"round"`, `"3x leaf"`, `"ellipse"`.
-     */
-    radius?: 'round' | 'ellipse' | 'leaf' | 'backleaf' | string | true;
-    /**
-     * The group radius style rounds the corners of a container's outer border edge by applying radius style to to its children.
-     * Syntax: `<value> [ 'round' | 'ellipse' ]? | true`
-     * Examples: `"2r"`, `"round"`, `"ellipse"`.
-     */
-    groupRadius?: 'round' | 'ellipse' | string;
-    /**
-     * The flow style specifies the direction of a flex/grid container, as well as its wrapping behavior (for flex only).
-     * Syntax: `[ [ row | row-reverse | column | column-reverse ] | [ nowrap | wrap | wrap-reverse ]  | [ [ row | column ] || dense ]`
-     */
-    flow?: CSSProperties['flexFlow'] | CSSProperties['gridAutoFlow'];
-    /**
-     * The gridAreas style specifies named grid areas, establishing the cells in the grid and assigning them names.
-     */
-    gridAreas?: CSSProperties['gridTemplateAreas'];
-    /**
-     * The gridColumns style defines the line names and track sizing functions of the grid columns.
-     */
-    gridColumns?: CSSProperties['gridTemplateColumns'] | number;
-    /**
-     * The gridRows style defines the line names and track sizing functions of the grid rows.
-     */
-    gridRows?: CSSProperties['gridTemplateRows'] | number;
-    /**
-     * The gridTemplate style is a shorthand property for defining grid columns, rows, and areas.
-     */
-    gridTemplate?: CSSProperties['gridTemplate'];
-    /**
-     * The font style specifies a prioritized list of one or more font family names and/or generic family names for the selected element. The style will also provide a reasonable fallback to system fonts.
-     * Syntax: 'monospace' | <fontFamilyList> | true
-     */
-    font?: CSSProperties['fontFamily'] | boolean;
-    /**
-     * The outline style sets the outline for the element using `box-shadow` CSS property. The outline is drawn inside if `inset` modifier is set.
-     * Syntax: <value> 'inset'?
-     */
-    outline?: CSSProperties['fontFamily'] | boolean;
-    /**
-     * The preset style sets the base text settings according to the names preset. Affected styles: `font-size`, `line-height`, `letter-spacing`, `font-weight` and `text-transform`.
-     */
-    preset?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h5s' | 'h5m' | 'h6' | 't1' | 't2' | 't3' | 't4' | 't4m' | 'p1' | 'p2' | 'p3' | 'p4' | 'tag' | 'default' | string;
-    /**
-     * Shorthand for align-items and align-content.
-     */
-    align?: CSSProperties['alignItems'] | CSSProperties['alignContent'];
-    /**
-     * Shorthand for justify-items and justify-content.
-     */
-    justify?: CSSProperties['justifyItems'] | CSSProperties['justifyContent'];
-}
-export declare type SuffixForSelector = '&' | '.' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J' | 'K' | 'L' | 'M' | 'N' | 'O' | 'P' | 'Q' | 'R' | 'S' | 'T' | 'U' | 'V' | 'W' | 'X' | 'Y' | 'Z';
-export declare type Selector = `${SuffixForSelector}${string}`;
-export declare type NotSelector = Exclude<string, Selector | keyof StylesInterface>;
-export declare type StylesWithoutSelectors = {
-    [key in keyof StylesInterface]?: ResponsiveStyleValue<StylesInterface[key]>;
-};
-export declare type Styles = StylesWithoutSelectors & {
-    [key: string]: ResponsiveStyleValue<string | number | boolean | undefined> | StylesWithoutSelectors;
-};
-export {};

package/dist/mjs/styles/width.d.ts

@@ -1,9 +0,0 @@
-export declare function widthStyle({ width }: {
-    width: any;
-}): "" | {
-    [x: string]: string;
-    [x: number]: string;
-};
-export declare namespace widthStyle {
-    var __lookupStyles: string[];
-}

package/dist/mjs/tokens.d.ts

@@ -1,159 +0,0 @@
-declare const TOKENS: {
-    'font-size': string;
-    'line-height': string;
-    'input-font-size': string;
-    'input-line-height': string;
-    'input-letter-spacing': string;
-    'disabled-opacity': string;
-    gap: string;
-    'outline-width': string;
-    'border-width': string;
-    radius: string;
-    'leaf-sharp-radius': string;
-    transition: string;
-    'clear-color': string;
-    'border-color': string;
-    'shadow-color': string;
-    'draft-color': string;
-    'minor-color': string;
-    'success-bg-color': string;
-    'note-bg-color': string;
-    'note-text-color': string;
-    'danger-bg-color': string;
-    'danger-bg-hover-color': string;
-    'primary-1': string;
-    'primary-2': string;
-    'primary-3': string;
-    'primary-4': string;
-    'primary-5': string;
-    'primary-6': string;
-    'primary-7': string;
-    'primary-8': string;
-    'primary-9': string;
-    'primary-10': string;
-    'dark-75-color': string;
-    'primary-color': string;
-    'pink-8-color': string;
-    'pink-9-color': string;
-    'disabled-color': string;
-    'disabled-text-color': string;
-    'disabled-bg': string;
-    'disabled-bg-color': string;
-    'max-content-width': string;
-    'topbar-height': string;
-    'devmodebar-height': string;
-    'sidebar-width': string;
-    'border-radius-base': string;
-    'text-font-size': string;
-    'text-line-height': string;
-    'text-letter-spacing': string;
-    'h1-font-size': string;
-    'h1-line-height': string;
-    'h1-letter-spacing': string;
-    'h1-font-weight': string;
-    'h2-font-size': string;
-    'h2-line-height': string;
-    'h2-letter-spacing': string;
-    'h2-font-weight': string;
-    'h3-font-size': string;
-    'h3-line-height': string;
-    'h3-letter-spacing': string;
-    'h3-font-weight': string;
-    'h4-font-size': string;
-    'h4-line-height': string;
-    'h4-letter-spacing': string;
-    'h4-font-weight': string;
-    'h5-font-size': string;
-    'h5-line-height': string;
-    'h5-letter-spacing': string;
-    'h5-font-weight': string;
-    'h5s-font-size': string;
-    'h5s-line-height': string;
-    'h5s-letter-spacing': string;
-    'h5s-font-weight': string;
-    'h5m-font-size': string;
-    'h5m-line-height': string;
-    'h5m-letter-spacing': string;
-    'h5m-font-weight': string;
-    'h6-font-size': string;
-    'h6-line-height': string;
-    'h6-font-weight': string;
-    't1-font-size': string;
-    't1-line-height': string;
-    't1-letter-spacing': string;
-    't1-font-weight': string;
-    't2-font-size': string;
-    't2-line-height': string;
-    't2-letter-spacing': string;
-    't2-font-weight': string;
-    't3-font-size': string;
-    't3-line-height': string;
-    't3-letter-spacing': string;
-    't3-font-weight': string;
-    't3m-font-size': string;
-    't3m-line-height': string;
-    't3m-letter-spacing': string;
-    't3m-font-weight': string;
-    't4-font-size': string;
-    't4-line-height': string;
-    't4-letter-spacing': string;
-    't4-font-weight': string;
-    't4m-font-size': string;
-    't4m-line-height': string;
-    't4m-letter-spacing': string;
-    't4m-font-weight': string;
-    'p1-font-size': string;
-    'p1-line-height': string;
-    'p1-letter-spacing': string;
-    'p1-font-weight': string;
-    'p2-font-size': string;
-    'p2-line-height': string;
-    'p2-letter-spacing': string;
-    'p2-font-weight': string;
-    'p3-font-size': string;
-    'p3-line-height': string;
-    'p3-letter-spacing': string;
-    'p3-font-weight': string;
-    'p4-font-size': string;
-    'p4-line-height': string;
-    'p4-letter-spacing': string;
-    'p4-font-weight': string;
-    'c1-font-size': string;
-    'c1-line-height': string;
-    'c1-letter-spacing': string;
-    'c1-font-weight': string;
-    'c1-text-transform': string;
-    'c2-font-size': string;
-    'c2-line-height': string;
-    'c2-letter-spacing': string;
-    'c2-font-weight': string;
-    'c2-text-transform': string;
-    'tag-font-size': string;
-    'tag-line-height': string;
-    'tag-letter-spacing': string;
-    'tag-font-weight': string;
-    'strong-font-size': string;
-    'strong-line-height': string;
-    'strong-letter-spacing': string;
-    'strong-font-family': string;
-    'strong-font-style': string;
-    'strong-font-weight': number;
-    'em-font-size': string;
-    'em-line-height': string;
-    'em-letter-spacing': string;
-    'em-font-family': string;
-    'em-font-style': string;
-    'em-font-weight': string;
-    'default-font-size': string;
-    'default-line-height': string;
-    'default-letter-spacing': string;
-    'default-font-weight': string;
-    'scrollbar-width': string;
-    'scrollbar-outline-width': string;
-    'scrollbar-radius': string;
-    'scrollbar-thumb-color': string;
-    'scrollbar-outline-color': string;
-    'scrollbar-bg-color': string;
-    'scrollbar-corner-color': string;
-};
-export { TOKENS };

package/dist/mjs/utils/ResizeSensor.d.ts

@@ -1,9 +0,0 @@
-/**
- * Class for dimension change detection.
- *
- * @param {Element|Element[]|Elements} element
- * @param {Function} callback
- *
- * @constructor
- */
-export declare let ResizeSensor: (element: any, callback: any) => void;

package/dist/mjs/utils/colors.d.ts

@@ -1 +0,0 @@
-export declare function color(name: any, opacity?: number): string;

package/dist/mjs/utils/dotize.d.ts

@@ -1,21 +0,0 @@
-export declare const dotize: {
-    valTypes: {
-        none: string;
-        primitive: string;
-        object: string;
-        array: string;
-    };
-    getValType: (val: any) => string | undefined;
-    getPathType: (arrPath: any) => never[];
-    isUndefined: (obj: any) => boolean;
-    isNumber: (f: any) => boolean;
-    isEmptyObj: (obj: any) => boolean;
-    isNotObject: (obj: any) => boolean;
-    isEmptyArray: (arr: any) => boolean;
-    isNotArray: (arr: any) => boolean;
-    removeEmptyArrayItem: (arr: any) => any;
-    getFieldName: (field: any, prefix: any, isRoot: any, isArrayItem: any, isArray: any) => string;
-    startsWith: (val: any, valToSearch: any) => boolean;
-    convert: (obj: any, prefix?: string) => any;
-    backward: (obj: any, prefix: any) => any;
-};

package/dist/mjs/utils/escape-string.d.ts

@@ -1 +0,0 @@
-export default function escapeStringRegexp(string: any): string;

package/dist/mjs/utils/filterBaseProps.d.ts

@@ -1,12 +0,0 @@
-interface PropsFilterOptions {
-    labelable?: boolean;
-    propNames?: Set<string>;
-    eventProps?: boolean;
-}
-/**
- * Filters out all props that aren't valid DOM props or defined via override prop obj.
- * @param props - The component props to be filtered.
- * @param opts - Props to override.
- */
-export declare function filterBaseProps(props: any, opts?: PropsFilterOptions): {};
-export {};

package/dist/mjs/utils/index.d.ts

@@ -1 +0,0 @@
-export declare function getModCombinations(array: string[], allowEmpty?: boolean): any;

package/dist/mjs/utils/interactions.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { FocusProps } from '@react-aria/interactions';
-export declare function useFocus({ isDisabled }: FocusProps, onlyVisible?: boolean): {
-    focusProps: import("react").HTMLAttributes<HTMLElement>;
-    isFocused: boolean;
-};

package/dist/mjs/utils/mergeStyles.d.ts

@@ -1,2 +0,0 @@
-import { Styles } from '../styles/types';
-export declare function mergeStyles(...objects: (Styles | undefined | null)[]): Styles;

package/dist/mjs/utils/modules.d.ts

@@ -1 +0,0 @@
-export declare function extractModule(promise: any): any;

package/dist/mjs/utils/promise.d.ts

@@ -1 +0,0 @@
-export declare function timeout(ms?: number): Promise<unknown>;

package/dist/mjs/utils/react/Slots.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare function useSlotProps(props: Record<string, any>, defaultSlot: any): Record<string, any>;
-export declare function SlotProvider(props: any): JSX.Element;
-export declare function ClearSlots(props: any): JSX.Element;

package/dist/mjs/utils/react/chain.d.ts

@@ -1,4 +0,0 @@
-/**
- * Calls all functions in the order they were chained with the same arguments.
- */
-export declare function chain(...callbacks: any[]): (...args: any[]) => void;

package/dist/mjs/utils/react/isTextOnly.d.ts

@@ -1 +0,0 @@
-export declare function isTextOnly(children: any): boolean;

package/dist/mjs/utils/react/mapProps.d.ts

@@ -1,6 +0,0 @@
-import { CubeButtonProps } from '../../components/actions/Button/Button';
-import { AriaButtonProps } from '@react-types/button';
-/** Converts AriaButtonProps to CubeButtonProps */
-export declare function ariaToCubeButtonProps(props: AriaButtonProps<'button'>): CubeButtonProps;
-/** Converts CubeButtonProps to AriaButtonProps */
-export declare function cubeToAriaButtonProps(props: CubeButtonProps): AriaButtonProps<'button'>;

package/dist/mjs/utils/react/mergeProps.d.ts

@@ -1,9 +0,0 @@
-import { Props } from '../../components/types';
-/**
- * Merges multiple props objects together. Event handlers are chained,
- * classNames are combined, and ids are deduplicated - different ids
- * will trigger a side-effect and re-render components hooked up with `useId`.
- * For all other props, the last prop object overrides all previous ones.
- * @param args - Multiple sets of props to merge together.
- */
-export declare function mergeProps(...args: (Props | undefined)[]): Props;

package/dist/mjs/utils/react/modAttrs.d.ts

@@ -1,6 +0,0 @@
-/**
- * Generate data DOM attributes from modifier map.
- * @param {Object<string,boolean>} map
- * @return {Object<string,string>}
- */
-export declare function modAttrs(map: any): {};

package/dist/mjs/utils/react/nullableValue.d.ts

@@ -1,19 +0,0 @@
-import { Props } from '../../components/types';
-export declare function castNullableStringValue<T>(props: T): T;
-export declare function castNullableNumberValue<T>(props: T): T;
-export declare function castNullableArrayValue<T>(props: T): T;
-export declare function castNullableIsSelected<T>(props: T): T;
-export declare function castNullableSelectedKey<T>(props: T): T;
-export declare function castNullableField<T>(props: T, keys: string[], type?: string, cast?: (k: any) => any): T;
-export declare type WithNullableValue<T extends Props> = Omit<T, 'value' | 'defaultValue'> & {
-    value?: T['value'] | any;
-    defaultValue?: T['defaultValue'] | any;
-};
-export declare type WithNullableSelected<T extends Props> = Omit<T, 'isSelected' | 'defaultSelected'> & {
-    isSelected?: T['isSelected'] | any;
-    defaultSelected?: T['defaultSelected'] | any;
-};
-export declare type WithNullableSelectedKey<T extends Props> = Omit<T, 'selectedKey' | 'defaultSelectedKey'> & {
-    selectedKey?: T['selectedKey'] | any;
-    defaultSelectedKey?: T['defaultSelectedKey'] | any;
-};

package/dist/mjs/utils/react/useCombinedRefs.d.ts

@@ -1,2 +0,0 @@
-import { RefObject } from 'react';
-export declare function useCombinedRefs(...refs: any[]): RefObject<any>;

package/dist/mjs/utils/react/useId.d.ts

@@ -1,15 +0,0 @@
-/**
- * If a default is not provided, generate an id.
- * @param defaultId - Default component id.
- */
-export declare function useId(defaultId?: any): string;
-/**
- * Merges two ids.
- * Different ids will trigger a side-effect and re-render components hooked up with `useId`.
- */
-export declare function mergeIds(idA: any, idB: any): any;
-/**
- * Used to generate an id, and after render, check if that id is rendered so we know
- * if we can use it in places such as labelledby.
- */
-export declare function useSlotId(): string | null;

package/dist/mjs/utils/react/useLayoutEffect.d.ts

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const useLayoutEffect: typeof React.useLayoutEffect;

package/dist/mjs/utils/react/wrapNodeIfPlain.d.ts

@@ -1,2 +0,0 @@
-import { ReactNode } from 'react';
-export declare function wrapNodeIfPlain(children: ReactNode, render: () => ReactNode): ReactNode;

package/dist/mjs/utils/renderStyles.d.ts

@@ -1,10 +0,0 @@
-import { Styles } from '../styles/types';
-export declare function isSelector(key: any): any;
-/**
- * Render style props to complete Styled Components CSS.
- * @param styles - Complete style props.
- * @param responsive - A list of responsive zones
- * @param {string} [suffix]
- * @return {string}
- */
-export declare function renderStyles(styles: Styles, responsive: number[], suffix?: string): any;

package/dist/mjs/utils/responsive.d.ts

@@ -1,9 +0,0 @@
-import { ResponsiveStyleValue } from './styles';
-export declare function mediaWrapper(cssRules: any, points: any): any;
-export interface ResponsiveZone {
-    max?: number;
-    min?: number;
-    mediaQuery?: string;
-}
-export declare function pointsToZones(points: number[]): any;
-export declare function normalizeStyleZones(value: ResponsiveStyleValue, zoneNumber: number): any[] | null;

package/dist/mjs/utils/string.d.ts

@@ -1 +0,0 @@
-export declare function toSnakeCase(str: any): any;