@arkyn/components 3.0.1-beta.94 → 3.0.1-beta.99

package/dist/components/alert/alertContainer/index.d.ts

@@ -1,44 +1,64 @@
-import { HTMLAttributes } from "react";
+import { HTMLAttributes, JSX } from "react";
 import "./styles.css";
+/**
+ * @typedef {Object} AlertContainerProps
+ * @property {"success" | "danger" | "warning" | "info"} schema - The visual style schema for the alert (success: green, danger: red, warning: yellow, info: blue)
+ * @property {ReactNode} children - The content to be displayed inside the alert container
+ * @property {string} [className] - Optional additional CSS classes to apply to the container
+ * @extends {HTMLAttributes<HTMLDivElement>}
+ */
 type AlertContainerProps = {
     schema: "success" | "danger" | "warning" | "info";
 } & HTMLAttributes<HTMLDivElement>;
+/**
+ * Custom hook to access the AlertContainer context
+ *
+ * @returns {AlertContainerProps} The current alert container properties including schema and HTML attributes
+ *
+ * @example
+ * function CustomAlertContent() {
+ *   const { schema } = useAlertContainer();
+ *   return <div>Current schema: {schema}</div>;
+ * }
+ */
 declare function useAlertContainer(): AlertContainerProps;
 /**
- * AlertContainer component - used to display alert messages with different schemas
+ * AlertContainer - A flexible alert component that displays messages with different visual styles
  *
- * @param props - AlertContainer component properties
- * @param props.schema - Alert color scheme and semantic meaning: "success" | "danger" | "warning" | "info"
+ * This component automatically adjusts its layout based on whether an AlertTitle component
+ * is present among its children. When AlertTitle is detected, the content is left-aligned;
+ * otherwise, it's centered.
  *
- * **...Other valid HTML properties for div**
+ * @component
+ * @memberof Alert
  *
- * @returns AlertContainer JSX element with context provider
+ * @param {AlertContainerProps} props - Component properties
+ * @param {"success" | "danger" | "warning" | "info"} props.schema - Determines the visual styling and semantic meaning of the alert
+ * @param {ReactNode} props.children - Content to be rendered inside the alert, can include AlertTitle and other components
+ * @param {string} [props.className] - Additional CSS classes to customize the alert appearance
  *
- * @example
- * ```tsx
- * // Basic alert
- * <AlertContainer schema="info">
- *   Alert message content
- * </AlertContainer>
+ * @returns {JSX.Element} A styled alert container with context provider for child components
  *
- * // Success alert
- * <AlertContainer schema="success">
- *   Operation completed successfully!
- * </AlertContainer>
+ * @requires react - For createContext, useContext, ReactNode
  *
- * // Alert with title
- * <AlertContainer schema="warning">
- *   <AlertTitle>Warning</AlertTitle>
- *   Please check your input data.
+ * @example
+ * // Basic usage
+ * <AlertContainer schema="success">
+ *  {children}
  * </AlertContainer>
  *
- * // Danger alert
- * <AlertContainer schema="danger">
- *   <AlertTitle>Error</AlertTitle>
- *   Something went wrong. Please try again.
+ * @example
+ * // Complete alert example
+ * <AlertContainer schema="success">
+ *  <AlertIcon />
+ *  <AlertContent>
+ *    <AlertTitle>Success!</AlertTitle>
+ *    <AlertDescription>
+ *      You are premium user now!
+ *    </AlertDescription>
+ *  </AlertContent>
  * </AlertContainer>
- * ```
  */
-declare function AlertContainer(props: AlertContainerProps): import("react/jsx-runtime").JSX.Element;
+declare function AlertContainer(props: AlertContainerProps): JSX.Element;
 export { AlertContainer, useAlertContainer };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/alert/alertContainer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alertContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAyB,MAAM,OAAO,CAAC;AAE7E,OAAO,cAAc,CAAC;AAEtB,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;CACnD,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAInC,iBAAS,iBAAiB,wBAEzB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AAEH,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAuCjD;AAED,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alertContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EACd,GAAG,EAGJ,MAAM,OAAO,CAAC;AAEf,OAAO,cAAc,CAAC;AAEtB;;;;;;GAMG;AACH,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;CACnD,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAQnC;;;;;;;;;;GAUG;AACH,iBAAS,iBAAiB,IAAI,mBAAmB,CAEhD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AAEH,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAuC/D;AAED,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/alert/alertContainer/index.js

@@ -1,45 +1,62 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
+import { createContext, useContext, } from "react";
 import { AlertTitle } from "../alertTitle";
 import "./styles.css";
