atomicuilibrary 0.0.1

package/dist/types/types/common.type.d.ts

@@ -0,0 +1,608 @@
+/**
+ * Common types and interfaces used across multiple components in the library.
+ * This file serves as a central place for shared type definitions to promote consistency and reuse.
+ */
+
+/**
+ * Core primitive types for data-driven components
+ */
+export type Primitive = string | number | boolean;
+export type DataValue = Primitive | null | undefined | Date | object;
+export type RecordData = Record<string, DataValue>;
+
+/**
+ * Standard unit types
+ */
+export type PixelValue = `${number}px` | number;
+export type PercentageValue = `${number}%`;
+export type CSSValue = PixelValue | PercentageValue | 'auto' | 'inherit' | 'initial' | string;
+
+/**
+ * Trigger types for interactive components like tooltips, popovers, etc.
+ */
+export type SourceTarget = 'source' | 'target';
+export type SortOrder = 'asc' | 'desc' | 'none';
+export type SortDirection = 'asc' | 'desc' | null;
+export type TriggerType = 'hover' | 'click' | 'focus' | 'manual';
+
+/**
+ * Layout and Spacing
+ */
+export type TopBottom = 'top' | 'bottom';
+export type LeftRight = 'left' | 'right';
+export type FourSide = LeftRight | TopBottom;
+
+//export type FourCornerPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+export type CenterSidePosition = 'center-right' | 'center-left' | 'bottom-center' | 'top-center';
+
+/**
+ * Standard Z-index levels for layering
+ */
+export type ZIndex = 'auto' | 'base' | 'docked' | 'dropdown' | 'sticky' | 'overlay' | 'modal' | 'popover' | 'tooltip' | 'max';
+
+/**
+ * Standard elevation/shadow levels
+ */
+export type Elevation = 0 | 1 | 2 | 3 | 4 | 6 | 8 | 12 | 16 | 24 | 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+
+export type Density = 'compact' | 'comfortable' | 'normal' | 'cozy';
+export type DensityPro = Density | 'default' | 'spacious' | 'loose';
+
+export type Theme = 'light' | 'dark' | 'green' | 'auto' | 'default';
+
+/**
+ * Common alignment options
+ */
+export type Alignment = 'left' | 'center' | 'right' | 'justify';
+export type VerticalAlignment = 'top' | 'middle' | 'bottom' | 'baseline';
+export type TooltipShape = 'rounded' | 'square' | 'pill';
+export type AlignmentType = 'start' | 'center' | 'end' | 'justify' | 'stretch';
+
+/**
+ * Flexbox/Grid alignment semantic types
+ */
+export type JustifyContent = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' | 'stretch';
+export type AlignItems = 'start' | 'center' | 'end' | 'baseline' | 'stretch';
+export type ContentAlignment = JustifyContent;
+
+/**
+ * Data and Table specifics
+ */
+export type TableVariant = 'default' | 'glass' | 'raised' | 'borderless';
+export type NumberStyle = 'numeric' | 'decimal' | 'alpha' | 'roman';
+export type Indicator = 'default' | 'dot' | 'line' | 'icon';
+export type ExportFormat = 'csv' | 'excel' | 'pdf' | 'json' | 'text' | 'print';
+
+/**
+ * Common status colors used across the library
+ */
+export type StatusColor =
+  | 'primary'
+  | 'secondary'
+  | 'tertiary'
+  | 'success'
+  | 'warning'
+  | 'danger'
+  | 'error'
+  | 'info'
+  | 'default'
+  | 'neutral'
+  | 'surface'
+  | 'inverse'
+  | 'ghost'
+  | 'outline'
+  | 'plain'
+  | 'borderless'
+  | 'glass'
+  | 'flat'
+  | 'raised'
+  | 'soft'
+  | 'elevated'
+  | 'sovereign'
+  | 'loading'
+  | 'none';
+
+/**
+ * Standard icon libraries supported by the library
+ */
+export type IconLibrary = 'se' | 'fontawesome' | 'icons8' | 'iconoir' | 'ionicons' | 'lucide' | 'bootstrap' | 'google' | 'remixicon' | 'emoji' | 'default';
+
+/**
+ * Common orientation and shape options
+ */
+export type Orientation = 'horizontal' | 'vertical';
+export type Shape = 'default' | 'rounded' | 'square' | 'pill' | 'circle';
+
+/**
+ * Placement positions
+ */
+export type FourCornerPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+export type FourSidePosition = LeftRight | TopBottom;
+export type Placement = FourCornerPosition | FourSidePosition | 'center';
+
+/**
+ * Common size and spacing options
+ */
+export type BasicSize = 'sm' | 'md' | 'lg' | 'small' | 'medium' | 'large' | 'default';
+export type ComponentSize = 'xxxs' | 'xxs' | 'xs' | 'sm' | 'small' | 'md' | 'medium' | 'lg' | 'large' | 'xl' | 'xxl' | 'xxxl' | 'default';
+export type SpacingSize = 'none' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'default';
+
+/**
+ * Interactive States
+ */
+export type SelectionMode = 'single' | 'multiple' | 'none';
+export type InteractionState = 'default' | 'hover' | 'active' | 'focus' | 'disabled' | 'loading' | 'selected' | 'dragging';
+export type ValidationStatus = 'default' | 'success' | 'warning' | 'error' | 'validating';
+
+export type ToggleVariant = 'solid' | 'glass' | 'raised' | 'outlined' | 'segmented';
+export type MenuState = 'expanded' | 'collapsed' | 'auto';
+export type SyncroType = 'sync' | 'async';
+
+export type DateFormat = 'short' | 'medium' | 'long' | 'full' | string;
+export type TimelineIconPosition = 'center' | 'top' | 'bottom';
+export type Overflow = 'visible' | 'hidden' | 'scroll' | 'auto';
+
+/**
+ * Common visual variants categorization
+ */
+export type CoreVariant =
+  | 'default'
+  | 'standard'
+  | 'outlined'
+  | 'filled'
+  | 'elevated'
+  | 'soft'
+  | 'ghost'
+  | 'glass'
+  | 'flat'
+  | 'underlined'
+  | 'bordered'
+  | 'text'
+  | 'plain'
+  | 'borderless';
+export type BrandVariant = 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'surface' | 'neutral' | 'inverse';
+export type StatusVariant = 'success' | 'warning' | 'danger' | 'info' | 'error';
+export type SpecializedVariant = 'segmented' | 'minimal' | 'dots-only' | 'panel' | 'raised' | 'solid' | 'light' | 'dark' | 'color' | 'gradient';
+
+export type ComponentVariant = CoreVariant | BrandVariant | StatusVariant | SpecializedVariant;
+
+import { AnimationEffect, BaseAnimation, mdAnimation, AdvancedAnimation, AnimationType } from './animation.type';
+
+/**
+ * Full animation union spanning all three tiers.
+ * Re-exported for backward compatibility.
+ */
+export { AnimationEffect, BaseAnimation, mdAnimation, mdAnimation as MediumAnimation, AdvancedAnimation, AnimationType, AnimationType as ComponentAnimation };
+
+/**
+ * Status indicators for users/entities
+ */
+export type StatusIndicator = 'online' | 'offline' | 'away' | 'busy' | 'dnd' | '';
+
+/**
+ * Sequential components types (stepper, timeline, timer)
+ */
+export type FlowType = 'linear' | 'non-linear';
+export type ValidatorType = 'sync' | 'async';
+export type StepStatus = 'completed' | 'active' | 'pending' | 'disabled' | 'failed' | 'waiting' | 'error' | 'warning' | 'info' | 'success' | 'in-progress';
+
+/**
+ * Generic validator interface for sequential components
+ */
+export interface ComponentValidator<T = unknown> {
+  type: ValidatorType;
+  validate: (item: T, data?: any) => boolean | Promise<boolean>;
+}
+
+export type ThemeMap = Record<string, string>;
+
+// ─── OOP base interfaces
+/**
+ * Minimal identifiable, labeled item. The lowest-level building block.
+ */
+export interface LabeledItem {
+  id?: string | number;
+  label?: string;
+  disabled?: boolean;
+}
+
+/**
+ * Extends LabeledItem with an optional icon and icon library.
+ */
+export interface IconItem extends LabeledItem {
+  icon?: string;
+  iconLibrary?: IconLibrary;
+}
+
+/**
+ * Adds badge support to any item interface.
+ */
+export interface WithBadge {
+  badge?: string | number;
+}
+
+/**
+ * Adds arbitrary key/value metadata to any item interface.
+ */
+export interface WithMetadata {
+  metadata?: Record<string, any>;
+}
+
+/**
+ * Mixin for self-referential (recursive) tree-like data structures.
+ */
+export interface WithChildren<T> {
+  children?: T[];
+}
+
+/**
+ * Standard interface for action items, menu items, etc.
+ */
+export interface CommonActionItem extends IconItem, WithBadge {
+  active?: boolean;
+  color?: string;
+}
+
+/**
+ * Standard option interface for selects, radio groups, etc.
+ */
+export interface SelectOption<T = any> {
+  label: string;
+  value: T;
+  disabled?: boolean;
+  icon?: string;
+  iconLibrary?: IconLibrary;
+  description?: string;
+  group?: string;
+  metadata?: Record<string, any>;
+}
+
+/**
+ * Standard positioning metadata for elements
+ */
+export interface ElementPosition {
+  top?: number;
+  left?: number;
+  bottom?: number;
+  right?: number;
+  width?: number;
+  height?: number;
+}
+
+export type CalloutVariant = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
+
+export type IndicatorType = 'dots' | 'line' | 'icon' | 'default' | 'segments' | 'pie';
+
+export type LayoutType = 'stack' | 'grid' | 'list' | 'default';
+
+export type PhysicsType = 'stiff' | 'bouncy' | 'liquid';
+
+export type AccordionVariant = 'default' | 'bordered' | 'splitted' | 'light' | 'shadow' | 'card' | 'card-list' | 'headline';
+
+export type SelectionPosition = 'left' | 'top' | 'none';
+
+export type HeaderLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+
+export type AsidePanelVariant = 'default' | 'glass' | 'floating' | 'none';
+export type AsidePanelTheme = 'default' | 'glass' | 'radiant' | 'zenith' | 'none';
+export type AvatarFit = 'cover' | 'contain' | 'fill' | 'scale-down';
+export type ButtonGradient = 'none' | 'sunset' | 'ocean' | 'candy' | 'gold' | 'forest' | 'midnight' | 'blaze';
+export type BadgePosition = Placement | 'inline-left' | 'inline-right';
+
+export type ButtonType = 'button' | 'submit' | 'reset' | 'image';
+export type DescriptionPosition = 'below' | 'right';
+
+export type CheckboxVariant = 'default' | 'rounded' | 'square' | 'button' | 'chip' | 'filled' | 'tick' | 'round-color';
+
+export type BackdropType = 'default' | 'static' | 'none';
+export type ScrollArea = 'paper' | 'body';
+
+export type PromptType = 'text' | 'password' | 'number' | 'email' | 'tel';
+export type DialogLayout = 'default' | 'side-nav';
+
+/**
+ * Dialog functional type.
+ * - 'modal': Standard centered modal.
+ * - 'drawer': Slides from an edge (determined by position).
+ * - 'fullscreen': Occupies entire screen.
+ * - 'alert': Emphasis on the message, simple actions.
+ * - 'confirm': Standard confirmation with OK/Cancel flow.
+ * - 'prompt': Modal with an input field for user entry.
+ * - 'messagebox': Simplified modal for informational messages.
+ * - (Legacy): 'default' | 'delete' | 'upload' | 'session' | 'terms'
+ */
+export type DialogType = 'modal' | 'drawer' | 'fullscreen' | 'alert' | 'confirm' | 'prompt' | 'messagebox' | 'default' | 'delete' | 'upload' | 'session' | 'pre-session' | 'terms';
+
+export type CarouselEffect = 'slide' | 'fade' | 'cube' | 'flip' | 'scale' | 'coverflow' | 'stack' | 'depth' | 'ken-burns' | 'wheel';
+export type CardDisplayMode = 'default' | 'compact' | 'stack' | 'expanded';
+
+export type CardShape = 'default' | 'rounded' | 'square' | 'pill';
+
+export type ScrollBehavior = 'smooth' | 'auto';
+
+export type FabType = 'standard' | 'extended' | 'speed-dial';
+export type FabAnimation = 'scale' | 'fade' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right' | 'rotate';
+
+export type HapticIntensity = 'light' | 'md' | 'heavy';
+
+export type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+
+// ─── Component type aliases consolidated from individual component files ──────
+
+// Accordion
+export type AccordionAnimation = 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'linear' | 'none';
+export type AccordionSize = ComponentSize | 'main' | 'section' | 'subsection' | 'popover';
+
+// Avatar
+export type AvatarAnimation = 'pulse' | 'spin' | 'bounce' | 'glow' | 'wave' | 'none';
+export type AvatarVariant = 'default' | 'outlined' | 'filled' | 'soft';
+
+// Button
+export type ButtonVariant =
+  | StatusColor
+  | ComponentVariant
+  | 'outline'
+  | 'raised'
+  | 'dark'
+  | 'gradient'
+  | 'gradient-blue'
+  | 'gradient-purple'
+  | 'gradient-orange'
+  | 'gradient-ocean'
+  | 'gradient-sunset'
+  | 'gradient-candy'
+  | 'gradient-gold'
+  | 'soft';
+
+// Button Toggle
+export type ButtonToggleMode = 'segmented' | 'dropdown';
+
+// Carousel
+export type CarouselIndicatorsType = 'dots' | 'segments' | 'pie';
+export type CarouselArrowsPosition = 'sides' | 'top-right';
+
+// Code Editor
+export type CodeEditorLanguage = 'javascript' | 'html' | 'css' | 'json' | 'markdown' | 'python' | 'java' | 'csharp' | 'ladder';
+export type CodeEditorTheme = 'vs-dark' | 'vs-light';
+export type CodeEditorToolbarLabelDisplay = 'always' | 'hover' | 'hidden';
+
+// Color Picker
+export type ColorFormat = 'hex' | 'rgb' | 'rgba' | 'hsl' | 'hsla';
+
+// Dialog
+export type DialogVariant = 'outlined' | 'filled' | 'glass' | 'minimal' | 'ghost' | 'default';
+export type DialogStatus = 'default' | 'info' | 'success' | 'warning' | 'error';
+export type DialogFooterAlign = 'start' | 'center' | 'end' | 'space-between';
+
+// Dock
+export type DockHostPosition = FourSidePosition | 'float';
+
+// Empty State
+export type EmptyStateVariant = 'default' | 'outlined' | 'filled' | 'minimal';
+export type EmptyStateType =
+  | 'no-data'
+  | 'no-results'
+  | 'error'
+  | '404'
+  | '401'
+  | '403'
+  | '500'
+  | '503'
+  | 'offline'
+  | 'empty'
+  | 'coming-soon'
+  | 'maintenance'
+  | 'custom'
+  | 'onboarding'
+  | 'accomplishment'
+  | 'success'
+  | 'no-messages'
+  | 'no-notifications'
+  | 'no-favorites'
+  | 'no-tasks'
+  | 'no-history'
+  | 'no-files'
+  | 'paywall'
+  | 'no-search'
+  | '429'
+  | '410'
+  | '405'
+  | '418';
+export type EmptyStateSize = 'small' | 'md' | 'large';
+
+// Form inputs shared color (StatusColor + 'secondary')
+export type FormColor = StatusColor | 'secondary';
+
+// Image Button
+export type ImageButtonEffect = 'zoom' | 'lift' | 'brighten' | 'none';
+export type ImageButtonRatio = 'square' | 'video' | 'portrait' | 'auto';
+export type ImageButtonLabelMode = 'always' | 'hover';
+
+// Input
+export type InputType =
+  | 'text'
+  | 'password'
+  | 'email'
+  | 'number'
+  | 'tel'
+  | 'url'
+  | 'search'
+  | 'date'
+  | 'time'
+  | 'datetime-local'
+  | 'month'
+  | 'week'
+  | 'color'
+  | 'file'
+  | 'range'
+  | 'currency'
+  | 'otp'
+  | 'voice'
+  | 'pin';
+export type ValidationState = StatusColor | 'none' | 'dirty' | 'typing';
+export type InputMask = 'none' | 'phone' | 'credit-card' | 'date' | 'currency' | 'ssn' | 'zip';
+
+// Loader
+export type LoaderType =
+  | 'spinner'
+  | 'dots'
+  | 'bar'
+  | 'pulse'
+  | 'ring'
+  | 'bounce'
+  | 'grid'
+  | 'wave'
+  | 'dual-ring'
+  | 'heartbeat'
+  | 'clock'
+  | 'raining-letters'
+  | 'ripple'
+  | 'infinite'
+  | 'wifi'
+  | 'rainbow'
+  | 'image'
+  | 'none'
+  | 'square-shuffle'
+  | 'dna-helix'
+  | 'atom-sphere'
+  | 'staircase'
+  | 'radar'
+  | 'liquid-drop'
+  | 'neon-path'
+  | 'neuro-pulse'
+  | 'vortex-ring'
+  | 'cube-fold'
+  | 'breathing'
+  | 'glitch-text'
+  | 'plc-module'
+  | 'm580-signal'
+  | 'circuit-board'
+  | 'callout-rotate'
+  | 'infinite-roller';
+export type LoaderStatus = 'loading' | 'success' | 'error';
+export type LoaderSpeed = 'slow' | 'normal' | 'fast';
+
+// Masonry
+export type MasonryLayoutType = 'masonry' | 'grid' | 'columns';
+
+// OTP Input
+export type OtpInputType = 'text' | 'number' | 'password' | 'numeric' | 'alphanumeric';
+export type OtpInputVariant = 'default' | 'underlined' | 'flushed' | 'separated';
+
+// Pagination
+export type PaginationType = 'basic' | 'compact' | 'detailed' | 'minimal' | 'advanced' | 'dropdown' | 'input' | 'indicator';
+export type PaginationSize = 'sm' | 'md' | 'lg';
+export type PaginationVariant = 'default' | 'outlined' | 'filled' | 'floating' | 'glass' | 'soft' | 'modern' | 'minimalist' | 'premium' | 'underline';
+
+// Panel
+export type PanelVariant = 'elevated' | 'flat' | 'outlined' | 'filled' | 'ghost' | 'glass' | 'default';
+export type PanelTheme = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';
+export type PanelAnimation = 'slide' | 'fade' | 'none';
+
+// Popover / Tooltip
+export type PopoverAnimation = 'fade' | 'scale' | 'slide' | 'none';
+export type PopoverPlacement = FourSidePosition | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+export type TooltipVariant = 'light' | 'dark' | StatusColor | 'glass';
+export type TooltipPosition = FourSidePosition | FourCornerPosition | 'auto';
+export type TooltipAnimation = BaseAnimation | mdAnimation;
+
+// Progress
+export type ProgressType = 'line' | 'circle' | 'dashboard' | 'segmented' | 'industrial';
+export type ProgressStatus = 'success' | 'exception' | 'normal' | 'active' | 'warning' | 'danger';
+
+// Radio
+export type RadioVariant = 'default' | 'bordered' | 'underlined' | 'card' | 'glass' | 'raised';
+
+// Rating
+export type RatingType = 'star' | 'smiley' | 'thumb';
+
+// Scroll
+export type ScrollTopMode = 'top' | 'bottom' | 'both';
+export type ScrollTopPosition = 'bottom-right' | 'bottom-left' | 'bottom-center' | 'top-right' | 'top-left' | 'top-center' | 'center-left' | 'center-right' | 'center';
+export type PositionStrategy = 'fixed' | 'absolute';
+
+// Skeleton
+export type SkeletonShape =
+  | 'rectangle'
+  | 'circle'
+  | 'square'
+  | 'oval'
+  | 'rounded-square'
+  | 'rounded-rectangle'
+  | 'rounded'
+  | 'text'
+  | 'avatar'
+  | 'button'
+  | 'pill'
+  | 'card'
+  | 'list-item'
+  | 'image'
+  | 'none';
+export type SkeletonSize = '3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
+export type SkeletonTemplate = 'none' | 'profile' | 'card' | 'list-item' | 'media-object' | 'feed-item' | 'table-row';
+
+// Snackbar
+export type SnackbarPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top-center' | 'bottom-center';
+export type SnackbarStackMode = 'stack' | 'queue' | 'lifo';
+export type SnackbarOpenMode = 'slide-down' | 'slide-up' | 'slide-left' | 'slide-right' | 'fade' | 'scale' | 'bounce' | 'spring';
+
+// Speed Dial
+export type SpeedDialPosition = Placement | 'center' | 'top-center' | 'bottom-center' | 'center-left' | 'center-right';
+export type SpeedDialLayout = 'linear' | 'radial' | 'arc';
+
+// Speedometer
+export type SpeedometerZoneColor = 'green' | 'yellow' | 'red' | string;
+
+// Stack
+export type StackWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
+export type StackAlign = 'start' | 'center' | 'end' | 'stretch';
+export type StackJustify = 'start' | 'center' | 'end' | 'space-between';
+export type StackDividerType = 'solid' | 'dashed' | 'dotted' | 'none';
+
+// Step
+export type StepItemStatus = StepStatus | 'upcoming' | 'complete' | 'custom';
+
+// Tag
+export type TagVariant = 'filled' | 'outlined' | 'light' | 'dot';
+export type TagSelectionMode = SelectionMode;
+
+// Timeline
+export type TimelineEventStatus = StatusColor | 'active' | 'pending' | 'disabled' | 'failed' | 'waiting';
+export type TimelineVariant = 'default' | 'panel' | 'outlined' | 'filled' | 'minimal' | 'dots-only';
+export type TimelineMarker = 'dot' | 'number' | 'icon';
+
+// Timer
+export type TimerMode = 'countdown' | 'stopwatch';
+export type TimerPrecision = 'seconds' | 'milliseconds';
+export type TimerVariant = 'full' | 'compact';
+export type TimerProgressType = 'circular' | 'linear';
+export type TimerFormat = 'default' | 'human' | 'simple';
+export type TimerStepStatus = 'pending' | 'in-progress' | 'completed' | 'error';
+
+// Toggle Group
+export type ToggleGroupLayout = 'horizontal' | 'vertical' | 'grid';
+export type ToggleShape = 'default' | 'rounded' | 'pill' | 'square';
+export type ToggleColor = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
+export type ToggleSelectionMode = 'single' | 'multiple';
+
+// Transfer List
+export type TransferMode = 'list' | 'tree' | 'table';
+export type GlassVariant = 'default' | 'glass';
+
+// Workspace Manager
+export type RegionType = 'default' | 'navigation' | 'title-only' | 'no-header' | 'content-only' | 'header-only';
+// Range Slider
+export interface SliderMark {
+  value: number;
+  label?: string;
+}
+
+// Splitter
+export interface SplitterPanel {
+  size?: number;
+  minSize?: number;
+  maxSize?: number;
+  collapsible?: boolean;
+  collapsed?: boolean;
+  resizable?: boolean;
+}

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

