@homecode/ui 4.30.16 → 5.0.1

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-type ChipSize = 'xs' | 's' | 'm' | 'l';
+import { Size } from 'uilib/types';
 type Props = {
     children: ReactNode;
     className?: string;
@@ -7,7 +7,7 @@ type Props = {
     onRemove?: () => void;
     onClick?: () => void;
     removeTooltip?: ReactNode;
-    size?: ChipSize;
+    size?: Size;
 };
 export declare function Chip({ children, className, selected, onRemove, onClick, removeTooltip, size, }: Props): JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
 export type Props = {
     className?: string;
-    size?: 's' | 'm' | 'l' | 'xl';
+    size?: 'xs' | 's' | 'm' | 'l' | 'xl';
     children: any;
     alignItemsCenter?: boolean;
     justifyContentCenter?: boolean;

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

@@ -0,0 +1,3 @@
+import type { Props as DialogueProps } from './Dialogue.types';
+export declare function Dialogue({ open, onOpenChange, disabled, trigger, title, subtitle, icon, content, contentClassName, footer, footerAlignment, size, className, noScroll, maxHeight, autoScrollBottom, width, }: DialogueProps): JSX.Element;
+export { default as DialogueStyles } from './Dialogue.styl';

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

@@ -0,0 +1,24 @@
+import type { CSSProperties, ReactNode } from 'react';
+export type Props = {
+    open: boolean;
+    disabled?: boolean;
+    onOpenChange: (isOpen: boolean) => void;
+    trigger?: ReactNode;
+    triggerClassName?: string;
+    title?: ReactNode;
+    titleClassName?: string;
+    subtitle?: ReactNode;
+    subtitleClassName?: string;
+    icon?: ReactNode;
+    content?: ReactNode;
+    contentClassName?: string;
+    footer?: ReactNode;
+    footerClassName?: string;
+    footerAlignment?: 'left' | 'center' | 'right';
+    size?: 'login' | 'wide' | 'default';
+    className?: string;
+    noScroll?: boolean;
+    autoScrollBottom?: boolean;
+    maxHeight?: CSSProperties['maxHeight'];
+    width?: CSSProperties['width'];
+};

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

@@ -0,0 +1,2 @@
+export { Dialogue, DialogueStyles } from './Dialogue';
+export type { Props as DialogueProps } from './Dialogue.types';

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

@@ -1,6 +1,6 @@
 import { ComponentType, Size } from 'uilib/types';
 import * as CUSTOM_ICONS from './icons';
-export type IconSize = 'xs' | Size;
+export type IconSize = Size;
 export type IconType = keyof typeof CUSTOM_ICONS;
 export type Props = ComponentType & {
     icon?: React.ComponentType<React.SVGProps<SVGSVGElement>>;

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import * as T from './RadioButton.types';
+export declare const RadioButton: FC<T.Props>;

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

@@ -0,0 +1,12 @@
+import { ReactNode, InputHTMLAttributes } from 'react';
+import { Size, ComponentType } from '../../types';
+export type Props = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value'> & ComponentType & {
+    label?: ReactNode;
+    /** Option value; compared to the group’s `value` when inside `RadioGroup` */
+    value: string | number;
+    checked?: boolean;
+    disabled?: boolean;
+    error?: string | boolean;
+    size?: Size;
+    variant?: 'default' | 'outlined';
+};

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import type { Props } from './RadioGroup.types';
+export declare const RadioGroup: FC<Props>;

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

@@ -0,0 +1,30 @@
+import { ReactNode, HTMLAttributes } from 'react';
+import { Size, ComponentType } from '../../types';
+export type RadioGroupContextValue = {
+    name: string;
+    value: string | number | undefined;
+    onChange: (value: string | number) => void;
+    size: Size;
+    variant: 'default' | 'outlined';
+    error?: string | boolean;
+    disabled?: boolean;
+};
+export type Props = Omit<HTMLAttributes<HTMLFieldSetElement>, 'onChange'> & ComponentType & {
+    children: ReactNode;
+    /** Current value when controlled */
+    value?: string | number;
+    /** Initial value when uncontrolled */
+    defaultValue?: string | number;
+    /** Called when the selected option changes */
+    onChange?: (value: string | number) => void;
+    /** Shared `name` for native radio inputs; generated if omitted */
+    name?: string;
+    /** Group heading; renders as `legend` */
+    label?: ReactNode;
+    /** Size passed to `RadioButton` children via context */
+    size?: Size;
+    variant?: 'default' | 'outlined';
+    error?: string | boolean;
+    disabled?: boolean;
+    orientation?: 'vertical' | 'horizontal';
+};

package/dist/esm/types/src/components/RadioGroup/RadioGroupContext.d.ts

@@ -0,0 +1,3 @@
+import type { RadioGroupContextValue } from './RadioGroup.types';
+export declare const RadioGroupContext: import("react").Context<RadioGroupContextValue>;
+export declare function useRadioGroup(): RadioGroupContextValue | null;

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

@@ -13,7 +13,7 @@ export declare const Scroll: import("react").ForwardRefExoticComponent<import(".
     x?: boolean;
     y?: boolean;
     size?: import("../../types").Size;
-    fadeSize?: import("../../types").Size | "xl";
+    fadeSize?: import("../../types").Size;
     smooth?: boolean;
     autoHide?: boolean;
     offset?: {

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

@@ -18,7 +18,7 @@ export type Props = ComponentType & HTMLAttributes<HTMLDivElement> & {
     x?: boolean;
     y?: boolean;
     size?: Size;
-    fadeSize?: Size | 'xl';
+    fadeSize?: Size;
     smooth?: boolean;
     autoHide?: boolean;
     offset?: Offset;

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

@@ -1,8 +1,5 @@
 import * as T from './Theme.types';
 export declare const baseConfig: {
-    'indent-s': string;
-    'indent-m': string;
-    'indent-l': string;
     'border-radius-s': string;
     'border-radius-m': string;
     'border-radius-l': string;

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

@@ -0,0 +1,18 @@
+import { type ReactNode } from 'react';
+export type ThemeProviderProps = {
+    children: ReactNode;
+    getThemeConfig: (theme: 'light' | 'dark', activeColor: string) => Record<string, string>;
+    initialTheme?: 'light' | 'dark';
+    initialActiveColor: string;
+};
+export type ThemeContextValue = {
+    currThemeConfig: Record<string, string>;
+    theme: 'light' | 'dark';
+    isDarkTheme: boolean;
+    toggleTheme: () => void;
+    setTheme: (theme: 'light' | 'dark') => void;
+    setActiveColor: (color: string) => void;
+    activeColor: string;
+};
+export declare function ThemeProvider({ children, getThemeConfig, initialTheme, initialActiveColor, }: ThemeProviderProps): JSX.Element;
+export declare function useTheme(): ThemeContextValue;

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

@@ -5,10 +5,12 @@ export * from './ButtonGroup/ButtonGroup';
 export * from './Calendar/Calendar';
 export * from './Checkbox/Checkbox';
 export * from './Chip/Chip';
+export * from './Card';
 export * from './Container/Container';
 export * from './DatePicker/DatePicker';
 export * from './DatePickerInput/DatePickerInput';
 export * from './DateTime/DateTime';
+export * from './Dialogue';
 export * from './Draggable/Draggable';
 export * from './Expand/Expand';
 export * from './Flex/Flex';
@@ -30,6 +32,8 @@ export * from './Portal/Portal';
 export * from './PopupMenu/PopupMenu';
 export * from './Progress/Progress';
 export * from './ProgressCircular/ProgressCircular';
+export * from './RadioButton/RadioButton';
+export * from './RadioGroup/RadioGroup';
 export * from './Router/Router';
 export * from './RequiredStar/RequiredStar';
 export * from './Select/Select';
@@ -42,6 +46,8 @@ export * from './Tabs/Tabs';
 export * from './Tooltip/Tooltip';
 export * from './Text/Text';
 export * from './Theme/Theme';
+export { ThemeProvider, useTheme } from './Theme/ThemeProvider';
+export type { ThemeContextValue, ThemeProviderProps, } from './Theme/ThemeProvider';
 export * from './VH/VH';
 export * from './Virtualized';
 export * from './Toggle/Toggle';

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

@@ -1,5 +1,5 @@
 import { ChangeEvent } from 'react';
-export type Size = 's' | 'm' | 'l';
+export type Size = 'xs' | 's' | 'm' | 'l' | 'xl';
 export type Variant = 'clean' | 'default' | 'outlined';
 export type ComponentType = {
     className?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "4.30.16",
+  "version": "5.0.1",
   "description": "React UI components library",
   "scripts": {
     "tests": "jest",