@sudobility/components 2.0.34 → 3.0.0

package/dist/primitives/layout/resizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../../src/primitives/layout/resizable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE,MAAM,MAAM,eAAe,GACvB,KAAK,GACL,OAAO,GACP,QAAQ,GACR,MAAM,GACN,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AAEnB,MAAM,WAAW,cAAc;IAC7B,uBAAuB;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,UAAU,CAAC,EAAE,eAAe,EAAE,CAAC;IAC/B,sBAAsB;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,0BAA0B;IAC1B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,0BAA0B;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgM9C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/primitives/layout/scroll-area.d.ts

@@ -0,0 +1,36 @@
+import { default as React } from 'react';
+export interface ScrollAreaProps {
+    /** Scrollable content */
+    children: React.ReactNode;
+    /** Maximum height */
+    maxHeight?: string | number;
+    /** Hide scrollbar */
+    hideScrollbar?: boolean;
+    /** Scroll direction */
+    direction?: 'vertical' | 'horizontal' | 'both';
+    /** Additional className */
+    className?: string;
+}
+/**
+ * ScrollArea Component
+ *
+ * Container with custom scrollbar styling and overflow control.
+ * Provides consistent scrollable areas across the application.
+ *
+ * @example
+ * ```tsx
+ * <ScrollArea maxHeight="400px">
+ *   <div>Long content...</div>
+ * </ScrollArea>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <ScrollArea direction="horizontal" hideScrollbar>
+ *   <div className="w-[2000px]">Wide content</div>
+ * </ScrollArea>
+ * ```
+ */
+export declare const ScrollArea: React.FC<ScrollAreaProps>;
+export default ScrollArea;
+//# sourceMappingURL=scroll-area.d.ts.map

