@app-studio/web 0.9.86 → 0.9.89

package/dist/components/Separator/Separator/Separator.props.d.ts

@@ -1,38 +0,0 @@
-/// <reference types="react" />
-import { ViewProps } from 'app-studio';
-import { Orientation, Variant, Thickness, SeparatorStyles } from './Separator.type';
-export interface SeparatorProps extends ViewProps {
-    /**
-     * The orientation of the separator
-     */
-    orientation?: Orientation;
-    /**
-     * The visual style variant of the separator
-     */
-    variant?: Variant;
-    /**
-     * The thickness of the separator
-     */
-    thickness?: Thickness;
-    /**
-     * The color of the separator
-     */
-    color?: string;
-    /**
-     * The spacing around the separator
-     */
-    spacing?: number | string;
-    /**
-     * Optional label to display in the middle of the separator
-     */
-    label?: React.ReactNode;
-    /**
-     * Whether the separator has decorative purpose only
-     * If true, the separator will be hidden from screen readers
-     */
-    decorative?: boolean;
-    /**
-     * Custom styles for different parts of the separator
-     */
-    views?: SeparatorStyles;
-}

package/dist/components/Separator/Separator/Separator.style.d.ts

@@ -1,46 +0,0 @@
-/**
- * Separator Styles
- *
- * Defines the styles for the Separator component following the design guidelines:
- * - Typography: Inter/Geist font, specific sizes/weights
- * - Spacing: 4px grid system
- * - Colors: Neutral palette with semantic colors
- * - Transitions: Subtle animations
- */
-import { ViewProps } from 'app-studio';
-import { Orientation, Variant, Thickness } from './Separator.type';
-/**
- * Orientation configurations for the Separator component
- */
-export declare const SeparatorOrientations: Record<Orientation, ViewProps>;
-/**
- * Variant configurations for the Separator component
- */
-export declare const getSeparator: (themeMode: string) => Record<Variant, string>;
-export declare const SeparatorVariants: Record<Variant, string>;
-/**
- * Thickness configurations for the Separator component
- * Following the 4px grid system
- */
-export declare const SeparatorThicknesses: Record<Thickness, string>;
-/**
- * Default styles for the Separator component
- * Matching shadcn/ui patterns with subtle colors
- */
-export declare const DefaultSeparatorStyles: {
-    container: {
-        transition: string;
-    };
-    line: {
-        backgroundColor: string;
-        transition: string;
-    };
-    label: {
-        fontSize: string;
-        fontWeight: string;
-        color: string;
-        paddingHorizontal: string;
-        backgroundColor: string;
-        transition: string;
-    };
-};

package/dist/components/Separator/Separator/Separator.type.d.ts

@@ -1,8 +0,0 @@
-import { ViewProps } from 'app-studio';
-export declare type Orientation = 'horizontal' | 'vertical';
-export declare type Variant = 'solid' | 'dashed' | 'dotted';
-export declare type Thickness = 'thin' | 'medium' | 'thick';
-export interface SeparatorStyles {
-    container?: ViewProps;
-    label?: ViewProps;
-}

package/dist/components/Separator/Separator/Separator.view.d.ts

@@ -1,9 +0,0 @@
-/**
- * Separator View Component
- *
- * Renders a separator with various styles and states
- * according to the design guidelines.
- */
-import React from 'react';
-import { SeparatorProps } from './Separator.props';
-export declare const SeparatorView: React.FC<SeparatorProps>;

package/dist/components/Separator/Separator.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { SeparatorProps } from './Separator/Separator.props';
-export declare const Separator: React.FC<SeparatorProps>;
-export declare const Divider: React.FC<SeparatorProps>;

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

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

package/dist/components/ShareButton/ShareButton/ShareButton.props.d.ts