+/**
+ * Context for sharing alert container properties with child components
+ * @internal
+ */
 const AlertContainerContext = createContext({});
+/**
+ * Custom hook to access the AlertContainer context
+ *
+ * @returns {AlertContainerProps} The current alert container properties including schema and HTML attributes
+ *
+ * @example
+ * function CustomAlertContent() {
+ *   const { schema } = useAlertContainer();
+ *   return <div>Current schema: {schema}</div>;
+ * }
+ */
 function useAlertContainer() {
     return useContext(AlertContainerContext);
 }
 /**
- * AlertContainer component - used to display alert messages with different schemas
+ * AlertContainer - A flexible alert component that displays messages with different visual styles
  *
- * @param props - AlertContainer component properties
- * @param props.schema - Alert color scheme and semantic meaning: "success" | "danger" | "warning" | "info"
+ * This component automatically adjusts its layout based on whether an AlertTitle component
+ * is present among its children. When AlertTitle is detected, the content is left-aligned;
+ * otherwise, it's centered.
  *
- * **...Other valid HTML properties for div**
+ * @component
+ * @memberof Alert
  *
- * @returns AlertContainer JSX element with context provider
+ * @param {AlertContainerProps} props - Component properties
+ * @param {"success" | "danger" | "warning" | "info"} props.schema - Determines the visual styling and semantic meaning of the alert
+ * @param {ReactNode} props.children - Content to be rendered inside the alert, can include AlertTitle and other components
+ * @param {string} [props.className] - Additional CSS classes to customize the alert appearance
  *
- * @example
- * ```tsx
- * // Basic alert
- * <AlertContainer schema="info">
- *   Alert message content
- * </AlertContainer>
+ * @returns {JSX.Element} A styled alert container with context provider for child components
  *
- * // Success alert
- * <AlertContainer schema="success">
- *   Operation completed successfully!
- * </AlertContainer>
+ * @requires react - For createContext, useContext, ReactNode
  *
- * // Alert with title
- * <AlertContainer schema="warning">
- *   <AlertTitle>Warning</AlertTitle>
- *   Please check your input data.
+ * @example
+ * // Basic usage
+ * <AlertContainer schema="success">
+ *  {children}
  * </AlertContainer>
  *
- * // Danger alert
- * <AlertContainer schema="danger">
- *   <AlertTitle>Error</AlertTitle>
- *   Something went wrong. Please try again.
+ * @example
+ * // Complete alert example
+ * <AlertContainer schema="success">
+ *  <AlertIcon />
+ *  <AlertContent>
+ *    <AlertTitle>Success!</AlertTitle>
+ *    <AlertDescription>
+ *      You are premium user now!
+ *    </AlertDescription>
+ *  </AlertContent>
  * </AlertContainer>
- * ```
  */
 function AlertContainer(props) {
     const { schema, children, className: baseClassName, ...rest } = props;

package/dist/components/alert/alertContent/index.d.ts

@@ -1,45 +1,49 @@
-import { HTMLAttributes } from "react";
+import { HTMLAttributes, JSX } from "react";
 import "./styles.css";
+/**
+ * @typedef {Object} AlertContentProps
+ * @extends {HTMLAttributes<HTMLDivElement>}
+ * @description Props for the AlertContent component, extending standard HTML div attributes.
+ */
 type AlertContentProps = HTMLAttributes<HTMLDivElement>;
 /**
- * AlertContent component - used to wrap and style the main content area of alerts
+ * AlertContent component that renders the main content area of an alert.
  *
- * @param props - AlertContent component properties
+ * @component
+ * @memberof Alert
  *
- * **...Other valid HTML properties for div**
+ * @description
+ * This component serves as a container for the main content within an Alert component.
+ * Supports all standard HTML div attributes for maximum flexibility.
  *
- * @returns AlertContent JSX element
+ * @param {AlertContentProps} props - Component props extending HTMLDivElement attributes
+ * @param {string} [props.className] - Additional CSS classes to apply to the content container
+ * @param {React.ReactNode} [props.children] - Content to be displayed inside the alert
  *
- * @example
- * ```tsx
- * // Basic alert content
- * <AlertContainer schema="info">
- *   <AlertContent>
- *     This is the main alert message content.
- *   </AlertContent>
- * </AlertContainer>
+ * @returns {JSX.Element} A div element with the alert content styling
  *
- * // Alert with title and content
+ * @requires react
+ *
+ * @example
+ * // Basic usage
  * <AlertContainer schema="success">
- *   <AlertContent>
- *     <AlertTitle>Success</AlertTitle>
- *     Your operation has been completed successfully.
- *   </AlertContent>
+ *  <AlertContent>
+ *   {children}
+ *  </AlertContent>
  * </AlertContainer>
  *
- * // Multiple content sections
- * <AlertContainer schema="warning">
- *   <AlertContent>
- *     <AlertTitle>Warning</AlertTitle>
- *     <p>Please review the following items:</p>
- *     <ul>
- *       <li>Check your input data</li>
- *       <li>Verify permissions</li>
- *     </ul>
- *   </AlertContent>
+ * @example
+ * // Complete alert example
+ * <AlertContainer schema="success">
+ *  <AlertIcon />
+ *  <AlertContent>
+ *    <AlertTitle>Success!</AlertTitle>
+ *    <AlertDescription>
+ *      You are premium user now!
+ *    </AlertDescription>
+ *  </AlertContent>
  * </AlertContainer>
- * ```
  */
-declare function AlertContent(props: AlertContentProps): import("react/jsx-runtime").JSX.Element;
+declare function AlertContent(props: AlertContentProps): JSX.Element;
 export { AlertContent };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/alert/alertContent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alertContent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,cAAc,CAAC;AAEtB,KAAK,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAExD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AAEH,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAK7C;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alertContent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,cAAc,CAAC;AAEtB;;;;GAIG;AACH,KAAK,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAExD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AAEH,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAK3D;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/alert/alertContent/index.js

@@ -1,43 +1,42 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "./styles.css";
 /**
- * AlertContent component - used to wrap and style the main content area of alerts
+ * AlertContent component that renders the main content area of an alert.
  *
- * @param props - AlertContent component properties
+ * @component
+ * @memberof Alert
  *
- * **...Other valid HTML properties for div**
+ * @description
+ * This component serves as a container for the main content within an Alert component.
+ * Supports all standard HTML div attributes for maximum flexibility.
  *
- * @returns AlertContent JSX element
+ * @param {AlertContentProps} props - Component props extending HTMLDivElement attributes
+ * @param {string} [props.className] - Additional CSS classes to apply to the content container
+ * @param {React.ReactNode} [props.children] - Content to be displayed inside the alert
  *
- * @example
- * ```tsx
- * // Basic alert content
- * <AlertContainer schema="info">
- *   <AlertContent>
- *     This is the main alert message content.
- *   </AlertContent>
- * </AlertContainer>
+ * @returns {JSX.Element} A div element with the alert content styling
+ *
+ * @requires react
  *
- * // Alert with title and content
+ * @example
+ * // Basic usage
  * <AlertContainer schema="success">
- *   <AlertContent>
- *     <AlertTitle>Success</AlertTitle>
- *     Your operation has been completed successfully.
- *   </AlertContent>
+ *  <AlertContent>
+ *   {children}
+ *  </AlertContent>
  * </AlertContainer>
  *
- * // Multiple content sections
- * <AlertContainer schema="warning">
- *   <AlertContent>
- *     <AlertTitle>Warning</AlertTitle>
- *     <p>Please review the following items:</p>
- *     <ul>
- *       <li>Check your input data</li>
- *       <li>Verify permissions</li>
- *     </ul>
- *   </AlertContent>
+ * @example
+ * // Complete alert example
+ * <AlertContainer schema="success">
+ *  <AlertIcon />
+ *  <AlertContent>
+ *    <AlertTitle>Success!</AlertTitle>
+ *    <AlertDescription>
+ *      You are premium user now!
+ *    </AlertDescription>
+ *  </AlertContent>
  * </AlertContainer>
- * ```
  */
 function AlertContent(props) {
     const { className: baseClassName, ...rest } = props;

package/dist/components/alert/alertDescription/index.d.ts

@@ -1,49 +1,51 @@
-import { HTMLAttributes } from "react";
+import { HTMLAttributes, JSX } from "react";
 import "./styles.css";
+/**
+ * Props for the AlertDescription component.
+ * @typedef {Object} AlertDescriptionProps
+ * @extends {HTMLAttributes<HTMLDivElement>}
+ */
 type AlertDescriptionProps = HTMLAttributes<HTMLDivElement>;
 /**
- * AlertDescription component - used to display additional descriptive text in alerts
+ * AlertDescription component displays descriptive text content within an Alert component.
  *
- * @param props - AlertDescription component properties
+ * This component provides a semantic wrapper for alert descriptions with appropriate styling
+ * through the `arkynAlertDescription` CSS class. It extends all standard HTML div attributes,
+ * making it flexible for various content and accessibility requirements.
  *
- * **...Other valid HTML properties for div**
+ * @component
+ * @memberof Alert
  *
- * @returns AlertDescription JSX element
+ * @param {AlertDescriptionProps} props - Component props extending HTML div attributes
+ * @param {string} [props.className] - Additional CSS classes to apply to the description
+ * @param {React.ReactNode} [props.children] - The description content to display
  *
- * @example
- * ```tsx
- * // Basic alert with description
- * <AlertContainer schema="info">
- *   <AlertContent>
- *     <AlertTitle>Information</AlertTitle>
- *     <AlertDescription>
- *       This is additional information to help you understand the context.
- *     </AlertDescription>
- *   </AlertContent>
- * </AlertContainer>
+ * @returns {JSX.Element} A div element with alert description styling
  *
- * // Success alert with description
+ * @requires react
+ *
+ * @example
+ * // Basic usage
  * <AlertContainer schema="success">
- *   <AlertContent>
- *     <AlertTitle>Upload Complete</AlertTitle>
- *     <AlertDescription>
- *       Your file has been successfully uploaded and processed.
- *     </AlertDescription>
- *   </AlertContent>
+ *  <AlertContent>
+ *    <AlertDescription>
+ *      Your are premium user now!
+ *    </AlertDescription>
+ *  </AlertContent>
  * </AlertContainer>
  *
- * // Warning with detailed description
- * <AlertContainer schema="warning">
- *   <AlertContent>
- *     <AlertTitle>Storage Limit</AlertTitle>
- *     <AlertDescription>
- *       You have used 90% of your storage quota. Consider upgrading your plan
- *       or removing unused files.
- *     </AlertDescription>
- *   </AlertContent>
+ * @example
+ * // Complete alert example
+ * <AlertContainer schema="success">
+ *  <AlertIcon />
+ *  <AlertContent>
+ *    <AlertTitle>Success!</AlertTitle>
+ *    <AlertDescription>
+ *      You are premium user now!
+ *    </AlertDescription>
+ *  </AlertContent>
  * </AlertContainer>
- * ```
  */
-declare function AlertDescription(props: AlertDescriptionProps): import("react/jsx-runtime").JSX.Element;
+declare function AlertDescription(props: AlertDescriptionProps): JSX.Element;
 export { AlertDescription };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/alert/alertDescription/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alertDescription/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,cAAc,CAAC;AAEtB,KAAK,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AAEH,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAKrD;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alertDescription/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,cAAc,CAAC;AAEtB;;;;GAIG;AACH,KAAK,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAEH,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,GAAG,CAAC,OAAO,CAKnE;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/alert/alertDescription/index.js

@@ -1,47 +1,44 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "./styles.css";
 /**
- * AlertDescription component - used to display additional descriptive text in alerts
+ * AlertDescription component displays descriptive text content within an Alert component.
  *
- * @param props - AlertDescription component properties
+ * This component provides a semantic wrapper for alert descriptions with appropriate styling
+ * through the `arkynAlertDescription` CSS class. It extends all standard HTML div attributes,
+ * making it flexible for various content and accessibility requirements.
  *
- * **...Other valid HTML properties for div**
+ * @component
+ * @memberof Alert
  *
- * @returns AlertDescription JSX element
+ * @param {AlertDescriptionProps} props - Component props extending HTML div attributes
+ * @param {string} [props.className] - Additional CSS classes to apply to the description
+ * @param {React.ReactNode} [props.children] - The description content to display
  *
- * @example
- * ```tsx
- * // Basic alert with description
- * <AlertContainer schema="info">
- *   <AlertContent>
- *     <AlertTitle>Information</AlertTitle>
- *     <AlertDescription>
- *       This is additional information to help you understand the context.
- *     </AlertDescription>
- *   </AlertContent>
- * </AlertContainer>
+ * @returns {JSX.Element} A div element with alert description styling
+ *
+ * @requires react
  *
- * // Success alert with description
+ * @example
+ * // Basic usage
  * <AlertContainer schema="success">
- *   <AlertContent>
- *     <AlertTitle>Upload Complete</AlertTitle>
- *     <AlertDescription>
- *       Your file has been successfully uploaded and processed.
- *     </AlertDescription>
- *   </AlertContent>
+ *  <AlertContent>
+ *    <AlertDescription>
+ *      Your are premium user now!
+ *    </AlertDescription>
+ *  </AlertContent>
  * </AlertContainer>
  *
- * // Warning with detailed description
- * <AlertContainer schema="warning">
- *   <AlertContent>
- *     <AlertTitle>Storage Limit</AlertTitle>
- *     <AlertDescription>
- *       You have used 90% of your storage quota. Consider upgrading your plan
- *       or removing unused files.
- *     </AlertDescription>
- *   </AlertContent>
+ * @example
+ * // Complete alert example
+ * <AlertContainer schema="success">
+ *  <AlertIcon />
+ *  <AlertContent>
+ *    <AlertTitle>Success!</AlertTitle>
+ *    <AlertDescription>
+ *      You are premium user now!
+ *    </AlertDescription>
+ *  </AlertContent>
  * </AlertContainer>
- * ```
  */
 function AlertDescription(props) {
     const { className: baseClassName, ...rest } = props;

package/dist/components/alert/alertIcon/index.d.ts

@@ -1,52 +1,54 @@
 import { LucideProps } from "lucide-react";
+import { JSX } from "react";
 import "./styles.css";
-type AlertIconProps = LucideProps;
 /**
- * AlertIcon component - automatically displays the appropriate icon based on the alert schema
- *
- * @param props - AlertIcon component properties
+ * Props for the AlertIcon component.
+ * Extends all props from Lucide's icon components.
  *
- * **...Other valid Lucide icon properties**
+ * @typedef {LucideProps} AlertIconProps
+ */
+type AlertIconProps = LucideProps;
+/**
+ * AlertIcon component that renders different icons based on the alert schema.
  *
- * @returns AlertIcon JSX element with schema-specific icon
+ * @component
+ * @memberof Alert
  *
  * @description
  * This component automatically selects and renders the appropriate icon based on the
- * AlertContainer's schema context:
- * - success: CheckCircle2 icon
- * - danger: XCircle icon
- * - warning: AlertTriangle icon
- * - info: Info icon
+ * alert schema from the AlertContainer context. It supports four schemas:
+ * - success: Renders a CheckCircle2 icon
+ * - danger: Renders an XCircle icon
+ * - warning: Renders an AlertTriangle icon
+ * - info: Renders an Info icon
+ *
+ * @param {AlertIconProps} props - Component props extending LucideProps
+ * @param {string} [props.className] - Additional CSS class names to apply to the icon
+ *
+ * @returns {JSX.Element} The rendered icon component based on the alert schema
+ *
+ * @requires lucide-react - For icon components (CheckCircle2, XCircle, AlertTriangle, Info)
+ * @requires useAlertContainer - Hook to access the alert schema from context
  *
  * @example
- * ```tsx
- * // Basic usage - icon automatically matches container schema
+ * // This component is used internally within an Alert component
+ * // and should not be used standalone as it depends on AlertContainer context
  * <AlertContainer schema="success">
  *   <AlertIcon />
- *   <AlertContent>
- *     <AlertTitle>Success</AlertTitle>
- *     <AlertDescription>Operation completed successfully.</AlertDescription>
- *   </AlertContent>
- * </AlertContainer>
- *
- * // Warning alert with icon
- * <AlertContainer schema="warning">
- *   <AlertIcon />
- *   <AlertContent>
- *     Please review your input before proceeding.
- *   </AlertContent>
  * </AlertContainer>
  *
- * // Custom icon size
- * <AlertContainer schema="danger">
- *   <AlertIcon size={24} />
- *   <AlertContent>
- *     <AlertTitle>Error</AlertTitle>
- *     <AlertDescription>Something went wrong.</AlertDescription>
- *   </AlertContent>
+ * @example
+ * // Complete alert example
+ * <AlertContainer schema="success">
+ *  <AlertIcon />
+ *  <AlertContent>
+ *    <AlertTitle>Success!</AlertTitle>
+ *    <AlertDescription>
+ *      You are premium user now!
+ *    </AlertDescription>
+ *  </AlertContent>
  * </AlertContainer>
- * ```
  */
-declare function AlertIcon(props: AlertIconProps): import("react/jsx-runtime").JSX.Element;
+declare function AlertIcon(props: AlertIconProps): JSX.Element;
 export { AlertIcon };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/alert/alertIcon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alertIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,WAAW,EAEZ,MAAM,cAAc,CAAC;AAGtB,OAAO,cAAc,CAAC;AAEtB,KAAK,cAAc,GAAG,WAAW,CAAC;AAElC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AAEH,iBAAS,SAAS,CAAC,KAAK,EAAE,cAAc,2CAgBvC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alertIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,WAAW,EAEZ,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,cAAc,CAAC;AAEtB;;;;;GAKG;AACH,KAAK,cAAc,GAAG,WAAW,CAAC;AAElC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,iBAAS,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAgBrD;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}