@homecode/ui 5.4.1 → 5.6.0

package/dist/esm/types/src/components/ProgressCircular/ProgressCircular.d.ts

@@ -1,3 +1,3 @@
 import { ProgressCircularProps } from './ProgressCircular.types';
 export type { ProgressCircularProps } from './ProgressCircular.types';
-export declare function ProgressCircular({ value, showPercentage, size, strokeWidth, className, }: ProgressCircularProps): JSX.Element;
+export declare function ProgressCircular({ value, showPercentage, size, strokeWidth, className, }: ProgressCircularProps): import("react").JSX.Element;

package/dist/esm/types/src/components/RequiredStar/RequiredStar.d.ts

@@ -1,2 +1,2 @@
 import * as T from './RequiredStar.types';
-export declare function RequiredStar(props: T.Props): JSX.Element;
+export declare function RequiredStar(props: T.Props): import("react").JSX.Element;

package/dist/esm/types/src/components/Router/Link/Link.d.ts

@@ -1,2 +1,2 @@
 import * as T from './Link.types';
-export declare const Link: ({ className, exactClassName, children, href: hrefProp, isClear, isDisabled, disableExternalIcon, inline, isPartialExact, onClick, ...rest }: T.Props) => JSX.Element;
+export declare const Link: ({ className, exactClassName, children, href: hrefProp, isClear, isDisabled, disableExternalIcon, inline, isPartialExact, onClick, ...rest }: T.Props) => import("react").JSX.Element;

package/dist/esm/types/src/components/Router/Router.d.ts

@@ -1,6 +1,6 @@
 import * as T from './Router.types';
 export declare const Router: {
-    (props: T.Props): JSX.Element;
+    (props: T.Props): import("react").JSX.Element;
     displayName: string;
 };
 export * from './Route';

package/dist/esm/types/src/components/Select/Select.d.ts

@@ -103,15 +103,15 @@ export declare class Select extends Component<T.Props, T.State> {
         label: any;
     }): any;
     getTriggerProps(): any;
-    renderAdditionalLabel(): JSX.Element;
-    renderTriggerInput(): JSX.Element;
-    renderTriggerButton(): JSX.Element;
-    renderTriggerArrow(): JSX.Element;
-    renderTrigger(): string | number | true | import("react").ReactFragment | JSX.Element;
-    renderFoldButton(id: any): JSX.Element;
+    renderAdditionalLabel(): import("react").JSX.Element;
+    renderTriggerInput(): import("react").JSX.Element;
+    renderTriggerButton(): import("react").JSX.Element;
+    renderTriggerArrow(): import("react").JSX.Element;
+    renderTrigger(): string | number | true | Iterable<ReactNode> | import("react").JSX.Element;
+    renderFoldButton(id: any): import("react").JSX.Element;
     renderOption: (item: any, level?: number) => JSX.Element[];
     renderOptions(): ReactNode[];
-    renderPresets(): JSX.Element;
-    renderOptionsList(): JSX.Element;
-    render(): JSX.Element;
+    renderPresets(): import("react").JSX.Element;
+    renderOptionsList(): import("react").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/dist/esm/types/src/components/Select/Select2.d.ts

@@ -1,2 +1,2 @@
 import * as T from './Select.types';
-export declare function Select2(props: T.Props): JSX.Element;
+export declare function Select2(props: T.Props): import("react").JSX.Element;

package/dist/esm/types/src/components/Shimmer/Shimmer.d.ts

@@ -5,4 +5,4 @@ export type ShimmerProps = {
     round?: boolean;
     children?: React.ReactNode;
 };
-export declare const Shimmer: ({ className, size, round, children, }: ShimmerProps) => JSX.Element;
+export declare const Shimmer: ({ className, size, round, children, }: ShimmerProps) => import("react").JSX.Element;

package/dist/esm/types/src/components/Slider/Slider.d.ts

@@ -1,4 +1,4 @@
 import * as T from './Slider.types';
 export type SliderProps = T.Props;
 export type SliderMarker = T.SliderMarker;
-export declare function Slider({ className, label, value, min, max, step, size, disabled, showGhost, markers, markerClassName, onMarkerClick, onChange, onInput, markerTooltipProps, ...inputProps }: SliderProps): JSX.Element;
+export declare function Slider({ className, label, value, defaultValue, inputRef, min, max, step, size, disabled, showGhost, vertical, markers, markerClassName, onMarkerClick, onChange, onInput, markerTooltipProps, ...inputProps }: SliderProps): import("react").JSX.Element;