@@ -1,38 +0,0 @@
-import React from 'react';
-import { ButtonProps } from '../../Button/Button/Button.props';
-export declare type NavigatorShareData = Parameters<Navigator['share']>[0];
-/**
- * Properties for the ShareButton component.
- * Extends the design-system Button while wiring the Web Share API workflow.
- */
-export interface ShareButtonProps extends Omit<ButtonProps, 'onClick'> {
-    /** Data passed to the `navigator.share` call. */
-    shareData: NavigatorShareData;
-    /** Optional label rendered when no custom children are provided. Defaults to "Share". */
-    label?: React.ReactNode;
-    /** Called immediately before invoking the Web Share API. */
-    onShareStart?: () => void;
-    /** Called when the share sheet completes successfully. */
-    onShareSuccess?: () => void;
-    /** Called when the user dismisses the native share sheet. */
-    onShareCancel?: () => void;
-    /** Called when the share operation throws an unexpected error. */
-    onShareError?: (error: unknown) => void;
-    /** Called when the Web Share API is not available for the provided data. */
-    onUnsupported?: () => void;
-    /**
-     * When true the button is disabled if the Web Share API is unavailable.
-     * Defaults to true to avoid misleading interactions.
-     */
-    disableWhenUnsupported?: boolean;
-    /** Additional click handler fired alongside the share workflow. */
-    onClick?: ButtonProps['onClick'];
-}
-export interface ShareButtonViewProps extends Omit<ShareButtonProps, 'shareData' | 'onShareStart' | 'onShareSuccess' | 'onShareCancel' | 'onShareError' | 'onUnsupported' | 'onClick'> {
-    /** Flag indicating if the current environment can use the Web Share API. */
-    isSupported: boolean;
-    /** True while awaiting the native share sheet to resolve. */
-    isSharing: boolean;
-    /** Internal handler that triggers the sharing flow. */
-    onShare: ButtonProps['onClick'];
-}

package/dist/components/ShareButton/ShareButton/ShareButton.state.d.ts

@@ -1,6 +0,0 @@
-import { ShareButtonProps } from './ShareButton.props';
-export declare const useShareButton: (props: ShareButtonProps) => {
-    isSupported: any;
-    isSharing: boolean;
-    handleShare: (...args: unknown[]) => void;
-};

package/dist/components/ShareButton/ShareButton/ShareButton.view.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ShareButtonViewProps } from './ShareButton.props';
-declare const ShareButtonView: React.FC<ShareButtonViewProps>;
-export default ShareButtonView;

package/dist/components/ShareButton/ShareButton.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { ShareButtonProps } from './ShareButton/ShareButton.props';
-export declare const ShareButton: React.FC<ShareButtonProps>;

package/dist/components/Sidebar/Sidebar/Sidebar.props.d.ts

