@broxus/react-uikit 0.1.1 → 0.1.2

package/dist/esm/components/Nav/utils/motionUtil.js

@@ -0,0 +1,9 @@
+export function getMotion(mode, motion, defaultMotions) {
+    if (motion) {
+        return motion;
+    }
+    if (defaultMotions) {
+        return defaultMotions[mode] || defaultMotions.other;
+    }
+    return undefined;
+}

package/dist/esm/components/Nav/utils/nodeUtil.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare function parseChildren(children: React.ReactNode, keyPath: string[]): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>[];

package/dist/esm/components/Nav/utils/nodeUtil.js

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import toArray from 'rc-util/lib/Children/toArray';
+export function parseChildren(children, keyPath) {
+    return toArray(children).map((child, index) => {
+        if (React.isValidElement(child)) {
+            const { key } = child;
+            let eventKey = child.props?.eventKey ?? key;
+            const emptyKey = eventKey === null || eventKey === undefined;
+            if (emptyKey) {
+                eventKey = `tmp_key-${[...keyPath, index].join('-')}`;
+            }
+            const cloneProps = {
+                eventKey,
+                key: eventKey,
+            };
+            if (process.env.NODE_ENV !== 'production' && emptyKey) {
+                cloneProps.warnKey = true;
+            }
+            return React.cloneElement(child, cloneProps);
+        }
+        return child;
+    });
+}

package/dist/esm/components/Nav/utils/timeUtil.d.ts

@@ -0,0 +1 @@
+export declare function nextSlice(callback: () => void): void;

package/dist/esm/components/Nav/utils/timeUtil.js

@@ -0,0 +1,3 @@
+export function nextSlice(callback) {
+    Promise.resolve().then(callback);
+}

package/dist/esm/components/Nav/utils/warnUtil.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+/**
+ * `onClick` event return `info.item` which point to react node directly.
+ * We should warning this since it will not work on FC.
+ */
+export declare function warnItemProp<T extends {
+    item: React.ReactInstance;
+}>({ item, ...restInfo }: T): T;

package/dist/esm/components/Nav/utils/warnUtil.js

@@ -0,0 +1,14 @@
+import warning from 'rc-util/lib/warning';
+/**
+ * `onClick` event return `info.item` which point to react node directly.
+ * We should warning this since it will not work on FC.
+ */
+export function warnItemProp({ item, ...restInfo }) {
+    Object.defineProperty(restInfo, 'item', {
+        get: () => {
+            warning(false, '`info.item` is deprecated since we will move to function component that not provides React Node instance in future.');
+            return item;
+        },
+    });
+    return restInfo;
+}

package/dist/esm/components/Navbar/Center.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { PolymorphicComponentProps } from '../Component';
+export declare type NavbarCenterProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentProps<E, unknown>;
+declare const defaultElement = "div";
+export declare function Center<E extends React.ElementType = typeof defaultElement>(props: NavbarCenterProps<E>): JSX.Element;
+export declare namespace Center {
+    var displayName: string;
+}
+export {};

package/dist/esm/components/Navbar/Center.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { Component } from '../Component';
+const defaultElement = 'div';
+export function Center(props) {
+    const { className, ...restProps } = props;
+    return (React.createElement(Component, { className: classNames('uk-navbar-center', className), component: defaultElement, ...restProps }));
+}
+if (process.env.NODE_ENV !== 'production') {
+    Center.displayName = 'Navbar.Center';
+}

package/dist/esm/components/Navbar/Container.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { PolymorphicComponentProps } from '../Component';
+export interface NavbarContainerOwnProps extends React.HTMLAttributes<HTMLElement> {
+    transparent?: boolean;
+}
+export declare type NavbarContainerProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentProps<E, NavbarContainerOwnProps>;
+declare const defaultElement = "div";
+export declare function Container<E extends React.ElementType = typeof defaultElement>(props: NavbarContainerProps<E>): JSX.Element;
+export declare namespace Container {
+    var displayName: string;
+}
+export {};

