@apple-pie/slice 0.0.0 → 0.0.2

package/dist/esm/uikit/TabBar.js

@@ -0,0 +1,19 @@
+export { T as TabBar } from '../chunks/TabBar-BSBcgTbd.js';
+import '../chunks/tslib.es6-0pkUdtrF.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../hooks/useTheme.js';
+import '../theme/themes.js';
+import '../theme/colors.js';
+import '../theme/corners.js';
+import '../theme/type.js';
+import '../hooks/useObserveTheme.js';
+import '../hooks/useWindow.js';
+import '../chunks/Badge-PPf5Uvw3.js';
+import '../chunks/style-inject.es-tgCJW-Cu.js';
+import '../chunks/_types-BaYeLEWK.js';
+import '../chunks/utils-BRZK2Drn.js';
+import '../chunks/IconButton-CguHGkBM.js';
+import 'motion/react';
+import '../chunks/Dot-B84UVs2e.js';
+import '../chunks/sharedTypes-BfZzG1KX.js';

package/dist/esm/uikit/TextArea.js

@@ -0,0 +1,20 @@
+export { T as TextArea } from '../chunks/TextArea-COM0UPo2.js';
+import '../chunks/tslib.es6-0pkUdtrF.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../chunks/UIButton-DKx-_O8h.js';
+import 'motion/react';
+import '../hooks/useTheme.js';
+import '../theme/themes.js';
+import '../theme/colors.js';
+import '../theme/corners.js';
+import '../theme/type.js';
+import '../hooks/useObserveTheme.js';
+import '../hooks/useWindow.js';
+import '../chunks/Badge-PPf5Uvw3.js';
+import '../chunks/style-inject.es-tgCJW-Cu.js';
+import '../chunks/Dot-B84UVs2e.js';
+import '../chunks/_types-BaYeLEWK.js';
+import '../chunks/utils-BRZK2Drn.js';
+import '../chunks/ProgressIndicator-BVukxMU6.js';
+import '../chunks/sharedTypes-BfZzG1KX.js';

package/dist/esm/uikit/Textfield.js

@@ -0,0 +1,21 @@
+export { T as TextField } from '../chunks/TextField-Bh24bRWs.js';
+import '../chunks/tslib.es6-0pkUdtrF.js';
+import 'react/jsx-runtime';
+import 'motion/react';
+import 'react';
+import '../hooks/useTheme.js';
+import '../theme/themes.js';
+import '../theme/colors.js';
+import '../theme/corners.js';
+import '../theme/type.js';
+import '../hooks/useObserveTheme.js';
+import '../hooks/useWindow.js';
+import '../chunks/_types-BaYeLEWK.js';
+import '../chunks/utils-BRZK2Drn.js';
+import '../chunks/IconButton-CguHGkBM.js';
+import '../chunks/Badge-PPf5Uvw3.js';
+import '../chunks/style-inject.es-tgCJW-Cu.js';
+import '../chunks/Dot-B84UVs2e.js';
+import '../chunks/sharedTypes-BfZzG1KX.js';
+import '../chunks/UIButton-DKx-_O8h.js';
+import '../chunks/ProgressIndicator-BVukxMU6.js';

package/dist/esm/uikit/Tip.js

@@ -0,0 +1,7 @@
+export { T as Tip } from '../chunks/Tip-Ct19Ljul.js';
+import '../chunks/tslib.es6-0pkUdtrF.js';
+import 'react/jsx-runtime';
+import 'motion/react';
+import 'react';
+import '../chunks/utils-BRZK2Drn.js';
+import '../chunks/style-inject.es-tgCJW-Cu.js';

package/dist/esm/uikit/Toast.js