package/dist/esm/types/src/components/Slider/Slider.types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, ChangeEvent, FormEvent, InputHTMLAttributes } from 'react';
+import { ReactNode, ChangeEvent, FormEvent, InputHTMLAttributes, Ref } from 'react';
 import { Size, ComponentType } from '../../types';
 import { TooltipProps } from 'uilib';
 export type SliderMarker = {
@@ -6,14 +6,20 @@ export type SliderMarker = {
     value: number;
     label?: ReactNode;
 };
-export type Props = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'onChange' | 'value'> & ComponentType & {
-    value: number;
+export type Props = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'onChange' | 'value' | 'defaultValue'> & ComponentType & {
+    /** Controlled value. Omit for uncontrolled (DOM-driven) mode. */
+    value?: number;
+    defaultValue?: number;
+    /** Ref to the underlying range input (for DOM-direct updates). */
+    inputRef?: Ref<HTMLInputElement>;
     min?: number;
     max?: number;
     step?: number;
     size?: Size;
     disabled?: boolean;
     showGhost?: boolean;
+    /** Vertical orientation; fills parent height. Default horizontal. */
+    vertical?: boolean;
     label?: ReactNode;
     markers?: SliderMarker[];
     markerClassName?: string;

package/dist/esm/types/src/components/Spinner/Spinner.d.ts

@@ -1,2 +1,2 @@
 import * as T from './Spinner.types';
-export declare const Spinner: ({ size, className, ...props }: T.Props) => JSX.Element;
+export declare const Spinner: ({ size, className, ...props }: T.Props) => import("react").JSX.Element;

package/dist/esm/types/src/components/Table/Table.d.ts

@@ -1,8 +1,8 @@
 import * as T from './Table.types';
 import { Component } from 'react';
 export declare class Table extends Component<T.Props> {
-    renderHeaderColumn: ({ id, label, sticky }: T.Column) => JSX.Element;
-    renderRow: (data: T.Data) => JSX.Element;
-    renderDataCol({ id, dataField, render, sticky }: T.Column, data: T.Data): JSX.Element;
-    render(): JSX.Element;
+    renderHeaderColumn: ({ id, label, sticky }: T.Column) => import("react").JSX.Element;
+    renderRow: (data: T.Data) => import("react").JSX.Element;
+    renderDataCol({ id, dataField, render, sticky }: T.Column, data: T.Data): import("react").JSX.Element;
+    render(): import("react").JSX.Element;
 }

package/dist/esm/types/src/components/Tabs/Tabs.d.ts

@@ -1,2 +1,2 @@
 import * as T from './Tabs.types';
-export declare function Tabs(props: T.Props): string | number | boolean | import("react").ReactFragment | JSX.Element;
+export declare function Tabs(props: T.Props): string | number | boolean | Iterable<import("react").ReactNode> | import("react").JSX.Element;

package/dist/esm/types/src/components/Text/Text.d.ts

@@ -1,6 +1,6 @@
-export declare const H1: (props: any) => JSX.Element;
-export declare const H2: (props: any) => JSX.Element;
-export declare const H3: (props: any) => JSX.Element;
-export declare const H4: (props: any) => JSX.Element;
-export declare const H5: (props: any) => JSX.Element;
-export declare const H6: (props: any) => JSX.Element;
+export declare const H1: (props: any) => import("react").JSX.Element;
+export declare const H2: (props: any) => import("react").JSX.Element;
+export declare const H3: (props: any) => import("react").JSX.Element;
+export declare const H4: (props: any) => import("react").JSX.Element;
+export declare const H5: (props: any) => import("react").JSX.Element;
+export declare const H6: (props: any) => import("react").JSX.Element;

package/dist/esm/types/src/components/TextShimmer/TextShimmer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { TextShimmerProps } from './TextShimmer.types';
-declare function TextShimmerComponent({ children, as: Component, className, duration, spread, inverted, active, }: TextShimmerProps): JSX.Element;
+declare function TextShimmerComponent({ children, as: Component, className, duration, spread, inverted, active, }: TextShimmerProps): React.JSX.Element;
 export declare const TextShimmer: React.MemoExoticComponent<typeof TextShimmerComponent>;
 export {};

package/dist/esm/types/src/components/TextWithDeferTooltip/TextWithDeferTooltip.d.ts

@@ -1,3 +1,3 @@
 import type { TextWithDeferTooltipProps } from './TextWithDeferTooltip.types';
-declare function TextWithDeferTooltip({ className, children, width, maxWidth, side, overTrigger, ...props }: TextWithDeferTooltipProps): JSX.Element;
+declare function TextWithDeferTooltip({ className, children, width, maxWidth, side, overTrigger, ...props }: TextWithDeferTooltipProps): import("react").JSX.Element;
 export { TextWithDeferTooltip };

package/dist/esm/types/src/components/Theme/Theme.d.ts

@@ -1,4 +1,4 @@
 import * as T from './Theme.types';
-export declare function Theme({ config }: T.Props): JSX.Element;
+export declare function Theme({ config }: T.Props): import("react").JSX.Element;
 export * as ThemeHelpers from './Theme.helpers';
 export * as ThemeDefaults from './Theme.defaults';

package/dist/esm/types/src/components/Theme/ThemeProvider.d.ts

@@ -14,5 +14,5 @@ export type ThemeContextValue = {
     setActiveColor: (color: string) => void;
     activeColor: string;
 };
-export declare function ThemeProvider({ children, getThemeConfig, initialTheme, initialActiveColor, }: ThemeProviderProps): JSX.Element;
+export declare function ThemeProvider({ children, getThemeConfig, initialTheme, initialActiveColor, }: ThemeProviderProps): import("react").JSX.Element;
 export declare function useTheme(): ThemeContextValue;

package/dist/esm/types/src/components/Toggle/Toggle.d.ts

@@ -1,3 +1,3 @@
 import * as T from './Toggle.types';
 export type ToggleProps = T.Props;
-export declare function Toggle(props: ToggleProps): JSX.Element;
+export declare function Toggle(props: ToggleProps): import("react").JSX.Element;

package/dist/esm/types/src/components/Tooltip/Tooltip.d.ts

@@ -15,4 +15,4 @@ declare module 'react' {
         popover?: string;
     }
 }
-export declare const Tooltip: ({ className, contentClassName, children, content, delay, direction, blur, disabled, overTrigger, }: TooltipProps) => JSX.Element;
+export declare const Tooltip: ({ className, contentClassName, children, content, delay, direction, blur, disabled, overTrigger, }: TooltipProps) => import("react").JSX.Element;

package/dist/esm/types/src/components/Tooltip/TooltipCore.d.ts

@@ -18,4 +18,4 @@ export interface TooltipCoreProps {
     dataDirection?: 'top' | 'bottom' | 'left' | 'right';
     usePositionSetup: (options: TooltipPositionSetupOptions) => void;
 }
-export declare const TooltipCore: ({ className, contentClassName, children, content, delay, direction, blur, tooltipExtraClass, dataDirection, usePositionSetup, }: TooltipCoreProps) => JSX.Element;
+export declare const TooltipCore: ({ className, contentClassName, children, content, delay, direction, blur, tooltipExtraClass, dataDirection, usePositionSetup, }: TooltipCoreProps) => import("react").JSX.Element;

package/dist/esm/types/src/components/Tooltip/TooltipOverTrigger.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="uilib/components/tooltip/types" />
 import type { TooltipProps } from './Tooltip';
-declare const TooltipOverTrigger: (props: Omit<TooltipProps, 'disabled' | 'overTrigger'>) => JSX.Element;
+declare const TooltipOverTrigger: (props: Omit<TooltipProps, 'disabled' | 'overTrigger'>) => import("react").JSX.Element;
 export default TooltipOverTrigger;

package/dist/esm/types/src/components/Tooltip/TooltipProvider.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="uilib/components/tooltip/types" />
 export declare function TooltipProvider({ children }: {
     children: React.ReactNode;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/esm/types/src/components/Tooltip/TooltipSimple.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="uilib/components/tooltip/types" />
 import type { TooltipProps } from './Tooltip';
-export declare const TooltipSimple: (props: Omit<TooltipProps, 'disabled' | 'overTrigger'>) => JSX.Element;
+export declare const TooltipSimple: (props: Omit<TooltipProps, 'disabled' | 'overTrigger'>) => import("react").JSX.Element;

package/dist/esm/types/src/components/VH/VH.d.ts

@@ -7,6 +7,6 @@ export declare class VH extends Component<any, State> {
     componentDidMount(): void;
     componentWillUnmount(): void;
     updateVH: () => void;
-    render(): JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export {};

package/dist/esm/types/src/components/VideoPlayer/VideoPlayer.d.ts

@@ -0,0 +1,3 @@
+import * as T from './VideoPlayer.types';
+export type VideoPlayerProps = T.Props;
+export declare function VideoPlayer({ src, poster, storageKey, size, autoPlay, muted, loop, className, onPlayChange, onTimeUpdate, }: T.Props): import("react").JSX.Element;

package/dist/esm/types/src/components/VideoPlayer/VideoPlayer.helpers.d.ts

@@ -0,0 +1,23 @@
+export type VideoPlayerStorage = {
+    currentTime?: number;
+    volume?: number;
+};
+export declare const SEEK_MAX_SEC = 5;
+export declare const SEEK_DURATION_RATIO = 0.1;
+export declare const VOLUME_STEP = 0.1;
+export declare const VOLUME_POPUP_HIDE_MS = 500;
+export declare const KEYBOARD_DEBOUNCE_MS = 30;
+export declare const TIME_PERSIST_DEBOUNCE_MS = 500;
+export declare const DOUBLE_TAP_MS = 300;
+/** Keyboard seek step: min(5s, 10% of duration). */
+export declare function getSeekDelta(duration: number): number;
+export declare function timeToProgressPct(time: number, duration: number): string;
+export declare function getStorageKey(src: string, storageKey?: string): string;
+export declare function loadStorage(key: string): VideoPlayerStorage;
+export declare function saveStorage(key: string, data: VideoPlayerStorage): void;
+export declare function formatTime(seconds: number): string;
+export declare function getBufferedPercent(video: HTMLVideoElement | null): number;
+export declare function isEditableTarget(target: EventTarget | null): boolean;
+export declare function clamp(value: number, min: number, max: number): number;
+/** Leading debounce: run immediately, then ignore calls for `ms`. */
+export declare function leadingDebounce<T extends (...args: any[]) => void>(fn: T, ms: number): T;

package/dist/esm/types/src/components/VideoPlayer/VideoPlayer.types.d.ts

@@ -0,0 +1,12 @@
+import { ComponentType, Size } from 'uilib/types';
+export type Props = ComponentType & {
+    src: string;
+    poster?: string;
+    storageKey?: string;
+    size?: Size;
+    autoPlay?: boolean;
+    muted?: boolean;
+    loop?: boolean;
+    onPlayChange?: (playing: boolean) => void;
+    onTimeUpdate?: (currentTime: number, duration: number) => void;
+};

package/dist/esm/types/src/components/Virtualized/Cards/Cards.d.ts

@@ -20,7 +20,7 @@ declare class ListCards extends Component<Props> {
     componentDidMount(): void;
     componentDidUpdate(prevProps: any): void;
     updateUnits: () => void;
-    renderItem: ({ className, key, style }: T.ItemProps) => JSX.Element;
-    render(): JSX.Element[];
+    renderItem: ({ className, key, style }: T.ItemProps) => import("react").JSX.Element;
+    render(): import("react").JSX.Element[];
 }
 export default ListCards;

package/dist/esm/types/src/components/Virtualized/List/List.d.ts

@@ -38,7 +38,7 @@ declare class List extends Component<Props> {
         [x: string]: any;
         state: any;
         items: any;
-    }) => JSX.Element;
-    render(): JSX.Element;
+    }) => import("react").JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export default List;

package/dist/esm/types/src/components/Virtualized/List/ListScroll.d.ts

@@ -3,5 +3,5 @@ import type { Props as ListProps } from './List';
 type Props = ListProps & {
     scrollProps: Omit<ScrollProps, 'children'>;
 };
-export default function ListScroll({ scrollProps, ...rest }: Props): JSX.Element;
+export default function ListScroll({ scrollProps, ...rest }: Props): import("react").JSX.Element;
 export {};

package/dist/esm/types/src/components/Virtualized/Table/Table.d.ts

@@ -20,7 +20,7 @@ declare class Table extends Component<Props> {
         state: any;
         items: any;
         onScroll: any;
-    }) => JSX.Element;
-    render(): JSX.Element;
+    }) => import("react").JSX.Element;
+    render(): import("react").JSX.Element;
 }
 export default Table;

