azero_resources 0.0.1

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

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

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

@@ -0,0 +1,25 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Toast } from './Toast';
+declare const meta: Meta<typeof Toast>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Default Toast with title, description timestamp, and action button.
+ */
+export declare const Default: Story;
+/**
+ * Simple message toast without title or action.
+ */
+export declare const Simple: Story;
+/**
+ * Toast with alert title and description.
+ */
+export declare const WithTitle: Story;
+/**
+ * Toast with alert title, description, and action button.
+ */
+export declare const WithAction: Story;
+/**
+ * Destructive alert toast with action button.
+ */
+export declare const Destructive: Story;

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

@@ -0,0 +1,30 @@
+import { default as React, ComponentProps } from 'react';
+export type TooltipSide = "top" | "bottom" | "left" | "right";
+export type TooltipAlign = "start" | "center" | "end";
+export interface TooltipProviderProps {
+    delayDuration?: number;
+    children?: React.ReactNode;
+}
+export declare const TooltipProvider: React.FC<TooltipProviderProps>;
+export interface TooltipProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    delayDuration?: number;
+    side?: TooltipSide;
+    align?: TooltipAlign;
+    sideOffset?: number;
+    children?: React.ReactNode;
+    content?: React.ReactNode;
+}
+export declare const Tooltip: React.FC<TooltipProps>;
+export interface TooltipTriggerProps extends ComponentProps<"div"> {
+    asChild?: boolean;
+}
+export declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipTriggerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface TooltipContentProps extends ComponentProps<"div"> {
+    side?: TooltipSide;
+    align?: TooltipAlign;
+    sideOffset?: number;
+}
+export declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,21 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Tooltip } from './Tooltip';
+declare const meta: Meta<typeof Tooltip>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Standard button with hover tooltip.
+ */
+export declare const Default: Story;
+/**
+ * Vertical icon navigation toolbar with right-side tooltips.
+ */
+export declare const SidebarIconNav: Story;
+/**
+ * Tooltip positioning on all 4 sides (Top, Right, Bottom, Left).
+ */
+export declare const FourDirections: Story;
+/**
+ * Visual design system overview matching the user's reference diagram.
+ */
+export declare const DesignSystemOverview: Story;

package/dist/src/components/Upload/FileIcons.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface FileIconProps {
+    type?: "pdf" | "excel" | "word" | "zip" | "txt" | "image" | "file" | string;
+    className?: string;
+}
+export declare const FileIcon: React.FC<FileIconProps>;

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

@@ -0,0 +1,38 @@
+import { default as React, ComponentProps } from 'react';
+export { FileIcon } from './FileIcons';
+export type { FileIconProps } from './FileIcons';
+export interface UploadPictureProps extends Omit<ComponentProps<"div">, "onChange"> {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (file: File | null, url?: string) => void;
+    disabled?: boolean;
+    shape?: "square" | "circle";
+    size?: "sm" | "default" | "lg";
+    progress?: number;
+    errorMessage?: string;
+    label?: string;
+    onCancel?: () => void;
+}
+export declare const UploadPicture: React.ForwardRefExoticComponent<Omit<UploadPictureProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface UploadFileItem {
+    id?: string;
+    name: string;
+    size?: string;
+    type?: string;
+    progress?: number;
+    error?: string;
+}
+export interface UploadFileProps extends ComponentProps<"div"> {
+    file?: UploadFileItem;
+    onRemove?: () => void;
+    onRetry?: () => void;
+    onCancel?: () => void;
+}
+export declare const UploadFile: React.FC<UploadFileProps>;
+export interface UploadDropzoneProps extends ComponentProps<"div"> {
+    onFilesSelected?: (files: FileList) => void;
+    accept?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+}
+export declare const UploadDropzone: React.FC<UploadDropzoneProps>;

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

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

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

@@ -0,0 +1,48 @@
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+/**
+ * Empty Picture Upload Box with upload trigger.
+ */
+export declare const PictureDefault: Story;
+/**
+ * Picture in uploading state with percentage indicator.
+ */
+export declare const PictureUploading: Story;
+/**
+ * Uploaded picture preview with hover overlay.
+ */
+export declare const PictureUploaded: Story;
+/**
+ * Circular avatar picture upload variant.
+ */
+export declare const PictureAvatar: Story;
+/**
+ * Picture upload error state.
+ */
+export declare const PictureError: Story;
+/**
+ * Collection of color-coded document & file icons.
+ */
+export declare const FileIconsGallery: Story;
+/**
+ * File card in uploading progress state.
+ */
+export declare const FileUploadingCard: Story;
+/**
+ * File card in completed uploaded state with remove action.
+ */
+export declare const FileUploadedCard: Story;
+/**
+ * File card in error state with retry button.
+ */
+export declare const FileErrorCard: Story;
+/**
+ * Wide banner drag & drop upload container.
+ */
+export declare const DropzoneBanner: Story;
+/**
+ * Visual design system matrix overview matching reference documentation.
+ */
+export declare const DesignSystemOverview: Story;

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