@@ -0,0 +1,15 @@
+export { T as Toast, a as ToastType } from '../chunks/Toast-BR0oMX6z.js';
+import '../chunks/tslib.es6-0pkUdtrF.js';
+import 'react/jsx-runtime';
+import 'motion/react';
+import 'react';
+import '../hooks/useTheme.js';
+import '../theme/themes.js';
+import '../theme/colors.js';
+import '../theme/corners.js';
+import '../theme/type.js';
+import '../hooks/useObserveTheme.js';
+import '../hooks/useWindow.js';
+import '../chunks/utils-BRZK2Drn.js';
+import '../chunks/_types-BaYeLEWK.js';
+import '../chunks/style-inject.es-tgCJW-Cu.js';

package/dist/esm/uikit/UIButton.js

@@ -0,0 +1,19 @@
+export { U as UIButton } from '../chunks/UIButton-DKx-_O8h.js';
+import '../chunks/tslib.es6-0pkUdtrF.js';
+import 'react/jsx-runtime';
+import 'motion/react';
+import 'react';
+import '../hooks/useTheme.js';
+import '../theme/themes.js';
+import '../theme/colors.js';
+import '../theme/corners.js';
+import '../theme/type.js';
+import '../hooks/useObserveTheme.js';
+import '../hooks/useWindow.js';
+import '../chunks/Badge-PPf5Uvw3.js';
+import '../chunks/style-inject.es-tgCJW-Cu.js';
+import '../chunks/Dot-B84UVs2e.js';
+import '../chunks/_types-BaYeLEWK.js';
+import '../chunks/utils-BRZK2Drn.js';
+import '../chunks/ProgressIndicator-BVukxMU6.js';
+import '../chunks/sharedTypes-BfZzG1KX.js';

package/dist/esm/uikit/UIButtonBar.js

@@ -0,0 +1,19 @@
+export { U as UIButtonBar } from '../chunks/UIButtonBar-BNdA5eVq.js';
+import '../chunks/tslib.es6-0pkUdtrF.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../hooks/useTheme.js';
+import '../theme/themes.js';
+import '../theme/colors.js';
+import '../theme/corners.js';
+import '../theme/type.js';
+import '../hooks/useObserveTheme.js';
+import '../hooks/useWindow.js';
+import '../chunks/IconButton-CguHGkBM.js';
+import 'motion/react';
+import '../chunks/Badge-PPf5Uvw3.js';
+import '../chunks/style-inject.es-tgCJW-Cu.js';
+import '../chunks/Dot-B84UVs2e.js';
+import '../chunks/_types-BaYeLEWK.js';
+import '../chunks/utils-BRZK2Drn.js';
+import '../chunks/sharedTypes-BfZzG1KX.js';

package/dist/esm/uikit/UICard.js

@@ -0,0 +1,14 @@
+export { U as UICard } from '../chunks/UICard-Dn5f3wg8.js';
+import '../chunks/tslib.es6-0pkUdtrF.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../chunks/_types-BaYeLEWK.js';
+import '../hooks/useTheme.js';
+import '../theme/themes.js';
+import '../theme/colors.js';
+import '../theme/corners.js';
+import '../theme/type.js';
+import '../hooks/useObserveTheme.js';
+import '../hooks/useWindow.js';
+import '../chunks/utils-BRZK2Drn.js';
+import '../chunks/style-inject.es-tgCJW-Cu.js';

package/dist/esm/uikit/UIChip.js

@@ -0,0 +1,15 @@
+export { U as UIChip } from '../chunks/UIChip-DqnGeVyR.js';
+import '../chunks/tslib.es6-0pkUdtrF.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../hooks/useTheme.js';
+import '../theme/themes.js';
+import '../theme/colors.js';
+import '../theme/corners.js';
+import '../theme/type.js';
+import '../hooks/useObserveTheme.js';
+import '../hooks/useWindow.js';
+import '../chunks/_types-BaYeLEWK.js';
+import '../chunks/utils-BRZK2Drn.js';
+import '../chunks/sharedTypes-BfZzG1KX.js';
+import '../chunks/style-inject.es-tgCJW-Cu.js';

package/dist/esm/uikit/UIFileIcon.js