package/dist/esm/components/Navbar/Container.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { Component } from '../Component';
+const defaultElement = 'div';
+export function Container(props) {
+    const { className, transparent, ...restProps } = props;
+    return (React.createElement(Component, { className: classNames('uk-navbar-container', {
+            'uk-navbar-transparent': transparent,
+        }, className), component: defaultElement, ...restProps }));
+}
+if (process.env.NODE_ENV !== 'production') {
+    Container.displayName = 'Navbar.Container';
+}

package/dist/esm/components/Navbar/Item.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import type { PolymorphicComponentProps } from '../Component';
+export declare type NavbarItemProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentProps<E, {
+    align?: 'left' | 'right' | 'center';
+}>;
+declare const defaultElement = "div";
+export declare function Item<E extends React.ElementType = typeof defaultElement>(props: NavbarItemProps<E>): JSX.Element;
+export declare namespace Item {
+    var displayName: string;
+}
+export {};

package/dist/esm/components/Navbar/Item.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { Component } from '../Component';
+const defaultElement = 'div';
+export function Item(props) {
+    const { className, ...restProps } = props;
+    return (React.createElement(Component, { className: classNames('uk-navbar-item', className), component: defaultElement, ...restProps }));
+}
+if (process.env.NODE_ENV !== 'production') {
+    Item.displayName = 'Navbar.Item';
+}

package/dist/esm/components/Navbar/Left.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { PolymorphicComponentProps } from '../Component';
+export declare type NavbarLeftProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentProps<E, unknown>;
+declare const defaultElement = "div";
+export declare function Left<E extends React.ElementType = typeof defaultElement>(props: NavbarLeftProps<E>): JSX.Element;
+export declare namespace Left {
+    var displayName: string;
+}
+export {};

package/dist/esm/components/Navbar/Left.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { Component } from '../Component';
+const defaultElement = 'div';
+export function Left(props) {
+    const { className, ...restProps } = props;
+    return (React.createElement(Component, { className: classNames('uk-navbar-left', className), component: defaultElement, ...restProps }));
+}
+if (process.env.NODE_ENV !== 'production') {
+    Left.displayName = 'Navbar.Left';
+}

package/dist/esm/components/Navbar/Nav.d.ts

@@ -0,0 +1,5 @@
+import type { NavProps } from '../Nav';
+export declare function Nav(props: NavProps): JSX.Element;
+export declare namespace Nav {
+    var displayName: string;
+}

package/dist/esm/components/Navbar/Nav.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { Nav as BaseNav } from '../Nav';
+export function Nav(props) {
+    const { className, ...restProps } = props;
+    return (React.createElement(BaseNav, { className: classNames('uk-navbar-nav', className), popupPrefixCls: "uk-navbar-dropdown", ...restProps, mode: "horizontal" }));
+}
+if (process.env.NODE_ENV !== 'production') {
+    Nav.displayName = 'Navbar.Nav';
+}

package/dist/esm/components/Navbar/Navbar.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface NavbarProps extends React.HTMLAttributes<HTMLElement> {
+    asContainer?: boolean;
+    transparent?: boolean;
+}
+export declare function Navbar(props: NavbarProps): JSX.Element;

package/dist/esm/components/Navbar/Navbar.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import classNames from 'classnames';
+export function Navbar(props) {
+    const { asContainer, className, transparent, ...restProps } = props;
+    return (React.createElement("nav", { className: classNames('uk-navbar', {
+            'uk-navbar-container': asContainer,
+            'uk-navbar-transparent': transparent,
+        }, className), ...restProps }));
+}

package/dist/esm/components/Navbar/Right.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { PolymorphicComponentProps } from '../Component';
+export declare type NavbarRightProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentProps<E, unknown>;
+declare const defaultElement = "div";
+export declare function Right<E extends React.ElementType = typeof defaultElement>(props: NavbarRightProps<E>): JSX.Element;
+export declare namespace Right {
+    var displayName: string;
+}
+export {};

