@lctafrica/ui 1.0.8 → 1.0.10

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.
Files changed (93) hide show
  1. package/dist/components/ui/autosuggest-input/AutoSuggestInput.d.ts +2 -3
  2. package/dist/components/ui/autosuggest-input/index.d.ts +1 -0
  3. package/dist/components/ui/back-button/BackButton.d.ts +1 -2
  4. package/dist/components/ui/back-button/index.d.ts +1 -0
  5. package/dist/components/ui/badge/Badge.d.ts +1 -6
  6. package/dist/components/ui/badge/index.d.ts +2 -0
  7. package/dist/components/ui/button/index.d.ts +2 -0
  8. package/dist/components/ui/button-group/index.d.ts +2 -0
  9. package/dist/components/ui/card/Card.d.ts +1 -1
  10. package/dist/components/ui/card/index.d.ts +2 -0
  11. package/dist/components/ui/checkbox/index.d.ts +2 -0
  12. package/dist/components/ui/close-button/CloseButton.d.ts +1 -2
  13. package/dist/components/ui/close-button/index.d.ts +2 -0
  14. package/dist/components/ui/confirm-modal/index.d.ts +2 -0
  15. package/dist/components/ui/data-state-renderer/DataStateRenderer.d.ts +2 -3
  16. package/dist/components/ui/data-state-renderer/index.d.ts +2 -0
  17. package/dist/components/ui/date-picker/DatePicker.d.ts +1 -2
  18. package/dist/components/ui/date-picker/index.d.ts +2 -0
  19. package/dist/components/ui/description-list/index.d.ts +1 -0
  20. package/dist/components/ui/field/index.d.ts +1 -0
  21. package/dist/components/ui/input/Input.d.ts +1 -2
  22. package/dist/components/ui/input/index.d.ts +2 -0
  23. package/dist/components/ui/loading-indicator/LoadingIndicator.d.ts +2 -3
  24. package/dist/components/ui/loading-indicator/index.d.ts +2 -0
  25. package/dist/components/ui/main-wrapper/index.d.ts +1 -0
  26. package/dist/components/ui/member-card/MemberCard.d.ts +1 -2
  27. package/dist/components/ui/member-card/index.d.ts +2 -0
  28. package/dist/components/ui/member-privilege-avatar/index.d.ts +2 -0
  29. package/dist/components/ui/member-privilege-badge/index.d.ts +2 -0
  30. package/dist/components/ui/modal/index.d.ts +2 -0
  31. package/dist/components/ui/pagination/index.d.ts +2 -0
  32. package/dist/components/ui/prompt-modal/index.d.ts +2 -0
  33. package/dist/components/ui/radio-group/index.d.ts +1 -0
  34. package/dist/components/ui/search-input/SearchInput.d.ts +1 -2
  35. package/dist/components/ui/search-input/index.d.ts +2 -0
  36. package/dist/components/ui/searchable-select/SearchableSelect.d.ts +2 -3
  37. package/dist/components/ui/searchable-select/index.d.ts +2 -0
  38. package/dist/components/ui/select/index.d.ts +2 -0
  39. package/dist/components/ui/state-indicator/index.d.ts +2 -0
  40. package/dist/components/ui/success-modal/SuccessModal.d.ts +1 -2
  41. package/dist/components/ui/success-modal/index.d.ts +2 -0
  42. package/dist/components/ui/switch/index.d.ts +1 -0
  43. package/dist/components/ui/table/index.d.ts +2 -0
  44. package/dist/components/ui/text/index.d.ts +1 -0
  45. package/dist/components/ui/textarea/index.d.ts +1 -0
  46. package/dist/index.css +1 -0
  47. package/dist/index.d.ts +56 -32
  48. package/dist/index.js +3906 -4236
  49. package/package.json +11 -4
  50. package/dist/components/ui/autosuggest-input/AutoSuggestInput.stories.d.ts +0 -25
  51. package/dist/components/ui/back-button/BackButton.stories.d.ts +0 -8
  52. package/dist/components/ui/badge/Badge.stories.d.ts +0 -11
  53. package/dist/components/ui/badge/Badge.test.d.ts +0 -1
  54. package/dist/components/ui/button/Button.stories.d.ts +0 -18
  55. package/dist/components/ui/button/Button.test.d.ts +0 -1
  56. package/dist/components/ui/button-group/ButtonGroup.stories.d.ts +0 -10
  57. package/dist/components/ui/button-group/ButtonGroup.test.d.ts +0 -1
  58. package/dist/components/ui/card/Card.stories.d.ts +0 -7
  59. package/dist/components/ui/checkbox/Checkbox.stories.d.ts +0 -333
  60. package/dist/components/ui/checkbox/Checkbox.test.d.ts +0 -1
  61. package/dist/components/ui/close-button/CloseButton.stories.d.ts +0 -6
  62. package/dist/components/ui/confirm-modal/ConfirmModal.stories.d.ts +0 -25
  63. package/dist/components/ui/confirm-modal/ConfirmModal.test.d.ts +0 -1
  64. package/dist/components/ui/data-state-renderer/DataStateRendere.stories.d.ts +0 -102
  65. package/dist/components/ui/data-state-renderer/DataStateRenderer.test.d.ts +0 -1
  66. package/dist/components/ui/date-picker/DatePicker.stories.d.ts +0 -30
  67. package/dist/components/ui/date-picker/DatePicker.test.d.ts +0 -1
  68. package/dist/components/ui/description-list/DescriptionList.stories.d.ts +0 -6
  69. package/dist/components/ui/field/Field.stories.d.ts +0 -10
  70. package/dist/components/ui/field/Filed.test.d.ts +0 -1
  71. package/dist/components/ui/input/Input.stories.d.ts +0 -13
  72. package/dist/components/ui/input/Input.test.d.ts +0 -1
  73. package/dist/components/ui/loading-indicator/LoadingIndicator.stories.d.ts +0 -6
  74. package/dist/components/ui/main-wrapper/MainWrapper.stories.d.ts +0 -19
  75. package/dist/components/ui/main-wrapper/MainWrapper.test.d.ts +0 -1
  76. package/dist/components/ui/member-card/MemberCard.stories.d.ts +0 -13
  77. package/dist/components/ui/member-privilege-avatar/MemberPrivilegeAvatar.stories.d.ts +0 -8
  78. package/dist/components/ui/member-privilege-badge/MemberPrivilegeBadge.stories.d.ts +0 -8
  79. package/dist/components/ui/modal/Modal.stories.d.ts +0 -29
  80. package/dist/components/ui/pagination/Pagination.stories.d.ts +0 -43
  81. package/dist/components/ui/prompt-modal/PromptModal.stories.d.ts +0 -29
  82. package/dist/components/ui/radio-group/RadioGroup.stories.d.ts +0 -13
  83. package/dist/components/ui/radio-group/RadioGroup.test.d.ts +0 -1
  84. package/dist/components/ui/search-input/SearchInput.stories.d.ts +0 -6
  85. package/dist/components/ui/searchable-select/SearchableSelect.stories.d.ts +0 -29
  86. package/dist/components/ui/select/Select.stories.d.ts +0 -6
  87. package/dist/components/ui/state-indicator/StateIndicator.stories.d.ts +0 -33
  88. package/dist/components/ui/success-modal/SuccessModal.stories.d.ts +0 -37
  89. package/dist/components/ui/switch/Switch.stories.d.ts +0 -37
  90. package/dist/components/ui/table/Table.stories.d.ts +0 -37
  91. package/dist/components/ui/text/Text.stories.d.ts +0 -9
  92. package/dist/components/ui/text/Text.test.d.ts +0 -1
  93. package/dist/components/ui/textarea/Textarea.stories.d.ts +0 -29
