addon-ui 0.4.1 → 0.4.2

package/dist-types/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from "react";
+import { TooltipContentProps, TooltipProps as TooltipRootProps } from "@radix-ui/react-tooltip";
+export interface TooltipProps extends TooltipRootProps, Omit<TooltipContentProps, "content"> {
+    content: ReactNode;
+    arrowWidth?: number;
+    arrowHeight?: number;
+    matchTriggerWidth?: boolean;
+    arrowClassName?: string;
+    contentClassName?: string;
+}
+declare const _default: React.NamedExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist-types/components/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Tooltip, type TooltipProps } from "./Tooltip";
+//# sourceMappingURL=index.d.ts.map

package/dist-types/components/View/View.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { HeaderProps } from "../Header";
+export interface ViewProps extends HeaderProps {
+    center?: boolean;
+    showSeparate?: boolean;
+    bodyClassName?: string;
+    headerClassName?: string;
+}
+export declare const viewPropsKeys: Set<keyof ViewProps>;
+declare const _default: React.NamedExoticComponent<ViewProps>;
+export default _default;
+//# sourceMappingURL=View.d.ts.map

package/dist-types/components/View/index.d.ts

@@ -0,0 +1,2 @@
+export { default as View, viewPropsKeys, type ViewProps } from "./View";
+//# sourceMappingURL=index.d.ts.map

package/dist-types/components/ViewDrawer/ViewDrawer.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { DrawerProps } from "../Drawer";
+import { ViewProps } from "../View";
+export type ViewDrawerProps = Omit<DrawerProps, "title"> & ViewProps;
+declare const _default: React.NamedExoticComponent<ViewDrawerProps>;
+export default _default;
+//# sourceMappingURL=ViewDrawer.d.ts.map

package/dist-types/components/ViewDrawer/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ViewDrawer, type ViewDrawerProps } from "./ViewDrawer";
+//# sourceMappingURL=index.d.ts.map

package/dist-types/components/ViewModal/ViewModal.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { ModalProps } from "../Modal";
+import { ViewProps } from "../View";
+export type ViewModalProps = Omit<ModalProps, "title"> & ViewProps;
+declare const _default: React.NamedExoticComponent<ViewModalProps>;
+export default _default;
+//# sourceMappingURL=ViewModal.d.ts.map

package/dist-types/components/ViewModal/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ViewModal, type ViewModalProps } from "./ViewModal";
+//# sourceMappingURL=index.d.ts.map

package/dist-types/components/Viewport/Provider.d.ts

@@ -0,0 +1,8 @@
+import React, { ComponentProps } from "react";
+import { ViewportMode } from "./context";
+export type ViewportProps = ComponentProps<"div"> & {
+    mode?: ViewportMode;
+};
+declare const _default: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<ViewportProps>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+//# sourceMappingURL=Provider.d.ts.map

package/dist-types/components/Viewport/context.d.ts

@@ -0,0 +1,19 @@
+export declare enum ViewportMode {
+    Fixed = "fixed",
+    Adaptive = "adaptive",
+    Expanded = "expanded"
+}
+export type ViewportSize = number | string;
+export type ViewportSizes = {
+    height?: ViewportSize;
+    width?: ViewportSize;
+};
+export interface ViewportContract {
+    mode: ViewportMode;
+    setMode(mode: ViewportMode): void;
+    setSizes(sizes: ViewportSizes): void;
+    resetSizes(): void;
+}
+export declare const ViewportContext: import("react").Context<ViewportContract>;
+export declare const useViewport: () => ViewportContract;
+//# sourceMappingURL=context.d.ts.map

package/dist-types/components/Viewport/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ViewportProvider, type ViewportProps } from "./Provider";
+export { useViewport, type ViewportSizes, ViewportMode } from "./context";
+//# sourceMappingURL=index.d.ts.map

package/dist-types/components/index.d.ts

@@ -0,0 +1,28 @@
+export * from "./Avatar";
+export * from "./BaseButton";
+export * from "./Button";
+export * from "./Checkbox";
+export * from "./Dialog";
+export * from "./Drawer";
+export * from "./Footer";
+export * from "./Header";
+export * from "./Highlight";
+export * from "./Icon";
+export * from "./IconButton";
+export * from "./List";
+export * from "./ListItem";
+export * from "./Modal";
+export * from "./Odometer";
+export * from "./ScrollArea";
+export * from "./SvgSprite";
+export * from "./Switch";
+export * from "./Tag";
+export * from "./TextArea";
+export * from "./TextField";
+export * from "./Toast";
+export * from "./Tooltip";
+export * from "./View";
+export * from "./ViewDrawer";
+export * from "./ViewModal";
+export * from "./Viewport";
+//# sourceMappingURL=index.d.ts.map

