@js-empire/emperor-ui 1.0.0 → 1.0.1

package/dist/index.d.ts

@@ -0,0 +1,200 @@
+import { ClassAttributes } from 'react';
+import { ClassProp } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
+import { Context } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { HTMLAttributes } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+export declare function cn(...classes: ClassValue[]): string;
+
+export declare type ColorMode = "light" | "dark";
+
+export declare type ColorsPalette = {
+    primary: string;
+    secondary: string;
+    success: string;
+    danger: string;
+    warning: string;
+    info: string;
+    background: string;
+    text: string;
+};
+
+export declare const defaultColorsPalette: ColorsPalette;
+
+export declare const defaultEmperorUIConfig: EmperorUIConfig;
+
+export declare type EmperorUIConfig = {
+    theme?: Partial<EmperorUITheme>;
+    layout?: Partial<EmperorUILayout>;
+};
+
+export declare const EmperorUIContext: Context<EmperorUIContextState | undefined>;
+
+export declare type EmperorUIContextState = {
+    config: EmperorUIConfig;
+};
+
+export declare type EmperorUILayout = {
+    withScaffold: boolean;
+};
+
+export declare function EmperorUIProvider({ children, config, }: EmperorUIProviderProps): JSX.Element;
+
+export declare type EmperorUIProviderProps = {
+    children: ReactNode;
+    config: EmperorUIConfig;
+};
+
+export declare type EmperorUITheme = {
+    mode: ColorMode;
+    colors: Partial<ColorsPalette>;
+};
+
+export declare function Filter({ className }: FilterProps): JSX.Element;
+
+export declare type FilterClassnames = {
+    base?: string;
+};
+
+export declare type FilterProps = SharedComponentProps & {
+    classNames?: FilterClassnames;
+};
+
+export declare function Footer({ className }: FooterProps): JSX.Element;
+
+export declare type FooterClassnames = {
+    base?: string;
+};
+
+export declare type FooterProps = SharedComponentProps & {
+    classNames?: FooterClassnames;
+};
+
+export declare const Header: ForwardRefExoticComponent<Omit<ClassAttributes<HTMLElement> & HTMLAttributes<HTMLElement> & VariantProps<(props?: ({
+variant?: "primary" | "secondary" | null | undefined;
+padding?: "sm" | "md" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string> & SharedComponentProps & {
+variant?: "default" | "compact";
+classNames?: HeaderClassnames;
+}, "ref"> & RefAttributes<HTMLElement>>;
+
+export declare type HeaderActivations = {
+    hideLog?: boolean;
+    hideNavbar?: boolean;
+    hideUserDropdown?: boolean;
+    hideSideMenu?: boolean;
+};
+
+export declare type HeaderClassnames = {
+    base?: string;
+    logo?: string;
+    navbar?: string;
+    userDropdown?: string;
+    sideMenu?: string;
+};
+
+export declare type HeaderProps = SharedComponentProps & {
+    variant?: "default" | "compact";
+    classNames?: HeaderClassnames;
+};
+
+export declare function ItemCard({ className }: ItemCardProps_2): JSX.Element;
+
+export declare type ItemCardClassnames = {
+    base?: string;
+};
+
+declare type ItemCardClassnames_2 = {
+    base?: string;
+};
+
+export declare type ItemCardProps = SharedComponentProps & {
+    classNames?: ItemCardClassnames;
+};
+
+declare type ItemCardProps_2 = SharedComponentProps_2 & {
+    classNames?: ItemCardClassnames_2;
+};
+
+export declare function ItemDetails({ className }: ItemDetailsProps_2): JSX.Element;
+
+export declare type ItemDetailsClassnames = {
+    base?: string;
+};
+
+declare type ItemDetailsClassnames_2 = {
+    base?: string;
+};
+
+export declare type ItemDetailsProps = SharedComponentProps & {
+    classNames?: ItemDetailsClassnames;
+};
+
+declare type ItemDetailsProps_2 = SharedComponentProps_2 & {
+    classNames?: ItemDetailsClassnames_2;
+};
+
+export declare function Listings({ className }: ListingsProps_2): JSX.Element;
+
+export declare type ListingsClassnames = {
+    base?: string;
+};
+
+declare type ListingsClassnames_2 = {
+    base?: string;
+};
+
+export declare type ListingsProps = SharedComponentProps & {
+    classNames?: ListingsClassnames;
+};
+
+declare type ListingsProps_2 = SharedComponentProps_2 & {
+    classNames?: ListingsClassnames_2;
+};
+
+export declare function NavBar({ className }: NavBarProps_2): JSX.Element;
+
+export declare type NavBarClassnames = {
+    base?: string;
+};
+
+declare type NavBarClassnames_2 = {
+    base?: string;
+};
+
+export declare type NavBarProps = SharedComponentProps & {
+    classNames?: NavBarClassnames;
+};
+
+declare type NavBarProps_2 = SharedComponentProps_2 & {
+    classNames?: NavBarClassnames_2;
+};
+
+export declare function Scaffold({ className, children }: ScaffoldProps): JSX.Element;
+
+export declare type ScaffoldClassnames = {
+    base?: string;
+};
+
+export declare type ScaffoldProps = SharedComponentProps & {
+    classNames?: ScaffoldClassnames;
+};
+
+export declare type SharedComponentProps = {
+    className?: string;
+    children?: ReactNode;
+};
+
+declare type SharedComponentProps_2 = {
+    className?: string;
+    children?: ReactNode;
+};
+
+export declare function useEmperorUI(): EmperorUIContextState;
+
+export { }

package/package.json

@@ -1,15 +1,17 @@
 {
   "name": "@js-empire/emperor-ui",
   "description": "They provide the atoms, we provide the empire.",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "author": "JS Empire - Mustafa Alhasanat",
   "license": "ISC",
   "type": "module",
   "main": "dist/emperor-ui-umd.cjs",
   "module": "dist/emperor-ui.js",
+  "types": "dist/index.d.ts",
   "keywords": [],
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/emperor-ui.js",
       "require": "./dist/emperor-ui-umd.cjs"
     }
@@ -74,6 +76,7 @@
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.46.4",
     "vite": "^7.2.4",
+    "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.0.15"
   },
   "resolutions": {

package/vite.config.ts

@@ -14,7 +14,7 @@ export default defineConfig({
     dts({
       include: ["src/**/*.ts", "src/**/*.tsx"],
       exclude: ["src/**/*.test.ts", "src/**/*.test.tsx"],
-      rollupTypes: false,
+      rollupTypes: true,
       tsconfigPath: "./tsconfig.app.json",
     }),
   ],

package/dist/src/components/filter/filter.d.ts

@@ -1,3 +0,0 @@
-import { FilterProps } from '../../types';
-
-export declare function Filter({ className }: FilterProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/filter/index.d.ts

@@ -1 +0,0 @@
-export * from './filter';

package/dist/src/components/footer/footer.d.ts

@@ -1,3 +0,0 @@
-import { ItemCardProps } from 'src';
-
-export declare function ItemCard({ className }: ItemCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/footer/index.d.ts

@@ -1 +0,0 @@
-export * from './footer';

package/dist/src/components/header/header.d.ts

@@ -1,9 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-
-export declare const Header: import('react').ForwardRefExoticComponent<Omit<import('react').ClassAttributes<HTMLElement> & import('react').HTMLAttributes<HTMLElement> & VariantProps<(props?: ({
-    variant?: "primary" | "secondary" | null | undefined;
-    padding?: "sm" | "md" | "lg" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string> & import('../../types').SharedComponentProps & {
-    variant?: "default" | "compact";
-    classNames?: import('../../types').HeaderClassnames;
-}, "ref"> & import('react').RefAttributes<HTMLElement>>;

package/dist/src/components/header/index.d.ts

@@ -1 +0,0 @@
-export * from './header';

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

@@ -1,8 +0,0 @@
-export * from './filter';
-export * from './footer';
-export * from './header';
-export * from './item-card';
-export * from './item-details';
-export * from './listings';
-export * from './nav-bar';
-export * from './scaffold';

package/dist/src/components/item-card/index.d.ts

@@ -1 +0,0 @@
-export * from './item-card';

package/dist/src/components/item-card/item-card.d.ts

@@ -1,3 +0,0 @@
-import { FooterProps } from '../../types';
-
-export declare function Footer({ className }: FooterProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/item-details/index.d.ts

@@ -1 +0,0 @@
-export * from './item-details';

package/dist/src/components/item-details/item-details.d.ts

@@ -1,3 +0,0 @@
-import { ItemDetailsProps } from 'src';
-
-export declare function ItemDetails({ className }: ItemDetailsProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/listings/index.d.ts

@@ -1 +0,0 @@
-export * from './listings';

package/dist/src/components/listings/listings.d.ts

@@ -1,3 +0,0 @@
-import { ListingsProps } from 'src';
-
-export declare function Listings({ className }: ListingsProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/nav-bar/index.d.ts

@@ -1 +0,0 @@
-export * from './nav-bar';

package/dist/src/components/nav-bar/nav-bar.d.ts

@@ -1,3 +0,0 @@
-import { NavBarProps } from 'src';
-
-export declare function NavBar({ className }: NavBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/scaffold/index.d.ts

@@ -1 +0,0 @@
-export * from './scaffold';

package/dist/src/components/scaffold/scaffold.d.ts

@@ -1,3 +0,0 @@
-import { ScaffoldProps } from '../../types';
-
-export declare function Scaffold({ className, children }: ScaffoldProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/constants/defaults.d.ts

@@ -1,4 +0,0 @@
-import { ColorsPalette, EmperorUIConfig } from '../types';
-
-export declare const defaultColorsPalette: ColorsPalette;
-export declare const defaultEmperorUIConfig: EmperorUIConfig;

package/dist/src/constants/index.d.ts

@@ -1 +0,0 @@
-export * from './defaults';

package/dist/src/context/emperor-ui-context.d.ts

@@ -1,3 +0,0 @@
-import { EmperorUIContextState } from '../types';
-
-export declare const EmperorUIContext: import('react').Context<EmperorUIContextState | undefined>;

package/dist/src/context/index.d.ts

@@ -1 +0,0 @@
-export * from './emperor-ui-context';

package/dist/src/examples/index.d.ts

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

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

@@ -1 +0,0 @@
-export * from './use-emperor-ui';

package/dist/src/hooks/use-emperor-ui.d.ts

@@ -1 +0,0 @@
-export declare function useEmperorUI(): import('..').EmperorUIContextState;

package/dist/src/index.d.ts

@@ -1,8 +0,0 @@
-export * from './components';
-export type * from './types';
-export * from './utils';
-export * from './providers';
-export * from './context';
-export * from './hooks';
-export * from './constants';
-export * from './examples';

package/dist/src/providers/emperor-ui-provider.d.ts

@@ -1,3 +0,0 @@
-import { EmperorUIProviderProps } from '../types';
-
-export declare function EmperorUIProvider({ children, config, }: EmperorUIProviderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +0,0 @@
-export * from './emperor-ui-provider';

package/dist/src/types/components/filter/filter.d.ts

@@ -1,8 +0,0 @@
-import { SharedComponentProps } from '../..';
-
-export type FilterClassnames = {
-    base?: string;
-};
-export type FilterProps = SharedComponentProps & {
-    classNames?: FilterClassnames;
-};

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

@@ -1 +0,0 @@
-export type * from './filter';

package/dist/src/types/components/footer/footer.d.ts

@@ -1,8 +0,0 @@
-import { SharedComponentProps } from '../..';
-
-export type FooterClassnames = {
-    base?: string;
-};
-export type FooterProps = SharedComponentProps & {
-    classNames?: FooterClassnames;
-};

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

@@ -1 +0,0 @@
-export type * from './footer';

package/dist/src/types/components/header/header.d.ts

@@ -1,19 +0,0 @@
-import { SharedComponentProps } from '../..';
-
-export type HeaderClassnames = {
-    base?: string;
-    logo?: string;
-    navbar?: string;
-    userDropdown?: string;
-    sideMenu?: string;
-};
-export type HeaderActivations = {
-    hideLog?: boolean;
-    hideNavbar?: boolean;
-    hideUserDropdown?: boolean;
-    hideSideMenu?: boolean;
-};
-export type HeaderProps = SharedComponentProps & {
-    variant?: "default" | "compact";
-    classNames?: HeaderClassnames;
-};

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

@@ -1 +0,0 @@
-export type * from './header';

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

@@ -1,8 +0,0 @@
-export type * from './header';
-export type * from './listings';
-export type * from './nav-bar';
-export type * from './scaffold';
-export type * from './filter';
-export type * from './footer';
-export type * from './item-card';
-export type * from './item-details';

package/dist/src/types/components/item-card/index.d.ts

@@ -1 +0,0 @@
-export type * from './item-card';

package/dist/src/types/components/item-card/item-card.d.ts

@@ -1,8 +0,0 @@
-import { SharedComponentProps } from '../..';
-
-export type ItemCardClassnames = {
-    base?: string;
-};
-export type ItemCardProps = SharedComponentProps & {
-    classNames?: ItemCardClassnames;
-};

package/dist/src/types/components/item-details/index.d.ts

@@ -1 +0,0 @@
-export type * from './item-details';

package/dist/src/types/components/item-details/item-details.d.ts

@@ -1,8 +0,0 @@
-import { SharedComponentProps } from '../..';
-
-export type ItemDetailsClassnames = {
-    base?: string;
-};
-export type ItemDetailsProps = SharedComponentProps & {
-    classNames?: ItemDetailsClassnames;
-};

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

@@ -1 +0,0 @@
-export type * from './listings';

package/dist/src/types/components/listings/listings.d.ts

@@ -1,8 +0,0 @@
-import { SharedComponentProps } from '../..';
-
-export type ListingsClassnames = {
-    base?: string;
-};
-export type ListingsProps = SharedComponentProps & {
-    classNames?: ListingsClassnames;
-};

package/dist/src/types/components/nav-bar/index.d.ts

@@ -1 +0,0 @@
-export type * from './nav-bar';

package/dist/src/types/components/nav-bar/nav-bar.d.ts

@@ -1,8 +0,0 @@
-import { SharedComponentProps } from '../..';
-
-export type NavBarClassnames = {
-    base?: string;
-};
-export type NavBarProps = SharedComponentProps & {
-    classNames?: NavBarClassnames;
-};

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

@@ -1 +0,0 @@
-export type * from './scaffold';

package/dist/src/types/components/scaffold/scaffold.d.ts

@@ -1,8 +0,0 @@
-import { SharedComponentProps } from '../..';
-
-export type ScaffoldClassnames = {
-    base?: string;
-};
-export type ScaffoldProps = SharedComponentProps & {
-    classNames?: ScaffoldClassnames;
-};

package/dist/src/types/context/emperor-ui.d.ts

@@ -1,31 +0,0 @@
-import { ReactNode } from 'react';
-
-export type EmperorUIContextState = {
-    config: EmperorUIConfig;
-};
-export type EmperorUIProviderProps = {
-    children: ReactNode;
-    config: EmperorUIConfig;
-};
-export type ColorMode = "light" | "dark";
-export type ColorsPalette = {
-    primary: string;
-    secondary: string;
-    success: string;
-    danger: string;
-    warning: string;
-    info: string;
-    background: string;
-    text: string;
-};
-export type EmperorUITheme = {
-    mode: ColorMode;
-    colors: Partial<ColorsPalette>;
-};
-export type EmperorUILayout = {
-    withScaffold: boolean;
-};
-export type EmperorUIConfig = {
-    theme?: Partial<EmperorUITheme>;
-    layout?: Partial<EmperorUILayout>;
-};

package/dist/src/types/context/index.d.ts

@@ -1 +0,0 @@
-export type * from './emperor-ui';

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

@@ -1,3 +0,0 @@
-export type * from './components';
-export type * from './shared';
-export type * from './context';

package/dist/src/types/shared/components.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-
-export type SharedComponentProps = {
-    className?: string;
-    children?: ReactNode;
-};

package/dist/src/types/shared/index.d.ts

@@ -1 +0,0 @@
-export type * from './components';

package/dist/src/utils/cn.d.ts

@@ -1,3 +0,0 @@
-import { ClassValue } from 'clsx';
-
-export declare function cn(...classes: ClassValue[]): string;

package/dist/src/utils/index.d.ts

@@ -1 +0,0 @@
-export * from './cn';