@@ -1,153 +0,0 @@
-import { ViewProps } from 'app-studio';
-import React from 'react';
-import { Position, Size, Variant, BreakpointBehavior, SidebarStyles, Elevation, TransitionPreset, SidebarContextType } from './Sidebar.type';
-export interface SidebarProps {
-    /**
-     * The content of the sidebar
-     */
-    children: React.ReactNode;
-    /**
-     * The position of the sidebar
-     */
-    position?: Position;
-    /**
-     * The size of the sidebar
-     */
-    size?: Size;
-    /**
-     * The visual style variant of the sidebar
-     */
-    variant?: Variant;
-    /**
-     * Whether the sidebar is initially expanded
-     */
-    defaultExpanded?: boolean;
-    /**
-     * Whether the sidebar is expanded (controlled)
-     */
-    expanded?: boolean;
-    /**
-     * Callback when the expanded state changes
-     */
-    onExpandedChange?: (expanded: boolean) => void;
-    /**
-     * Whether the sidebar is fixed (always visible) or floating
-     */
-    fixed?: boolean;
-    /**
-     * Whether to show a backdrop when the sidebar is expanded in mobile view
-     */
-    hasBackdrop?: boolean;
-    /**
-     * Whether to show a toggle button
-     */
-    showToggleButton?: boolean;
-    /**
-     * The width of the sidebar when expanded
-     */
-    expandedWidth?: string | number;
-    /**
-     * The width of the sidebar when collapsed
-     */
-    collapsedWidth?: string | number;
-    /**
-     * The breakpoint at which the sidebar changes behavior
-     */
-    breakpoint?: number;
-    /**
-     * The behavior of the sidebar at the breakpoint
-     */
-    breakpointBehavior?: BreakpointBehavior;
-    /**
-     * The elevation level of the sidebar (shadow depth)
-     */
-    elevation?: Elevation;
-    /**
-     * The transition preset for the sidebar animations
-     */
-    transitionPreset?: TransitionPreset;
-    /**
-     * ARIA label for the sidebar for accessibility
-     */
-    ariaLabel?: string;
-    /**
-     * Custom styles for different parts of the sidebar
-     */
-    views?: SidebarStyles;
-    /**
-     * Additional props to be spread to the container element
-     */
-    [key: string]: any;
-}
-export interface SidebarHeaderProps {
-    /**
-     * The content of the sidebar header
-     */
-    children: React.ReactNode;
-    /**
-     * Whether to show the toggle button in the header
-     */
-    showToggleButton?: boolean;
-    /**
-     * Custom styles for the header
-     */
-    views?: {
-        header?: ViewProps;
-        toggleButton?: ViewProps;
-        toggleButtonIcon?: ViewProps;
-    };
-    /**
-     * Additional props to be spread to the header element
-     */
-    [key: string]: any;
-}
-export interface SidebarContentProps {
-    /**
-     * The content of the sidebar content area
-     */
-    children: React.ReactNode;
-    /**
-     * Custom styles for the content area
-     */
-    views?: {
-        content?: ViewProps;
-    };
-    /**
-     * Additional props to be spread to the content element
-     */
-    [key: string]: any;
-}
-export interface SidebarFooterProps {
-    /**
-     * The content of the sidebar footer
-     */
-    children: React.ReactNode;
-    /**
-     * Custom styles for the footer
-     */
-    views?: {
-        footer?: ViewProps;
-    };
-    /**
-     * Additional props to be spread to the footer element
-     */
-    [key: string]: any;
-}
-export interface SidebarType extends React.FC<SidebarProps> {
-    /**
-     * The header component for the sidebar
-     */
-    Header: React.FC<SidebarHeaderProps>;
-    /**
-     * The content component for the sidebar
-     */
-    Content: React.FC<SidebarContentProps>;
-    /**
-     * The footer component for the sidebar
-     */
-    Footer: React.FC<SidebarFooterProps>;
-    /**
-     * Hook to access the sidebar context
-     */
-    useContext: () => SidebarContextType;
-}

package/dist/components/Sidebar/Sidebar/Sidebar.state.d.ts

@@ -1,7 +0,0 @@
-export declare const useSidebarState: (defaultExpanded?: boolean, expanded?: boolean | undefined, onExpandedChange?: ((expanded: boolean) => void) | undefined, breakpoint?: number | undefined) => {
-    isExpanded: boolean;
-    toggleExpanded: () => void;
-    expand: () => void;
-    collapse: () => void;
-    isMobile: boolean;
-};

package/dist/components/Sidebar/Sidebar/Sidebar.style.d.ts

@@ -1,45 +0,0 @@
-/**
- * Sidebar Styles
- *
- * Defines the styles for the Sidebar component following the design guidelines:
- * - Typography: Inter/Geist font, specific sizes/weights
- * - Spacing: 4px grid system
- * - Colors: Neutral palette with semantic colors
- * - Rounded corners: Consistent border radius
- * - Transitions: Subtle animations
- */
-import { ViewProps } from 'app-studio';
-import { Position, Size, Variant, Elevation, TransitionPreset } from './Sidebar.type';
-/**
- * Size configurations for the Sidebar component
- * Following the 4px grid system
- */
-export declare const SidebarSizes: Record<Size, {
-    expandedWidth: string;
-    collapsedWidth: string;
-}>;
-/**
- * Variant styles for the Sidebar component
- */
-export declare const getSidebar: (themeMode: string) => Record<Variant, ViewProps>;
-export declare const SidebarVariants: Record<Variant, ViewProps>;
-/**
- * Position styles for the Sidebar component
- */
-export declare const SidebarPositions: Record<Position, ViewProps>;
-/**
- * Elevation styles for the Sidebar component
- */
-export declare const SidebarElevations: Record<Elevation, ViewProps>;
-/**
- * Transition presets for the Sidebar component
- */
-export declare const SidebarTransitions: Record<TransitionPreset, string>;
-/**
- * Active item styles for the Sidebar navigation items
- */
-export declare const SidebarItemActive: ViewProps;
-/**
- * Hover styles for the Sidebar navigation items
- */
-export declare const SidebarItemHover: ViewProps;