package/dist/primitives/layout/scroll-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/primitives/layout/scroll-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,eAAe;IAC9B,yBAAyB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,qBAAqB;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uBAAuB;IACvB,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IAC/C,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyChD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/primitives/layout/section.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const sectionVariants: (props?: ({
+    variant?: "footer" | "default" | "hero" | "feature" | "cta" | "testimonial" | null | undefined;
+    spacing?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | null | undefined;
+    background?: "none" | "default" | "surface" | "gradient" | "gradient-primary" | "gradient-secondary" | "gradient-tertiary" | "gradient-vibrant" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+interface SectionProps extends VariantProps<typeof sectionVariants> {
+    children: React.ReactNode;
+    className?: string;
+    as?: keyof React.JSX.IntrinsicElements;
+    id?: string;
+}
+export declare const Section: React.FC<SectionProps>;
+export default Section;
+//# sourceMappingURL=section.d.ts.map

package/dist/primitives/layout/section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../src/primitives/layout/section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,eAAe;;;;8EA4CnB,CAAC;AAEH,UAAU,YAAa,SAAQ,YAAY,CAAC,OAAO,eAAe,CAAC;IACjE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAoB1C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/primitives/layout/separator.d.ts

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+export interface SeparatorProps {
+    /** Separator orientation */
+    orientation?: 'horizontal' | 'vertical';
+    /** Spacing around separator */
+    spacing?: 'none' | 'sm' | 'md' | 'lg';
+    /** Line thickness */
+    thickness?: 'thin' | 'medium' | 'thick';
+    /** Additional className */
+    className?: string;
+}
+/**
+ * Separator Component
+ *
+ * Simple horizontal or vertical line separator.
+ * Use for visual separation in menus, lists, and layouts.
+ *
+ * @example
+ * ```tsx
+ * <div>
+ *   <MenuItem>Option 1</MenuItem>
+ *   <Separator />
+ *   <MenuItem>Option 2</MenuItem>
+ * </div>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <div className="flex items-center gap-4">
+ *   <Button>Action 1</Button>
+ *   <Separator orientation="vertical" spacing="md" />
+ *   <Button>Action 2</Button>
+ * </div>
+ * ```
+ */
+export declare const Separator: React.FC<SeparatorProps>;
+export default Separator;
+//# sourceMappingURL=separator.d.ts.map

package/dist/primitives/layout/separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../src/primitives/layout/separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,cAAc;IAC7B,4BAA4B;IAC5B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmD9C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/primitives/layout/spacer.d.ts

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+export interface SpacerProps {
+    /** Size of the spacer */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | number;
+    /** Direction of spacing */
+    axis?: 'horizontal' | 'vertical';
+    /** Flex grow to fill available space */
+    flex?: boolean;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * Spacer Component
+ *
+ * Creates empty space between elements. Can be a fixed size or flexible.
+ * Useful for creating consistent spacing in layouts.
+ *
+ * @example
+ * ```tsx
+ * <HStack>
+ *   <Button>Cancel</Button>
+ *   <Spacer flex />
+ *   <Button>Save</Button>
+ * </HStack>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <VStack>
+ *   <h1>Title</h1>
+ *   <Spacer size="lg" />
+ *   <p>Content</p>
+ * </VStack>
+ * ```
+ */
+export declare const Spacer: React.FC<SpacerProps>;
+export default Spacer;
+//# sourceMappingURL=spacer.d.ts.map

package/dist/primitives/layout/spacer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacer.d.ts","sourceRoot":"","sources":["../../../src/primitives/layout/spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,WAAW;IAC1B,yBAAyB;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IACzD,2BAA2B;IAC3B,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACjC,wCAAwC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA2CxC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/primitives/layout/split-pane.d.ts

@@ -0,0 +1,57 @@
+import { default as React } from 'react';
+export interface SplitPaneProps {
+    /** Left/Top panel content */
+    left: React.ReactNode;
+    /** Right/Bottom panel content */
+    right: React.ReactNode;
+    /** Split direction */
+    direction?: 'horizontal' | 'vertical';
+    /** Initial split position (0-1) */
+    initialSplit?: number;
+    /** Controlled split position */
+    split?: number;
+    /** Split change handler */
+    onSplitChange?: (split: number) => void;
+    /** Minimum left/top panel size (pixels or %) */
+    minLeftSize?: number | string;
+    /** Minimum right/bottom panel size (pixels or %) */
+    minRightSize?: number | string;
+    /** Divider size in pixels */
+    dividerSize?: number;
+    /** Allow resize */
+    resizable?: boolean;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * SplitPane Component
+ *
+ * Resizable split panel layout with draggable divider.
+ * Supports horizontal and vertical splits.
+ *
+ * @example
+ * ```tsx
+ * <SplitPane
+ *   left={<Sidebar />}
+ *   right={<MainContent />}
+ *   direction="horizontal"
+ *   initialSplit={0.3}
+ *   minLeftSize={200}
+ *   minRightSize={400}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <SplitPane
+ *   left={<Editor />}
+ *   right={<Preview />}
+ *   direction="vertical"
+ *   split={editorHeight}
+ *   onSplitChange={setEditorHeight}
+ * />
+ * ```
+ */
+export declare const SplitPane: React.FC<SplitPaneProps>;
+export default SplitPane;
+//# sourceMappingURL=split-pane.d.ts.map

package/dist/primitives/layout/split-pane.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-pane.d.ts","sourceRoot":"","sources":["../../../src/primitives/layout/split-pane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,MAAM,WAAW,cAAc;IAC7B,6BAA6B;IAC7B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,iCAAiC;IACjC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,sBAAsB;IACtB,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgM9C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/primitives/layout/stack.d.ts

@@ -0,0 +1,60 @@
+import { default as React } from 'react';
+export interface StackProps {
+    /** Stack content */
+    children: React.ReactNode;
+    /** Stack direction */
+    direction?: 'vertical' | 'horizontal';
+    /** Spacing between items */
+    spacing?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    /** Align items */
+    align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+    /** Justify content */
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+    /** Wrap items */
+    wrap?: boolean;
+    /** Full width/height */
+    full?: boolean;
+    /** Divider between items */
+    divider?: boolean;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * Stack Component
+ *
+ * Flexbox-based layout component for arranging children vertically or horizontally
+ * with consistent spacing. Supports alignment, wrapping, and dividers.
+ *
+ * @example
+ * ```tsx
+ * <Stack spacing="md">
+ *   <div>Item 1</div>
+ *   <div>Item 2</div>
+ *   <div>Item 3</div>
+ * </Stack>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Stack
+ *   direction="horizontal"
+ *   spacing="lg"
+ *   align="center"
+ *   justify="between"
+ * >
+ *   <Button>Cancel</Button>
+ *   <Button>Save</Button>
+ * </Stack>
+ * ```
+ */
+export declare const Stack: React.FC<StackProps>;
+/**
+ * VStack - Vertical Stack (alias for Stack with direction="vertical")
+ */
+export declare const VStack: React.FC<Omit<StackProps, 'direction'>>;
+/**
+ * HStack - Horizontal Stack (alias for Stack with direction="horizontal")
+ */
+export declare const HStack: React.FC<Omit<StackProps, 'direction'>>;
+export default Stack;
+//# sourceMappingURL=stack.d.ts.map

package/dist/primitives/layout/stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../src/primitives/layout/stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,UAAU;IACzB,oBAAoB;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sBAAsB;IACtB,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtC,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAC5D,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;IAC5D,sBAAsB;IACtB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACvE,iBAAiB;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wBAAwB;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA4GtC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,CAE1D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,CAE1D,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/primitives/typography/blockquote.d.ts

@@ -0,0 +1,36 @@
+import { default as React } from 'react';
+export interface BlockquoteProps {
+    /** Quote content */
+    children: React.ReactNode;
+    /** Citation/author */
+    cite?: string;
+    /** Variant style */
+    variant?: 'default' | 'bordered' | 'accent';
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Additional className */
+    className?: string;
+}
+/**
+ * Blockquote Component
+ *
+ * Displays quoted text with optional citation and various styling options.
+ * Uses semantic HTML for proper document structure.
+ *
+ * @example
+ * ```tsx
+ * <Blockquote cite="John Doe">
+ *   This is a great quote about something important.
+ * </Blockquote>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Blockquote variant="accent" size="lg">
+ *   Innovation distinguishes between a leader and a follower.
+ * </Blockquote>
+ * ```
+ */
+export declare const Blockquote: React.FC<BlockquoteProps>;
+export default Blockquote;
+//# sourceMappingURL=blockquote.d.ts.map

package/dist/primitives/typography/blockquote.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blockquote.d.ts","sourceRoot":"","sources":["../../../src/primitives/typography/blockquote.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,eAAe;IAC9B,oBAAoB;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC5C,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoDhD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/primitives/typography/code-display.d.ts

@@ -0,0 +1,41 @@
+import { default as React } from 'react';
+export interface CodeDisplayProps {
+    /** Code or text to display */
+    children: React.ReactNode;
+    /** Visual variant */
+    variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'neutral';
+    /** Size variant */
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    /** Display as inline or block */
+    inline?: boolean;
+    /** Text alignment (for block display) */
+    align?: 'left' | 'center' | 'right';
+    /** Additional className for the container */
+    className?: string;
+    /** Whether to enable text wrapping */
+    wrap?: boolean;
+}
+/**
+ * CodeDisplay Component
+ *
+ * Displays code, wallet addresses, or monospace text in a styled container.
+ * Commonly used for displaying blockchain addresses, code snippets, or
+ * technical identifiers.
+ *
+ * @example
+ * ```tsx
+ * <CodeDisplay variant="primary" size="lg" align="center">
+ *   wallet@example.com
+ * </CodeDisplay>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <CodeDisplay variant="success" inline>
+ *   0x742d35Cc6634C0532925a3b844Bc9e7595f0bEb
+ * </CodeDisplay>
+ * ```
+ */
+export declare const CodeDisplay: React.FC<CodeDisplayProps>;
+export default CodeDisplay;
+//# sourceMappingURL=code-display.d.ts.map

package/dist/primitives/typography/code-display.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-display.d.ts","sourceRoot":"","sources":["../../../src/primitives/typography/code-display.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,gBAAgB;IAC/B,8BAA8B;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IACtE,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoElD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/primitives/typography/code.d.ts

@@ -0,0 +1,32 @@
+import { default as React } from 'react';
+export interface CodeProps {
+    /** Code content */
+    children: React.ReactNode;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Color variant */
+    variant?: 'default' | 'primary' | 'success' | 'warning' | 'danger';
+    /** Additional className */
+    className?: string;
+}
+/**
+ * Code Component
+ *
+ * Displays inline code snippets with monospace font and consistent styling.
+ * Different from CodeDisplay which is for multi-line code blocks.
+ *
+ * @example
+ * ```tsx
+ * <Text>Use the <Code>useState</Code> hook</Text>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Code variant="primary" size="lg">
+ *   npm install
+ * </Code>
+ * ```
+ */
+export declare const Code: React.FC<CodeProps>;
+export default Code;
+//# sourceMappingURL=code.d.ts.map

package/dist/primitives/typography/code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../../src/primitives/typography/code.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,SAAS;IACxB,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,oBAAoB;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACnE,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAoCpC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/primitives/typography/formatted-number.d.ts

@@ -0,0 +1,54 @@
+import { default as React } from 'react';
+export interface FormattedNumberProps {
+    /** Number value to format */
+    value: number;
+    /** Number style */
+    style?: 'decimal' | 'currency' | 'percent' | 'unit';
+    /** Currency code (for currency style) */
+    currency?: string;
+    /** Unit to display (for unit style) */
+    unit?: string;
+    /** Minimum fraction digits */
+    minimumFractionDigits?: number;
+    /** Maximum fraction digits */
+    maximumFractionDigits?: number;
+    /** Locale */
+    locale?: string;
+    /** Notation (compact for abbreviations like 1.2K) */
+    notation?: 'standard' | 'compact';
+    /** Additional className */
+    className?: string;
+}
+/**
+ * FormattedNumber Component
+ *
+ * Formats numbers using Intl.NumberFormat with various styles and locales.
+ * Supports currencies, percentages, units, and compact notation.
+ *
+ * @example
+ * ```tsx
+ * <FormattedNumber value={1234.56} />
+ * <FormattedNumber value={1234.56} notation="compact" />
+ * <FormattedNumber
+ *   value={1234.56}
+ *   style="currency"
+ *   currency="USD"
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <FormattedNumber
+ *   value={0.1234}
+ *   style="percent"
+ *   minimumFractionDigits={2}
+ * />
+ * <FormattedNumber
+ *   value={1500000}
+ *   notation="compact"
+ * />
+ * ```
+ */
+export declare const FormattedNumber: React.FC<FormattedNumberProps>;
+export default FormattedNumber;
+//# sourceMappingURL=formatted-number.d.ts.map

package/dist/primitives/typography/formatted-number.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatted-number.d.ts","sourceRoot":"","sources":["../../../src/primitives/typography/formatted-number.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,oBAAoB;IACnC,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;IACpD,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,8BAA8B;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,aAAa;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAClC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqC1D,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/primitives/typography/heading.d.ts

@@ -0,0 +1,40 @@
+import { default as React } from 'react';
+export interface HeadingProps {
+    /** Heading content */
+    children: React.ReactNode;
+    /** Heading level */
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Size (independent of level for semantic flexibility) */
+    size?: '4xl' | '3xl' | '2xl' | 'xl' | 'lg' | 'base';
+    /** Weight variant */
+    weight?: 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold';
+    /** Color variant */
+    color?: 'default' | 'muted' | 'primary';
+    /** Text alignment */
+    align?: 'left' | 'center' | 'right';
+    /** Additional className */
+    className?: string;
+}
+/**
+ * Heading Component
+ *
+ * Semantic heading component with flexible sizing and styling.
+ * Level determines HTML element, size controls visual appearance.
+ *
+ * @example
+ * ```tsx
+ * <Heading level={1} size="4xl">
+ *   Page Title
+ * </Heading>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Heading level={2} size="xl" color="primary">
+ *   Section Title
+ * </Heading>
+ * ```
+ */
+export declare const Heading: React.FC<HeadingProps>;
+export default Heading;
+//# sourceMappingURL=heading.d.ts.map

package/dist/primitives/typography/heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../../src/primitives/typography/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,YAAY;IAC3B,sBAAsB;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oBAAoB;IACpB,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,2DAA2D;IAC3D,IAAI,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACpD,qBAAqB;IACrB,MAAM,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,CAAC;IACjE,oBAAoB;IACpB,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACxC,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuE1C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/primitives/typography/helper-text.d.ts

@@ -0,0 +1,36 @@
+import { default as React } from 'react';
+export interface HelperTextProps {
+    /** Helper text content */
+    children: React.ReactNode;
+    /** Variant (affects color and icon) */
+    variant?: 'default' | 'error' | 'success' | 'warning';
+    /** Show icon */
+    showIcon?: boolean;
+    /** Size */
+    size?: 'sm' | 'base';
+    /** Additional className */
+    className?: string;
+}
+/**
+ * HelperText Component
+ *
+ * Text component for form field descriptions, error messages, and hints.
+ * Supports different variants with optional icons.
+ *
+ * @example
+ * ```tsx
+ * <HelperText>
+ *   Enter your email address
+ * </HelperText>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <HelperText variant="error" showIcon>
+ *   This field is required
+ * </HelperText>
+ * ```
+ */
+export declare const HelperText: React.FC<HelperTextProps>;
+export default HelperText;
+//# sourceMappingURL=helper-text.d.ts.map

package/dist/primitives/typography/helper-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper-text.d.ts","sourceRoot":"","sources":["../../../src/primitives/typography/helper-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,WAAW,eAAe;IAC9B,0BAA0B;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uCAAuC;IACvC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IACtD,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW;IACX,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACrB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmDhD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/primitives/typography/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Typography Primitives
+ *
+ * Text and typography components
+ */
+export * from './text';
+export * from './heading';
+export * from './typography';
+export * from './code';
+export * from './code-display';
+export * from './kbd';
+export * from './blockquote';
+export * from './helper-text';
+export * from './screen-reader-text';
+export * from './truncated-text';
+export * from './formatted-number';
+export * from './relative-time';
+//# sourceMappingURL=index.d.ts.map

package/dist/primitives/typography/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/typography/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAG7B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,OAAO,CAAC;AAGtB,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AAGjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC"}

package/dist/primitives/typography/kbd.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+export interface KbdProps {
+    /** Keyboard key(s) to display */
+    children: React.ReactNode;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Additional className */
+    className?: string;
+}
+/**
+ * Kbd Component
+ *
+ * Displays keyboard shortcuts with semantic HTML and consistent styling.
+ * Used to represent user input from keyboard.
+ *
+ * @example
+ * ```tsx
+ * <Kbd>Ctrl</Kbd> + <Kbd>C</Kbd>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Text>Press <Kbd size="sm">Enter</Kbd> to submit</Text>
+ * ```
+ */
+export declare const Kbd: React.FC<KbdProps>;
+export default Kbd;
+//# sourceMappingURL=kbd.d.ts.map

package/dist/primitives/typography/kbd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../../src/primitives/typography/kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,QAAQ;IACvB,iCAAiC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CA4BlC,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/dist/primitives/typography/relative-time.d.ts

@@ -0,0 +1,35 @@
+import { default as React } from 'react';
+export interface RelativeTimeProps {
+    /** Date to display */
+    date: Date | string | number;
+    /** Show full date on hover */
+    showTooltip?: boolean;
+    /** Update interval in seconds (0 to disable) */
+    updateInterval?: number;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * RelativeTime Component
+ *
+ * Displays relative time (e.g., "2 hours ago", "just now").
+ * Optionally shows full timestamp on hover and auto-updates.
+ *
+ * @example
+ * ```tsx
+ * <RelativeTime date={new Date()} />
+ * <RelativeTime date="2024-01-15T10:30:00Z" showTooltip />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <RelativeTime
+ *   date={message.timestamp}
+ *   updateInterval={60}
+ *   showTooltip
+ * />
+ * ```
+ */
+export declare const RelativeTime: React.FC<RelativeTimeProps>;
+export default RelativeTime;
+//# sourceMappingURL=relative-time.d.ts.map

package/dist/primitives/typography/relative-time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"relative-time.d.ts","sourceRoot":"","sources":["../../../src/primitives/typography/relative-time.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,iBAAiB;IAChC,sBAAsB;IACtB,IAAI,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IAC7B,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gDAAgD;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkEpD,CAAC;AAEF,eAAe,YAAY,CAAC"}