@thunderid/react 0.0.1

package/dist/components/primitives/Alert/Alert.d.ts

@@ -0,0 +1,76 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { HTMLAttributes, ReactNode, RefAttributes, ForwardRefExoticComponent, FC } from 'react';
+export type AlertVariant = 'success' | 'error' | 'warning' | 'info';
+export interface AlertProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Alert content
+     */
+    children?: ReactNode;
+    /**
+     * Whether to show the default icon for the variant
+     */
+    showIcon?: boolean;
+    /**
+     * The visual variant of the alert that determines color scheme and icon
+     */
+    variant?: AlertVariant;
+}
+export interface AlertTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    /**
+     * Title content
+     */
+    children?: ReactNode;
+}
+export interface AlertDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {
+    /**
+     * Description content
+     */
+    children?: ReactNode;
+}
+export declare const useAlertVariant: () => AlertVariant;
+/**
+ * Alert component that displays important information with different severity levels.
+ *
+ * @example
+ * ```tsx
+ * <Alert variant="success" showIcon>
+ *   <Alert.Title>Success! Your changes have been saved</Alert.Title>
+ *   <Alert.Description>
+ *     This is an alert with icon, title and description.
+ *   </Alert.Description>
+ * </Alert>
+ * ```
+ */
+declare const Alert: ForwardRefExoticComponent<AlertProps & RefAttributes<HTMLDivElement>>;
+/**
+ * Alert title component.
+ */
+declare const AlertTitle: FC<AlertTitleProps>;
+/**
+ * Alert description component.
+ */
+declare const AlertDescription: FC<AlertDescriptionProps>;
+export interface AlertComponent extends ForwardRefExoticComponent<AlertProps & RefAttributes<HTMLDivElement>> {
+    Description: typeof AlertDescription;
+    Title: typeof AlertTitle;
+}
+declare const _default: AlertComponent;
+export default _default;
+export { Alert, AlertTitle, AlertDescription };
+//# sourceMappingURL=Alert.d.ts.map

package/dist/components/primitives/Alert/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Alert/Alert.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,OAAO,EAGL,cAAc,EACd,SAAS,EAET,aAAa,EACb,yBAAyB,EAGzB,EAAE,EAEH,MAAM,OAAO,CAAC;AASf,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEpE,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,kBAAkB,CAAC;IACzE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IACjF;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAmBD,eAAO,MAAM,eAAe,QAAO,YAA+C,CAAC;AAEnF;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,KAAK,EAAE,yBAAyB,CAAC,UAAU,GAAG,aAAa,CAAC,cAAc,CAAC,CAgC/E,CAAC;AAEH;;GAEG;AACH,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAmBnC,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAkB/C,CAAC;AASF,MAAM,WAAW,cAAe,SAAQ,yBAAyB,CAAC,UAAU,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC;IAC3G,WAAW,EAAE,OAAO,gBAAgB,CAAC;IACrC,KAAK,EAAE,OAAO,UAAU,CAAC;CAC1B;wBAEuB,cAAc;AAAtC,wBAAuC;AACvC,OAAO,EAAC,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAC,CAAC"}

package/dist/components/primitives/Alert/Alert.styles.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { Theme } from '@thunderid/browser';
+export type AlertVariant = 'success' | 'error' | 'warning' | 'info';
+/**
+ * Creates styles for the Alert component using BEM methodology
+ * @param theme - The theme object containing design tokens
+ * @param colorScheme - The current color scheme (used for memoization)
+ * @param variant - The alert variant
+ * @returns Object containing CSS class names for component styling
+ */
+declare const useStyles: (theme: Theme, colorScheme: string, variant: AlertVariant) => Record<string, string>;
+export default useStyles;
+//# sourceMappingURL=Alert.styles.d.ts.map

package/dist/components/primitives/Alert/Alert.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Alert/Alert.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAGzC,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEpE;;;;;;GAMG;AACH,QAAA,MAAM,SAAS,GAAI,OAAO,KAAK,EAAE,aAAa,MAAM,EAAE,SAAS,YAAY,KAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAyEhE,CAAC;AAEpC,eAAe,SAAS,CAAC"}