@@ -0,0 +1,37 @@
+export * from './common.type';
+export * from './text.type';
+export * from './animation.type';
+export type PanelId = string;
+export type PanelConfig = {
+    id?: PanelId;
+    title?: string;
+    icon?: string;
+    closable?: boolean;
+    pinned?: boolean;
+    width?: number;
+    height?: number;
+    minWidth?: number;
+    minHeight?: number;
+    content?: string;
+    props?: Record<string, any>;
+    theme?: string;
+    collapsible?: boolean;
+    collapsed?: boolean;
+};
+export type ContainerType = 'row' | 'column' | 'tabs' | 'grid' | 'horizontal' | 'vertical';
+export interface ContainerState {
+    id: string;
+    type: ContainerType;
+    children: Array<ContainerState | PanelState>;
+    size?: number;
+    activeTabId?: string;
+}
+export interface PanelState extends PanelConfig {
+    id: PanelId;
+    type: 'panel';
+}
+export interface LayoutState {
+    version: number;
+    root: ContainerState;
+    floating: PanelState[];
+}

package/dist/types/types/text.type.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Shared typography types for text-based components.
+ * These types provide standard values for CSS text properties.
+ */
+
+/**
+ * Text decoration styles (underline, line-through, etc.)
+ */
+export type TextDecoration = 'underline' | 'overline' | 'line-through' | 'none';
+
+/**
+ * Text transformation options (uppercase, lowercase, etc.)
+ */
+export type TextTransform = 'none' | 'capitalize' | 'uppercase' | 'lowercase';
+
+/**
+ * Text overflow behavior when content is too long for the container.
+ * Supports standard CSS values and extended ones like 'marquee'.
+ */
+export type TextOverflow = 'clip' | 'ellipsis' | 'fade' | 'marquee';
+
+/**
+ * Horizontal text alignment options.
+ */
+export type TextAlign = 'left' | 'center' | 'right' | 'justify';
+
+/**
+ * Text direction based on locale or layout requirements.
+ */
+export type TextDirection = 'ltr' | 'rtl' | 'auto';
+
+export type TextType = 'text' | 'numeric' | 'alpha' | 'alphanumeric' | 'custom';