@sudobility/components 2.0.34 → 3.0.3

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.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.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"}

package/dist/primitives/typography/screen-reader-text.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UscreenUreaderUtext Component
+ *
+ * A reusable UscreenUreaderUtext component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UscreenUreaderUtext className="custom-class" />
+ * ```
+ *
+ * @remarks
+ * This component supports:
+ * - Light and dark themes automatically
+ * - Responsive design
+ * - Accessibility features
+ * - TypeScript type safety
+ *
+ * @see {@link https://docs.example.com/components/screen-reader-text}
+ */
+export interface UscreenUreaderUtextProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Component children */
+    children?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Callback when component is interacted with */
+    onClick?: () => void;
+}
+export declare const UscreenUreaderUtext: ({ className, children, disabled, onClick, }: UscreenUreaderUtextProps) => import("react/jsx-runtime").JSX.Element;
+export default UscreenUreaderUtext;
+//# sourceMappingURL=screen-reader-text.d.ts.map

package/dist/primitives/typography/screen-reader-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screen-reader-text.d.ts","sourceRoot":"","sources":["../../../src/primitives/typography/screen-reader-text.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,wBAAwB;IACvC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,GAAI,6CAKjC,wBAAwB,4CAmB1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -0,0 +1,46 @@
+import { default as React } from 'react';
+export interface TextProps {
+    /** Text content */
+    children: React.ReactNode;
+    /** HTML element to render */
+    as?: 'p' | 'span' | 'div' | 'label' | 'strong' | 'em' | 'small';
+    /** Size variant */
+    size?: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
+    /** Weight variant */
+    weight?: 'light' | 'normal' | 'medium' | 'semibold' | 'bold';
+    /** Color variant */
+    color?: 'default' | 'muted' | 'primary' | 'success' | 'warning' | 'danger';
+    /** Text alignment */
+    align?: 'left' | 'center' | 'right' | 'justify';
+    /** Text transform */
+    transform?: 'none' | 'uppercase' | 'lowercase' | 'capitalize';
+    /** Truncate text */
+    truncate?: boolean;
+    /** Line clamp (number of lines) */
+    lineClamp?: number;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * Text Component
+ *
+ * Versatile text component with semantic HTML elements and consistent styling.
+ * Supports various sizes, weights, colors, and formatting options.
+ *
+ * @example
+ * ```tsx
+ * <Text size="lg" weight="semibold">
+ *   Large semibold text
+ * </Text>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Text as="label" color="muted" size="sm">
+ *   Form label
+ * </Text>
+ * ```
+ */
+export declare const Text: React.FC<TextProps>;
+export default Text;
+//# sourceMappingURL=text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/primitives/typography/text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,SAAS;IACxB,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6BAA6B;IAC7B,EAAE,CAAC,EAAE,GAAG,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,IAAI,GAAG,OAAO,CAAC;IAChE,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;IAClE,qBAAqB;IACrB,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAC7D,oBAAoB;IACpB,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC3E,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,CAAC;IAC9D,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAwFpC,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+export interface TruncatedTextProps {
+    /** Text content to truncate */
+    children: string;
+    /** Maximum length before truncation */
+    maxLength?: number;
+    /** Position of truncation */
+    position?: 'end' | 'middle' | 'start';
+    /** Custom ellipsis character */
+    ellipsis?: string;
+    /** Show full text on hover */
+    showTooltip?: boolean;
+    /** Additional className */
+    className?: string;
+}
+/**
+ * TruncatedText Component
+ *
+ * Intelligently truncates text with ellipsis at various positions.
+ * Optionally shows full text in title attribute on hover.
+ *
+ * @example
+ * ```tsx
+ * <TruncatedText maxLength={50}>
+ *   This is a very long text that will be truncated...
+ * </TruncatedText>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <TruncatedText
+ *   maxLength={20}
+ *   position="middle"
+ *   showTooltip
+ * >
+ *   0x742d35Cc6634C0532925a3b844Bc9e7595f0bEb
+ * </TruncatedText>
+ * ```
+ */
+export declare const TruncatedText: React.FC<TruncatedTextProps>;
+export default TruncatedText;
+//# sourceMappingURL=truncated-text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"truncated-text.d.ts","sourceRoot":"","sources":["../../../src/primitives/typography/truncated-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,kBAAkB;IACjC,+BAA+B;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,CAAC;IACtC,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+CtD,CAAC;AAEF,eAAe,aAAa,CAAC"}