package/dist/components/primitives/Avatar/Avatar.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { FC } from 'react';
+export interface AvatarProps {
+    /**
+     * Alternative text for the avatar image
+     */
+    alt?: string;
+    /**
+     * Background generation strategy
+     * - 'random': Generate background color based on ASCII values of the name
+     * - 'none': Use default theme background
+     * - string: Use custom background color
+     * @default 'random'
+     */
+    background?: 'random' | 'none' | string;
+    /**
+     * Optional className for the avatar
+     */
+    className?: string;
+    /**
+     * The URL of the avatar image
+     */
+    imageUrl?: string;
+    /**
+     * Loading state of the avatar
+     */
+    isLoading?: boolean;
+    /**
+     * The name to use for generating initials when no image is provided
+     */
+    name?: string;
+    /**
+     * The size of the avatar in pixels
+     */
+    size?: number;
+    /**
+     * The variant of the avatar shape
+     * @default 'circular'
+     */
+    variant?: 'circular' | 'square';
+}
+export declare const Avatar: FC<AvatarProps>;
+export default Avatar;
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/components/primitives/Avatar/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,OAAO,EAAC,EAAE,EAAe,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IACxC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;CACjC;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAgHlC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/components/primitives/Avatar/Avatar.styles.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { Theme } from '@thunderid/browser';
+export type AvatarVariant = 'circular' | 'square';
+/**
+ * Creates styles for the Avatar component using BEM methodology
+ * @param theme - The theme object containing design tokens
+ * @param colorScheme - The current color scheme (used for memoization)
+ * @param size - The size of the avatar in pixels
+ * @param variant - The avatar variant
+ * @param backgroundColor - The background color for the avatar
+ * @returns Object containing CSS class names for component styling
+ */
+declare const useStyles: (theme: Theme, colorScheme: string, size: number, variant: AvatarVariant, backgroundColor?: string) => Record<string, string>;
+export default useStyles;
+//# sourceMappingURL=Avatar.styles.d.ts.map

package/dist/components/primitives/Avatar/Avatar.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Avatar/Avatar.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAGzC,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,QAAQ,CAAC;AAElD;;;;;;;;GAQG;AACH,QAAA,MAAM,SAAS,GACb,OAAO,KAAK,EACZ,aAAa,MAAM,EACnB,MAAM,MAAM,EACZ,SAAS,aAAa,EACtB,kBAAkB,MAAM,KACvB,MAAM,CAAC,MAAM,EAAE,MAAM,CAkEkC,CAAC;AAE3D,eAAe,SAAS,CAAC"}

package/dist/components/primitives/Button/Button.d.ts

@@ -0,0 +1,88 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { ButtonHTMLAttributes, ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
+export type ButtonColor = 'primary' | 'secondary' | 'tertiary' | string;
+export type ButtonVariant = 'solid' | 'outline' | 'text' | 'icon';
+export type ButtonSize = 'small' | 'medium' | 'large';
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'> {
+    /**
+     * The button color that determines the color scheme
+     */
+    color?: ButtonColor;
+    /**
+     * Icon to display after the button text
+     */
+    endIcon?: ReactNode;
+    /**
+     * Whether the button should take the full width of its container
+     */
+    fullWidth?: boolean;
+    /**
+     * Whether the button is in a loading state
+     */
+    loading?: boolean;
+    /**
+     * The shape of the button: square or round
+     */
+    shape?: 'square' | 'round';
+    /**
+     * The size of the button
+     */
+    size?: ButtonSize;
+    /**
+     * Icon to display before the button text
+     */
+    startIcon?: ReactNode;
+    /**
+     * The button variant that determines the visual style
+     */
+    variant?: ButtonVariant;
+}
+/**
+ * Button component with multiple variants and types.
+ *
+ * @example
+ * ```tsx
+ * // Primary solid button
+ * <Button color="primary" variant="solid">
+ *   Click me
+ * </Button>
+ *
+ * // Secondary outline button
+ * <Button color="secondary" variant="outline" size="large">
+ *   Cancel
+ * </Button>
+ *
+ * // Text button with loading state
+ * <Button color="tertiary" variant="text" loading>
+ *   Loading...
+ * </Button>
+ *
+ * // Button with icons
+ * <Button
+ *   color="primary"
+ *   startIcon={<Icon />}
+ *   endIcon={<Arrow />}
+ * >
+ *   Save and Continue
+ * </Button>
+ * ```
+ */
+declare const Button: ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLButtonElement>>;
+export default Button;
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/primitives/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Button/Button.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,OAAO,EAAC,oBAAoB,EAAc,SAAS,EAAE,yBAAyB,EAAE,aAAa,EAAM,MAAM,OAAO,CAAC;AAKjH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;AACxE,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAClE,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IACzF;;OAEG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC3B;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAYD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,QAAA,MAAM,MAAM,EAAE,yBAAyB,CAAC,WAAW,GAAG,aAAa,CAAC,iBAAiB,CAAC,CA8FrF,CAAC;AAIF,eAAe,MAAM,CAAC"}