package/dist/components/Sidebar/Sidebar/Sidebar.type.d.ts

@@ -1,32 +0,0 @@
-import { ViewProps } from 'app-studio';
-export declare type Position = 'left' | 'right';
-export declare type Size = 'sm' | 'md' | 'lg' | 'xl';
-export declare type Variant = 'default' | 'filled' | 'outline' | 'subtle' | 'elevated';
-export declare type BreakpointBehavior = 'collapse' | 'overlay' | 'hide';
-export declare type Elevation = 'none' | 'low' | 'medium' | 'high';
-export declare type TransitionPreset = 'fast' | 'normal' | 'slow' | 'bounce';
-export interface SidebarContextType {
-    isExpanded: boolean;
-    toggleExpanded: () => void;
-    expand: () => void;
-    collapse: () => void;
-    position: Position;
-    size: Size;
-    variant: Variant;
-    views?: SidebarStyles;
-}
-export interface SidebarStyles {
-    container?: ViewProps;
-    header?: ViewProps;
-    content?: ViewProps;
-    footer?: ViewProps;
-    backdrop?: ViewProps;
-    toggleButton?: ViewProps;
-    toggleButtonIcon?: ViewProps;
-    divider?: ViewProps;
-    navItem?: ViewProps;
-    navItemActive?: ViewProps;
-    navItemIcon?: ViewProps;
-    navItemText?: ViewProps;
-    navItemBagde?: ViewProps;
-}

package/dist/components/Sidebar/Sidebar/Sidebar.view.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import { SidebarProps, SidebarHeaderProps, SidebarContentProps, SidebarFooterProps } from './Sidebar.props';
-import { SidebarContextType } from './Sidebar.type';
-export declare const useSidebarContext: () => SidebarContextType;
-export declare const SidebarProvider: React.FC<{
-    value: SidebarContextType;
-    children: React.ReactNode;
-}>;
-export declare const SidebarHeader: React.FC<SidebarHeaderProps>;
-export declare const SidebarContent: React.FC<SidebarContentProps>;
-export declare const SidebarFooter: React.FC<SidebarFooterProps>;
-export declare const SidebarView: React.FC<SidebarProps>;
-interface SideBarNavItemProps {
-    icon: React.ReactNode;
-    label: string;
-    isActive?: boolean;
-    ariaLabel?: string;
-    badge?: number;
-}
-export declare const SideBarNavItem: ({ icon, label, isActive, badge, views, ariaLabel, ...props }: SideBarNavItemProps & any) => React.JSX.Element;
-export {};

package/dist/components/Sidebar/Sidebar.d.ts

@@ -1,2 +0,0 @@
-import { SidebarType } from './Sidebar/Sidebar.props';
-export declare const Sidebar: SidebarType;

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

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

package/dist/components/Slider/Slider/Slider.props.d.ts

