@sudobility/components 4.0.0 → 4.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/charts/index.d.ts +2 -3
- package/dist/charts/index.d.ts.map +1 -1
- package/dist/core/index.d.ts +0 -1
- package/dist/core/index.d.ts.map +1 -1
- package/dist/data-display/index.d.ts +7 -7
- package/dist/data-display/index.d.ts.map +1 -1
- package/dist/forms/advanced/index.d.ts +2 -2
- package/dist/forms/advanced/index.d.ts.map +1 -1
- package/dist/forms/inputs/index.d.ts +15 -15
- package/dist/forms/inputs/index.d.ts.map +1 -1
- package/dist/index.esm.js +11014 -9308
- package/dist/index.umd.js +19 -26
- package/dist/interactive/index.d.ts +4 -4
- package/dist/interactive/index.d.ts.map +1 -1
- package/dist/modals/index.d.ts +7 -7
- package/dist/modals/index.d.ts.map +1 -1
- package/dist/navigation/index.d.ts +8 -8
- package/dist/navigation/index.d.ts.map +1 -1
- package/dist/primitives/feedback/index.d.ts +7 -7
- package/dist/primitives/feedback/index.d.ts.map +1 -1
- package/dist/primitives/feedback/status-badge.d.ts +2 -2
- package/dist/primitives/feedback/status-badge.d.ts.map +1 -1
- package/dist/primitives/layout/index.d.ts +18 -18
- package/dist/primitives/layout/index.d.ts.map +1 -1
- package/dist/primitives/typography/index.d.ts +9 -9
- package/dist/primitives/typography/index.d.ts.map +1 -1
- package/dist/ui/index.d.ts +1 -1
- package/dist/ui/index.d.ts.map +1 -1
- package/package.json +5 -3
- package/dist/charts/progress-bar.d.ts +0 -51
- package/dist/charts/progress-bar.d.ts.map +0 -1
- package/dist/charts/progress-circle.d.ts +0 -48
- package/dist/charts/progress-circle.d.ts.map +0 -1
- package/dist/charts/progress.d.ts +0 -51
- package/dist/charts/progress.d.ts.map +0 -1
- package/dist/data-display/card.d.ts +0 -39
- package/dist/data-display/card.d.ts.map +0 -1
- package/dist/data-display/list-item-with-action.d.ts +0 -41
- package/dist/data-display/list-item-with-action.d.ts.map +0 -1
- package/dist/data-display/list.d.ts +0 -52
- package/dist/data-display/list.d.ts.map +0 -1
- package/dist/data-display/table-of-contents.d.ts +0 -19
- package/dist/data-display/table-of-contents.d.ts.map +0 -1
- package/dist/data-display/table.d.ts +0 -69
- package/dist/data-display/table.d.ts.map +0 -1
- package/dist/data-display/transfer-list.d.ts +0 -68
- package/dist/data-display/transfer-list.d.ts.map +0 -1
- package/dist/data-display/tree-view.d.ts +0 -59
- package/dist/data-display/tree-view.d.ts.map +0 -1
- package/dist/data-display/virtual-list.d.ts +0 -48
- package/dist/data-display/virtual-list.d.ts.map +0 -1
- package/dist/features/CalloutBox.d.ts +0 -12
- package/dist/features/CalloutBox.d.ts.map +0 -1
- package/dist/features/InfoCard.d.ts +0 -10
- package/dist/features/InfoCard.d.ts.map +0 -1
- package/dist/forms/advanced/calendar.d.ts +0 -44
- package/dist/forms/advanced/calendar.d.ts.map +0 -1
- package/dist/forms/advanced/date-time-picker.d.ts +0 -46
- package/dist/forms/advanced/date-time-picker.d.ts.map +0 -1
- package/dist/forms/advanced/image-cropper.d.ts +0 -41
- package/dist/forms/advanced/image-cropper.d.ts.map +0 -1
- package/dist/forms/advanced/media-uploader.d.ts +0 -44
- package/dist/forms/advanced/media-uploader.d.ts.map +0 -1
- package/dist/forms/inputs/checkbox.d.ts +0 -63
- package/dist/forms/inputs/checkbox.d.ts.map +0 -1
- package/dist/forms/inputs/combobox.d.ts +0 -59
- package/dist/forms/inputs/combobox.d.ts.map +0 -1
- package/dist/forms/inputs/date-input.d.ts +0 -53
- package/dist/forms/inputs/date-input.d.ts.map +0 -1
- package/dist/forms/inputs/dropdown.d.ts +0 -21
- package/dist/forms/inputs/dropdown.d.ts.map +0 -1
- package/dist/forms/inputs/file-input.d.ts +0 -59
- package/dist/forms/inputs/file-input.d.ts.map +0 -1
- package/dist/forms/inputs/form-alerts.d.ts +0 -39
- package/dist/forms/inputs/form-alerts.d.ts.map +0 -1
- package/dist/forms/inputs/form-builder.d.ts +0 -33
- package/dist/forms/inputs/form-builder.d.ts.map +0 -1
- package/dist/forms/inputs/form-template.d.ts +0 -33
- package/dist/forms/inputs/form-template.d.ts.map +0 -1
- package/dist/forms/inputs/form-validator.d.ts +0 -33
- package/dist/forms/inputs/form-validator.d.ts.map +0 -1
- package/dist/forms/inputs/input.d.ts +0 -6
- package/dist/forms/inputs/input.d.ts.map +0 -1
- package/dist/forms/inputs/multi-select.d.ts +0 -58
- package/dist/forms/inputs/multi-select.d.ts.map +0 -1
- package/dist/forms/inputs/number-input.d.ts +0 -58
- package/dist/forms/inputs/number-input.d.ts.map +0 -1
- package/dist/forms/inputs/phone-input.d.ts +0 -57
- package/dist/forms/inputs/phone-input.d.ts.map +0 -1
- package/dist/forms/inputs/search-input.d.ts +0 -51
- package/dist/forms/inputs/search-input.d.ts.map +0 -1
- package/dist/forms/inputs/select.d.ts +0 -14
- package/dist/forms/inputs/select.d.ts.map +0 -1
- package/dist/forms/inputs/switch.d.ts +0 -4
- package/dist/forms/inputs/switch.d.ts.map +0 -1
- package/dist/forms/inputs/text-area.d.ts +0 -56
- package/dist/forms/inputs/text-area.d.ts.map +0 -1
- package/dist/forms/inputs/time-picker.d.ts +0 -41
- package/dist/forms/inputs/time-picker.d.ts.map +0 -1
- package/dist/interactive/focus-trap.d.ts +0 -41
- package/dist/interactive/focus-trap.d.ts.map +0 -1
- package/dist/interactive/hover-tooltip.d.ts +0 -33
- package/dist/interactive/hover-tooltip.d.ts.map +0 -1
- package/dist/interactive/infinite-scroll.d.ts +0 -58
- package/dist/interactive/infinite-scroll.d.ts.map +0 -1
- package/dist/interactive/scroll-spy.d.ts +0 -58
- package/dist/interactive/scroll-spy.d.ts.map +0 -1
- package/dist/modals/dialog.d.ts +0 -49
- package/dist/modals/dialog.d.ts.map +0 -1
- package/dist/modals/drawer.d.ts +0 -50
- package/dist/modals/drawer.d.ts.map +0 -1
- package/dist/modals/modal.d.ts +0 -37
- package/dist/modals/modal.d.ts.map +0 -1
- package/dist/modals/popover.d.ts +0 -46
- package/dist/modals/popover.d.ts.map +0 -1
- package/dist/modals/sheet.d.ts +0 -58
- package/dist/modals/sheet.d.ts.map +0 -1
- package/dist/modals/text-input-modal.d.ts +0 -19
- package/dist/modals/text-input-modal.d.ts.map +0 -1
- package/dist/modals/tooltip.d.ts +0 -49
- package/dist/modals/tooltip.d.ts.map +0 -1
- package/dist/navigation/breadcrumb-nav.d.ts +0 -13
- package/dist/navigation/breadcrumb-nav.d.ts.map +0 -1
- package/dist/navigation/external-link.d.ts +0 -45
- package/dist/navigation/external-link.d.ts.map +0 -1
- package/dist/navigation/link.d.ts +0 -43
- package/dist/navigation/link.d.ts.map +0 -1
- package/dist/navigation/navigation-list.d.ts +0 -59
- package/dist/navigation/navigation-list.d.ts.map +0 -1
- package/dist/navigation/pagination-nav.d.ts +0 -10
- package/dist/navigation/pagination-nav.d.ts.map +0 -1
- package/dist/navigation/side-nav.d.ts +0 -15
- package/dist/navigation/side-nav.d.ts.map +0 -1
- package/dist/navigation/smart-link.d.ts +0 -23
- package/dist/navigation/smart-link.d.ts.map +0 -1
- package/dist/navigation/tabs.d.ts +0 -7
- package/dist/navigation/tabs.d.ts.map +0 -1
- package/dist/primitives/feedback/alert.d.ts +0 -20
- package/dist/primitives/feedback/alert.d.ts.map +0 -1
- package/dist/primitives/feedback/badge.d.ts +0 -51
- package/dist/primitives/feedback/badge.d.ts.map +0 -1
- package/dist/primitives/feedback/loading-dots.d.ts +0 -29
- package/dist/primitives/feedback/loading-dots.d.ts.map +0 -1
- package/dist/primitives/feedback/loading-overlay.d.ts +0 -43
- package/dist/primitives/feedback/loading-overlay.d.ts.map +0 -1
- package/dist/primitives/feedback/skeleton-loader.d.ts +0 -47
- package/dist/primitives/feedback/skeleton-loader.d.ts.map +0 -1
- package/dist/primitives/feedback/spinner.d.ts +0 -11
- package/dist/primitives/feedback/spinner.d.ts.map +0 -1
- package/dist/primitives/feedback/toast.d.ts +0 -47
- package/dist/primitives/feedback/toast.d.ts.map +0 -1
- package/dist/primitives/layout/aspect-ratio.d.ts +0 -31
- package/dist/primitives/layout/aspect-ratio.d.ts.map +0 -1
- package/dist/primitives/layout/box.d.ts +0 -55
- package/dist/primitives/layout/box.d.ts.map +0 -1
- package/dist/primitives/layout/center.d.ts +0 -33
- package/dist/primitives/layout/center.d.ts.map +0 -1
- package/dist/primitives/layout/container.d.ts +0 -35
- package/dist/primitives/layout/container.d.ts.map +0 -1
- package/dist/primitives/layout/divider.d.ts +0 -44
- package/dist/primitives/layout/divider.d.ts.map +0 -1
- package/dist/primitives/layout/flex-container.d.ts +0 -20
- package/dist/primitives/layout/flex-container.d.ts.map +0 -1
- package/dist/primitives/layout/flex.d.ts +0 -42
- package/dist/primitives/layout/flex.d.ts.map +0 -1
- package/dist/primitives/layout/floating-panel.d.ts +0 -38
- package/dist/primitives/layout/floating-panel.d.ts.map +0 -1
- package/dist/primitives/layout/grid.d.ts +0 -58
- package/dist/primitives/layout/grid.d.ts.map +0 -1
- package/dist/primitives/layout/masonry.d.ts +0 -40
- package/dist/primitives/layout/masonry.d.ts.map +0 -1
- package/dist/primitives/layout/overlay.d.ts +0 -39
- package/dist/primitives/layout/overlay.d.ts.map +0 -1
- package/dist/primitives/layout/page-container.d.ts +0 -13
- package/dist/primitives/layout/page-container.d.ts.map +0 -1
- package/dist/primitives/layout/portal.d.ts +0 -29
- package/dist/primitives/layout/portal.d.ts.map +0 -1
- package/dist/primitives/layout/scroll-area.d.ts +0 -35
- package/dist/primitives/layout/scroll-area.d.ts.map +0 -1
- package/dist/primitives/layout/separator.d.ts +0 -37
- package/dist/primitives/layout/separator.d.ts.map +0 -1
- package/dist/primitives/layout/spacer.d.ts +0 -37
- package/dist/primitives/layout/spacer.d.ts.map +0 -1
- package/dist/primitives/layout/split-pane.d.ts +0 -56
- package/dist/primitives/layout/split-pane.d.ts.map +0 -1
- package/dist/primitives/layout/stack.d.ts +0 -59
- package/dist/primitives/layout/stack.d.ts.map +0 -1
- package/dist/primitives/typography/code-display.d.ts +0 -40
- package/dist/primitives/typography/code-display.d.ts.map +0 -1
- package/dist/primitives/typography/code.d.ts +0 -31
- package/dist/primitives/typography/code.d.ts.map +0 -1
- package/dist/primitives/typography/formatted-number.d.ts +0 -53
- package/dist/primitives/typography/formatted-number.d.ts.map +0 -1
- package/dist/primitives/typography/heading.d.ts +0 -39
- package/dist/primitives/typography/heading.d.ts.map +0 -1
- package/dist/primitives/typography/helper-text.d.ts +0 -35
- package/dist/primitives/typography/helper-text.d.ts.map +0 -1
- package/dist/primitives/typography/kbd.d.ts +0 -27
- package/dist/primitives/typography/kbd.d.ts.map +0 -1
- package/dist/primitives/typography/screen-reader-text.d.ts +0 -33
- package/dist/primitives/typography/screen-reader-text.d.ts.map +0 -1
- package/dist/primitives/typography/text.d.ts +0 -45
- package/dist/primitives/typography/text.d.ts.map +0 -1
- package/dist/primitives/typography/truncated-text.d.ts +0 -41
- package/dist/primitives/typography/truncated-text.d.ts.map +0 -1
- package/dist/ui/pagination.d.ts +0 -46
- package/dist/ui/pagination.d.ts.map +0 -1
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface CodeDisplayProps {
|
|
3
|
-
/** Code or text to display */
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
/** Visual variant */
|
|
6
|
-
variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'neutral';
|
|
7
|
-
/** Size variant */
|
|
8
|
-
size?: 'xs' | 'sm' | 'md' | 'lg';
|
|
9
|
-
/** Display as inline or block */
|
|
10
|
-
inline?: boolean;
|
|
11
|
-
/** Text alignment (for block display) */
|
|
12
|
-
align?: 'left' | 'center' | 'right';
|
|
13
|
-
/** Additional className for the container */
|
|
14
|
-
className?: string;
|
|
15
|
-
/** Whether to enable text wrapping */
|
|
16
|
-
wrap?: boolean;
|
|
17
|
-
}
|
|
18
|
-
/**
|
|
19
|
-
* CodeDisplay Component
|
|
20
|
-
*
|
|
21
|
-
* Displays code, wallet addresses, or monospace text in a styled container.
|
|
22
|
-
* Commonly used for displaying blockchain addresses, code snippets, or
|
|
23
|
-
* technical identifiers.
|
|
24
|
-
*
|
|
25
|
-
* @example
|
|
26
|
-
* ```tsx
|
|
27
|
-
* <CodeDisplay variant="primary" size="lg" align="center">
|
|
28
|
-
* wallet@example.com
|
|
29
|
-
* </CodeDisplay>
|
|
30
|
-
* ```
|
|
31
|
-
*
|
|
32
|
-
* @example
|
|
33
|
-
* ```tsx
|
|
34
|
-
* <CodeDisplay variant="success" inline>
|
|
35
|
-
* 0x742d35Cc6634C0532925a3b844Bc9e7595f0bEb
|
|
36
|
-
* </CodeDisplay>
|
|
37
|
-
* ```
|
|
38
|
-
*/
|
|
39
|
-
export declare const CodeDisplay: React.FC<CodeDisplayProps>;
|
|
40
|
-
//# sourceMappingURL=code-display.d.ts.map
|
|
@@ -1 +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"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface CodeProps {
|
|
3
|
-
/** Code content */
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
/** Size variant */
|
|
6
|
-
size?: 'sm' | 'md' | 'lg';
|
|
7
|
-
/** Color variant */
|
|
8
|
-
variant?: 'default' | 'primary' | 'success' | 'warning' | 'danger';
|
|
9
|
-
/** Additional className */
|
|
10
|
-
className?: string;
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* Code Component
|
|
14
|
-
*
|
|
15
|
-
* Displays inline code snippets with monospace font and consistent styling.
|
|
16
|
-
* Different from CodeDisplay which is for multi-line code blocks.
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```tsx
|
|
20
|
-
* <Text>Use the <Code>useState</Code> hook</Text>
|
|
21
|
-
* ```
|
|
22
|
-
*
|
|
23
|
-
* @example
|
|
24
|
-
* ```tsx
|
|
25
|
-
* <Code variant="primary" size="lg">
|
|
26
|
-
* npm install
|
|
27
|
-
* </Code>
|
|
28
|
-
* ```
|
|
29
|
-
*/
|
|
30
|
-
export declare const Code: React.FC<CodeProps>;
|
|
31
|
-
//# sourceMappingURL=code.d.ts.map
|
|
@@ -1 +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"}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface FormattedNumberProps {
|
|
3
|
-
/** Number value to format */
|
|
4
|
-
value: number;
|
|
5
|
-
/** Number style */
|
|
6
|
-
style?: 'decimal' | 'currency' | 'percent' | 'unit';
|
|
7
|
-
/** Currency code (for currency style) */
|
|
8
|
-
currency?: string;
|
|
9
|
-
/** Unit to display (for unit style) */
|
|
10
|
-
unit?: string;
|
|
11
|
-
/** Minimum fraction digits */
|
|
12
|
-
minimumFractionDigits?: number;
|
|
13
|
-
/** Maximum fraction digits */
|
|
14
|
-
maximumFractionDigits?: number;
|
|
15
|
-
/** Locale */
|
|
16
|
-
locale?: string;
|
|
17
|
-
/** Notation (compact for abbreviations like 1.2K) */
|
|
18
|
-
notation?: 'standard' | 'compact';
|
|
19
|
-
/** Additional className */
|
|
20
|
-
className?: string;
|
|
21
|
-
}
|
|
22
|
-
/**
|
|
23
|
-
* FormattedNumber Component
|
|
24
|
-
*
|
|
25
|
-
* Formats numbers using Intl.NumberFormat with various styles and locales.
|
|
26
|
-
* Supports currencies, percentages, units, and compact notation.
|
|
27
|
-
*
|
|
28
|
-
* @example
|
|
29
|
-
* ```tsx
|
|
30
|
-
* <FormattedNumber value={1234.56} />
|
|
31
|
-
* <FormattedNumber value={1234.56} notation="compact" />
|
|
32
|
-
* <FormattedNumber
|
|
33
|
-
* value={1234.56}
|
|
34
|
-
* style="currency"
|
|
35
|
-
* currency="USD"
|
|
36
|
-
* />
|
|
37
|
-
* ```
|
|
38
|
-
*
|
|
39
|
-
* @example
|
|
40
|
-
* ```tsx
|
|
41
|
-
* <FormattedNumber
|
|
42
|
-
* value={0.1234}
|
|
43
|
-
* style="percent"
|
|
44
|
-
* minimumFractionDigits={2}
|
|
45
|
-
* />
|
|
46
|
-
* <FormattedNumber
|
|
47
|
-
* value={1500000}
|
|
48
|
-
* notation="compact"
|
|
49
|
-
* />
|
|
50
|
-
* ```
|
|
51
|
-
*/
|
|
52
|
-
export declare const FormattedNumber: React.FC<FormattedNumberProps>;
|
|
53
|
-
//# sourceMappingURL=formatted-number.d.ts.map
|
|
@@ -1 +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"}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface HeadingProps {
|
|
3
|
-
/** Heading content */
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
/** Heading level */
|
|
6
|
-
level?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
7
|
-
/** Size (independent of level for semantic flexibility) */
|
|
8
|
-
size?: '4xl' | '3xl' | '2xl' | 'xl' | 'lg' | 'base';
|
|
9
|
-
/** Weight variant */
|
|
10
|
-
weight?: 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold';
|
|
11
|
-
/** Color variant */
|
|
12
|
-
color?: 'default' | 'muted' | 'primary';
|
|
13
|
-
/** Text alignment */
|
|
14
|
-
align?: 'left' | 'center' | 'right';
|
|
15
|
-
/** Additional className */
|
|
16
|
-
className?: string;
|
|
17
|
-
}
|
|
18
|
-
/**
|
|
19
|
-
* Heading Component
|
|
20
|
-
*
|
|
21
|
-
* Semantic heading component with flexible sizing and styling.
|
|
22
|
-
* Level determines HTML element, size controls visual appearance.
|
|
23
|
-
*
|
|
24
|
-
* @example
|
|
25
|
-
* ```tsx
|
|
26
|
-
* <Heading level={1} size="4xl">
|
|
27
|
-
* Page Title
|
|
28
|
-
* </Heading>
|
|
29
|
-
* ```
|
|
30
|
-
*
|
|
31
|
-
* @example
|
|
32
|
-
* ```tsx
|
|
33
|
-
* <Heading level={2} size="xl" color="primary">
|
|
34
|
-
* Section Title
|
|
35
|
-
* </Heading>
|
|
36
|
-
* ```
|
|
37
|
-
*/
|
|
38
|
-
export declare const Heading: React.FC<HeadingProps>;
|
|
39
|
-
//# sourceMappingURL=heading.d.ts.map
|
|
@@ -1 +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"}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface HelperTextProps {
|
|
3
|
-
/** Helper text content */
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
/** Variant (affects color and icon) */
|
|
6
|
-
variant?: 'default' | 'error' | 'success' | 'warning';
|
|
7
|
-
/** Show icon */
|
|
8
|
-
showIcon?: boolean;
|
|
9
|
-
/** Size */
|
|
10
|
-
size?: 'sm' | 'base';
|
|
11
|
-
/** Additional className */
|
|
12
|
-
className?: string;
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* HelperText Component
|
|
16
|
-
*
|
|
17
|
-
* Text component for form field descriptions, error messages, and hints.
|
|
18
|
-
* Supports different variants with optional icons.
|
|
19
|
-
*
|
|
20
|
-
* @example
|
|
21
|
-
* ```tsx
|
|
22
|
-
* <HelperText>
|
|
23
|
-
* Enter your email address
|
|
24
|
-
* </HelperText>
|
|
25
|
-
* ```
|
|
26
|
-
*
|
|
27
|
-
* @example
|
|
28
|
-
* ```tsx
|
|
29
|
-
* <HelperText variant="error" showIcon>
|
|
30
|
-
* This field is required
|
|
31
|
-
* </HelperText>
|
|
32
|
-
* ```
|
|
33
|
-
*/
|
|
34
|
-
export declare const HelperText: React.FC<HelperTextProps>;
|
|
35
|
-
//# sourceMappingURL=helper-text.d.ts.map
|
|
@@ -1 +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"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface KbdProps {
|
|
3
|
-
/** Keyboard key(s) to display */
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
/** Size variant */
|
|
6
|
-
size?: 'sm' | 'md' | 'lg';
|
|
7
|
-
/** Additional className */
|
|
8
|
-
className?: string;
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* Kbd Component
|
|
12
|
-
*
|
|
13
|
-
* Displays keyboard shortcuts with semantic HTML and consistent styling.
|
|
14
|
-
* Used to represent user input from keyboard.
|
|
15
|
-
*
|
|
16
|
-
* @example
|
|
17
|
-
* ```tsx
|
|
18
|
-
* <Kbd>Ctrl</Kbd> + <Kbd>C</Kbd>
|
|
19
|
-
* ```
|
|
20
|
-
*
|
|
21
|
-
* @example
|
|
22
|
-
* ```tsx
|
|
23
|
-
* <Text>Press <Kbd size="sm">Enter</Kbd> to submit</Text>
|
|
24
|
-
* ```
|
|
25
|
-
*/
|
|
26
|
-
export declare const Kbd: React.FC<KbdProps>;
|
|
27
|
-
//# sourceMappingURL=kbd.d.ts.map
|
|
@@ -1 +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"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* UscreenUreaderUtext Component
|
|
3
|
-
*
|
|
4
|
-
* A reusable UscreenUreaderUtext component with full dark mode support.
|
|
5
|
-
* Optimized for accessibility and AI-assisted development.
|
|
6
|
-
*
|
|
7
|
-
* @component
|
|
8
|
-
* @example
|
|
9
|
-
* ```tsx
|
|
10
|
-
* <UscreenUreaderUtext className="custom-class" />
|
|
11
|
-
* ```
|
|
12
|
-
*
|
|
13
|
-
* @remarks
|
|
14
|
-
* This component supports:
|
|
15
|
-
* - Light and dark themes automatically
|
|
16
|
-
* - Responsive design
|
|
17
|
-
* - Accessibility features
|
|
18
|
-
* - TypeScript type safety
|
|
19
|
-
*
|
|
20
|
-
* @see {@link https://docs.example.com/components/screen-reader-text}
|
|
21
|
-
*/
|
|
22
|
-
export interface UscreenUreaderUtextProps {
|
|
23
|
-
/** Additional CSS classes */
|
|
24
|
-
className?: string;
|
|
25
|
-
/** Component children */
|
|
26
|
-
children?: React.ReactNode;
|
|
27
|
-
/** Disabled state */
|
|
28
|
-
disabled?: boolean;
|
|
29
|
-
/** Callback when component is interacted with */
|
|
30
|
-
onClick?: () => void;
|
|
31
|
-
}
|
|
32
|
-
export declare const UscreenUreaderUtext: ({ className, children, disabled, onClick, }: UscreenUreaderUtextProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
-
//# sourceMappingURL=screen-reader-text.d.ts.map
|
|
@@ -1 +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"}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface TextProps {
|
|
3
|
-
/** Text content */
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
/** HTML element to render */
|
|
6
|
-
as?: 'p' | 'span' | 'div' | 'label' | 'strong' | 'em' | 'small';
|
|
7
|
-
/** Size variant */
|
|
8
|
-
size?: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
|
|
9
|
-
/** Weight variant */
|
|
10
|
-
weight?: 'light' | 'normal' | 'medium' | 'semibold' | 'bold';
|
|
11
|
-
/** Color variant */
|
|
12
|
-
color?: 'default' | 'muted' | 'primary' | 'success' | 'warning' | 'danger';
|
|
13
|
-
/** Text alignment */
|
|
14
|
-
align?: 'left' | 'center' | 'right' | 'justify';
|
|
15
|
-
/** Text transform */
|
|
16
|
-
transform?: 'none' | 'uppercase' | 'lowercase' | 'capitalize';
|
|
17
|
-
/** Truncate text */
|
|
18
|
-
truncate?: boolean;
|
|
19
|
-
/** Line clamp (number of lines) */
|
|
20
|
-
lineClamp?: number;
|
|
21
|
-
/** Additional className */
|
|
22
|
-
className?: string;
|
|
23
|
-
}
|
|
24
|
-
/**
|
|
25
|
-
* Text Component
|
|
26
|
-
*
|
|
27
|
-
* Versatile text component with semantic HTML elements and consistent styling.
|
|
28
|
-
* Supports various sizes, weights, colors, and formatting options.
|
|
29
|
-
*
|
|
30
|
-
* @example
|
|
31
|
-
* ```tsx
|
|
32
|
-
* <Text size="lg" weight="semibold">
|
|
33
|
-
* Large semibold text
|
|
34
|
-
* </Text>
|
|
35
|
-
* ```
|
|
36
|
-
*
|
|
37
|
-
* @example
|
|
38
|
-
* ```tsx
|
|
39
|
-
* <Text as="label" color="muted" size="sm">
|
|
40
|
-
* Form label
|
|
41
|
-
* </Text>
|
|
42
|
-
* ```
|
|
43
|
-
*/
|
|
44
|
-
export declare const Text: React.FC<TextProps>;
|
|
45
|
-
//# sourceMappingURL=text.d.ts.map
|
|
@@ -1 +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"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface TruncatedTextProps {
|
|
3
|
-
/** Text content to truncate */
|
|
4
|
-
children: string;
|
|
5
|
-
/** Maximum length before truncation */
|
|
6
|
-
maxLength?: number;
|
|
7
|
-
/** Position of truncation */
|
|
8
|
-
position?: 'end' | 'middle' | 'start';
|
|
9
|
-
/** Custom ellipsis character */
|
|
10
|
-
ellipsis?: string;
|
|
11
|
-
/** Show full text on hover */
|
|
12
|
-
showTooltip?: boolean;
|
|
13
|
-
/** Additional className */
|
|
14
|
-
className?: string;
|
|
15
|
-
}
|
|
16
|
-
/**
|
|
17
|
-
* TruncatedText Component
|
|
18
|
-
*
|
|
19
|
-
* Intelligently truncates text with ellipsis at various positions.
|
|
20
|
-
* Optionally shows full text in title attribute on hover.
|
|
21
|
-
*
|
|
22
|
-
* @example
|
|
23
|
-
* ```tsx
|
|
24
|
-
* <TruncatedText maxLength={50}>
|
|
25
|
-
* This is a very long text that will be truncated...
|
|
26
|
-
* </TruncatedText>
|
|
27
|
-
* ```
|
|
28
|
-
*
|
|
29
|
-
* @example
|
|
30
|
-
* ```tsx
|
|
31
|
-
* <TruncatedText
|
|
32
|
-
* maxLength={20}
|
|
33
|
-
* position="middle"
|
|
34
|
-
* showTooltip
|
|
35
|
-
* >
|
|
36
|
-
* 0x742d35Cc6634C0532925a3b844Bc9e7595f0bEb
|
|
37
|
-
* </TruncatedText>
|
|
38
|
-
* ```
|
|
39
|
-
*/
|
|
40
|
-
export declare const TruncatedText: React.FC<TruncatedTextProps>;
|
|
41
|
-
//# sourceMappingURL=truncated-text.d.ts.map
|
|
@@ -1 +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"}
|
package/dist/ui/pagination.d.ts
DELETED
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
export interface PaginationProps {
|
|
3
|
-
/** Current page number (1-indexed) */
|
|
4
|
-
currentPage: number;
|
|
5
|
-
/** Total number of pages */
|
|
6
|
-
totalPages: number;
|
|
7
|
-
/** Page change handler */
|
|
8
|
-
onPageChange: (page: number) => void;
|
|
9
|
-
/** Number of page buttons to show (must be odd) */
|
|
10
|
-
siblingCount?: number;
|
|
11
|
-
/** Show first/last buttons */
|
|
12
|
-
showFirstLast?: boolean;
|
|
13
|
-
/** Size variant */
|
|
14
|
-
size?: 'sm' | 'md' | 'lg';
|
|
15
|
-
/** Additional className */
|
|
16
|
-
className?: string;
|
|
17
|
-
}
|
|
18
|
-
/**
|
|
19
|
-
* Pagination Component
|
|
20
|
-
*
|
|
21
|
-
* Flexible pagination controls with page numbers and navigation buttons.
|
|
22
|
-
* Automatically handles ellipsis for large page counts.
|
|
23
|
-
*
|
|
24
|
-
* @example
|
|
25
|
-
* ```tsx
|
|
26
|
-
* <Pagination
|
|
27
|
-
* currentPage={3}
|
|
28
|
-
* totalPages={10}
|
|
29
|
-
* onPageChange={setPage}
|
|
30
|
-
* />
|
|
31
|
-
* ```
|
|
32
|
-
*
|
|
33
|
-
* @example
|
|
34
|
-
* ```tsx
|
|
35
|
-
* <Pagination
|
|
36
|
-
* currentPage={currentPage}
|
|
37
|
-
* totalPages={totalPages}
|
|
38
|
-
* onPageChange={handlePageChange}
|
|
39
|
-
* siblingCount={2}
|
|
40
|
-
* showFirstLast
|
|
41
|
-
* size="lg"
|
|
42
|
-
* />
|
|
43
|
-
* ```
|
|
44
|
-
*/
|
|
45
|
-
export declare const Pagination: React.FC<PaginationProps>;
|
|
46
|
-
//# sourceMappingURL=pagination.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../src/ui/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,eAAe;IAC9B,sCAAsC;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,4BAA4B;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8BAA8B;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkMhD,CAAC"}
|