package/dist/esm/components/Navbar/Right.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { Component } from '../Component';
+const defaultElement = 'div';
+export function Right(props) {
+    const { className, ...restProps } = props;
+    return (React.createElement(Component, { className: classNames('uk-navbar-right', className), component: defaultElement, ...restProps }));
+}
+if (process.env.NODE_ENV !== 'production') {
+    Right.displayName = 'Navbar.Right';
+}

package/dist/esm/components/Navbar/Toggle.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import type { PolymorphicComponentProps } from '../Component';
+export declare type NavbarToggleProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentProps<E, {
+    icon?: boolean;
+}>;
+declare const defaultElement = "div";
+export declare function Toggle<E extends React.ElementType = typeof defaultElement>(props: NavbarToggleProps<E>): JSX.Element;
+export declare namespace Toggle {
+    var displayName: string;
+}
+export {};

package/dist/esm/components/Navbar/Toggle.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { Component } from '../Component';
+const defaultElement = 'div';
+export function Toggle(props) {
+    const { className, icon = false, ...restProps } = props;
+    return (React.createElement(Component, { className: classNames('uk-navbar-toggle', {
+            'uk-navbar-toggle-icon': icon,
+        }, className), component: defaultElement, ...restProps }));
+}
+if (process.env.NODE_ENV !== 'production') {
+    Toggle.displayName = 'Navbar.Toggle';
+}

package/dist/esm/components/Navbar/index.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { Center } from './Center';
+import { Container } from './Container';
+import { Item } from './Item';
+import { Left } from './Left';
+import { Nav } from './Nav';
+import { Right } from './Right';
+import { Toggle } from './Toggle';
+import type { NavbarProps } from './Navbar';
+import './index.scss';
+export type { NavbarProps };
+export interface CompoundedNavbar extends React.FunctionComponent<NavbarProps> {
+    Center: typeof Center;
+    Container: typeof Container;
+    Item: typeof Item;
+    Left: typeof Left;
+    Nav: typeof Nav;
+    Right: typeof Right;
+    Toggle: typeof Toggle;
+}
+export declare const Navbar: CompoundedNavbar;

package/dist/esm/components/Navbar/index.js

@@ -0,0 +1,17 @@
+import { Center } from './Center';
+import { Container } from './Container';
+import { Navbar as InternalNavbar } from './Navbar';
+import { Item } from './Item';
+import { Left } from './Left';
+import { Nav } from './Nav';
+import { Right } from './Right';
+import { Toggle } from './Toggle';
+import './index.scss';
+export const Navbar = InternalNavbar;
+Navbar.Center = Center;
+Navbar.Container = Container;
+Navbar.Item = Item;
+Navbar.Nav = Nav;
+Navbar.Left = Left;
+Navbar.Right = Right;
+Navbar.Toggle = Toggle;

package/dist/esm/components/Section/index.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { PolymorphicComponentProps } from '../Component';
+import './index.scss';
+export declare type SectionOwnProps = {
+    color?: 'default' | 'muted' | 'primary' | 'secondary' | 'tertiary';
+    preserveColor?: boolean;
+    size?: 'xsmall' | 'small' | 'large' | 'xlarge';
+};
+export declare type SectionProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentProps<E, SectionOwnProps>;
+declare const defaultElement = "section";
+export declare function Section<E extends React.ElementType = typeof defaultElement>(props: SectionProps<E>): JSX.Element;
+export {};

package/dist/esm/components/Section/index.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { Component } from '../Component';
+import './index.scss';
+const defaultElement = 'section';
+export function Section(props) {
+    const { className, color, preserveColor, size, ...restProps } = props;
+    return (React.createElement(Component, { className: classNames('uk-section', {
+            [`uk-section-${size}`]: size !== undefined,
+            [`uk-section-${color}`]: color !== undefined,
+            'uk-preserve-color': preserveColor,
+        }, className), component: defaultElement, ...restProps }));
+}

package/dist/esm/components/Spinner/index.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import './index.scss';
+interface Props extends React.HTMLAttributes<HTMLSpanElement> {
+    ratio?: number;
+}
+export declare function Spinner(props: Props): JSX.Element;
+export {};

