@beydesign/storybook 0.0.37 → 0.0.39

package/dist/stories/types/avatar.js

@@ -1,28 +0,0 @@
-/**
- * Avatar size variants
- */
-export var AvatarSize;
-(function (AvatarSize) {
-    AvatarSize["xxl"] = "xxl";
-    AvatarSize["xl"] = "xl";
-    AvatarSize["lg"] = "lg";
-    AvatarSize["md"] = "md";
-    AvatarSize["sm"] = "sm";
-    AvatarSize["xs"] = "xs";
-})(AvatarSize || (AvatarSize = {}));
-/**
- * Avatar style variants
- */
-export var AvatarStyle;
-(function (AvatarStyle) {
-    AvatarStyle["Placeholder"] = "Placeholder";
-    AvatarStyle["Picture"] = "Picture";
-    AvatarStyle["Letters"] = "Letters";
-})(AvatarStyle || (AvatarStyle = {}));
-export const AvatarImage = `https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTTAUPUG0r--EDZzf-f9Afj_Jp7N96yIGsWPgCYIkrAS1rCJHIcdm_RCq_me44bJc0dvvY&usqp=CAU`;
-export const getInitials = (text) => {
-    return text
-        .split(' ')
-        .map((word) => word[0]?.toUpperCase())
-        .join('');
-};

package/dist/stories/types/badge.d.ts

@@ -1,49 +0,0 @@
-import { IconName } from '../../utils/icon';
-import type { SxProps, Theme } from '@mui/material';
-/**
- * Badge size variants
- */
-export declare enum BadgeSize {
-    lg = "lg",
-    md = "md",
-    xs = "xs"
-}
-/**
- * Badge color variants
- */
-export declare enum BadgeColor {
-    Default = "Default",
-    Violet = "Violet",
-    Lemon = "Lemon",
-    Green = "Green",
-    Red = "Red",
-    Yellow = "Yellow",
-    Blue = "Blue",
-    Cyan = "Cyan",
-    Pink = "Pink",
-    DarkTransparent = "DarkTransparent"
-}
-/**
- * Badge component props
- */
-export type BadgeProps = {
-    /** Size variant of the badge */
-    size?: BadgeSize;
-    /** Color variant of the badge */
-    color?: BadgeColor;
-    /** Text content of the badge */
-    text: string;
-    /** Custom style of the badge */
-    style?: SxProps<Theme>;
-    /** Whether to show the Icon */
-    showIcon?: boolean;
-    /** Icon to display in the badge */
-    icon?: IconName;
-    /** Whether to fill the icon */
-    fill?: boolean;
-};
-/**
- * Props for the Components wrapper
- */
-export interface ComponentsProps {
-}

package/dist/stories/types/badge.js

@@ -1,25 +0,0 @@
-/**
- * Badge size variants
- */
-export var BadgeSize;
-(function (BadgeSize) {
-    BadgeSize["lg"] = "lg";
-    BadgeSize["md"] = "md";
-    BadgeSize["xs"] = "xs";
-})(BadgeSize || (BadgeSize = {}));
-/**
- * Badge color variants
- */
-export var BadgeColor;
-(function (BadgeColor) {
-    BadgeColor["Default"] = "Default";
-    BadgeColor["Violet"] = "Violet";
-    BadgeColor["Lemon"] = "Lemon";
-    BadgeColor["Green"] = "Green";
-    BadgeColor["Red"] = "Red";
-    BadgeColor["Yellow"] = "Yellow";
-    BadgeColor["Blue"] = "Blue";
-    BadgeColor["Cyan"] = "Cyan";
-    BadgeColor["Pink"] = "Pink";
-    BadgeColor["DarkTransparent"] = "DarkTransparent";
-})(BadgeColor || (BadgeColor = {}));

package/dist/stories/types/checkbox.d.ts

@@ -1,26 +0,0 @@
-export declare enum CheckboxType {
-    Radio = "Radio",
-    Checkbox = "Checkbox"
-}
-/**
- * Checkbox component props
- */
-export type CheckboxProps = {
-    /** Type variant of the checkbox */
-    type?: CheckboxType;
-    /** Label of the checkbox */
-    label: string;
-    /** Whether the checkbox is checked */
-    checked?: boolean;
-    /** Whether the checkbox is disabled */
-    disabled?: boolean;
-    /** Whether the checkbox is read-only */
-    required?: boolean;
-    /** Event handler for the checkbox */
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-};
-/**
- * Props for the Components wrapper
- */
-export interface ComponentsProps {
-}