@@ -1,30 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { DatePicker } from './DatePicker';
3
- declare const meta: Meta<typeof DatePicker>;
4
- export default meta;
5
- type Story = StoryObj<typeof DatePicker>;
6
- /**
7
- * Empty state (placeholder visible)
8
- */
9
- export declare const Default: Story;
10
- /**
11
- * Pre-selected date (tests formatting + value state styling)
12
- */
13
- export declare const WithValue: Story;
14
- /**
15
- * External reset control
16
- */
17
- export declare const WithExternalReset: Story;
18
- /**
19
- * Disabled state (ensures popover + input are not interactive)
20
- */
21
- export declare const Disabled: Story;
22
- /**
23
- * Accessibility / keyboard focus test
24
- * (useful for Tab navigation + focus ring checks)
25
- */
26
- export declare const FocusTest: Story;
27
- /**
28
- * Edge case: long formatted content / layout stress test
29
- */
30
- export declare const LongDateFormat: Story;
@@ -1 +0,0 @@
1
- export {};
@@ -1,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { DescriptionList } from './DescriptionList';
3
- declare const meta: Meta<typeof DescriptionList>;
4
- export default meta;
5
- type Story = StoryObj<typeof DescriptionList>;
6
- export declare const Default: Story;
@@ -1,10 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- declare const meta: Meta;
3
- export default meta;
4
- type Story = StoryObj;
5
- export declare const Default: Story;
6
- export declare const Horizontal: Story;
7
- export declare const WithError: Story;
8
- export declare const MultipleErrors: Story;
9
- export declare const WithSeparator: Story;
10
- export declare const CompleteFormExample: Story;
@@ -1 +0,0 @@
1
- export {};
@@ -1,13 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { Input } from '../input/Input';
3
- declare const meta: Meta<typeof Input>;
4
- export default meta;
5
- type Story = StoryObj<typeof Input>;
6
- export declare const Default: Story;
7
- export declare const WithValue: Story;
8
- export declare const Disabled: Story;
9
- export declare const Error: Story;
10
- export declare const Password: Story;
11
- export declare const Email: Story;
12
- export declare const Number: Story;
13
- export declare const CustomWidth: Story;
@@ -1 +0,0 @@
1
- export {};
@@ -1,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { LoadingIndicator } from './LoadingIndicator';
3
- declare const meta: Meta<typeof LoadingIndicator>;
4
- export default meta;
5
- type Story = StoryObj<typeof LoadingIndicator>;
6
- export declare const Default: Story;
@@ -1,19 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { MainWrapper } from './MainWrapper';
3
- /**
4
- * MainWrapper is a layout container used to wrap page content.
5
- * It provides consistent padding, border, shadow, and layout structure.
6
- *
7
- * Typically used as the main content area inside a page.
8
- */
9
- declare const meta: Meta<typeof MainWrapper>;
10
- export default meta;
11
- type Story = StoryObj<typeof MainWrapper>;
12
- /**
13
- * Default layout wrapper
14
- */
15
- export declare const Default: Story;
16
- /**
17
- * With custom content
18
- */
19
- export declare const WithContent: Story;
@@ -1 +0,0 @@
1
- export {};
@@ -1,13 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { MemberCard } from './MemberCard';
3
- declare const meta: Meta<typeof MemberCard>;
4
- export default meta;
5
- type Story = StoryObj<typeof MemberCard>;
6
- export declare const Default: Story;
7
- export declare const VIP: Story;
8
- export declare const VVIP: Story;
9
- export declare const LongContent: Story;
10
- export declare const WithLeftIcon: Story;
11
- export declare const ErrorMessage: Story;
12
- export declare const Interactive: Story;
13
- export declare const DisabledAction: Story;
@@ -1,8 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { MemberPrivilegeAvatar } from './MemberPrivilegeAvatar';
3
- declare const meta: Meta<typeof MemberPrivilegeAvatar>;
4
- export default meta;
5
- type Story = StoryObj<typeof MemberPrivilegeAvatar>;
6
- export declare const Normal: Story;
7
- export declare const VIP: Story;
8
- export declare const VVIP: Story;
@@ -1,8 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { MemberPrivilegeBadge } from './MemberPrivilegeBadge';
3
- declare const meta: Meta<typeof MemberPrivilegeBadge>;
4
- export default meta;
5
- type Story = StoryObj<typeof MemberPrivilegeBadge>;
6
- export declare const Normal: Story;
7
- export declare const VIP: Story;
8
- export declare const VVIP: Story;
@@ -1,29 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { Modal } from './Modal';
3
- declare const meta: Meta<typeof Modal>;
4
- export default meta;
5
- type Story = StoryObj<typeof Modal>;
6
- /**
7
- * Default modal with title + description
8
- */
9
- export declare const Default: Story;
10
- /**
11
- * Modal with only title
12
- */
13
- export declare const WithTitleOnly: Story;
14
- /**
15
- * Modal with only description (no title)
16
- */
17
- export declare const WithDescriptionOnly: Story;
18
- /**
19
- * Modal without header
20
- */
21
- export declare const NoHeader: Story;
22
- /**
23
- * Long content / scrollable modal
24
- */
25
- export declare const LongContent: Story;
26
- /**
27
- * Custom width via className
28
- */
29
- export declare const CustomWidth: Story;
@@ -1,43 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { Pagination } from './Pagination';
3
- /**
4
- * Pagination component for navigating paginated data.
5
- *
6
- * Features:
7
- * - Page navigation with ellipsis
8
- * - Page size selection via Select component
9
- * - Previous / Next controls
10
- *
11
- * Controlled component: parent manages page and page size state.
12
- */
13
- declare const meta: Meta<typeof Pagination>;
14
- export default meta;
15
- type Story = StoryObj<typeof Pagination>;
16
- /**
17
- * Default
18
- */
19
- export declare const Default: Story;
20
- /**
21
- * Few pages (no ellipsis)
22
- */
23
- export declare const FewPages: Story;
24
- /**
25
- * Many pages (ellipsis behavior)
26
- */
27
- export declare const ManyPages: Story;
28
- /**
29
- * At first page
30
- */
31
- export declare const AtStart: Story;
32
- /**
33
- * At last page
34
- */
35
- export declare const AtEnd: Story;
36
- /**
37
- * Custom styling
38
- */
39
- export declare const CustomStyling: Story;
40
- /**
41
- * Large dataset simulation
42
- */
43
- export declare const LargeDataset: Story;
@@ -1,29 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { PromptModal } from './PromptModal';
3
- declare const meta: Meta<typeof PromptModal>;
4
- export default meta;
5
- type Story = StoryObj<typeof PromptModal>;
6
- /**
7
- * Default prompt modal
8
- */
9
- export declare const Default: Story;
10
- /**
11
- * Custom labels and placeholder
12
- */
13
- export declare const CustomLabels: Story;
14
- /**
15
- * Without field label
16
- */
17
- export declare const NoLabel: Story;
18
- /**
19
- * Long input scenario
20
- */
21
- export declare const LongInput: Story;
22
- /**
23
- * Minimal modal (no title/description)
24
- */
25
- export declare const Minimal: Story;
26
- /**
27
- * Destructive / confirmation-style input
28
- */
29
- export declare const DestructiveAction: Story;
@@ -1,13 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { RadioGroup } from './RadioGroup';
3
- type RadioGroupStoryProps = React.ComponentProps<typeof RadioGroup> & {
4
- size?: "sm" | "md";
5
- };
6
- declare const meta: Meta<RadioGroupStoryProps>;
7
- export default meta;
8
- type Story = StoryObj<typeof meta>;
9
- export declare const Default: Story;
10
- export declare const Small: Story;
11
- export declare const WithDisabledOption: Story;
12
- export declare const DisabledAll: Story;
13
- export declare const ChoiceCard: Story;
@@ -1 +0,0 @@
1
- export {};
@@ -1,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { SearchInput } from './SearchInput';
3
- declare const meta: Meta<typeof SearchInput>;
4
- type Story = StoryObj<typeof SearchInput>;
5
- export default meta;
6
- export declare const Default: Story;
@@ -1,29 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { SearchableSelect } from './SearchableSelect';
3
- declare const meta: Meta<typeof SearchableSelect>;
4
- export default meta;
5
- type Story = StoryObj<typeof SearchableSelect>;
6
- /**
7
- * Base controlled example
8
- */
9
- export declare const Default: Story;
10
- /**
11
- * Shows label rendering from value (displayValue logic)
12
- */
13
- export declare const WithDefaultValue: Story;
14
- /**
15
- * Demonstrates filtering via query
16
- */
17
- export declare const TypingAndFiltering: Story;
18
- /**
19
- * Shows clear button behavior (value + query reset)
20
- */
21
- export declare const WithValueAndQuery: Story;
22
- /**
23
- * Disabled state
24
- */
25
- export declare const Disabled: Story;
26
- /**
27
- * Multiple selects in a 2-column grid layout
28
- */
29
- export declare const GridOfSelects: Story;
@@ -1,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { Select } from './Select';
3
- declare const meta: Meta<typeof Select>;
4
- export default meta;
5
- type Story = StoryObj<typeof Select>;
6
- export declare const Default: Story;
@@ -1,33 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { StateIndicator } from './StateIndicator';
3
- declare const meta: Meta<typeof StateIndicator>;
4
- export default meta;
5
- type Story = StoryObj<typeof StateIndicator>;
6
- /**
7
- * Default state (no illustration)
8
- */
9
- export declare const Default: Story;
10
- /**
11
- * Empty state (shows illustration + fallback title)
12
- */
13
- export declare const EmptyState: Story;
14
- /**
15
- * Error state (shows illustration + fallback title)
16
- */
17
- export declare const ErrorState: Story;
18
- /**
19
- * Custom title override
20
- */
21
- export declare const CustomTitle: Story;
22
- /**
23
- * With action button
24
- */
25
- export declare const WithAction: Story;
26
- /**
27
- * Default variant with action
28
- */
29
- export declare const DefaultWithAction: Story;
30
- /**
31
- * Long content
32
- */
33
- export declare const LongContent: Story;
@@ -1,37 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { SuccessModal } from './SuccessModal';
3
- declare const meta: Meta<typeof SuccessModal>;
4
- export default meta;
5
- type Story = StoryObj<typeof SuccessModal>;
6
- /**
7
- * Default
8
- */
9
- export declare const Default: Story;
10
- /**
11
- * With close button
12
- */
13
- export declare const WithCloseButton: Story;
14
- /**
15
- * With auto close (NEW)
16
- */
17
- export declare const AutoClose: Story;
18
- /**
19
- * With actions (children)
20
- */
21
- export declare const WithActions: Story;
22
- /**
23
- * Without description
24
- */
25
- export declare const WithoutDescription: Story;
26
- /**
27
- * Without title
28
- */
29
- export declare const WithoutTitle: Story;
30
- /**
31
- * Animation only
32
- */
33
- export declare const AnimationOnly: Story;
34
- /**
35
- * Long content
36
- */
37
- export declare const LongContent: Story;
@@ -1,37 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { Switch } from './Switch';
3
- declare const meta: Meta<typeof Switch>;
4
- export default meta;
5
- type Story = StoryObj<typeof Switch>;
6
- /**
7
- * Default switch (unchecked)
8
- */
9
- export declare const Default: Story;
10
- /**
11
- * Checked state
12
- */
13
- export declare const Checked: Story;
14
- /**
15
- * Small size
16
- */
17
- export declare const Small: Story;
18
- /**
19
- * Disabled switch
20
- */
21
- export declare const Disabled: Story;
22
- /**
23
- * Disabled & checked
24
- */
25
- export declare const DisabledChecked: Story;
26
- /**
27
- * Controlled example
28
- */
29
- export declare const Controlled: Story;
30
- /**
31
- * With label
32
- */
33
- export declare const WithLabel: Story;
34
- /**
35
- * All sizes preview
36
- */
37
- export declare const AllSizes: Story;
@@ -1,37 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { Table } from './Table';
3
- /**
4
- * Table component for displaying structured data.
5
- *
6
- * Subcomponents:
7
- * - TableHead
8
- * - TableBody
9
- * - TableRow
10
- * - TableHeaderCell
11
- * - TableDataCell
12
- *
13
- * Provides a flexible and composable API for building tables.
14
- */
15
- declare const meta: Meta<typeof Table>;
16
- export default meta;
17
- type Story = StoryObj<typeof Table>;
18
- /**
19
- * Basic table
20
- */
21
- export declare const Default: Story;
22
- /**
23
- * Many rows
24
- */
25
- export declare const ManyRows: Story;
26
- /**
27
- * Long content (ellipsis)
28
- */
29
- export declare const LongContent: Story;
30
- /**
31
- * Empty state
32
- */
33
- export declare const Empty: Story;
34
- /**
35
- * Custom styling
36
- */
37
- export declare const CustomStyling: Story;
@@ -1,9 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { Text } from './Text';
3
- declare const meta: Meta<typeof Text>;
4
- export default meta;
5
- type Story = StoryObj<typeof Text>;
6
- export declare const Heading: Story;
7
- export declare const Subheading: Story;
8
- export declare const paragraph: Story;
9
- export declare const Description: Story;
@@ -1 +0,0 @@
1
- export {};
@@ -1,29 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { Textarea } from './Textarea';
3
- declare const meta: Meta<typeof Textarea>;
4
- export default meta;
5
- type Story = StoryObj<typeof Textarea>;
6
- /**
7
- * Default textarea
8
- */
9
- export declare const Default: Story;
10
- /**
11
- * With predefined value
12
- */
13
- export declare const WithValue: Story;
14
- /**
15
- * Disabled state
16
- */
17
- export declare const Disabled: Story;
18
- /**
19
- * Invalid state (aria-invalid)
20
- */
21
- export declare const Invalid: Story;
22
- /**
23
- * Controlled example
24
- */
25
- export declare const Controlled: Story;
26
- /**
27
- * With custom height
28
- */
29
- export declare const CustomHeight: Story;