package/dist/esm/components/Spinner/index.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { defaultProps, getSize } from '../Icon';
+import './index.scss';
+export function Spinner(props) {
+    const { className, ratio, ...restProps } = props;
+    return (React.createElement("span", { className: classNames([
+            'uk-spinner',
+            'uk-icon',
+        ], className), ...restProps },
+        React.createElement("svg", { ...defaultProps, ...getSize(20, 20, ratio), viewBox: "0 0 30 30" },
+            React.createElement("circle", { fill: "none", stroke: "currentColor", cx: "15", cy: "15", r: "14" }))));
+}

package/dist/esm/components/Tabs/index.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { TabPane } from 'rc-tabs';
+import type { TabPaneProps, TabsProps } from 'rc-tabs';
+import './index.scss';
+export type { TabPaneProps };
+export declare type TabType = 'line' | 'card' | 'editable-card';
+export declare type TabsPosition = 'top' | 'right' | 'bottom' | 'left';
+export interface TabProps extends Exclude<TabsProps, 'editable'> {
+    addIcon?: React.ReactNode;
+    centered?: boolean;
+    hideAdd?: boolean;
+    prefixCls?: string;
+    size?: string;
+    type?: TabType;
+    onEdit?: (e: React.MouseEvent | React.KeyboardEvent | string, action: 'add' | 'remove') => void;
+}
+export declare function Tabs(props: TabProps): JSX.Element;
+export declare namespace Tabs {
+    var Pane: typeof TabPane;
+}

package/dist/esm/components/Tabs/index.js

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import RcTabs, { TabPane } from 'rc-tabs';
+import { useConfig } from '../ConfrigProvider';
+import './index.scss';
+import { Icon } from '../Icon';
+export function Tabs(props) {
+    const config = useConfig();
+    const { addIcon, centered, className, direction, hideAdd, moreIcon = React.createElement(Icon, { icon: "more_horizontal" }), prefixCls = `${config.prefixCls}-tabs`, size, type, onEdit, ...restProps } = props;
+    let editable;
+    if (type === 'editable-card') {
+        editable = {
+            addIcon: addIcon || React.createElement(Icon, { icon: "add" }),
+            removeIcon: React.createElement(Icon, { icon: "close" }),
+            showAdd: hideAdd !== true,
+            // eslint-disable-next-line sort-keys
+            onEdit: (editType, { key, event }) => {
+                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+                onEdit?.(editType === 'add' ? event : key, editType);
+            },
+        };
+    }
+    return (React.createElement(RcTabs, { direction: direction, moreTransitionName: `${config.prefixCls}-motion-slide-up`, ...restProps, className: classNames({
+            [`${prefixCls}-${size}`]: size,
+            [`${prefixCls}-card`]: ['card', 'editable-card'].includes(type),
+            [`${prefixCls}-editable-card`]: type === 'editable-card',
+            [`${prefixCls}-centered`]: centered,
+        }, className), editable: editable, moreIcon: moreIcon, prefixCls: prefixCls }));
+}
+Tabs.Pane = TabPane;

package/dist/esm/components/Text/index.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import type { BreakpointsConfig } from '../../types';
+import type { PolymorphicComponentProps } from '../Component';
+export declare type TextAlign = 'left' | 'right' | 'center' | 'justify';
+export declare type TextOwnProps = {
+    align?: TextAlign | BreakpointsConfig<TextAlign>;
+    className?: string;
+    color?: 'meta' | 'muted' | 'emphasis' | 'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'danger';
+    column?: number | BreakpointsConfig<number>;
+    decoration?: 'none';
+    dropcap?: boolean;
+    italic?: boolean;
+    size?: 'default' | 'small' | 'medium' | 'large' | 'lead';
+    transform?: 'capitalize' | 'uppercase' | 'lowercase';
+    verticalAlign?: 'top' | 'middle' | 'bottom' | 'baseline';
+    weight?: 'thin' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'lighter' | 'bolder';
+    wrap?: 'truncate' | 'break' | 'nowrap';
+};
+export declare type TextProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentProps<E, TextOwnProps>;
+declare const defaultElement = "p";
+export declare function Text<E extends React.ElementType = typeof defaultElement>(props: TextProps<E>): JSX.Element;
+export {};