package/dist/stories/types/checkbox.js

@@ -1,5 +0,0 @@
-export var CheckboxType;
-(function (CheckboxType) {
-    CheckboxType["Radio"] = "Radio";
-    CheckboxType["Checkbox"] = "Checkbox";
-})(CheckboxType || (CheckboxType = {}));

package/dist/stories/types/header.d.ts

@@ -1,25 +0,0 @@
-import { AvatarProps } from './avatar';
-/**
- * Header component props
- */
-export type HeaderProps = {
-    /** Title of the header */
-    title: string;
-    /** Email of the logged in user */
-    email: string;
-    /** Avatar props */
-    avatarProps: AvatarProps;
-    /** Text of the back button */
-    backButtonText?: string;
-    /** CSS class name for additional styling */
-    className?: string;
-    /** Callback function to handle back button click */
-    onBackClick?: () => void;
-    /** Callback function to handle logout button click */
-    onLogoutClick?: () => void;
-};
-/**
- * Props for the Components wrapper
- */
-export interface ComponentsProps {
-}

package/dist/stories/types/header.js

@@ -1 +0,0 @@
-export {};

package/dist/stories/types/logo.d.ts

@@ -1,30 +0,0 @@
-export declare enum LogoVariant {
-    Horizontal = "horizontal",
-    Vertical = "vertical",
-    Icon = "icon"
-}
-export interface LogoProps {
-    /**
-     * The variant of the logo to display
-     */
-    variant?: LogoVariant;
-    /**
-     * The color to apply to the logo
-     * If gradient is provided, this will be ignored
-     */
-    color?: string;
-    /**
-     * Optional gradient value to apply to the logo
-     * Example: "linear-gradient(180deg, #3300ff 0%, #d170ff 100%)"
-     */
-    gradient?: string;
-    /**
-     * Optional className for additional styling
-     */
-    className?: string;
-    /**
-     * Optional URL to override the default SVG
-     * If provided, this will be used instead of the built-in SVG
-     */
-    svgUrl?: string;
-}

package/dist/stories/types/logo.js

@@ -1,6 +0,0 @@
-export var LogoVariant;
-(function (LogoVariant) {
-    LogoVariant["Horizontal"] = "horizontal";
-    LogoVariant["Vertical"] = "vertical";
-    LogoVariant["Icon"] = "icon";
-})(LogoVariant || (LogoVariant = {}));

package/dist/stories/types/menu.d.ts

@@ -1,30 +0,0 @@
-import { IconName } from '../../utils/icon';
-/**
- * Menu item
- */
-export interface MenuItemProps {
-    /** Label */
-    label: string;
-    /** Icon */
-    icon: IconName;
-    /** On click */
-    onClick: () => void;
-    /** Destructive */
-    destructive?: boolean;
-}
-/**
- * Menu component props
- */
-export type MenuProps = {
-    /** Icon */
-    icon?: IconName;
-    /** Items */
-    items?: MenuItemProps[];
-    /** Style */
-    style?: React.CSSProperties;
-};
-/**
- * Props for the Components wrapper
- */
-export interface ComponentsProps {
-}

package/dist/stories/types/menu.js

@@ -1 +0,0 @@
-export {};

package/dist/stories/types/nav-item.d.ts

@@ -1,41 +0,0 @@
-import { IconName } from '../../utils/icon';
-export declare enum NavItemState {
-    Default = "default",
-    Active = "active",
-    Disabled = "disabled"
-}
-export declare enum NavItemSize {
-    Expanded = "expanded",
-    Collapsed = "collapsed"
-}
-export interface NavItemProps {
-    /**
-     * The text to display in the navigation item
-     */
-    text: string;
-    /**
-     * The icon to display before the text
-     * Uses Phosphor Icons
-     */
-    icon: IconName;
-    /**
-     * The current state of the navigation item
-     */
-    state?: NavItemState;
-    /**
-     * The size of the navigation item
-     */
-    size?: NavItemSize;
-    /**
-     * Whether to show a "Coming Soon" badge
-     */
-    showBadge?: boolean;
-    /**
-     * Optional click handler
-     */
-    onClick?: () => void;
-    /**
-     * Optional className for additional styling
-     */
-    className?: string;
-}

