@lctafrica/ui 0.2.5 → 1.0.0

package/dist/components/ui/badge/Badge.d.ts

@@ -1,13 +1,13 @@
-export type BadgeColor = "red" | "blue" | "green" | "yellow" | "gray" | "purple" | "pink" | "orange";
 export type BadgeSize = "sm" | "md" | "lg";
 export type BadgeIndicator = "default" | "dot-Icon" | "x-Icon";
-export declare const BADGE_COLORS: ["red", "blue", "green", "yellow", "gray", "purple", "pink", "orange"];
+export declare const BADGE_COLORS: readonly ["red", "blue", "green", "yellow", "gray", "purple", "pink", "orange"];
+export type BadgeColor = (typeof BADGE_COLORS)[number];
 export declare const badgeGroupVariants: (props?: ({
-    size?: BadgeSize | null | undefined;
-    color?: BadgeColor | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    color?: "red" | "blue" | "green" | "yellow" | "gray" | "purple" | "pink" | "orange" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type BadgeProps = {
-    color?: BadgeColor | string;
+    color?: BadgeColor;
     text: string;
     size?: BadgeSize;
     indicator?: BadgeIndicator;
@@ -15,5 +15,4 @@ export type BadgeProps = {
     textClassName?: string;
 };
 declare function Badge({ color, text, size, indicator, containerClassName, textClassName, }: BadgeProps): import("react/jsx-runtime").JSX.Element;
-export default Badge;
 export { Badge };

package/dist/components/ui/card/Card.d.ts

@@ -0,0 +1,8 @@
+import { VariantProps } from 'class-variance-authority';
+import { ComponentProps } from 'react';
+declare const cardVariants: (props?: ({
+    variant?: "primary" | "dashed" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type CardProps = ComponentProps<"article"> & VariantProps<typeof cardVariants>;
+export declare function Card({ className, variant, ...rest }: CardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/card/Card.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Card } from './Card';
+declare const meta: Meta<typeof Card>;
+export default meta;
+type Story = StoryObj<typeof Card>;
+export declare const Primary: Story;
+export declare const Dashed: Story;

package/dist/components/ui/confirm-modal/ConfirmModal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ui/data-state-renderer/DataStateRenderer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ui/date-picker/DatePicker.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ui/description-list/DescriptionList.d.ts

@@ -0,0 +1,4 @@
+import { ComponentProps } from 'react';
+export declare function DescriptionList({ className, ...rest }: ComponentProps<"dl">): import("react/jsx-runtime").JSX.Element;
+export declare function DescriptionTerm({ className, ...rest }: ComponentProps<"dt">): import("react/jsx-runtime").JSX.Element;
+export declare function DescriptionDetails({ className, ...rest }: ComponentProps<"dd">): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/description-list/DescriptionList.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { DescriptionList } from './DescriptionList';
+declare const meta: Meta<typeof DescriptionList>;
+export default meta;
+type Story = StoryObj<typeof DescriptionList>;
+export declare const Default: Story;

package/dist/components/ui/main-wrapper/MainWrapper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ui/member-card/MemberCard.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+type MemberCardProps = {
+    name: string;
+    memberNumber: string;
+    scheme: string;
+    actionButton: {
+        label: string;
+        onClick(): void;
+        leftIcon?: ReactNode;
+        className?: string;
+    };
+    privilege: "NORMAL" | "VIP" | "VVIP";
+    containerClassName?: string;
+    errorMessage?: string;
+};
+export declare function MemberCard({ memberNumber, name, scheme, actionButton, privilege, containerClassName, errorMessage, }: MemberCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/member-card/MemberCard.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { MemberCard } from './MemberCard';
+declare const meta: Meta<typeof MemberCard>;
+export default meta;
+type Story = StoryObj<typeof MemberCard>;
+export declare const Default: Story;
+export declare const VIP: Story;
+export declare const VVIP: Story;
+export declare const LongContent: Story;
+export declare const WithLeftIcon: Story;
+export declare const ErrorMessage: Story;
+export declare const Interactive: Story;

package/dist/components/ui/member-privilege-avatar/MemberPrivilegeAvatar.d.ts

@@ -0,0 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
+declare const memberPrivilegeAvatarVariants: (props?: ({
+    privilege?: "NORMAL" | "VIP" | "VVIP" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type MemberPrivilegeAvatarProps = {
+    className?: string;
+} & VariantProps<typeof memberPrivilegeAvatarVariants>;
+export declare function MemberPrivilegeAvatar({ className, privilege, }: MemberPrivilegeAvatarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/member-privilege-avatar/MemberPrivilegeAvatar.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { MemberPrivilegeAvatar } from './MemberPrivilegeAvatar';
+declare const meta: Meta<typeof MemberPrivilegeAvatar>;
+export default meta;
+type Story = StoryObj<typeof MemberPrivilegeAvatar>;
+export declare const Normal: Story;
+export declare const VIP: Story;
+export declare const VVIP: Story;

package/dist/components/ui/member-privilege-badge/MemberPrivilegeBadge.d.ts

@@ -0,0 +1,9 @@
+import { VariantProps } from 'class-variance-authority';
+declare const memberPrivilegeBadgeVariants: (props?: ({
+    privilege?: "NORMAL" | "VIP" | "VVIP" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type MemberPrivilegeBadgeProps = {
+    className?: string;
+} & VariantProps<typeof memberPrivilegeBadgeVariants>;
+export declare function MemberPrivilegeBadge({ privilege, className, }: MemberPrivilegeBadgeProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/member-privilege-badge/MemberPrivilegeBadge.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { MemberPrivilegeBadge } from './MemberPrivilegeBadge';
+declare const meta: Meta<typeof MemberPrivilegeBadge>;
+export default meta;
+type Story = StoryObj<typeof MemberPrivilegeBadge>;
+export declare const Normal: Story;
+export declare const VIP: Story;
+export declare const VVIP: Story;

package/dist/index.d.ts

@@ -2,14 +2,19 @@ export * from './components/ui/autosuggest-input/AutoSuggestInput';
 export * from './components/ui/badge/Badge';
 export * from './components/ui/button-group/ButtonGroup';
 export * from './components/ui/button/Button';
+export * from './components/ui/card/Card';
 export * from './components/ui/checkbox/Checkbox';
 export * from './components/ui/confirm-modal/ConfirmModal';
 export * from './components/ui/data-state-renderer/DataStateRenderer';
 export * from './components/ui/date-picker/DatePicker';
+export * from './components/ui/description-list/DescriptionList';
 export * from './components/ui/field/Field';
 export * from './components/ui/input/Input';
 export * from './components/ui/loading-indicator/LoadingIndicator';
 export * from './components/ui/main-wrapper/MainWrapper';
+export * from './components/ui/member-card/MemberCard';
+export * from './components/ui/member-privilege-avatar/MemberPrivilegeAvatar';
+export * from './components/ui/member-privilege-badge/MemberPrivilegeBadge';
 export * from './components/ui/modal/Modal';
 export * from './components/ui/pagination/Pagination';
 export * from './components/ui/prompt-modal/PromptModal';