package/dist/esm/types/src/components/index.d.ts

@@ -17,6 +17,7 @@ export * from './Expand/Expand';
 export * from './Flex/Flex';
 export * from './Form/Form';
 export * from './Gallery/Gallery';
+export * from './GridLayout/GridLayout';
 export * from './Heading/Heading';
 export * from './Icon/Icon';
 export * from './Input/Input';
@@ -54,5 +55,6 @@ export * from './Theme/Theme';
 export { ThemeProvider, useTheme } from './Theme/ThemeProvider';
 export type { ThemeContextValue, ThemeProviderProps, } from './Theme/ThemeProvider';
 export * from './VH/VH';
+export * from './VideoPlayer/VideoPlayer';
 export * from './Virtualized';
 export * from './Toggle/Toggle';

package/dist/esm/types/src/services/i18n.d.ts

@@ -8,7 +8,7 @@ export declare function init(config: T.RegisterConfig): {
     componentStore: {
         _updated: string;
     };
-    withI18N: (Component: any) => (props: any) => JSX.Element;
+    withI18N: (Component: any) => (props: any) => import("react").JSX.Element;
     i18n: (key: any, props?: any) => any;
     I18N: import("react").NamedExoticComponent<T.I18NProps>;
 };

package/dist/esm/types/src/tiptap/slash-mention/SlashSuggestionList.d.ts

