@apple-pie/slice 0.0.0

package/dist/type.css

@@ -0,0 +1,16 @@
+@import url("https://fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&display=swap");
+
+:root {
+	--font-family: "Funnel Sans";
+	--font-weight-regular: 360;
+	--font-weight-medium: 420;
+	--font-weight-bold: 480;
+	--font-size-xs: 12px;
+	--font-size-s: 14px;
+	--font-size-m: 15px;
+	--font-size-l: 16px;
+}
+
+body {
+	font-family: "Funnel Sans", sans-serif;
+}

package/dist/type.module.css

@@ -0,0 +1,161 @@
+.body-xs-regular {
+	font-family: var(--font-family), sans-serif;
+	font-weight: var(--font-weight-regular);
+	font-size: var(--font-size-xs);
+	line-height: 133.33%;
+	text-decoration: none;
+	letter-spacing: 0.2px;
+}
+
+.body-xs-medium {
+	font-family: var(--font-family), sans-serif;
+	font-weight: var(--font-weight-medium);
+	font-size: var(--font-size-xs);
+	line-height: 133.33%;
+	text-decoration: none;
+	letter-spacing: 0.2px;
+}
+
+.body-xs-bold {
+	font-family: var(--font-family), sans-serif;
+	font-weight: var(--font-weight-bold);
+	font-size: var(--font-size-xs);
+	line-height: 133.33%;
+	text-decoration: none;
+	letter-spacing: 0.25px;
+}
+
+.body-s-regular {
+	font-family: var(--font-family), sans-serif;
+	font-weight: var(--font-weight-regular);
+	font-size: var(--font-size-s);
+	line-height: 142.86%;
+	text-decoration: none;
+	letter-spacing: 0.15px;
+}
+
+.body-s-medium {
+	font-family: var(--font-family), sans-serif;
+	font-weight: var(--font-weight-medium);
+	font-size: var(--font-size-s);
+	line-height: 142.86%;
+	text-decoration: none;
+	letter-spacing: 0.15px;
+}
+
+.body-s-bold {
+	font-family: var(--font-family), sans-serif;
+	font-weight: var(--font-weight-bold);
+	font-size: var(--font-size-s);
+	line-height: 142.86%;
+	text-decoration: none;
+	letter-spacing: 0.2px;
+}
+
+.body-m-regular {
+	font-family: var(--font-family), sans-serif;
+	font-weight: var(--font-weight-regular);
+	font-size: var(--font-size-m);
+	line-height: 140%;
+	text-decoration: none;
+	letter-spacing: 0.15px;
+}
+
+.body-m-medium {
+	font-family: var(--font-family), sans-serif;
+	font-weight: var(--font-weight-medium);
+	font-size: var(--font-size-m);
+	line-height: 140%;
+	text-decoration: none;
+	letter-spacing: 0.15px;
+}
+
+.body-m-bold {
+	font-family: var(--font-family), sans-serif;
+	font-weight: var(--font-weight-bold);
+	font-size: var(--font-size-m);
+	line-height: 140%;
+	text-decoration: none;
+	letter-spacing: 0.2px;
+}
+
+.body-l-regular {
+	font-family: var(--font-family), sans-serif;
+	font-weight: var(--font-weight-regular);
+	font-size: var(--font-size-l);
+	line-height: 162.5%;
+	text-decoration: none;
+	letter-spacing: 0.1px;
+}
+
+.body-l-medium {
+	font-family: var(--font-family), sans-serif;
+	font-weight: var(--font-weight-medium);
+	font-size: var(--font-size-l);
+	line-height: 162.5%;
+	text-decoration: none;
+	letter-spacing: 0.1px;
+}
+
+.body-l-bold {
+	font-family: var(--font-family), sans-serif;
+	font-weight: var(--font-weight-bold);
+	font-size: var(--font-size-l);
+	line-height: 162.5%;
+	text-decoration: none;
+	letter-spacing: 0.15px;
+}
+
+.heading-s-bold {
+	font-family: var(--font-family), sans-serif;
+	font-weight: 650;
+	font-size: 20px;
+	line-height: 140%;
+	text-decoration: none;
+	letter-spacing: 0.2px;
+}
+
+.heading-s-medium {
+	font-family: var(--font-family), sans-serif;
+	font-weight: 560;
+	font-size: 20px;
+	line-height: 140%;
+	text-decoration: none;
+	letter-spacing: 0.2px;
+}
+
+.heading-m-bold {
+	font-family: var(--font-family), sans-serif;
+	font-weight: 650;
+	font-size: 24px;
+	line-height: 116.67%;
+	text-decoration: none;
+	letter-spacing: 0.2px;
+}
+
+.heading-m-medium {
+	font-family: var(--font-family), sans-serif;
+	font-weight: 560;
+	font-size: 24px;
+	line-height: 116.67%;
+	text-decoration: none;
+	letter-spacing: 0.2px;
+}
+
+.heading-l-medium {
+	font-family: var(--font-family), sans-serif;
+	font-weight: 560;
+	font-size: 28px;
+	line-height: 128.57%;
+	text-decoration: none;
+	letter-spacing: 0.2px;
+}
+
+.heading-l-bold {
+	font-family: var(--font-family), sans-serif;
+	font-weight: 650;
+	font-size: 28px;
+	line-height: 128.57%;
+	text-decoration: none;
+	letter-spacing: 0.2px;
+}