package/dist/esm/components/Text/index.js

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { getBreakpointsConfigClasses } from '../../utils';
+import { Component } from '../Component';
+const defaultElement = 'p';
+export function Text(props) {
+    const { align, className, color, column, decoration, dropcap, italic, size, transform, verticalAlign, weight, wrap, ...restProps } = props;
+    const alignClassName = React.useMemo(() => (typeof align === 'string'
+        ? `uk-text-${align}`
+        : getBreakpointsConfigClasses('uk', 'align', align)), [align]);
+    const columnClassName = React.useMemo(() => (typeof column === 'number'
+        ? `uk-column-1-${column}`
+        : getBreakpointsConfigClasses('uk', 'column-1', column)), [column]);
+    return (React.createElement(Component, { className: classNames(columnClassName, alignClassName, {
+            'uk-dropcap': dropcap,
+            [`uk-text-${color}`]: color !== undefined,
+            [`uk-text-${size}`]: size !== undefined,
+            [`uk-text-${transform}`]: transform !== undefined,
+            [`uk-text-${verticalAlign}`]: verticalAlign !== undefined,
+            [`uk-text-${weight}`]: weight !== undefined,
+            [`uk-text-${wrap}`]: wrap !== undefined,
+            'uk-text-decoration-none': decoration === 'none',
+            'uk-text-italic': italic,
+        }, className), component: defaultElement, ...restProps }));
+}

package/dist/esm/components/Tile/index.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { PolymorphicComponentProps } from '../Component';
+import './index.scss';
+export declare type TileOwnProps = {
+    preserveColor?: boolean;
+    size?: 'xsmall' | 'small' | 'large' | 'xlarge';
+    type?: 'default' | 'muted' | 'primary' | 'secondary' | 'tertiary';
+};
+export declare type TileProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentProps<E, TileOwnProps>;
+declare const defaultElement = "div";
+export declare function Tile<E extends React.ElementType = typeof defaultElement>(props: TileProps<E>): JSX.Element;
+export {};

package/dist/esm/components/Tile/index.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { Component } from '../Component';
+import './index.scss';
+const defaultElement = 'div';
+export function Tile(props) {
+    const { className, preserveColor, size, type, ...restProps } = props;
+    return (React.createElement(Component, { className: classNames('uk-tile', {
+            [`uk-tile-${size}`]: size !== undefined,
+            [`uk-tile-${type}`]: type !== undefined,
+            'uk-preserve-color': preserveColor,
+        }, className), component: defaultElement, ...restProps }));
+}

package/dist/esm/components/Width/Width.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { PolymorphicComponentProps } from '../Component';
+import type { WidthBreakpointsConfig, WidthSize } from './types';
+export interface WidthOwnProps extends WidthBreakpointsConfig {
+    size?: WidthSize;
+}
+export declare type WidthProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentProps<E, WidthOwnProps>;
+declare const defaultElement = "div";
+export declare function Width<E extends React.ElementType = typeof defaultElement>(props: WidthProps<E>): JSX.Element;
+export {};

package/dist/esm/components/Width/Width.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { Component } from '../Component';
+import { getWidthClassname } from './utils';
+const defaultElement = 'div';
+export function Width(props) {
+    const { className, size, s, m, l, xl, ...restProps } = props;
+    return (React.createElement(Component, { className: classNames(getWidthClassname(size, 'uk'), getWidthClassname({ l, m, s, xl }, 'uk'), className), component: defaultElement, ...restProps }));
+}

package/dist/esm/components/Width/index.d.ts

@@ -0,0 +1,4 @@
+import './index.scss';
+export * from './Width';
+export * from './types';
+export * from './utils';

package/dist/esm/components/Width/index.js

@@ -0,0 +1,4 @@
+import './index.scss';
+export * from './Width';
+export * from './types';
+export * from './utils';

package/dist/esm/components/Width/types.d.ts