@@ -8,4 +8,4 @@ export type SlashSuggestionListProps = {
     command: (item: SlashCommandItem) => void;
     listHandleRef: RefObject<SlashSuggestionListHandle | null>;
 };
-export declare function SlashSuggestionList(props: SlashSuggestionListProps): JSX.Element;
+export declare function SlashSuggestionList(props: SlashSuggestionListProps): import("react").JSX.Element;

package/graphify-out/.graphify_labels.json

@@ -130,7 +130,7 @@
   "128": "Trigger Props",
   "129": "Trigger ClassName",
   "130": "Width Props",
-  "131": "Docs Examples",
+  "131": "Community 131",
   "132": "Expand Types",
   "133": "Brand Avatar Icons",
   "134": "Communication Action Icons",
@@ -141,7 +141,7 @@
   "139": "Route Navigation Icons",
   "140": "Settings Tool Icons",
   "141": "Input Label Constants",
-  "142": "Lazy Docs Example",
+  "142": "Community 142",
   "143": "More Docs Examples",
   "144": "Docs Scope Pages",
   "145": "Additional Docs Examples",
@@ -150,7 +150,7 @@
   "148": "PostCSS Config",
   "149": "Single Doc Page",
   "150": "Gallery Dots",
-  "151": "Docs Entry Point",
+  "151": "Community 151",
   "152": "Bookmark Icons",
   "153": "Drag Handler Icons",
   "154": "Lock Security Icons",