package/dist/types/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useTheme } from './useTheme';
+export { useMayaTheme } from './useMayaTheme';

package/dist/types/hooks/useMayaTheme.d.ts

@@ -0,0 +1,7 @@
+import { type MayaTheme } from '../theme/themes';
+export declare function useMayaTheme(): {
+    darkTheme: MayaTheme;
+    lightTheme: MayaTheme;
+    currentTheme: MayaTheme;
+    setTheme: (newTheme: MayaTheme | string) => void;
+};

package/dist/types/hooks/useObserveResize.d.ts

@@ -0,0 +1,9 @@
+import { type RefObject } from 'react';
+type Size = {
+    height: number;
+    width: number;
+};
+export declare function useObserveResize(element: RefObject<HTMLDivElement | null> | undefined, options?: {
+    ignore?: 'width' | 'height';
+}): Size;
+export {};

package/dist/types/hooks/useTheme.d.ts

@@ -0,0 +1,2 @@
+import { type MayaTheme } from '../theme/themes';
+export declare function useTheme(): MayaTheme;

package/dist/types/hooks/useTrackRenders.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Hook to log component renders, mounts, and unmounts
+ * Note: wrap in comments with START.DEBUG ... {hook} ... END.DEBUG to remove from build
+ */
+export declare function useTrackRenders(props: any, componentName?: string): void;

package/dist/types/index.d.ts

