@tanishraj/ui-kit 1.0.7 → 1.0.9

package/dist/index.d.ts

@@ -0,0 +1,256 @@
+import { ClassProp } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
+import { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithRef } from 'react';
+import { FC } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { HTMLAttributes } from 'react';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+import { RemoveNull as RemoveNull_2 } from '../../../utils';
+import { SVGProps } from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+export declare const Alert: FC<AlertProps>;
+
+export declare type AlertAppearances = RemoveNull_2<VariantProps<typeof alertWrapperStyles>>['appearance'];
+
+export declare interface AlertProps extends RemoveNull_2<VariantProps<typeof alertWrapperStyles>> {
+    title?: string;
+    icon?: FC<SVGProps<SVGSVGElement>>;
+    children?: ReactNode;
+    onClose?: () => void;
+}
+
+export declare type AlertSizes = RemoveNull_2<VariantProps<typeof alertWrapperStyles>>['size'];
+
+export declare type AlertVariants = RemoveNull_2<VariantProps<typeof alertWrapperStyles>>['variant'];
+
+declare const alertWrapperStyles: (props?: ({
+    appearance?: "filled" | "outline" | "dashed" | null | undefined;
+    variant?: "default" | "primary" | "info" | "success" | "warning" | "danger" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    inverted?: boolean | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const Avatar: FC<AvatarProps>;
+
+declare const avatarContainerStyles: (props?: ({
+    size?: "sm" | "md" | "lg" | "xs" | null | undefined;
+    variant?: "default" | "primary" | "info" | "success" | "warning" | "danger" | null | undefined;
+    shape?: "circle" | "square" | null | undefined;
+    inverted?: boolean | null | undefined;
+    stroke?: boolean | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const AvatarGroup: FC<AvatarGroupProps>;
+
+export declare type AvatarGroupItem = Omit<AvatarProps, 'size' | 'shape' | 'inverted' | 'stroke' | 'className'>;
+
+export declare interface AvatarGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    items?: AvatarGroupItem[];
+    size?: AvatarGroupSizes;
+    variant?: AvatarVariants;
+    shape?: AvatarGroupShapes;
+    max?: number;
+    inverted?: boolean;
+    stroke?: boolean;
+}
+
+export declare type AvatarGroupShapes = RemoveNull_2<VariantProps<typeof avatarContainerStyles>>['shape'];
+
+export declare type AvatarGroupSizes = RemoveNull_2<VariantProps<typeof avatarContainerStyles>>['size'];
+
+export declare type AvatarIcon = FC<SVGProps<SVGSVGElement>>;
+
+export declare type AvatarImage = {
+    src: string;
+    alt: string;
+};
+
+export declare interface AvatarProps extends HTMLAttributes<HTMLSpanElement>, Omit<VariantProps<typeof avatarContainerStyles>, 'stroke'> {
+    icon?: AvatarIcon;
+    img?: AvatarImage;
+    initials?: string;
+    status?: AvatarStatus;
+    statusPosition?: AvatarStatusPosition;
+    size?: AvatarSizes;
+    shape?: AvatarShapes;
+    variant?: AvatarVariants;
+    inverted?: boolean;
+    stroke?: boolean;
+}
+
+export declare type AvatarShapes = RemoveNull_2<VariantProps<typeof avatarContainerStyles>>['shape'];
+
+export declare type AvatarSizes = RemoveNull_2<VariantProps<typeof avatarContainerStyles>>['size'];
+
+export declare type AvatarStatus = RemoveNull_2<VariantProps<typeof avatarStatusStyles>['status']>;
+
+export declare type AvatarStatusPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+
+declare const avatarStatusStyles: (props?: ({
+    status?: "primary" | "info" | "success" | "warning" | "danger" | null | undefined;
+    shape?: "circle" | "square" | null | undefined;
+    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare type AvatarVariants = RemoveNull_2<VariantProps<typeof avatarContainerStyles>>['variant'];
+
+export declare const Badge: FC<BadgeProps>;
+
+export declare type BadgeAppearances = RemoveNull_2<VariantProps<typeof badgeVariants>>['appearance'];
+
+export declare interface BadgeProps extends HTMLAttributes<HTMLSpanElement>, Omit<VariantProps<typeof badgeVariants>, 'appearance'> {
+    icon?: FC<SVGProps<SVGSVGElement>>;
+}
+
+export declare type BadgeShapes = RemoveNull_2<VariantProps<typeof badgeVariants>>['shape'];
+
+export declare type BadgeSizes = RemoveNull_2<VariantProps<typeof badgeVariants>>['size'];
+
+export declare type BadgeVariants = RemoveNull_2<VariantProps<typeof badgeVariants>>['variant'];
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "primary" | "info" | "success" | "warning" | "danger" | null | undefined;
+    appearance?: "icon" | "dots" | "text" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    shape?: "circle" | "square" | null | undefined;
+    inverted?: boolean | null | undefined;
+    hasIcon?: boolean | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare const Button: FC<ButtonProps>;
+
+export declare type ButtonAppearances = RemoveNull_2<VariantProps<typeof buttonStyles>>['appearance'];
+
+export declare const ButtonGroup: FC<ButtonGroupProps>;
+
+export declare interface ButtonGroupItem extends Omit<ButtonProps, 'children' | 'ref' | 'className'> {
+    children?: ReactNode;
+    id?: string;
+}
+
+export declare type ButtonGroupOrientation = 'horizontal' | 'vertical';
+
+export declare interface ButtonGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className'> {
+    buttons?: ButtonGroupItem[];
+    orientation?: ButtonGroupOrientation;
+    size?: ButtonGroupSizes;
+    inverted?: boolean;
+    role?: 'group' | string;
+}
+
+export declare type ButtonGroupSizes = ButtonSizes;
+
+export declare interface ButtonProps extends ComponentPropsWithRef<'button'>, RemoveNull<Omit<VariantProps<typeof buttonStyles>, 'disabled'>> {
+    children: ReactNode;
+    leadingIcon?: FC<SVGProps<SVGSVGElement>>;
+    trailingIcon?: FC<SVGProps<SVGSVGElement>>;
+}
+
+export declare type ButtonSizes = RemoveNull_2<VariantProps<typeof buttonStyles>>['size'];
+
+declare const buttonStyles: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    variant?: "default" | "primary" | "info" | "success" | "warning" | "danger" | null | undefined;
+    appearance?: "filled" | "outline" | "dashed" | "ghost" | null | undefined;
+    disabled?: boolean | null | undefined;
+    loading?: boolean | null | undefined;
+    fullWidth?: boolean | null | undefined;
+    inverted?: boolean | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare type ButtonVariants = RemoveNull_2<VariantProps<typeof buttonStyles>>['variant'];
+
+export declare const cn: (...inputs: ClassValue[]) => string;
+
+declare enum EThemeOptions {
+    LIGHT = "light",
+    DARK = "dark"
+}
+
+export declare const OrganizationChart: ForwardRefExoticComponent<OrgChartComponentProps & RefAttributes<OrgChartRef>>;
+
+export declare interface OrgChartApiNodeData {
+    id: string;
+    companyId?: string;
+    securityPosition?: string | null;
+    entityName: string;
+    country?: OrgChartCountryData | null;
+    entityType?: string | null;
+    parent?: {
+        id: string;
+    } | null;
+    role?: string | null;
+    revenue?: number | null;
+    revenueAllocPct?: number | null;
+    __typename?: string;
+}
+
+export declare interface OrgChartComponentProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onClick'> {
+    data: Array<OrgChartNodeData | OrgChartApiNodeData>;
+    orientation?: OrgChartOrientation;
+    initialDepth?: number;
+    imageName?: string;
+    onNodeClick?: (nodeId: string) => void;
+    onZoomChange?: (zoomPercent: number) => void;
+    emptyMessage?: string;
+    showZoomBadge?: boolean;
+    dataTestId?: string;
+}
+
+export declare interface OrgChartCountryData {
+    id?: string | null;
+    name?: string | null;
+    country_code?: string | null;
+    __typename?: string;
+}
+
+export declare type OrgChartNodeAccent = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
+
+export declare interface OrgChartNodeData {
+    id: string;
+    parentId: string | null;
+    name: string;
+    position: string;
+    countryCode?: string | null;
+    countryName?: string | null;
+    entityType?: string | null;
+    role?: string | null;
+    revenue?: number | null;
+    revenueShare?: number | null;
+    securityPosition?: string | null;
+    companyCode?: string;
+    location?: string;
+    headcount?: string;
+    accent?: OrgChartNodeAccent;
+}
+
+export declare type OrgChartOrientation = 'top' | 'left' | 'bottom' | 'right';
+
+export declare interface OrgChartRef {
+    zoomIn: () => void;
+    zoomOut: () => void;
+    resetZoom: () => void;
+    resetLevel: () => void;
+    exportImg: () => void;
+    exportSvg: () => void;
+    expandAll: () => void;
+    collapseAll: () => void;
+}
+
+export declare type RemoveNull<T> = {
+    [K in keyof T]: Exclude<T[K], null>;
+};
+
+export declare const useTheme: () => {
+    theme: EThemeOptions;
+    isDark: boolean;
+    setTheme: (theme: EThemeOptions) => void;
+};
+
+export declare const useToggle: () => readonly [boolean, () => void];
+
+export { }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanishraj/ui-kit",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "A production-ready React component library with modern tooling, Storybook docs, and TypeScript support.",
   "author": "Tanishraj",
   "license": "MIT",
@@ -12,19 +12,19 @@
     "url": "https://github.com/tanishraj/ui-kit/issues"
   },
   "homepage": "https://github.com/tanishraj/ui-kit#readme",
-  "main": "dist/index.cjs",
-  "module": "dist/index.js",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
   "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js"
     },
     "./globals.css": {
-      "import": "./dist/styles/globals.css",
-      "require": "./dist/styles/globals.css",
+      "import": "./dist/themes/primary.css",
+      "require": "./dist/themes/primary.css",
       "default": "./dist/themes/primary.css"
     },
     "./theme-primary.css": {
@@ -44,12 +44,13 @@
     "dist"
   ],
   "scripts": {
-    "build": "rm -rf dist && vite build && npm run copy:theme",
+    "build": "rm -rf dist && vite build && npm run copy:theme && rm -rf dist/src",
     "copy:theme": "mkdir -p dist/themes && cp src/themes/primary.css dist/themes/primary.css && cp src/themes/secondary.css dist/themes/secondary.css",
     "prepublishOnly": "npm run build",
     "test": "vitest",
     "test:watch": "vitest --watch",
     "test:coverage": "vitest --coverage",
+    "release:check": "npm run lint && npm run type-check && npm run test -- --run && npm run build",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix && prettier --write .",
     "format": "prettier --write .",
@@ -72,6 +73,7 @@
   "devDependencies": {
     "@chromatic-com/storybook": "^5.2.1",
     "@eslint/js": "^9.14.0",
+    "@microsoft/api-extractor": "^7.58.9",
     "@storybook/addon-docs": "^10.4.2",
     "@storybook/addon-onboarding": "^10.4.2",
     "@storybook/addon-vitest": "10.4.2",