@@ -0,0 +1,20 @@
+export * from './Badge';
+export * from './Box';
+export * from './Button';
+export * from './Calendar';
+export * from './Divider';
+export * from './ImagePopOver';
+export * from './Input';
+export * from './InputOTP';
+export * from './Pagination';
+export * from './ProfileCard';
+export * from './Select';
+export * from './Slider';
+export * from './Switch';
+export * from './Table';
+export * from './Tabs';
+export * from './Textarea';
+export * from './Toast';
+export * from './Tooltip';
+export * from './Upload';
+export * from './types';

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

@@ -0,0 +1,106 @@
+import { ReactNode } from 'react';
+export declare enum ButtonVariant {
+    Default = "default",
+    Destructive = "destructive",
+    Cancel = "cancel",
+    Subtle = "subtle",
+    Ghost = "ghost",
+    Link = "link"
+}
+export declare enum ButtonDirection {
+    Row = "row",
+    Column = "column"
+}
+export declare enum ButtonSize {
+    Small = "sm",
+    Default = "default",
+    Large = "lg",
+    Icon = "icon"
+}
+export declare enum ButtonIconPosition {
+    Left = "left",
+    Right = "right"
+}
+export declare enum ColorVariant {
+    Default = "default",
+    Primary = "primary",
+    Secondary = "secondary",
+    Success = "success",
+    Warning = "warning",
+    Destructive = "destructive",
+    Info = "info",
+    Muted = "muted"
+}
+export declare enum ComponentSize {
+    ExtraSmall = "xs",
+    Small = "sm",
+    Default = "default",
+    Large = "lg",
+    ExtraLarge = "xl"
+}
+export declare enum ShapeVariant {
+    Square = "square",
+    Rounded = "rounded",
+    Pill = "pill",
+    Circle = "circle"
+}
+export declare enum Orientation {
+    Horizontal = "horizontal",
+    Vertical = "vertical"
+}
+export declare enum Position {
+    Top = "top",
+    Right = "right",
+    Bottom = "bottom",
+    Left = "left"
+}
+export declare enum Alignment {
+    Left = "left",
+    Center = "center",
+    Right = "right"
+}
+export declare enum TypographyVariant {
+    H1 = "h1",
+    H2 = "h2",
+    H3 = "h3",
+    H4 = "h4",
+    H5 = "h5",
+    H6 = "h6",
+    Subtitle1 = "subtitle1",
+    Subtitle2 = "subtitle2",
+    Body1 = "body1",
+    Body2 = "body2",
+    Caption = "caption",
+    Overline = "overline"
+}
+export declare enum StatusType {
+    Success = "success",
+    Warning = "warning",
+    Error = "error",
+    Info = "info"
+}
+export interface OptionType<T = string | number> {
+    label: string;
+    value: T;
+    disabled?: boolean;
+    icon?: ReactNode;
+}
+export type * from './Badge';
+export type * from './Box';
+export type * from './Button';
+export type * from './Calendar';
+export type * from './Divider';
+export type * from './ImagePopOver';
+export type * from './Input';
+export type * from './InputOTP';
+export type * from './Pagination';
+export type * from './ProfileCard';
+export type * from './Select';
+export type * from './Slider';
+export type * from './Switch';
+export type * from './Table';
+export type * from './Tabs';
+export type * from './Textarea';
+export type * from './Toast';
+export type * from './Tooltip';
+export type * from './Upload';

package/dist/src/index.d.ts

@@ -0,0 +1,5 @@
+export * from './components';
+export * from './components/types';
+export * from './utils/colorThemes';
+export * from './utils';
+export { default as ToastServices } from './ToastServices';

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

@@ -0,0 +1,2 @@
+export declare const awsURL = "";
+export declare const FindIconUrl: (name: string) => string;

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

@@ -0,0 +1,43 @@
+export declare const color: {
+    lightBrown: string;
+    brown: string;
+    lightGray: string;
+    gray: string;
+    lightBlack: string;
+    lightWhite: string;
+    darkBrown: string;
+    lighterGray: string;
+    lightBlue: string;
+    chocolate: string;
+    blue: string;
+    white: string;
+    whiteGray: string;
+    grayBlue: string;
+    cream: string;
+    blueGray: string;
+    lightCream: string;
+    lightGreen: string;
+    darkBlue: string;
+    light: string;
+    perpleWhite: string;
+    green500: string;
+    red500: string;
+    black: string;
+    plainWhite: string;
+    gray700: string;
+    gray200: string;
+    gray300: string;
+    gray800: string;
+    gray500: string;
+    gray100: string;
+    gray400: string;
+    perple60: string;
+    perple75: string;
+    blue500: string;
+    indigo500: string;
+    red700: string;
+    gray600: string;
+    yellow500: string;
+    pink800: string;
+    blue400: string;
+};

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

@@ -0,0 +1,3 @@
+import { ClassValue } from 'clsx';
+export declare const cn: (...classes: ClassValue[]) => string;
+export * from './colorThemes';

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