@@ -0,0 +1,74 @@
+export type { ToolTip, ToolTipInfo } from './uikit/sharedTypes';
+export { ToolTipType } from './uikit/sharedTypes';
+export { light, dark, lightTheme, darkTheme, } from './theme/index';
+export type { MayaTheme, Colors, Type, Corners, } from './theme/index';
+export { useTheme, useMayaTheme } from './hooks/index';
+export { Avatar } from './uikit/Avatar/index';
+export type { AvatarProps } from './uikit/Avatar/index';
+export { AvatarGroup } from './uikit/AvatarGroup';
+export type { AvatarGroupProps, AvatarInfo } from './uikit/AvatarGroup';
+export { Badge } from './uikit/Badge';
+export type { BadgeProps } from './uikit/Badge';
+export { EditorButtonBar } from './uikit/EditorButtonBar';
+export type { EditorButtonBarProps } from './uikit/EditorButtonBar';
+export { IconButton } from './uikit/IconButton';
+export type { IconButtonProps } from './uikit/IconButton';
+export { CheckBox } from './uikit/CheckBox';
+export type { CheckBoxProps } from './uikit/CheckBox';
+export { DivInput } from './uikit/DivInput';
+export type { DivInputProps } from './uikit/DivInput';
+export { DocIcons } from './uikit/DocIcon';
+export type { DocsProps } from './uikit/DocIcon';
+export { Dot } from './uikit/Dot';
+export type { DotProps } from './uikit/Dot';
+export { DraggablePanel } from './uikit/DraggablePanel';
+export type { DraggablePanelProps } from './uikit/DraggablePanel';
+export { DropDown } from './uikit/DropDown';
+export type { DropDownOption, DropDownProps } from './uikit/DropDown';
+export { ErrorSummary } from './uikit/ErrorSummary';
+export type { ErrorMessage, ErrorSummaryProps } from './uikit/ErrorSummary';
+export { Grouper } from './uikit/Grouper';
+export type { GrouperProps } from './uikit/Grouper';
+export { Logos } from './uikit/Logos';
+export type { LogoProps } from './uikit/Logos';
+export { Overlay } from './uikit/Overlay';
+export type { OverlayProps } from './uikit/Overlay';
+export { FlexDiv } from './uikit/FlexDiv';
+export type { FlexDivProps } from './uikit/FlexDiv';
+export { MessageInput } from './uikit/MessageInput';
+export type { MessageInputProps, SendMessage, UploadDocument, } from './uikit/MessageInput';
+export type { PromptType, Role, } from './uikit/MessageInput/_types';
+export { Pager } from './uikit/Pager';
+export type { PagerProps } from './uikit/Pager';
+export { DoneCheck, ProgressIndicator } from './uikit/Progress';
+export type { DoneCheckProps, ProgressIndicatorProps } from './uikit/Progress';
+export { RadioButton } from './uikit/RadioButton';
+export type { RadioButtonProps, RadioButtonOption } from './uikit/RadioButton';
+export { RadioButtonList } from './uikit/RadioButtonList';
+export type { RadioButtonListProps } from './uikit/RadioButtonList';
+export { Slider } from './uikit/Slider';
+export type { SliderProps } from './uikit/Slider';
+export { Spacer } from './uikit/Spacer';
+export { Switch } from './uikit/Switch';
+export type { SwitchProps } from './uikit/Switch';
+export { TabBar } from './uikit/TabBar';
+export type { TabOption, TabBarProps } from './uikit/TabBar';
+export { TextArea } from './uikit/TextArea';
+export type { TextAreaProps, Tip } from './uikit/TextArea';
+export { TextField } from './uikit/Textfield';
+export type { TextFieldProps } from './uikit/Textfield';
+export { UIButton } from './uikit/UIButton';
+export type { UIButtonProps, UIButtonHandle } from './uikit/UIButton';
+export { UIChip } from './uikit/UIChip';
+export type { UIChipProps } from './uikit/UIChip';
+export { Icon } from './uikit/Icon';
+export type { IconNames, IconProps } from './uikit/Icon/_types';
+export { UIButtonBar } from './uikit/UIButtonBar';
+export type { BarButton, UIButtonBarProps } from './uikit/UIButtonBar/_types';
+export { UICard } from './uikit/UICard';
+export type { UICardProps } from './uikit/UICard/_types';
+export { UIFileIcon } from './uikit/UIFileIcon';
+export type { UIFileIconProps } from './uikit/UIFileIcon';
+export type { UIFileIcons } from './uikit/UIFileIcon/_types';
+export { UILabel } from './uikit/UILabel';
+export type { UILabelProps } from './uikit/UILabel';

package/dist/types/providers/ThemeProvider.d.ts

@@ -0,0 +1,9 @@
+import type React from 'react';
+import '../theme/colors/colors.css';
+import '../theme/type/type.css';
+interface ThemeProviderProps {
+    children?: React.ReactNode;
+    theme?: string;
+}
+export declare function ThemeProvider(props: Readonly<ThemeProviderProps>): React.ReactNode;
+export {};

package/dist/types/providers/index.d.ts

@@ -0,0 +1 @@
+export { ThemeProvider } from './ThemeProvider';

package/dist/types/theme/colors/colors.d.ts

@@ -0,0 +1,4 @@
+import type { Colors, CoreColors } from './types';
+export declare const coreColors: CoreColors;
+export declare const light: Colors;
+export declare const dark: Colors;

package/dist/types/theme/colors/types.d.ts