@@ -1,108 +0,0 @@
-/// <reference types="react" />
-import { InputProps, ViewProps } from 'app-studio';
-import { Orientation, Shape, Size, SliderStyles, Variant } from './Slider.type';
-export interface SliderProps extends Omit<InputProps, 'size' | 'onChange' | 'onDrag'> {
-    /**
-     * The minimum value of the slider
-     */
-    min?: number;
-    /**
-     * The maximum value of the slider
-     */
-    max?: number;
-    /**
-     * The current value of the slider
-     */
-    value?: number;
-    /**
-     * The default value of the slider (uncontrolled)
-     */
-    defaultValue?: number;
-    /**
-     * The step value for the slider
-     */
-    step?: number;
-    /**
-     * Array of specific values to use as steps
-     * When provided, the slider will only allow these values
-     */
-    stepValues?: number[];
-    /**
-     * The shape of the slider
-     */
-    shape?: Shape;
-    /**
-     * The size of the slider
-     */
-    size?: Size;
-    /**
-     * The variant of the slider
-     */
-    variant?: Variant;
-    /**
-     * The orientation of the slider
-     */
-    orientation?: Orientation;
-    /**
-     * Whether the slider is disabled
-     */
-    isDisabled?: boolean;
-    /**
-     * Whether to show the current value label
-     */
-    showValue?: boolean;
-    /**
-     * If true, a tooltip showing the current value will appear on hover/drag
-     */
-    showTooltip?: boolean;
-    /**
-     * Custom label for the slider
-     */
-    label?: React.ReactNode;
-    /**
-     * Helper text to display below the slider
-     */
-    helperText?: string;
-    /**
-     * Callback function when the value changes
-     */
-    onChange?: (value: number) => void;
-    /**
-     * Callback function when the slider is being dragged
-     */
-    onDrag?: (value: number) => void;
-    /**
-     * Custom styles for the slider components
-     */
-    views?: SliderStyles;
-    /**
-     * Shadow effect for the slider
-     */
-    shadow?: ViewProps;
-    /**
-     * Aria-label for accessibility
-     */
-    ariaLabel?: string;
-}
-export interface SliderViewProps extends SliderProps {
-    /** The current internal value being displayed/manipulated. */
-    currentValue?: number;
-    /** Flag indicating if the thumb is being dragged. */
-    isDragging: boolean;
-    /** Flag indicating if the component is hovered. */
-    isHovered: boolean;
-    /** Reference to the track element. */
-    trackRef: React.RefObject<HTMLDivElement>;
-    /** Reference to the thumb element. */
-    thumbRef: React.RefObject<HTMLDivElement>;
-    /** Handler for mouse down / touch start on the thumb. */
-    handleThumbMouseDown: (event: React.MouseEvent | React.TouchEvent) => void;
-    /** Handler for mouse down / touch start on the track. */
-    handleTrackMouseDown: (event: React.MouseEvent | React.TouchEvent) => void;
-    /** Handler for keyboard interaction on the thumb. */
-    handleKeyDown: (event: React.KeyboardEvent) => void;
-    /** The calculated position percentage for the thumb. */
-    thumbPositionPercent: number;
-    /** Callback to set hover state */
-    setIsHovered: (hovered: boolean) => void;
-}

package/dist/components/Slider/Slider/Slider.state.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { SliderProps } from './Slider.props';
-export declare const useSliderState: ({ min, max, step, value: controlledValue, defaultValue, onChange, onDrag, orientation, isDisabled, stepValues, }: SliderProps) => {
-    currentValue: number;
-    isDragging: boolean;
-    isHovered: boolean;
-    setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;
-    trackRef: React.RefObject<HTMLDivElement>;
-    thumbRef: React.RefObject<HTMLDivElement>;
-    handleThumbMouseDown: (event: React.MouseEvent | React.TouchEvent) => void;
-    handleTrackMouseDown: (event: React.MouseEvent | React.TouchEvent) => void;
-    handleKeyDown: (event: React.KeyboardEvent) => void;
-    thumbPositionPercent: number;
-};

package/dist/components/Slider/Slider/Slider.style.d.ts