@@ -0,0 +1,21 @@
+export declare enum Alignment {
+    Center = "center",
+    Left = "left",
+    Right = "right"
+}
+export declare enum TextWeight {
+    Bold = "bold",
+    Thin = "thin",
+    Medium = "medium",
+    Normal = "normal",
+    Semibold = "semibold",
+    Black = "black"
+}
+export declare enum TextSize {
+    Base = "base",
+    Small = "sm",
+    Large = "lg",
+    Xl = "xl",
+    XXl = "2xl",
+    XXXl = "3xl"
+}

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

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+export type PropsOf<C extends keyof React.JSX.IntrinsicElements | React.JSXElementConstructor<unknown>> = React.JSX.LibraryManagedAttributes<C, React.ComponentPropsWithoutRef<C>>;
+export type AsProp<C extends React.ElementType> = {
+    /**
+     * An override of the default HTML tag.
+     * Can also be another React component.
+     */
+    as?: C;
+};
+/**
+ * Allows for extending a set of props (`ExtendedProps`) by an overriding set of props
+ * (`OverrideProps`), ensuring that any duplicates are overridden by the overriding
+ * set of props.
+ */
+export type ExtendableProps<ExtendedProps = {}, OverrideProps = {}> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
+/**
+ * Allows for inheriting the props from the specified element type so that
+ * props like children, className & style work, as well as element-specific
+ * attributes like aria roles. The component (`C`) must be passed in.
+ */
+export type InheritableElementProps<C extends React.ElementType, Props = {}> = ExtendableProps<PropsOf<C>, Props>;
+/**
+ * A more sophisticated version of `InheritableElementProps` where
+ * the passed in `as` prop will determine which props can be included
+ */
+export type PolymorphicComponentProps<C extends React.ElementType, Props = {}> = InheritableElementProps<C, Props & AsProp<C>>;
+export type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>["ref"];
+export type PolymorphicComponentPropsWithRef<C extends React.ElementType, Props = {}> = PolymorphicComponentProps<C, Props> & {
+    ref?: PolymorphicRef<C>;
+};

package/package.json

@@ -0,0 +1,91 @@
+{
+  "name": "azero_resources",
+  "version": "0.0.1",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "dist/azero-resources-umd.cjs",
+  "module": "dist/azero-resources.js",
+  "types": "dist/azero-resources.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/azero-resources.d.ts",
+      "import": "./dist/azero-resources.js",
+      "require": "./dist/azero-resources-umd.cjs"
+    }
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6007",
+    "build-storybook": "storybook build",
+    "tsc": "tsc",
+    "test": "jest",
+    "test01": "jest --config jest.config.ts",
+    "coverage": "jest --coverage",
+    "publish": "npm run build && npm publish"
+  },
+  "dependencies": {
+    "@testing-library/react": "^16.3.3",
+    "@types/jest": "^30.0.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^30.5.2",
+    "jest-dom": "^4.0.0",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "react-icons": "^5.7.0",
+    "react-testing-library": "^8.0.1",
+    "react-toastify": "^11.1.0",
+    "single-spa": "^6.0.3",
+    "tailwind-merge": "^3.7.0",
+    "vite-plugin-dts": "^5.1.1",
+    "vite-tsconfig-paths": "^6.1.1"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^3.2.7",
+    "@rollup/plugin-commonjs": "^29.0.3",
+    "@rollup/plugin-node-resolve": "^16.0.3",
+    "@rollup/plugin-typescript": "^12.3.0",
+    "@storybook/addon-essentials": "^8.6.18",
+    "@storybook/addon-interactions": "^8.6.18",
+    "@storybook/addon-links": "^8.6.18",
+    "@storybook/addon-onboarding": "^8.6.18",
+    "@storybook/addon-storysource": "^8.6.18",
+    "@storybook/blocks": "^8.6.18",
+    "@storybook/react": "^8.6.18",
+    "@storybook/react-vite": "^8.6.18",
+    "@storybook/test": "^8.6.18",
+    "@tailwindcss/postcss": "^4.3.3",
+    "@testing-library/jest-dom": "^7.0.1",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@types/tough-cookie": "^4.0.5",
+    "@typescript-eslint/eslint-plugin": "^8.70.1",
+    "@typescript-eslint/parser": "^8.70.1",
+    "@vitejs/plugin-react": "^6.1.1",
+    "autoprefixer": "^10.6.1",
+    "eslint": "^10.11.0",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "eslint-plugin-react-refresh": "^0.5.7",
+    "eslint-plugin-storybook": "^0.8.0",
+    "jest-environment-jsdom": "^30.5.2",
+    "jest-transform-stub": "^2.0.0",
+    "postcss": "^8.5.28",
+    "rollup": "^4.63.4",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-typescript2": "^0.37.0",
+    "storybook": "^8.6.18",
+    "tailwindcss": "^4.3.3",
+    "ts-jest": "^29.4.13",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.5.0",
+    "vite": "^8.3.0"
+  }
+}