@@ -0,0 +1,160 @@
+export type CoreColors = {
+    'brand-grey-100': string;
+    'brand-grey-200': string;
+    'brand-grey-300': string;
+    'brand-grey-400': string;
+    'brand-grey-50': string;
+    'brand-grey-500': string;
+    'brand-grey-600': string;
+    'brand-grey-700': string;
+    'brand-grey-800': string;
+    'brand-grey-900': string;
+    'brand-grey-950': string;
+    'brand-land-100': string;
+    'brand-land-200': string;
+    'brand-land-300': string;
+    'brand-land-400': string;
+    'brand-land-50': string;
+    'brand-land-500': string;
+    'brand-land-600': string;
+    'brand-land-700': string;
+    'brand-land-800': string;
+    'brand-land-900': string;
+    'brand-land-950': string;
+    'brand-magenta-100': string;
+    'brand-magenta-200': string;
+    'brand-magenta-300': string;
+    'brand-magenta-400': string;
+    'brand-magenta-50': string;
+    'brand-magenta-500': string;
+    'brand-magenta-600': string;
+    'brand-magenta-700': string;
+    'brand-magenta-800': string;
+    'brand-magenta-900': string;
+    'brand-magenta-950': string;
+    'brand-orange-100': string;
+    'brand-orange-200': string;
+    'brand-orange-300': string;
+    'brand-orange-400': string;
+    'brand-orange-50': string;
+    'brand-orange-500': string;
+    'brand-orange-600': string;
+    'brand-orange-700': string;
+    'brand-orange-800': string;
+    'brand-orange-900': string;
+    'brand-orange-950': string;
+    'brand-purple-100': string;
+    'brand-purple-200': string;
+    'brand-purple-300': string;
+    'brand-purple-400': string;
+    'brand-purple-50': string;
+    'brand-purple-500': string;
+    'brand-purple-600': string;
+    'brand-purple-700': string;
+    'brand-purple-800': string;
+    'brand-purple-900': string;
+    'brand-purple-950': string;
+    'brand-sea-100': string;
+    'brand-sea-200': string;
+    'brand-sea-300': string;
+    'brand-sea-400': string;
+    'brand-sea-50': string;
+    'brand-sea-500': string;
+    'brand-sea-600': string;
+    'brand-sea-700': string;
+    'brand-sea-800': string;
+    'brand-sea-900': string;
+    'brand-sea-950': string;
+    'brand-sky-100': string;
+    'brand-sky-200': string;
+    'brand-sky-300': string;
+    'brand-sky-400': string;
+    'brand-sky-50': string;
+    'brand-sky-500': string;
+    'brand-sky-600': string;
+    'brand-sky-700': string;
+    'brand-sky-800': string;
+    'brand-sky-900': string;
+    'brand-sky-950': string;
+    'brand-white-0': string;
+    'brand-yellow-100': string;
+    'brand-yellow-200': string;
+    'brand-yellow-300': string;
+    'brand-yellow-400': string;
+    'brand-yellow-50': string;
+    'brand-yellow-500': string;
+    'brand-yellow-600': string;
+    'brand-yellow-700': string;
+    'brand-yellow-800': string;
+    'brand-yellow-900': string;
+    'brand-yellow-950': string;
+    'product-red-400': string;
+    'product-red-500': string;
+};
+export type Colors = {
+    'array-land': string;
+    'array-land-label': string;
+    'array-magenta': string;
+    'array-magenta-label': string;
+    'array-orange': string;
+    'array-orange-label': string;
+    'array-purple': string;
+    'array-purple-label': string;
+    'array-sea': string;
+    'array-sea-label': string;
+    'array-sky': string;
+    'array-sky-label': string;
+    'array-yellow': string;
+    'array-yellow-label': string;
+    'core-badge-primary': string;
+    'core-badge-secondary': string;
+    'core-button-disabled': string;
+    'core-button-primary': string;
+    'core-drop-shadow': string;
+    'core-gp-logo-primary': string;
+    'core-gp-logo-secondary': string;
+    'core-icon-dark': string;
+    'core-icon-disabled': string;
+    'core-icon-error': string;
+    'core-icon-light': string;
+    'core-icon-primary': string;
+    'core-icon-secondary': string;
+    'core-icon-tertiary': string;
+    'core-outline-secondary': string;
+    'core-outline-primary': string;
+    'core-outline-special': string;
+    'core-outline-tertiary': string;
+    'core-surface-coverup-translucent': string;
+    'core-surface-overlay-translucent': string;
+    'core-surface-primary': string;
+    'core-surface-secondary': string;
+    'core-surface-special': string;
+    'core-text-dark': string;
+    'core-text-disabled': string;
+    'core-text-error': string;
+    'core-text-light': string;
+    'core-text-primary': string;
+    'core-text-secondary': string;
+    'core-text-special': string;
+    'core-text-tertiary': string;
+    'core-link-primary': string;
+    'eor-tag-employee': string;
+    'eor-tag-overdue': string;
+    'eor-tag-paid': string;
+    'eor-tag-pending': string;
+    'eor-tag-professional': string;
+    'feedback-attention': string;
+    'feedback-informative': string;
+    'feedback-positive': string;
+    'feedback-urgency': string;
+    'feedback-warning': string;
+    'gia-tag-risk-high': string;
+    'gia-tag-risk-low': string;
+    'gia-tag-risk-moderate': string;
+    'gia-text-excerpt-highlight': string;
+    'gia-text-selection': string;
+    'scroll-bar': string;
+    'scroll-bar-hover': string;
+    'surface-shadow-soft': string;
+    'surface-shadow-strong': string;
+};

