uikit-react-public 0.11.13

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

@@ -0,0 +1,10 @@
+import { ButtonHTMLAttributes } from 'react';
+import { MarginProps } from '../common/marginsStyle';
+export declare const NAME = "ucl-uikit-icon-button";
+export interface IconButtonBaseProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    testId?: string;
+}
+export type IconButtonProps = IconButtonBaseProps & MarginProps;
+export type Ref = HTMLButtonElement;
+declare const _default: import('react').NamedExoticComponent<IconButtonBaseProps & MarginProps & import('react').RefAttributes<HTMLButtonElement>>;
+export default _default;

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

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Disabled: Story;

package/dist/components/IconButton/__tests__/IconButton.test.d.ts

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

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

@@ -0,0 +1,2 @@
+export { default } from './IconButton';
+export type { IconButtonProps } from './IconButton';

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

@@ -0,0 +1,17 @@
+import { InputHTMLAttributes, ReactElement } from 'react';
+import { MarginProps } from '../common/marginsStyle';
+import { IconProps } from '../Icon';
+import { IconButtonProps } from '../IconButton/IconButton';
+export declare const NAME = "ucl-uikit-input";
+export declare const INPUT_NAME = "ucl-uikit-input__input";
+export interface InputBaseProps extends InputHTMLAttributes<HTMLInputElement> {
+    icon?: ReactElement<IconProps>;
+    iconPosition?: 'left' | 'right';
+    iconButton?: ReactElement<IconButtonProps>;
+    inputClassName?: string;
+    testId?: string;
+}
+export type InputProps = InputBaseProps & MarginProps;
+export type Ref = HTMLInputElement;
+declare const _default: import('react').NamedExoticComponent<InputBaseProps & MarginProps & import('react').RefAttributes<HTMLInputElement>>;
+export default _default;

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

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Input } from '../../../lib';
+declare const meta: Meta<typeof Input>;
+export default meta;
+type Story = StoryObj<typeof Input>;
+export declare const Default: Story;
+export declare const Placeholder: Story;
+export declare const Disabled: Story;
+export declare const LeftIcon: Story;
+export declare const RightIcon: Story;
+export declare const Password: Story;
+export declare const Email: Story;

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

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

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

@@ -0,0 +1,2 @@
+export { default } from './Input';
+export type { InputProps } from './Input';

package/dist/components/Label/Label.d.ts

@@ -0,0 +1,13 @@
+import { LabelHTMLAttributes } from 'react';
+import { MarginProps } from '../common/marginsStyle';
+export declare const NAME = "ucl-uikit-label";
+export interface LabelBaseProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    type?: 'block' | 'inline';
+    disabled?: boolean;
+    optional?: boolean;
+    testId?: string;
+}
+export type LabelProps = LabelBaseProps & MarginProps;
+export type Ref = HTMLLabelElement;
+declare const _default: import('react').NamedExoticComponent<LabelBaseProps & MarginProps & import('react').RefAttributes<HTMLLabelElement>>;
+export default _default;

package/dist/components/Label/Label.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').NamedExoticComponent<import('./Label').LabelBaseProps & import('../common/marginsStyle').MarginProps & import('react').RefAttributes<HTMLLabelElement>>;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Inline: Story;
+export declare const Disabled: Story;
+export declare const Optional: Story;
+export declare const WithLongText: Story;

package/dist/components/Label/__tests__/Label.test.d.ts

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

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

@@ -0,0 +1,2 @@
+export { default } from './Label';
+export type { LabelProps } from './Label';

package/dist/components/Layout/Layout.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export declare const NAME = "ucl-uikit-layout";
+export interface LayoutProps extends HTMLAttributes<HTMLDivElement> {
+    testId?: string;
+}
+declare const Layout: ({ children, testId, className, ...props }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
+export default Layout;

package/dist/components/Layout/Layout.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ children, testId, className, ...props }: import('./Layout').LayoutProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const ThreeColumns: Story;
+export declare const FourColumns: Story;
+export declare const GenericScreen: Story;
+export declare const CreativeGrid: Story;

package/dist/components/Layout/__tests__/Layout.test.d.ts

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

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

@@ -0,0 +1,2 @@
+export { default } from './Layout';
+export type { LayoutProps } from './Layout';

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