package/dist-types/components/types.d.ts

@@ -0,0 +1,28 @@
+import type { AvatarProps, ButtonProps, CheckboxProps, DialogProps, DrawerProps, FooterProps, HeaderProps, HighlightProps, IconProps, IconButtonProps, ListProps, ListItemProps, ModalProps, OdometerProps, ScrollAreaProps, SwitchProps, TagProps, TextAreaProps, TextFieldProps, ToastProps, TooltipProps, ViewProps, ViewDrawerProps, ViewModalProps } from "../components";
+export interface ComponentsProps {
+    avatar?: Pick<AvatarProps, "size" | "radius" | "cursorPointer" | "delayMs">;
+    button?: Pick<ButtonProps, "variant" | "color" | "size" | "radius">;
+    checkbox?: Pick<CheckboxProps, "variant" | "size" | "radius" | "checkedIcon" | "indeterminateIcon">;
+    dialog?: DialogProps;
+    drawer?: DrawerProps;
+    footer?: FooterProps;
+    header?: Pick<HeaderProps, "alignCenter" | "before" | "after">;
+    highlight?: HighlightProps;
+    icon?: Omit<IconProps, "name">;
+    iconButton?: Pick<IconButtonProps, "variant" | "size" | "radius">;
+    list?: ListProps;
+    listItem?: ListItemProps;
+    modal?: ModalProps;
+    odometer?: Pick<OdometerProps, "auto" | "format" | "duration">;
+    scrollArea?: ScrollAreaProps;
+    switch?: SwitchProps;
+    tag?: Pick<TagProps, "variant" | "size" | "color" | "radius" | "clickable">;
+    textArea?: TextAreaProps;
+    textField?: TextFieldProps;
+    toast?: Pick<ToastProps, "side" | "duration" | "swipeDirection" | "swipeThreshold" | "closeProps" | "closeIcon" | "fullWidth" | "sticky" | "radius" | "color">;
+    tooltip?: TooltipProps;
+    view?: ViewProps;
+    viewDrawer?: ViewDrawerProps;
+    viewModal?: ViewModalProps;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist-types/config/default.d.ts

@@ -0,0 +1,4 @@
+import { Config } from "./index";
+declare const _default: Config;
+export default _default;
+//# sourceMappingURL=default.d.ts.map

package/dist-types/config/index.d.ts

@@ -0,0 +1,4 @@
+import { ComponentsProps, Config, ExtraProps, Icons } from "../types/config";
+export type { ComponentsProps, Config, ExtraProps, Icons };
+export declare const defineConfig: (config: Partial<Config>) => Config;
+//# sourceMappingURL=index.d.ts.map

package/dist-types/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./components";
+export * from "./providers";
+export { Theme, type ThemeStorageContract } from "./types/theme";
+//# sourceMappingURL=index.d.ts.map

package/dist-types/plugin/builder/ConfigBuilder.d.ts

@@ -0,0 +1,9 @@
+import Finder from "../finder/Finder";
+import type { BuilderContract } from "../types";
+export default class ConfigBuilder implements BuilderContract {
+    protected finder: Finder;
+    protected template: string;
+    constructor(finder: Finder);
+    build(): string;
+}
+//# sourceMappingURL=ConfigBuilder.d.ts.map

package/dist-types/plugin/builder/StyleBuilder.d.ts

@@ -0,0 +1,8 @@
+import Finder from "../finder/Finder";
+import type { BuilderContract } from "../types";
+export default class StyleBuilder implements BuilderContract {
+    protected finder: Finder;
+    constructor(finder: Finder);
+    build(): string;
+}
+//# sourceMappingURL=StyleBuilder.d.ts.map

package/dist-types/plugin/builder/virtual.config.d.ts

@@ -0,0 +1,3 @@
+declare const _default: {};
+export default _default;
+//# sourceMappingURL=virtual.config.d.ts.map

package/dist-types/plugin/finder/ConfigFinder.d.ts

@@ -0,0 +1,9 @@
+import Finder from "./Finder";
+import type { ReadonlyConfig } from "adnbn";
+import type { FileImportInfo } from "../types";
+export default class ConfigFinder extends Finder {
+    protected getAllowedExtensions(): string[];
+    constructor(fileName: string, config: ReadonlyConfig);
+    protected getFile(dirPath: string): FileImportInfo | undefined;
+}
+//# sourceMappingURL=ConfigFinder.d.ts.map

package/dist-types/plugin/finder/Finder.d.ts

@@ -0,0 +1,22 @@
+import type { ReadonlyConfig } from "adnbn";
+import type { FileImportInfo } from "../types";
+export interface FinderOptions {
+    searchDirs: string[];
+    fileName: string;
+    canMerge: boolean;
+}
+export default abstract class Finder {
+    protected readonly fileName: string;
+    protected readonly config: ReadonlyConfig;
+    protected abstract getAllowedExtensions(): string[];
+    protected abstract getFile(dirPath: string): FileImportInfo | undefined;
+    protected searchDirs: string[];
+    protected canMerge: boolean;
+    protected constructor(fileName: string, config: ReadonlyConfig);
+    setCanMerge(canMerge: boolean): this;
+    setSearchDirs(searchDirs: string[]): this;
+    getFiles(): FileImportInfo[];
+    protected resolveFileWithExtensions(basePath: string, fileName: string): string | undefined;
+    protected toImportPath(fullPath: string, withExt?: boolean): string;
+}
+//# sourceMappingURL=Finder.d.ts.map

package/dist-types/plugin/finder/StyleFinder.d.ts

@@ -0,0 +1,9 @@
+import type { ReadonlyConfig } from "adnbn";
+import Finder from "./Finder";
+import type { FileImportInfo } from "../types";
+export default class StyleFinder extends Finder {
+    protected getAllowedExtensions(): string[];
+    constructor(fileName: string, config: ReadonlyConfig);
+    protected getFile(dirPath: string): FileImportInfo | undefined;
+}
+//# sourceMappingURL=StyleFinder.d.ts.map

package/dist-types/plugin/index.d.ts

@@ -0,0 +1,10 @@
+export interface PluginOptions {
+    themeDir?: string;
+    configFileName?: string;
+    styleFileName?: string;
+    mergeConfig?: boolean;
+    mergeStyles?: boolean;
+}
+declare const _default: import("adnbn").PluginDefinition<[options?: PluginOptions | undefined]>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist-types/plugin/types.d.ts

@@ -0,0 +1,8 @@
+export interface FileImportInfo {
+    name: string;
+    import: string;
+}
+export interface BuilderContract {
+    build(): string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist-types/providers/extra/ExtraProvider.d.ts

@@ -0,0 +1,5 @@
+import { FC, PropsWithChildren } from "react";
+import { Config } from "../../types/config";
+declare const ExtraProvider: FC<PropsWithChildren<Pick<Config, "extra">>>;
+export default ExtraProvider;
+//# sourceMappingURL=ExtraProvider.d.ts.map

package/dist-types/providers/extra/context.d.ts

@@ -0,0 +1,7 @@
+import { ExtraProps } from "../../types/config";
+export interface ExtraContract {
+    extra: ExtraProps;
+}
+export declare const ExtraContext: import("react").Context<ExtraContract>;
+export declare const useExtra: () => ExtraProps;
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1,3 @@
+export { default as ExtraProvider } from "./ExtraProvider";
+export { useExtra } from "./context";
+//# sourceMappingURL=index.d.ts.map

package/dist-types/providers/icons/IconsProvider.d.ts

@@ -0,0 +1,5 @@
+import { FC, PropsWithChildren } from "react";
+import { Config } from "../../types/config";
+declare const IconsProvider: FC<PropsWithChildren<Pick<Config, "icons">>>;
+export default IconsProvider;
+//# sourceMappingURL=IconsProvider.d.ts.map

package/dist-types/providers/icons/context.d.ts

@@ -0,0 +1,9 @@
+import { Icons } from "../../types/config";
+export interface IconsContract {
+    icons: Icons;
+    registeredIconNames: string[];
+    registerIcon: (name: string) => void;
+}
+export declare const IconsContext: import("react").Context<IconsContract>;
+export declare const useIcons: () => IconsContract;
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1,3 @@
+export { default as IconsProvider } from "./IconsProvider";
+export { useIcons } from "./context";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,5 @@
+export * from "./ui";
+export * from "./theme";
+export * from "./icons";
+export * from "./extra";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,9 @@
+import { FC, PropsWithChildren } from "react";
+import { ThemeStorageContract } from "../../types/theme";
+import { Config } from "../../types/config";
+export interface ThemeProviderProps extends Pick<Config, "components"> {
+    storage?: ThemeStorageContract | true;
+}
+declare const ThemeProvider: FC<PropsWithChildren<ThemeProviderProps>>;
+export default ThemeProvider;
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist-types/providers/theme/ThemeStorage.d.ts

@@ -0,0 +1,13 @@
+import { StorageProvider } from "@addon-core/storage";
+import { Theme, ThemeStorageContract } from "../../types/theme";
+export type ThemeStorageState = Record<string, Theme>;
+export default class implements ThemeStorageContract {
+    protected storage: StorageProvider<ThemeStorageState>;
+    protected key: string;
+    constructor(storage?: StorageProvider<ThemeStorageState>, key?: string);
+    get(): Promise<Theme | undefined>;
+    change(theme: Theme): Promise<void>;
+    toggle(): Promise<void>;
+    watch(callback: (theme: Theme) => void): () => void;
+}
+//# sourceMappingURL=ThemeStorage.d.ts.map

package/dist-types/providers/theme/context.d.ts

@@ -0,0 +1,12 @@
+import { Theme } from "../../types/theme";
+import { ComponentsProps } from "../../types/config";
+export interface ThemeContract {
+    theme: Theme;
+    components: ComponentsProps;
+    changeTheme(theme: Theme): void;
+    toggleTheme(): void;
+}
+export declare const ThemeContext: import("react").Context<ThemeContract>;
+export declare const useTheme: () => ThemeContract;
+export declare const useComponentProps: <K extends keyof ComponentsProps>(key: K) => ComponentsProps[K];
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1,4 @@
+export { default as ThemeProvider, type ThemeProviderProps } from "./ThemeProvider";
+export { default as ThemeStorage, type ThemeStorageState } from "./ThemeStorage";
+export { useTheme, useComponentProps } from "./context";
+//# sourceMappingURL=index.d.ts.map

package/dist-types/providers/ui/UIProvider.d.ts

@@ -0,0 +1,12 @@
+import { FC, PropsWithChildren } from "react";
+import { ThemeProviderProps } from "../theme";
+import { Config } from "../../types/config";
+import "./styles/default.scss";
+import "./styles/reset.scss";
+import "addon-ui-style.scss";
+export interface UIProviderProps extends Partial<Config>, Pick<ThemeProviderProps, "storage"> {
+    view?: string;
+}
+declare const UIProvider: FC<PropsWithChildren<UIProviderProps>>;
+export default UIProvider;
+//# sourceMappingURL=UIProvider.d.ts.map

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

@@ -0,0 +1,2 @@
+export { default as UIProvider, type UIProviderProps } from "./UIProvider";
+//# sourceMappingURL=index.d.ts.map

package/dist-types/types/config.d.ts

@@ -0,0 +1,12 @@
+import { SvgSpriteProps } from "../components";
+import { ComponentsProps } from "../components/types";
+export type { ComponentsProps };
+export type Icons = SvgSpriteProps["icons"];
+export interface ExtraProps {
+}
+export interface Config {
+    components: ComponentsProps;
+    extra: ExtraProps;
+    icons: Icons;
+}
+//# sourceMappingURL=config.d.ts.map

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

@@ -0,0 +1,11 @@
+export declare enum Theme {
+    Light = "light",
+    Dark = "dark"
+}
+export interface ThemeStorageContract {
+    get: () => Promise<Theme | undefined>;
+    change: (theme: Theme) => Promise<void>;
+    toggle: () => Promise<void>;
+    watch: (callback: (theme: Theme) => void) => () => void;
+}
+//# sourceMappingURL=theme.d.ts.map

package/dist-types/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./utils";
+export * from "./react";
+//# sourceMappingURL=index.d.ts.map

package/dist-types/utils/react.d.ts

@@ -0,0 +1,5 @@
+import { JSX, ReactNode } from "react";
+export declare const cloneOrCreateElement: <T extends keyof JSX.IntrinsicElements>(element: ReactNode, props?: JSX.IntrinsicElements[T], wrapperTag?: T) => import("react").ReactElement<{
+    className?: string;
+}, string | import("react").JSXElementConstructor<any>> | null;
+//# sourceMappingURL=react.d.ts.map

package/dist-types/utils/utils.d.ts

@@ -0,0 +1,8 @@
+export declare const hideInTable: {
+    table: {
+        disable: boolean;
+    };
+};
+export declare const capitalizeFirstLetter: (text: string) => string;
+export declare const splitProps: <T extends object>(props: Record<string, any>, keys: Set<keyof T>) => T;
+//# sourceMappingURL=utils.d.ts.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "addon-ui",
   "type": "module",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "A comprehensive React UI component library designed exclusively for the AddonBone browser extension framework with customizable theming and consistent design patterns",
   "keywords": [
     "react",
@@ -27,43 +27,57 @@
   "bugs": {
     "url": "https://github.com/addon-stack/addon-ui/issues"
   },
-  "types": "./src/index.ts",
-  "typesVersions": {
-    "*": {
-      ".": [
-        "./src/index.ts"
-      ],
-      "config": [
-        "./src/config/index.ts"
-      ],
-      "plugin": [
-        "./src/plugin/index.ts"
-      ]
-    }
-  },
+  "types": "./dist-types/index.d.ts",
   "exports": {
-    ".": "./src/index.ts",
-    "./config": "./src/config/index.ts",
-    "./plugin": "./src/plugin/index.ts",
+    ".": {
+      "types": "./dist-types/index.d.ts",
+      "default": "./src/index.ts"
+    },
+    "./config": {
+      "types": "./dist-types/config/index.d.ts",
+      "default": "./src/config/index.ts"
+    },
+    "./plugin": {
+      "types": "./dist-types/plugin/index.d.ts",
+      "default": "./src/plugin/index.ts"
+    },
     "./theme": "./src/styles/mixins.scss"
   },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "files": [
+    "src",
+    "!src/**/*.stories.*",
+    "!src/**/*.story.*",
+    "!src/**/*.mdx",
+    "!src/**/__stories__/**",
+    "!src/**/*.test.*",
+    "!src/**/*.spec.*",
+    "!src/**/__tests__/**",
+    "!src/**/__mocks__/**",
+    "dist-types/**/*.d.ts",
+    "README.md",
+    "LICENSE.md"
+  ],
   "scripts": {
     "lint": "eslint .",
     "format": "prettier --write .",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
+    "build:storybook": "storybook build",
     "test": "jest",
     "test:ci": "jest --ci --passWithNoTests --coverage",
     "test:related": "jest --bail --passWithNoTests",
     "typecheck": "tsc -p tsconfig.json --noEmit",
+    "build:types": "tsc -p tsconfig.build.json",
     "release": "release-it",
-    "release:preview": "release-it --no-github.release --no-npm.publish --no-git.tag --ci"
+    "release:preview": "release-it --no-github.release --no-npm.publish --no-git.tag --ci",
+    "prepublishOnly": "npm run build:types"
   },
   "dependencies": {
+    "@types/autosize": "^4.0.3",
+    "@types/react-highlight-words": "^0.20.0",
     "autosize": "^6.0.1",
     "classnames": "^2.5.1",
     "odometer": "^0.4.8",
@@ -81,11 +95,9 @@
     "@eslint/js": "^9.21.0",
     "@rsbuild/plugin-sass": "^1.4.0",
     "@storybook/react": "^9.1.3",
-    "@types/autosize": "^4.0.3",
     "@types/node": "^22.13.10",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
-    "@types/react-highlight-words": "^0.20.0",
     "adnbn": "^0.4.2",
     "depcheck": "^1.4.7",
     "eslint": "^9.21.0",

package/src/types/shims/addon-ui-config.d.ts

@@ -0,0 +1,5 @@
+declare module "addon-ui-config" {
+    import type {Config} from "../config";
+    const config: Config;
+    export default config;
+}

package/src/types/vendors/odometer.d.ts

@@ -0,0 +1,17 @@
+declare module "odometer" {
+    interface OdometerOptions {
+        el: Element;
+        value?: number;
+        format?: string;
+        theme?: string;
+        duration?: number;
+    }
+
+    export default class Odometer {
+        constructor(options: OdometerOptions);
+
+        value: number;
+
+        update(newValue: number): void;
+    }
+}