package/dist/types/theme/corners/corners.d.ts

@@ -0,0 +1,2 @@
+import type { Corners } from './types';
+export declare const corners: Corners;

package/dist/types/theme/corners/types.d.ts

@@ -0,0 +1,10 @@
+export type Corners = {
+    'corner-0': number;
+    'corner-4': number;
+    'corner-6': number;
+    'corner-8': number;
+    'corner-12': number;
+    'corner-16': number;
+    'corner-24': number;
+    'corner-full': number;
+};

package/dist/types/theme/index.d.ts

@@ -0,0 +1,5 @@
+export { type MayaTheme, darkTheme, lightTheme, } from './themes';
+export type { Colors } from './colors/types';
+export type { Type } from './type/types';
+export type { Corners } from './corners/types';
+export { light, dark } from './colors/colors';

package/dist/types/theme/themes.d.ts

@@ -0,0 +1,12 @@
+import type { Colors, CoreColors } from './colors/types';
+import type { Corners } from './corners/types';
+import type { Type } from './type/types';
+export type MayaTheme = {
+    name: string;
+    coreColors: CoreColors;
+    colors: Colors;
+    type: Type;
+    corners: Corners;
+};
+export declare const lightTheme: MayaTheme;
+export declare const darkTheme: MayaTheme;

package/dist/types/theme/type/type.d.ts

@@ -0,0 +1,2 @@
+import type { Type } from './types';
+export declare const type: Type;

package/dist/types/theme/type/types.d.ts

@@ -0,0 +1,20 @@
+export type Type = {
+    'body-xs-regular': string;
+    'body-xs-medium': string;
+    'body-xs-bold': string;
+    'body-s-regular': string;
+    'body-s-medium': string;
+    'body-s-bold': string;
+    'body-m-regular': string;
+    'body-m-medium': string;
+    'body-m-bold': string;
+    'body-l-regular': string;
+    'body-l-medium': string;
+    'body-l-bold': string;
+    'heading-s-bold': string;
+    'heading-s-medium': string;
+    'heading-m-bold': string;
+    'heading-m-medium': string;
+    'heading-l-bold': string;
+    'heading-l-medium': string;
+};

package/dist/types/uikit/Avatar/Avatar.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { AvatarProps } from './_types';
+export declare const Avatar: React.MemoExoticComponent<(props: AvatarProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/types/uikit/Avatar/AvatarInline.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Avatar } from './Avatar';
+declare const meta: Meta<typeof Avatar>;
+export default meta;
+export declare const Default: StoryObj<typeof Avatar>;
+export declare const InteractiveWithInitials: StoryObj<typeof Avatar>;
+export declare const AutoSizingInitials: StoryObj<typeof Avatar>;

package/dist/types/uikit/Avatar/_types.d.ts