package/dist/stories/types/progress-indicator.d.ts

@@ -1,35 +0,0 @@
-import { Theme } from '@mui/material';
-import { SxProps } from '@mui/material';
-/**
- * Progress indicator mode variants
- */
-export declare enum ProgressIndicatorMode {
-    Value = "Value",
-    Percentage = "Percentage"
-}
-/**
- * Progress indicator component props
- */
-export type ProgressIndicatorProps = {
-    /** Mode variant of the progress indicator */
-    mode?: ProgressIndicatorMode;
-    /** Value of the progress indicator */
-    currentValue: number;
-    /** Maximum value of the progress indicator */
-    maxValue: number;
-    /** Fill color of the progress indicator */
-    fillColor?: string;
-    /** Background color of the progress indicator */
-    backgroundColor?: string;
-    /** Text of the progress indicator */
-    text?: string;
-    /** Text color of the progress indicator */
-    textColor?: string;
-    /** Style of the progress indicator */
-    style?: SxProps<Theme>;
-};
-/**
- * Props for the Components wrapper
- */
-export interface ComponentsProps {
-}

package/dist/stories/types/progress-indicator.js

@@ -1,8 +0,0 @@
-/**
- * Progress indicator mode variants
- */
-export var ProgressIndicatorMode;
-(function (ProgressIndicatorMode) {
-    ProgressIndicatorMode["Value"] = "Value";
-    ProgressIndicatorMode["Percentage"] = "Percentage";
-})(ProgressIndicatorMode || (ProgressIndicatorMode = {}));

package/dist/stories/types/sidebar.js

@@ -1,5 +0,0 @@
-export var SidebarSize;
-(function (SidebarSize) {
-    SidebarSize["Expanded"] = "expanded";
-    SidebarSize["Collapsed"] = "collapsed";
-})(SidebarSize || (SidebarSize = {}));

package/dist/stories/types/toggle-button-group.d.ts

@@ -1,28 +0,0 @@
-/**
- * Toggle button size variants
- */
-export declare enum ToggleButtonGroupSize {
-    lg = "lg",
-    md = "md",
-    sm = "sm"
-}
-/**
- * Toggle button component props
- */
-export type ToggleButtonGroupProps = {
-    /** Size variant of the toggle button */
-    size?: ToggleButtonGroupSize;
-    /** Selected option of the toggle button */
-    selectedOption: string;
-    /** Options of the toggle button */
-    options: string[];
-    /** Whether the toggle button is disabled */
-    disabled?: boolean;
-    /** Callback function when the toggle button is selected */
-    onChange: (option: string) => void;
-};
-/**
- * Props for the Components wrapper
- */
-export interface ComponentsProps {
-}

package/dist/stories/types/toggle-button-group.js

@@ -1,9 +0,0 @@
-/**
- * Toggle button size variants
- */
-export var ToggleButtonGroupSize;
-(function (ToggleButtonGroupSize) {
-    ToggleButtonGroupSize["lg"] = "lg";
-    ToggleButtonGroupSize["md"] = "md";
-    ToggleButtonGroupSize["sm"] = "sm";
-})(ToggleButtonGroupSize || (ToggleButtonGroupSize = {}));

package/dist/stories/types/toggle.d.ts

@@ -1,32 +0,0 @@
-import { SxProps, Theme } from '@mui/material';
-/**
- * Toggle position variants
- */
-export declare enum TogglePosition {
-    Left = "Left",
-    Right = "Right"
-}
-/**
- * Toggle component props
- */
-export type ToggleProps = {
-    /** Text of the toggle */
-    text?: string;
-    /** Title of the toggle */
-    title?: string;
-    /** Whether the toggle is checked */
-    checked: boolean;
-    /** Callback function when the toggle is checked */
-    onChange: (checked: boolean) => void;
-    /** Whether the toggle is disabled */
-    disabled?: boolean;
-    /** Position of the toggle */
-    togglePosition?: TogglePosition;
-    /** Style of the toggle */
-    style?: SxProps<Theme>;
-};
-/**
- * Props for the Components wrapper
- */
-export interface ComponentsProps {
-}