@asgardeo/react 0.3.0 → 0.5.0

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

@@ -0,0 +1,132 @@
+/**
+ * Copyright (c) {{year}}, 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 } 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: ForwardRefExoticComponent<CardTitleProps & RefAttributes<HTMLHeadingElement>>;
+/**
+ * Card description component.
+ */
+declare const CardDescription: ForwardRefExoticComponent<CardDescriptionProps & RefAttributes<HTMLParagraphElement>>;
+/**
+ * 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 };

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

@@ -38,5 +38,5 @@ export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement
      */
     helperText?: string;
 }
-export declare const Checkbox: FC<CheckboxProps>;
+declare const Checkbox: FC<CheckboxProps>;
 export default Checkbox;

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

@@ -46,5 +46,5 @@ export interface DatePickerProps extends Omit<InputHTMLAttributes<HTMLInputEleme
      */
     dateFormat?: string;
 }
-export declare const DatePicker: FC<DatePickerProps>;
+declare const DatePicker: FC<DatePickerProps>;
 export default DatePicker;

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

@@ -0,0 +1,58 @@
+/**
+ * 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, HTMLAttributes } from 'react';
+export type DividerOrientation = 'horizontal' | 'vertical';
+export type DividerVariant = 'solid' | 'dashed' | 'dotted';
+export interface DividerProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Text to display in the center of the divider
+     */
+    children?: React.ReactNode;
+    /**
+     * Custom color for the divider
+     */
+    color?: string;
+    /**
+     * The orientation of the divider
+     */
+    orientation?: DividerOrientation;
+    /**
+     * The variant style of the divider
+     */
+    variant?: DividerVariant;
+}
+/**
+ * Divider component for separating content sections.
+ *
+ * @example
+ * ```tsx
+ * // Basic horizontal divider
+ * <Divider />
+ *
+ * // Divider with text
+ * <Divider>OR</Divider>
+ *
+ * // Vertical divider
+ * <Divider orientation="vertical" />
+ *
+ * // Custom styled divider
+ * <Divider variant="dashed" color="#ccc">Continue with</Divider>
+ * ```
+ */
+declare const Divider: FC<DividerProps>;
+export default Divider;

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

@@ -0,0 +1,50 @@
+/**
+ * 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 { CSSProperties, FC, ReactNode } from 'react';
+export interface FormControlProps {
+    /**
+     * The content to be wrapped by the form control
+     */
+    children: ReactNode;
+    /**
+     * Error message to display below the content
+     */
+    error?: string;
+    /**
+     * Helper text to display below the content
+     */
+    helperText?: string;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+    /**
+     * Custom container style
+     */
+    style?: CSSProperties;
+    /**
+     * Custom alignment for helper text (default: left, center for OTP)
+     */
+    helperTextAlign?: 'left' | 'center';
+    /**
+     * Custom margin left for helper text (for components like Checkbox)
+     */
+    helperTextMarginLeft?: string;
+}
+declare const FormControl: FC<FormControlProps>;
+export default FormControl;

package/dist/components/primitives/Icons/Building.d.ts

@@ -0,0 +1,40 @@
+/**
+ * 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 BuildingProps {
+    /**
+     * Color of the icon.
+     */
+    color?: string;
+    /**
+     * Height of the icon.
+     */
+    height?: number | string;
+    /**
+     * Width of the icon.
+     */
+    width?: number | string;
+}
+/**
+ * Building Icon component.
+ *
+ * @param props - Props injected to the component.
+ * @returns Building Icon component.
+ */
+declare const Building: FC<BuildingProps>;
+export default Building;

package/dist/components/primitives/Icons/BuildingAlt.d.ts