@@ -0,0 +1,11 @@
+export { U as UIFileIcon } from '../chunks/UIFileIcon-qGxIPsJJ.js';
+import '../chunks/tslib.es6-0pkUdtrF.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../hooks/useTheme.js';
+import '../theme/themes.js';
+import '../theme/colors.js';
+import '../theme/corners.js';
+import '../theme/type.js';
+import '../hooks/useObserveTheme.js';
+import '../hooks/useWindow.js';

package/dist/esm/uikit/UILabel.js

@@ -0,0 +1,12 @@
+export { U as UILabel } from '../chunks/UILabel-RnbodPCS.js';
+import '../chunks/tslib.es6-0pkUdtrF.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../hooks/useTheme.js';
+import '../theme/themes.js';
+import '../theme/colors.js';
+import '../theme/corners.js';
+import '../theme/type.js';
+import '../hooks/useObserveTheme.js';
+import '../hooks/useWindow.js';
+import '../chunks/style-inject.es-tgCJW-Cu.js';

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

@@ -1,2 +1,9 @@
-export { useTheme } from './useTheme';
-export { useMayaTheme } from './useMayaTheme';
+export { useTheme } from './useTheme/useTheme';
+export { useObserveTheme } from './useObserveTheme/useObserveTheme';
+export { useDoubleClick } from './useDoubleClick/useDoubleClick';
+export { useToolTip } from './useToolTip/useToolTip';
+export { type KeyboardShortcut, type KeyboardShortcuts, useKeyboardShortcuts, } from './useKeyboardShortcuts/useKeyboardShortcuts';
+export { useLastUpdated } from './useLastUpdated/useLastUpdated';
+export { useLocalStore } from './useLocalStore/useLocalStore';
+export { useWindow, FormFactor } from './useWindow/useWindow';
+export { useObserveResize } from './useObserveResize/useObserveResize';

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

@@ -0,0 +1 @@
+export declare function useDoubleClick<T, Y>(onClick: (payload?: T) => void, onDblClick: (payload?: Y) => void, delay?: number): readonly [(payload: T) => () => void, (payload: Y) => void];

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

@@ -0,0 +1,6 @@
+export interface KeyboardShortcut {
+    key: string;
+    name: string;
+}
+export type KeyboardShortcuts = KeyboardShortcut[];
+export declare function useKeyboardShortcuts(shortcuts: KeyboardShortcuts, shortCutHandler: (shortcut: KeyboardShortcut) => void, isAppleDevice: boolean): void;

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

@@ -0,0 +1,4 @@
+export declare function useLastUpdated(timestamp: string | undefined, prefix?: string, interval?: number): {
+    lastUpdated: string;
+    timer: number;
+};

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

@@ -0,0 +1 @@
+export declare function useLocalStore<T>(key: string, value: T): readonly [T, (data: T) => void];

package/dist/types/hooks/{useObserveResize.d.ts → useObserveResize/useObserveResize.d.ts}

@@ -3,7 +3,7 @@ type Size = {
     height: number;
     width: number;
 };