@@ -0,0 +1,11 @@
+import { AnchorHTMLAttributes, ElementType, ComponentPropsWithRef } from 'react';
+export declare const NAME = "ucl-link";
+export interface LinkBaseProps {
+    noVisited?: boolean;
+    testId?: string;
+    component?: ElementType;
+}
+export type LinkProps<C extends ElementType = 'a'> = LinkBaseProps & (C extends 'a' ? AnchorHTMLAttributes<HTMLAnchorElement> : Omit<ComponentPropsWithRef<C>, keyof LinkBaseProps>);
+export type Ref = HTMLAnchorElement;
+declare const _default: import('react').NamedExoticComponent<LinkBaseProps & AnchorHTMLAttributes<HTMLAnchorElement> & import('react').RefAttributes<HTMLAnchorElement>>;
+export default _default;

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

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').NamedExoticComponent<import('./Link').LinkBaseProps & import('react').AnchorHTMLAttributes<HTMLAnchorElement> & import('react').RefAttributes<HTMLAnchorElement>>;
+    args: {
+        children: string;
+        href: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const NewTab: Story;

package/dist/components/Link/__tests__/link.test.d.ts

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

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

@@ -0,0 +1,2 @@
+export { default } from './Link';
+export type { LinkProps, LinkBaseProps } from './Link';

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

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+interface IContext {
+    isOpen: boolean;
+    toggleMenu: () => void;
+    triggerRef: React.RefObject<HTMLButtonElement | null>;
+    contentRef: React.RefObject<HTMLDivElement | null>;
+}
+export declare const AppMenuContext: React.Context<IContext>;
+export declare const useAppMenu: () => IContext;
+declare const MenuProvider: ({ defaultOpen, children, }: {
+    defaultOpen?: boolean;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default MenuProvider;

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

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'react';
+import { default as MenuItem } from './MenuItem';
+import { default as MenuSection } from './MenuSection';
+export declare const NAME = "ucl-uikit-menu";
+export interface MenuProps extends HTMLAttributes<HTMLDivElement> {
+    defaultOpen?: boolean;
+    title?: string;
+    menuId?: string;
+    testId?: string;
+}
+export interface IMenuSubComponents {
+    Section: typeof MenuSection;
+    Item: typeof MenuItem;
+}
+declare const MemoMenu: import('react').MemoExoticComponent<({ defaultOpen, title, menuId, testId, children, className, ...props }: MenuProps) => import("react/jsx-runtime").JSX.Element>;
+declare const MenuWithSubComponents: typeof MemoMenu & IMenuSubComponents;
+export default MenuWithSubComponents;

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

@@ -0,0 +1,8 @@
+import { default as React, HTMLAttributes } from 'react';
+export declare const NAME = "ucl-uikit-menu__content";
+export interface MenuContentProps extends HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    testId?: string;
+}
+declare const _default: React.NamedExoticComponent<MenuContentProps>;
+export default _default;

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

@@ -0,0 +1,8 @@
+import { default as React, LiHTMLAttributes } from 'react';
+export declare const NAME = "ucl-uikit-menu__item";
+export interface MenuItemProps extends LiHTMLAttributes<HTMLLIElement> {
+    testId?: string;
+    icon?: React.ReactNode;
+}
+declare const _default: React.NamedExoticComponent<MenuItemProps>;
+export default _default;

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

@@ -0,0 +1,7 @@
+import { default as React, HTMLAttributes } from 'react';
+export declare const NAME = "ucl-uikit-menu__section";
+export interface MenuSectionProps extends HTMLAttributes<HTMLElement> {
+    testId?: string;
+}
+declare const MenuSection: React.FC<MenuSectionProps>;
+export default MenuSection;

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

@@ -0,0 +1,7 @@
+import { IconButtonProps } from '..';
+export declare const NAME = "ucl-uikit-menu__trigger";
+export declare const DEFAULT_ARIA_LABEL = "Menu button";
+export interface MenuTriggerProps extends IconButtonProps {
+}
+declare const _default: import('react').MemoExoticComponent<({ className, ...props }: MenuTriggerProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

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

@@ -0,0 +1,6 @@
+export { default } from './Menu';
+export type { MenuProps } from './Menu';
+export { default as MenuTrigger } from './MenuTrigger';
+export type { MenuTriggerProps } from './MenuTrigger';
+export { default as MenuContent } from './MenuContent';
+export type { MenuContentProps } from './MenuContent';

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

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from 'react';
+export declare const NAME = "ucl-modal";
+export interface ModalProps extends HTMLAttributes<HTMLDivElement> {
+    centered?: boolean;
+    closeOnClickOutside?: boolean;
+    onClose?: () => void;
+    testId?: string;
+}
+export type Ref = HTMLDivElement;
+declare const _default: import('react').NamedExoticComponent<ModalProps & import('react').RefAttributes<HTMLDivElement>>;
+export default _default;

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

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').NamedExoticComponent<import('./Modal').ModalProps & import('react').RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    args: {
+        children: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Centered: Story;
+export declare const WithContentInside: Story;

package/dist/components/Modal/__tests__/Modal.test.d.ts

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

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

@@ -0,0 +1,2 @@
+export { default } from './Modal';
+export type { ModalProps } from './Modal';

package/dist/components/Overlay/Overlay.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes, RefObject, ReactElement } from 'react';
+import { Placement } from '@floating-ui/react-dom';
+export declare const NAME = "ucl-overlay";
+export interface OverlayProps extends HTMLAttributes<HTMLDivElement> {
+    reference: RefObject<HTMLElement | null>;
+    placement?: Placement;
+    blanket?: boolean;
+    flip?: boolean;
+    shift?: boolean;
+    offset?: number;
+    arrow?: ReactElement;
+    arrowClassName?: string;
+    onBlanketClick?: (ev: React.MouseEvent<HTMLDivElement>) => void;
+}
+export type Ref = HTMLDivElement | null;
+declare const _default: import('react').NamedExoticComponent<OverlayProps & import('react').RefAttributes<Ref>>;
+export default _default;