@@ -0,0 +1,40 @@
+/**
+ * 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 BuildingAltProps {
+    /**
+     * Color of the icon.
+     */
+    color?: string;
+    /**
+     * Height of the icon.
+     */
+    height?: number | string;
+    /**
+     * Width of the icon.
+     */
+    width?: number | string;
+}
+/**
+ * Alternative Building Icon component.
+ *
+ * @param props - Props injected to the component.
+ * @returns Alternative Building Icon component.
+ */
+declare const BuildingAlt: FC<BuildingAltProps>;
+export default BuildingAlt;

package/dist/components/primitives/Icons/Check.d.ts

@@ -0,0 +1,40 @@
+/**
+ * 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 CheckProps {
+    /**
+     * Color of the icon.
+     */
+    color?: string;
+    /**
+     * Height of the icon.
+     */
+    height?: number | string;
+    /**
+     * Width of the icon.
+     */
+    width?: number | string;
+}
+/**
+ * Check Icon component.
+ *
+ * @param props - Props injected to the component.
+ * @returns Check Icon component.
+ */
+declare const Check: FC<CheckProps>;
+export default Check;

package/dist/components/primitives/Icons/ChevronDown.d.ts

@@ -0,0 +1,40 @@
+/**
+ * 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 ChevronDownProps {
+    /**
+     * Color of the icon.
+     */
+    color?: string;
+    /**
+     * Height of the icon.
+     */
+    height?: number | string;
+    /**
+     * Width of the icon.
+     */
+    width?: number | string;
+}
+/**
+ * ChevronDown Icon component.
+ *
+ * @param props - Props injected to the component.
+ * @returns ChevronDown Icon component.
+ */
+declare const ChevronDown: FC<ChevronDownProps>;
+export default ChevronDown;

package/dist/components/primitives/Icons/CircleAlert.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 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, SVGProps } from 'react';
+/**
+ * CircleAlert icon component.
+ */
+declare const CircleAlert: FC<SVGProps<SVGSVGElement>>;
+export default CircleAlert;

package/dist/components/primitives/Icons/CircleCheck.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 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, SVGProps } from 'react';
+/**
+ * CircleCheck icon component.
+ */
+declare const CircleCheck: FC<SVGProps<SVGSVGElement>>;
+export default CircleCheck;

package/dist/components/primitives/Icons/Eye.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 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, SVGProps } from 'react';
+/**
+ * Eye icon component.
+ */
+declare const Eye: FC<SVGProps<SVGSVGElement>>;
+export default Eye;

package/dist/components/primitives/Icons/EyeOff.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 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, SVGProps } from 'react';
+/**
+ * EyeOff icon component.
+ */
+declare const EyeOff: FC<SVGProps<SVGSVGElement>>;
+export default EyeOff;

package/dist/components/primitives/Icons/Info.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 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, SVGProps } from 'react';
+/**
+ * Info icon component.
+ */
+declare const Info: FC<SVGProps<SVGSVGElement>>;
+export default Info;

package/dist/components/primitives/Icons/LogOut.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 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, SVGProps } from 'react';
+/**
+ * LogOut icon component.
+ */
+declare const LogOut: FC<SVGProps<SVGSVGElement>>;
+export default LogOut;

package/dist/components/primitives/Icons/Plus.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 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, SVGProps } from 'react';
+/**
+ * Plus (add) icon component.
+ */
+declare const Plus: FC<SVGProps<SVGSVGElement>>;
+export default Plus;

package/dist/components/primitives/Icons/TriangleAlert.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 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, SVGProps } from 'react';
+/**
+ * TriangleAlert icon component.
+ */
+declare const TriangleAlert: FC<SVGProps<SVGSVGElement>>;
+export default TriangleAlert;

package/dist/components/primitives/Icons/User.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 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, SVGProps } from 'react';
+/**
+ * User icon component.
+ */
+declare const User: FC<SVGProps<SVGSVGElement>>;
+export default User;

package/dist/components/primitives/Icons/X.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 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, SVGProps } from 'react';
+/**
+ * X (close) icon component.
+ */
+declare const X: FC<SVGProps<SVGSVGElement>>;
+export default X;