@@ -171,33 +171,58 @@
   "169": "Community 169",
   "170": "Community 170",
   "171": "Community 171",
+  "172": "Community 172",
   "173": "Community 173",
+  "174": "Community 174",
   "175": "Community 175",
   "176": "Community 176",
+  "177": "Community 177",
+  "178": "Community 178",
   "179": "Community 179",
   "180": "Community 180",
+  "181": "Community 181",
   "182": "Community 182",
   "183": "Community 183",
   "184": "Community 184",
+  "185": "Community 185",
+  "186": "Community 186",
   "187": "Community 187",
   "188": "Community 188",
   "189": "Community 189",
+  "190": "Community 190",
+  "191": "Community 191",
   "192": "Community 192",
+  "193": "Community 193",
   "194": "Community 194",
   "195": "Community 195",
+  "196": "Community 196",
   "197": "Community 197",
   "198": "Community 198",
   "199": "Community 199",
   "200": "Community 200",
   "201": "Community 201",
   "202": "Community 202",
+  "203": "Community 203",
   "204": "Community 204",
   "205": "Community 205",
+  "206": "Community 206",
   "207": "Community 207",
+  "208": "Community 208",
+  "209": "Community 209",
   "210": "Community 210",
   "211": "Community 211",
   "212": "Community 212",
   "213": "Community 213",
+  "214": "Community 214",
   "215": "Community 215",
-  "216": "Community 216"
+  "216": "Community 216",
+  "217": "Community 217",
+  "218": "Community 218",
+  "219": "Community 219",
+  "220": "Community 220",
+  "221": "Community 221",
+  "222": "Community 222",
+  "223": "Community 223",
+  "224": "Community 224",
+  "225": "Community 225"
 }