-export declare function useObserveResize(element: RefObject<HTMLDivElement | null> | undefined, options?: {
+export declare function useObserveResize(element: RefObject<HTMLElement | null> | undefined, options?: {
     ignore?: 'width' | 'height';
 }): Size;
 export {};

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

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

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

@@ -0,0 +1,47 @@
+import type { SliceTheme } from '../../theme';
+/**
+ * Hook to manage Slice theming
+ */
+export declare function useTheme(): {
+    /**
+     * Slice's default dark theme
+     */
+    darkTheme: SliceTheme;
+    /**
+     * Slice's default light theme
+     */
+    lightTheme: SliceTheme;
+    /**
+     * The currently active SliceTheme
+     */
+    current: SliceTheme;
+    /**
+     * CSS variables for theme colors
+     */
+    colors: Record<keyof import("../..").Colors, string>;
+    /**
+     * CSS Class names for the theme colors
+     */
+    colorsClass: Record<keyof import("../..").Colors, string>;
+    /**
+     * CSS class names for theme typefaces
+     */
+    typeClass: Record<keyof import("../..").Type, string>;
+    /**
+     * CSS typeface styles as inline style properties
+     */
+    typeStyle: Record<keyof import("../..").Type, import("react").CSSProperties>;
+    /**
+     * Set a new theme by name or passing in a SliceTheme object
+     * @param newTheme
+     */
+    set: (newTheme: SliceTheme | string) => void;
+    /**
+     * Toggle between light and dark themes
+     */
+    toggle: () => void;
+    /**
+     * If the currently active theme is the Slice's default dark theme'
+     */
+    isDark: boolean;
+};

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

@@ -0,0 +1,6 @@
+import type React from 'react';
+import type { ToolTip } from '../../uikit/sharedTypes';
+export declare function useToolTip(toolTip: ToolTip | null, tipElement: React.RefObject<HTMLDivElement | null>): {
+    x: number;
+    y: number;
+} | undefined;

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

@@ -0,0 +1,15 @@
+export declare enum FormFactor {
+    Mobile = "mobile",
+    Tablet = "tablet",
+    Desktop = "desktop"
+}
+export declare function useWindow(top?: boolean): {
+    viewportWidth: number | null;
+    viewportHeight: number | null;
+    height: string;
+    isTouchDevice: boolean;
+    isElectron: boolean;
+    isAppleDevice: boolean;
+    formFactor: FormFactor;
+    dpr: 2 | 1 | 3;
+};

package/dist/types/index.d.ts

@@ -1,8 +1,8 @@
 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 { light, dark, lightTheme, darkTheme, } from './theme';
+export type { SliceTheme, Colors, Type, Corners, } from './theme';
+export { type KeyboardShortcut, type KeyboardShortcuts, useKeyboardShortcuts, useTheme, useObserveTheme, useToolTip, useLastUpdated, useLocalStore, useWindow, useDoubleClick, useObserveResize, } from './hooks';
 export { Avatar } from './uikit/Avatar/index';
 export type { AvatarProps } from './uikit/Avatar/index';
 export { AvatarGroup } from './uikit/AvatarGroup';
@@ -54,9 +54,14 @@ 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 type { TextAreaProps } from './uikit/TextArea';
 export { TextField } from './uikit/Textfield';
 export type { TextFieldProps } from './uikit/Textfield';
+export { ThemeProvider } from './providers';
+export { Tip } from './uikit/Tip';
+export type { ToolTipProps } from './uikit/Tip';
+export { Toast, ToastType } from './uikit/Toast';
+export type { ToastProps } from './uikit/Toast';
 export { UIButton } from './uikit/UIButton';
 export type { UIButtonProps, UIButtonHandle } from './uikit/UIButton';
 export { UIChip } from './uikit/UIChip';

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

@@ -4,6 +4,7 @@ import '../theme/type/type.css';
 interface ThemeProviderProps {
     children?: React.ReactNode;
     theme?: string;
+    system?: boolean;
 }
 export declare function ThemeProvider(props: Readonly<ThemeProviderProps>): React.ReactNode;
 export {};

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

@@ -0,0 +1,2 @@
+export * from './toast';
+export * from './tip';

package/dist/types/stores/tip/_types.d.ts

@@ -0,0 +1,8 @@
+import type { ToolTip } from '../../uikit/sharedTypes';
+export interface TipStore {
+    tip: ToolTip | null;
+    actions: {
+        push: (tip: ToolTip | null) => void;
+        clear: () => void;
+    };
+}

package/dist/types/stores/tip/index.d.ts

@@ -0,0 +1,2 @@
+export { useTipStore, useTip, useTipActions, tipActions, getTip, } from './tipStore';
+export type { TipStore } from './_types';

package/dist/types/stores/tip/tipStore.d.ts

@@ -0,0 +1,12 @@
+import type { TipStore } from './_types';
+export declare const useTipStore: import("zustand").UseBoundStore<import("zustand").StoreApi<TipStore>>;
+export declare const useTip: () => import("../..").ToolTip | null;
+export declare const useTipActions: () => {
+    push: (tip: import("../..").ToolTip | null) => void;
+    clear: () => void;
+};
+export declare const tipActions: {
+    push: (tip: import("../..").ToolTip | null) => void;
+    clear: () => void;
+};
+export declare const getTip: () => import("../..").ToolTip | null;

package/dist/types/stores/toast/_types.d.ts

@@ -0,0 +1,14 @@
+import type { ToastType } from '../../uikit/Toast';
+export type Toast = {
+    message: string | null;
+    duration?: number;
+    type?: ToastType;
+    close?: boolean;
+};
+export interface ToastStore {
+    toast: Toast | null;
+    actions: {
+        push: (toast: Toast | null) => void;
+        clear: () => void;
+    };
+}

package/dist/types/stores/toast/index.d.ts

@@ -0,0 +1,2 @@
+export { useToastStore, useToast, useToastActions, toastActions, getToast, } from './toastStore';
+export type { Toast, ToastStore } from './_types';

package/dist/types/stores/toast/toastStore.d.ts

@@ -0,0 +1,12 @@
+import type { Toast, ToastStore } from './_types';
+export declare const useToastStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ToastStore>>;
+export declare const useToast: () => Toast | null;
+export declare const useToastActions: () => {
+    push: (toast: Toast | null) => void;
+    clear: () => void;
+};
+export declare const toastActions: {
+    push: (toast: Toast | null) => void;
+    clear: () => void;
+};
+export declare const getToast: () => Toast | null;

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

@@ -2,3 +2,5 @@ import type { Colors, CoreColors } from './types';
 export declare const coreColors: CoreColors;
 export declare const light: Colors;
 export declare const dark: Colors;
+export declare const colorCssVars: Record<keyof Colors, string>;
+export declare const colorClass: Record<keyof Colors, string>;

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

@@ -90,6 +90,20 @@ export type CoreColors = {
     'brand-yellow-950': string;
     'product-red-400': string;
     'product-red-500': string;
+    'core-drop-shadow-light': string;
+    'core-drop-shadow-dark': string;
+    'core-surface-coverup-translucent-light': string;
+    'core-surface-coverup-translucent-dark': string;
+    'core-surface-overlay-translucent-light': string;
+    'core-surface-overlay-translucent-dark': string;
+    'scroll-bar-light': string;
+    'scroll-bar-dark': string;
+    'scroll-bar-hover-light': string;
+    'scroll-bar-hover-dark': string;
+    'surface-shadow-soft-light': string;
+    'surface-shadow-soft-dark': string;
+    'surface-shadow-strong-light': string;
+    'surface-shadow-strong-dark': string;
 };
 export type Colors = {
     'array-land': string;

package/dist/types/theme/components/BrandColors.d.ts

@@ -0,0 +1 @@
+export declare function BrandColors(): import("react/jsx-runtime").JSX.Element;

package/dist/types/theme/components/ColorTile.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { ColorTileProps } from './_types';
+export declare const ColorTile: React.MemoExoticComponent<{
+    (props: Readonly<ColorTileProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;

package/dist/types/theme/components/ColorTileGroup.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { ColorTileGroupProps } from './_types';
+export declare const ColorTileGroup: React.MemoExoticComponent<{
+    (props: Readonly<ColorTileGroupProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;

package/dist/types/theme/components/ThemeColors.d.ts

@@ -0,0 +1,2 @@
+export declare function LightModeBrandColors(): import("react/jsx-runtime").JSX.Element;
+export declare function DarkModeBrandColors(): import("react/jsx-runtime").JSX.Element;

package/dist/types/theme/components/_types.d.ts

@@ -0,0 +1,15 @@
+import type { ToolTip } from '../../uikit/sharedTypes';
+import type { SliceTheme } from '../themes';
+export interface ColorTileProps {
+    token?: string;
+    core?: string;
+    hex?: string;
+    width?: number;
+    height?: number;
+    onCopy?: (token: string, hex: string) => void;
+    onTooltip?: (tip: ToolTip | null) => void;
+}
+export interface ColorTileGroupProps {
+    pattern?: string | string[];
+    theme?: SliceTheme;
+}

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

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

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

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

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

@@ -1,2 +1,5 @@
+import type React from 'react';
 import type { Type } from './types';
 export declare const type: Type;
+export declare const typeCssClasses: Record<keyof Type, string>;
+export declare const typeStyles: Record<keyof Type, React.CSSProperties>;

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

@@ -1,6 +1,6 @@
 import type React from 'react';
 import type { ToolTip } from '../sharedTypes';
-export interface AvatarProps {
+export type AvatarBaseProps = {
     size?: number;
     frame?: number;
     first?: string;
@@ -16,4 +16,5 @@ export interface AvatarProps {
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
     onKeyDown?: (e: React.KeyboardEvent<HTMLDivElement>) => void;
     tabIndex?: number;
-}
+};
+export type AvatarProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof AvatarBaseProps> & AvatarBaseProps;

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

@@ -1,3 +1,4 @@
+import type React from 'react';
 import type { ToolTip } from '../sharedTypes';
 export type AvatarInfo = {
     first?: string;
@@ -8,7 +9,7 @@ export type AvatarInfo = {
     color?: string;
     bgColor?: string;
 };
-export interface AvatarGroupProps {
+export type AvatarGroupBaseProps = {
     avatars?: AvatarInfo[] | null;
     size?: number;
     overlap?: number;
@@ -18,4 +19,5 @@ export interface AvatarGroupProps {
     margin?: number;
     firstOnly?: boolean;
     onToolTip?: (tip: ToolTip | null) => void;
-}
+};
+export type AvatarGroupProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof AvatarGroupBaseProps> & AvatarGroupBaseProps;

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

@@ -1,5 +1,8 @@
-export interface BadgeProps {
+import type React from 'react';
+type BadgeBaseProps = {
     count?: number | string;
     hideNull?: boolean;
     variant?: 'light' | 'dark';
-}
+};
+export type BadgeProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof BadgeBaseProps> & BadgeBaseProps;
+export {};

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

@@ -1,8 +1,11 @@
-export interface CheckBoxProps {
+import type React from 'react';
+type CheckBoxBaseProps = {
     size?: number;
     checked?: 'mixed' | boolean;
     disabled?: boolean;
     color?: string;
     label?: string;
     onChange?: (state: boolean) => void;
-}
+};
+export type CheckBoxProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof CheckBoxBaseProps> & CheckBoxBaseProps;
+export {};

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

@@ -1,5 +1,5 @@
 import type React from 'react';
-export interface DivInputProps {
+type DivInputBaseProps = {
     name?: string;
     onClick?: () => void;
     onDblClick?: () => void;
@@ -18,4 +18,6 @@ export interface DivInputProps {
     padding?: string;
     radius?: number;
     bgColor?: string;
-}
+};
+export type DivInputProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof DivInputBaseProps> & DivInputBaseProps;
+export {};

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

@@ -1,4 +1,7 @@
-export interface DocsProps {
+import type React from 'react';
+type DocsBaseProps = {
     type?: 'pdf' | 'docx' | 'text' | 'not supported';
     height?: number;
-}
+};
+export type DocsProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof DocsBaseProps> & DocsBaseProps;
+export {};

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

@@ -1,5 +1,6 @@
 import type { Transition, Variants } from 'motion/react';
-export interface DotProps {
+import type React from 'react';
+type DotBaseProps = {
     size?: number;
     topOffset?: number;
     rightOffset?: number;
@@ -9,7 +10,10 @@ export interface DotProps {
     color?: string;
     transition?: Transition;
     motionValues?: Variants;
+    motion?: Variants;
     show?: boolean;
-}
+};
+export type DotProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof DotBaseProps> & DotBaseProps;
 export declare const DEFAULT_VARIANTS: Variants;
 export declare const DEFAULT_TRANSITION: Transition;
+export {};