package/dist/components/primitives/Button/Button.styles.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { Theme } from '@thunderid/browser';
+export type ButtonColor = 'primary' | 'secondary' | 'tertiary' | string;
+export type ButtonVariant = 'solid' | 'outline' | 'text' | 'icon';
+export type ButtonSize = 'small' | 'medium' | 'large';
+/**
+ * Creates styles for the Button component using BEM methodology
+ * @param theme - The theme object containing design tokens
+ * @param colorScheme - The current color scheme (used for memoization)
+ * @param color - The button color
+ * @param variant - The button variant
+ * @param size - The button size
+ * @param fullWidth - Whether the button should take full width
+ * @param disabled - Whether the button is disabled
+ * @param loading - Whether the button is in loading state
+ * @returns Object containing CSS class names for component styling
+ */
+declare const useStyles: (theme: Theme, colorScheme: string, color: ButtonColor, variant: ButtonVariant, size: ButtonSize, fullWidth: boolean, disabled: boolean, loading: boolean, shape?: "square" | "round") => Record<string, string | null>;
+export default useStyles;
+//# sourceMappingURL=Button.styles.d.ts.map

package/dist/components/primitives/Button/Button.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Button/Button.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAGzC,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;AACxE,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAClE,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,SAAS,GACb,OAAO,KAAK,EACZ,aAAa,MAAM,EACnB,OAAO,WAAW,EAClB,SAAS,aAAa,EACtB,MAAM,UAAU,EAChB,WAAW,OAAO,EAClB,UAAU,OAAO,EACjB,SAAS,OAAO,EAChB,QAAO,QAAQ,GAAG,OAAkB,KACnC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAoV+C,CAAC;AAE/E,eAAe,SAAS,CAAC"}

package/dist/components/primitives/Card/Card.d.ts