@@ -1,24 +0,0 @@
-import { ViewProps } from 'app-studio';
-import { Orientation, Shape, Size, Variant } from './Slider.type';
-export declare const SliderSizes: Record<Size, ViewProps>;
-export declare const ThumbSizes: Record<Size, ViewProps>;
-export declare const SliderShapes: Record<Shape, number | string>;
-export declare const getSlider: (themeMode: string) => Record<Variant, ViewProps>;
-export declare const SliderVariants: Record<Variant, ViewProps>;
-/**
- * Thumb styles matching shadcn/ui patterns
- */
-export declare const ThumbStyles: ViewProps;
-/**
- * Track styles matching shadcn/ui patterns
- */
-export declare const TrackStyles: ViewProps;
-/**
- * Range (filled portion) styles
- */
-export declare const RangeStyles: ViewProps;
-export declare const EnhancedSliderSizes: Record<Size, {
-    trackCrossAxisSize: number;
-    thumbSize: number;
-}>;
-export declare const OrientationStyles: Record<Orientation, ViewProps>;

package/dist/components/Slider/Slider/Slider.type.d.ts

@@ -1,18 +0,0 @@
-import { ViewProps, TextProps } from 'app-studio';
-export declare type Shape = 'square' | 'rounded' | 'pill';
-export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export declare type Variant = 'default' | 'outline';
-export declare type Orientation = 'horizontal' | 'vertical';
-export interface SliderStyles {
-    container?: ViewProps;
-    track?: ViewProps;
-    progress?: ViewProps;
-    filledTrack?: ViewProps;
-    thumb?: ViewProps;
-    label?: ViewProps;
-    valueLabel?: ViewProps;
-    stepMarks?: ViewProps;
-    tooltip?: ViewProps & {
-        text?: TextProps;
-    };
-}

package/dist/components/Slider/Slider/Slider.view.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { SliderViewProps } from './Slider.props';
-export declare const SliderView: React.FC<SliderViewProps>;

package/dist/components/Slider/Slider.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { SliderProps } from './Slider/Slider.props';
-/**
- * Slider allows users to select a value from a range by moving a handle.
- */
-export declare const Slider: React.FC<SliderProps>;

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

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

package/dist/components/StatusIndicator/StatusIndicator/StatusIndicator.props.d.ts

@@ -1,12 +0,0 @@
-import { ViewProps } from 'app-studio';
-import { Status, StatusIndicatorStyles } from './StatusIndicator.type';
-export interface StatusIndicatorProps extends ViewProps {
-    label?: string;
-    status?: Status;
-    views?: StatusIndicatorStyles;
-    /**
-     * Optional theme mode override ('light' or 'dark')
-     * If not provided, the component will use the theme mode from context
-     */
-    themeMode?: 'light' | 'dark';
-}

package/dist/components/StatusIndicator/StatusIndicator/StatusIndicator.style.d.ts

@@ -1,10 +0,0 @@
-import { ViewProps } from 'app-studio';
-import { Status } from './StatusIndicator.type';
-export declare const getThemes: (themeMode: string) => Record<Status, {
-    indicator: ViewProps;
-    label: ViewProps;
-}>;
-export declare const Themes: Record<Status, {
-    indicator: ViewProps;
-    label: ViewProps;
-}>;

package/dist/components/StatusIndicator/StatusIndicator/StatusIndicator.type.d.ts

@@ -1,7 +0,0 @@
-import { ViewProps } from 'app-studio';
-export declare type Status = 'default' | 'info' | 'success' | 'warning' | 'error';
-export declare type StatusIndicatorStyles = {
-    container?: ViewProps;
-    indicator?: ViewProps;
-    label?: ViewProps;
-};

package/dist/components/StatusIndicator/StatusIndicator/StatusIndicator.view.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { StatusIndicatorProps } from './StatusIndicator.props';
-export declare const StatusIndicatorView: ({ label, status, views, themeMode: elementMode, ...props }: StatusIndicatorProps) => React.JSX.Element;

package/dist/components/StatusIndicator/StatusIndicator.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { StatusIndicatorProps } from './StatusIndicator/StatusIndicator.props';
-export declare const StatusIndicator: (props: StatusIndicatorProps) => React.JSX.Element;