@@ -0,0 +1,6 @@
+import type { BreakpointsConfig } from '../../types';
+export declare type WidthSize = 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge' | 'auto' | 'expand' | '1-1' | '1-2' | '1-3' | '1-4' | '1-5' | '1-6' | '2-3' | '2-5' | '3-4' | '3-5' | '4-5' | '5-6';
+export declare type BreakpointsWidthSize = Exclude<WidthSize, 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge'>;
+export declare type WidthBreakpointsConfig = BreakpointsConfig<BreakpointsWidthSize>;
+export declare type ChildWidthSize = 1 | 2 | 3 | 4 | 5 | 6 | 'auto' | 'expand';
+export declare type ChildWidthBreakpointsConfig = BreakpointsConfig<ChildWidthSize>;

package/dist/esm/components/Width/types.js

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

package/dist/esm/components/Width/utils.d.ts

@@ -0,0 +1,5 @@
+import type { ChildWidthBreakpointsConfig, ChildWidthSize, WidthBreakpointsConfig, WidthSize } from './types';
+export declare function getWidthClassname(value: WidthSize, prefixCls?: string): string;
+export declare function getWidthClassname(config: WidthBreakpointsConfig, prefixCl?: string): string;
+export declare function getChildWidthClassname(value: ChildWidthSize, prefixCls?: string): string;
+export declare function getChildWidthClassname(config: ChildWidthBreakpointsConfig, prefixCls?: string): string[];

package/dist/esm/components/Width/utils.js

@@ -0,0 +1,22 @@
+import { getBreakpointsConfigClasses } from '../../utils';
+export function getWidthClassname(valueOrConfig, prefixCls = 'uk') {
+    if (typeof valueOrConfig === 'string') {
+        return `${prefixCls}-width-${valueOrConfig}`;
+    }
+    if (typeof valueOrConfig === 'object' && !Array.isArray(valueOrConfig)) {
+        return getBreakpointsConfigClasses(prefixCls, 'width', valueOrConfig);
+    }
+    return undefined;
+}
+export function getChildWidthClassname(valueOrConfig, prefixCls = 'uk') {
+    if (typeof valueOrConfig === 'string' || typeof valueOrConfig === 'number') {
+        if (typeof valueOrConfig === 'string' && ['auto', 'expand'].includes(valueOrConfig)) {
+            return `${prefixCls}-child-width-${valueOrConfig}`;
+        }
+        return `${prefixCls}-child-width-1-${valueOrConfig}`;
+    }
+    if (typeof valueOrConfig === 'object' && !Array.isArray(valueOrConfig)) {
+        return Object.entries(valueOrConfig).map(([key, value]) => `${getChildWidthClassname(value)}${key !== 'default' ? `@${key}` : ''}`);
+    }
+    return undefined;
+}

package/dist/esm/index.d.ts

@@ -0,0 +1,40 @@
+export * from './components/Accordion';
+export * from './components/Alert';
+export * from './components/Align';
+export * from './components/Article';
+export * from './components/Badge';
+export * from './components/Breadcrumb';
+export * from './components/Button';
+export * from './components/Card';
+export * from './components/Close';
+export * from './components/Component';
+export * from './components/ConfrigProvider';
+export * from './components/Container';
+export * from './components/Control';
+export * from './components/Cover';
+export * from './components/DescriptionList';
+export * from './components/Divider';
+export * from './components/Dotnav';
+export * from './components/Drawer';
+export * from './components/Drop';
+export * from './components/Dropdown';
+export * from './components/Flex';
+export * from './components/Form';
+export * from './components/Grid';
+export * from './components/Heading';
+export * from './components/Icon';
+export * from './components/Iconnav';
+export * from './components/Label';
+export * from './components/Link';
+export * from './components/List';
+export * from './components/Modal';
+export * from './components/Nav';
+export * from './components/Navbar';
+export * from './components/Section';
+export * from './components/Spinner';
+export * from './components/Tabs';
+export * from './components/Text';
+export * from './components/Tile';
+export * from './components/Width';
+export * from './types';
+export * from './utils';