@@ -0,0 +1,133 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { HTMLAttributes, ReactNode, ForwardRefExoticComponent, RefAttributes, FC } from 'react';
+export type CardVariant = 'default' | 'outlined' | 'elevated';
+export interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Card content
+     */
+    children?: ReactNode;
+    /**
+     * Whether the card should be clickable (shows hover effects)
+     */
+    clickable?: boolean;
+    /**
+     * The visual variant of the card
+     */
+    variant?: CardVariant;
+}
+export interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Header content
+     */
+    children?: ReactNode;
+}
+export interface CardTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    /**
+     * Title content
+     */
+    children?: ReactNode;
+    /**
+     * The heading level to use
+     */
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+}
+export interface CardDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {
+    /**
+     * Description content
+     */
+    children?: ReactNode;
+}
+export interface CardActionProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Action content
+     */
+    children?: ReactNode;
+}
+export interface CardContentProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Content
+     */
+    children?: ReactNode;
+}
+export interface CardFooterProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Footer content
+     */
+    children?: ReactNode;
+}
+/**
+ * Card component that provides a flexible container for content.
+ *
+ * @example
+ * ```tsx
+ * <Card variant="elevated" clickable>
+ *   <Card.Header>
+ *     <Card.Title>Card Title</Card.Title>
+ *     <Card.Description>Card Description</Card.Description>
+ *     <Card.Action>
+ *       <Button variant="link">Action</Button>
+ *     </Card.Action>
+ *   </Card.Header>
+ *   <Card.Content>
+ *     <p>Card content goes here</p>
+ *   </Card.Content>
+ *   <Card.Footer>
+ *     <Button>Cancel</Button>
+ *     <Button variant="outline">Submit</Button>
+ *   </Card.Footer>
+ * </Card>
+ * ```
+ */
+declare const Card: ForwardRefExoticComponent<CardProps & RefAttributes<HTMLDivElement>>;
+/**
+ * Card header component that contains the title, description, and optional actions.
+ */
+declare const CardHeader: ForwardRefExoticComponent<CardHeaderProps & RefAttributes<HTMLDivElement>>;
+/**
+ * Card title component.
+ */
+declare const CardTitle: FC<CardTitleProps>;
+/**
+ * Card description component.
+ */
+declare const CardDescription: FC<CardDescriptionProps>;
+/**
+ * Card action component for action elements in the header.
+ */
+declare const CardAction: ForwardRefExoticComponent<CardActionProps & RefAttributes<HTMLDivElement>>;
+/**
+ * Card content component that contains the main content of the card.
+ */
+declare const CardContent: ForwardRefExoticComponent<CardContentProps & RefAttributes<HTMLDivElement>>;
+/**
+ * Card footer component that contains footer actions or additional information.
+ */
+declare const CardFooter: ForwardRefExoticComponent<CardFooterProps & RefAttributes<HTMLDivElement>>;
+export interface CardComponent extends ForwardRefExoticComponent<CardProps & RefAttributes<HTMLDivElement>> {
+    Action: typeof CardAction;
+    Content: typeof CardContent;
+    Description: typeof CardDescription;
+    Footer: typeof CardFooter;
+    Header: typeof CardHeader;
+    Title: typeof CardTitle;
+}
+declare const _default: CardComponent;
+export default _default;
+export { Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter };
+//# sourceMappingURL=Card.d.ts.map

package/dist/components/primitives/Card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Card/Card.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,OAAO,EACL,cAAc,EAEd,SAAS,EACT,yBAAyB,EACzB,aAAa,EAGb,EAAE,EACH,MAAM,OAAO,CAAC;AAMf,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAE9D,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,kBAAkB,CAAC;IACxE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC/B;AAED,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,oBAAoB,CAAC;IAChF;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,IAAI,EAAE,yBAAyB,CAAC,SAAS,GAAG,aAAa,CAAC,cAAc,CAAC,CAgC9E,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,UAAU,EAAE,yBAAyB,CAAC,eAAe,GAAG,aAAa,CAAC,cAAc,CAAC,CAiBzF,CAAC;AAEH;;GAEG;AACH,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAwDjC,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAkB7C,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,UAAU,EAAE,yBAAyB,CAAC,eAAe,GAAG,aAAa,CAAC,cAAc,CAAC,CAiBzF,CAAC;AAEH;;GAEG;AACH,QAAA,MAAM,WAAW,EAAE,yBAAyB,CAAC,gBAAgB,GAAG,aAAa,CAAC,cAAc,CAAC,CAiB3F,CAAC;AAEH;;GAEG;AACH,QAAA,MAAM,UAAU,EAAE,yBAAyB,CAAC,eAAe,GAAG,aAAa,CAAC,cAAc,CAAC,CAiBzF,CAAC;AAiBH,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAAC,SAAS,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC;IACzG,MAAM,EAAE,OAAO,UAAU,CAAC;IAC1B,OAAO,EAAE,OAAO,WAAW,CAAC;IAC5B,WAAW,EAAE,OAAO,eAAe,CAAC;IACpC,MAAM,EAAE,OAAO,UAAU,CAAC;IAC1B,MAAM,EAAE,OAAO,UAAU,CAAC;IAC1B,KAAK,EAAE,OAAO,SAAS,CAAC;CACzB;wBAEsB,aAAa;AAApC,wBAAqC;AACrC,OAAO,EAAC,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAC,CAAC"}