@@ -0,0 +1,19 @@
+import type React from 'react';
+import type { ToolTip } from '../sharedTypes';
+export interface AvatarProps {
+    size?: number;
+    frame?: number;
+    first?: string;
+    last?: string;
+    image?: string;
+    border?: number;
+    color?: string;
+    borderColor?: string;
+    bgColor?: string;
+    firstOnly?: boolean;
+    fontSize?: number | 'auto';
+    onToolTip?: (tip: ToolTip | null) => void;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLDivElement>) => void;
+    tabIndex?: number;
+}

package/dist/types/uikit/Avatar/index.d.ts

@@ -0,0 +1,2 @@
+export { Avatar } from './Avatar';
+export type { AvatarProps } from './_types';

package/dist/types/uikit/AvatarGroup/AvatarGroup.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { AvatarGroupProps } from './_types';
+export declare const AvatarGroup: React.MemoExoticComponent<(props: AvatarGroupProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/types/uikit/AvatarGroup/_types.d.ts

@@ -0,0 +1,21 @@
+import type { ToolTip } from '../sharedTypes';
+export type AvatarInfo = {
+    first?: string;
+    last?: string;
+    image?: any;
+    avatar?: string;
+    email?: string;
+    color?: string;
+    bgColor?: string;
+};
+export interface AvatarGroupProps {
+    avatars?: AvatarInfo[] | null;
+    size?: number;
+    overlap?: number;
+    border?: number;
+    borderColor?: string;
+    gap?: number;
+    margin?: number;
+    firstOnly?: boolean;
+    onToolTip?: (tip: ToolTip | null) => void;
+}

package/dist/types/uikit/AvatarGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { AvatarGroup } from './AvatarGroup';
+export type { AvatarGroupProps, AvatarInfo } from './_types';

package/dist/types/uikit/Badge/Badge.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { BadgeProps } from './_types';
+export declare const Badge: React.MemoExoticComponent<(props: BadgeProps) => import("react/jsx-runtime").JSX.Element | null>;

package/dist/types/uikit/Badge/_types.d.ts

@@ -0,0 +1,5 @@
+export interface BadgeProps {
+    count?: number | string;
+    hideNull?: boolean;
+    variant?: 'light' | 'dark';
+}

package/dist/types/uikit/Badge/index.d.ts

@@ -0,0 +1,2 @@
+export { Badge } from './Badge';
+export type { BadgeProps } from './_types';

package/dist/types/uikit/CheckBox/CheckBox.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { CheckBoxProps } from './_types';
+export declare const CheckBox: React.MemoExoticComponent<(props: CheckBoxProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/types/uikit/CheckBox/_types.d.ts

@@ -0,0 +1,8 @@
+export interface CheckBoxProps {
+    size?: number;
+    checked?: 'mixed' | boolean;
+    disabled?: boolean;
+    color?: string;
+    label?: string;
+    onChange?: (state: boolean) => void;
+}

package/dist/types/uikit/CheckBox/index.d.ts

@@ -0,0 +1,2 @@
+export { CheckBox } from './CheckBox';
+export type { CheckBoxProps } from './_types';

package/dist/types/uikit/DivInput/DivInput.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { DivInputProps } from './_types';
+export declare const DivInput: React.MemoExoticComponent<(props: DivInputProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/types/uikit/DivInput/_types.d.ts

@@ -0,0 +1,21 @@
+import type React from 'react';
+export interface DivInputProps {
+    name?: string;
+    onClick?: () => void;
+    onDblClick?: () => void;
+    onChange?: (value: string | null) => void;
+    onSubmit?: (value: string) => void;
+    onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
+    onBlur?: (value: string) => void;
+    placeholder?: string;
+    value?: string;
+    isEditable?: boolean;
+    wrap?: boolean;
+    focus?: boolean;
+    width?: number | string;
+    textAlign?: 'left' | 'center' | 'right';
+    clamp?: number;
+    padding?: string;
+    radius?: number;
+    bgColor?: string;
+}

package/dist/types/uikit/DivInput/index.d.ts

@@ -0,0 +1,2 @@
+export { DivInput } from './DivInput';
+export type { DivInputProps } from './_types';