package/dist/components/primitives/Card/Card.styles.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { Theme } from '@thunderid/browser';
+export type CardVariant = 'default' | 'outlined' | 'elevated';
+/**
+ * Creates styles for the Card component using BEM methodology
+ * @param theme - The theme object containing design tokens
+ * @param colorScheme - The current color scheme (used for memoization)
+ * @param variant - The card variant
+ * @param clickable - Whether the card is clickable
+ * @returns Object containing CSS class names for component styling
+ */
+declare const useStyles: (theme: Theme, colorScheme: string, variant: CardVariant, clickable: boolean) => Record<string, string>;
+export default useStyles;
+//# sourceMappingURL=Card.styles.d.ts.map

package/dist/components/primitives/Card/Card.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Card/Card.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAGzC,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAE9D;;;;;;;GAOG;AACH,QAAA,MAAM,SAAS,GACb,OAAO,KAAK,EACZ,aAAa,MAAM,EACnB,SAAS,WAAW,EACpB,WAAW,OAAO,KACjB,MAAM,CAAC,MAAM,EAAE,MAAM,CAoFsB,CAAC;AAE/C,eAAe,SAAS,CAAC"}

package/dist/components/primitives/Checkbox/Checkbox.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Copyright (c) 2024, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { FC, InputHTMLAttributes } from 'react';
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'type'> {
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Error message to display below the checkbox
+     */
+    error?: string;
+    /**
+     * Helper text to display below the checkbox
+     */
+    helperText?: string;
+    /**
+     * Label text to display next to the checkbox
+     */
+    label?: string;
+    /**
+     * Whether the field is required
+     */
+    required?: boolean;
+}
+declare const Checkbox: FC<CheckboxProps>;
+export default Checkbox;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/primitives/Checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,OAAO,EAAC,EAAE,EAAE,mBAAmB,EAAC,MAAM,OAAO,CAAC;AAM9C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACtG;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA6C/B,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/primitives/Checkbox/Checkbox.styles.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { Theme } from '@thunderid/browser';
+/**
+ * Creates styles for the Checkbox component using BEM methodology
+ * @param theme - The theme object containing design tokens
+ * @param colorScheme - The current color scheme (used for memoization)
+ * @param hasError - Whether the checkbox has an error state
+ * @param required - Whether the checkbox is required
+ * @returns Object containing CSS class names for component styling
+ */
+declare const useStyles: (theme: Theme, colorScheme: string, hasError: boolean, required: boolean) => Record<string, string>;
+export default useStyles;
+//# sourceMappingURL=Checkbox.styles.d.ts.map

package/dist/components/primitives/Checkbox/Checkbox.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Checkbox/Checkbox.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAGzC;;;;;;;GAOG;AACH,QAAA,MAAM,SAAS,GAAI,OAAO,KAAK,EAAE,aAAa,MAAM,EAAE,UAAU,OAAO,EAAE,UAAU,OAAO,KAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CA4DpE,CAAC;AAE/C,eAAe,SAAS,CAAC"}

package/dist/components/primitives/CopyableText/CopyableText.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) 2026, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { FC } from 'react';
+export interface CopyableTextProps {
+    /**
+     * Optional label displayed above the value box.
+     */
+    label?: string;
+    /**
+     * The text value to display and copy.
+     */
+    value: string;
+}
+/**
+ * A React component that displays a text value with an optional label and a button to copy the value to
+ * the clipboard. When the button is clicked, it attempts to copy the value using the Clipboard API, and
+ * falls back to a textarea method if the API is not supported.
+ * After copying, it shows a "Copied!" message for 3 seconds before resetting.
+ */
+declare const CopyableText: FC<CopyableTextProps>;
+export default CopyableText;
+//# sourceMappingURL=CopyableText.d.ts.map

package/dist/components/primitives/CopyableText/CopyableText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyableText.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/CopyableText/CopyableText.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,EAAE,EAAsC,MAAM,OAAO,CAAC;AAM9D,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;GAKG;AACH,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAuCvC,CAAC;AAEF,eAAe,YAAY,CAAC"}