@arkyn/components 3.0.1-beta.142 → 3.0.1-beta.144

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

@@ -2,61 +2,41 @@ import { jsx as _jsx } from "react/jsx-runtime";
 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>;
- * }
- */
+/** @internal Accesses the schema and HTML props of the enclosing `AlertContainer`. */
 function useAlertContainer() {
     return useContext(AlertContainerContext);
 }
 /**
- * AlertContainer - A flexible alert component that displays messages with different visual styles
- *
- * 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.
+ * AlertContainer — root wrapper for the Alert component set. Provides schema context to child components.
  *
- * @component
- * @memberof Alert
+ * Automatically detects whether an `AlertTitle` is present among children and adjusts layout:
+ * centered when no title, left-aligned when a title is present.
  *
- * @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
+ * @param props.schema - Visual style variant. Required.
+ * @param props.children - Alert sub-components: `AlertIcon`, `AlertContent`, `AlertTitle`, `AlertDescription`.
  *
- * @returns {JSX.Element} A styled alert container with context provider for child components
+ * **...Other valid HTML properties for `<div>`**
  *
- * @requires react - For createContext, useContext, ReactNode
+ * @returns AlertContainer JSX element.
  *
  * @example
- * // Basic usage
+ * ```tsx
+ * // Inline alert — no title, centered layout
  * <AlertContainer schema="success">
- *  {children}
+ *   <AlertIcon />
+ *   <AlertContent>Your subscription has been activated.</AlertContent>
  * </AlertContainer>
  *
- * @example
- * // Complete alert example
- * <AlertContainer schema="success">
- *  <AlertIcon />
- *  <AlertContent>
- *    <AlertTitle>Success!</AlertTitle>
- *    <AlertDescription>
- *      You are premium user now!
- *    </AlertDescription>
- *  </AlertContent>
+ * // Full alert with title and description — left-aligned layout
+ * <AlertContainer schema="danger">
+ *   <AlertIcon />
+ *   <AlertContent>
+ *     <AlertTitle>Payment failed</AlertTitle>
+ *     <AlertDescription>Please check your card details and try again.</AlertDescription>
+ *   </AlertContent>
  * </AlertContainer>
+ * ```
  */
 function AlertContainer(props) {
     const { schema, children, className: baseClassName, ...rest } = props;

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

@@ -1,48 +1,23 @@
 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 that renders the main content area of an alert.
- *
- * @component
- * @memberof Alert
- *
- * @description
- * This component serves as a container for the main content within an Alert component.
- * Supports all standard HTML div attributes for maximum flexibility.
+ * AlertContent — text/content area inside an `AlertContainer`. Wraps `AlertTitle` and `AlertDescription`.
  *
- * @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
+ * Accepts all standard `<div>` HTML attributes.
  *
- * @returns {JSX.Element} A div element with the alert content styling
- *
- * @requires react
- *
- * @example
- * // Basic usage
- * <AlertContainer schema="success">
- *  <AlertContent>
- *   {children}
- *  </AlertContent>
- * </AlertContainer>
+ * @returns AlertContent JSX element.
  *
  * @example
- * // Complete alert example
- * <AlertContainer schema="success">
- *  <AlertIcon />
- *  <AlertContent>
- *    <AlertTitle>Success!</AlertTitle>
- *    <AlertDescription>
- *      You are premium user now!
- *    </AlertDescription>
- *  </AlertContent>
+ * ```tsx
+ * <AlertContainer schema="warning">
+ *   <AlertIcon />
+ *   <AlertContent>
+ *     <AlertTitle>Session expiring</AlertTitle>
+ *     <AlertDescription>You will be logged out in 5 minutes.</AlertDescription>
+ *   </AlertContent>
  * </AlertContainer>
+ * ```
  */
 declare function AlertContent(props: AlertContentProps): JSX.Element;
 export { AlertContent };

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,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"}
+{"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,KAAK,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAExD;;;;;;;;;;;;;;;;;GAiBG;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,42 +1,22 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "./styles.css";
 /**
- * AlertContent component that renders the main content area of an alert.
+ * AlertContent — text/content area inside an `AlertContainer`. Wraps `AlertTitle` and `AlertDescription`.
  *
- * @component
- * @memberof Alert
+ * Accepts all standard `<div>` HTML attributes.
  *
- * @description
- * This component serves as a container for the main content within an Alert component.
- * Supports all standard HTML div attributes for maximum flexibility.
- *
- * @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
- *
- * @returns {JSX.Element} A div element with the alert content styling
- *
- * @requires react
- *
- * @example
- * // Basic usage
- * <AlertContainer schema="success">
- *  <AlertContent>
- *   {children}
- *  </AlertContent>
- * </AlertContainer>
+ * @returns AlertContent JSX element.
  *
  * @example
- * // Complete alert example
- * <AlertContainer schema="success">
- *  <AlertIcon />
- *  <AlertContent>
- *    <AlertTitle>Success!</AlertTitle>
- *    <AlertDescription>
- *      You are premium user now!
- *    </AlertDescription>
- *  </AlertContent>
+ * ```tsx
+ * <AlertContainer schema="warning">
+ *   <AlertIcon />
+ *   <AlertContent>
+ *     <AlertTitle>Session expiring</AlertTitle>
+ *     <AlertDescription>You will be logged out in 5 minutes.</AlertDescription>
+ *   </AlertContent>
  * </AlertContainer>
+ * ```
  */
 function AlertContent(props) {
     const { className: baseClassName, ...rest } = props;

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

@@ -1,50 +1,22 @@
 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 displays descriptive text content within an Alert component.
- *
- * 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.
- *
- * @component
- * @memberof Alert
+ * AlertDescription — body text for an alert. Place inside `AlertContent`.
  *
- * @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
+ * Accepts all standard `<div>` HTML attributes.
  *
- * @returns {JSX.Element} A div element with alert description styling
- *
- * @requires react
- *
- * @example
- * // Basic usage
- * <AlertContainer schema="success">
- *  <AlertContent>
- *    <AlertDescription>
- *      Your are premium user now!
- *    </AlertDescription>
- *  </AlertContent>
- * </AlertContainer>
+ * @returns AlertDescription JSX element.
  *
  * @example
- * // Complete alert example
- * <AlertContainer schema="success">
- *  <AlertIcon />
- *  <AlertContent>
- *    <AlertTitle>Success!</AlertTitle>
- *    <AlertDescription>
- *      You are premium user now!
- *    </AlertDescription>
- *  </AlertContent>
+ * ```tsx
+ * <AlertContainer schema="info">
+ *   <AlertContent>
+ *     <AlertTitle>Maintenance scheduled</AlertTitle>
+ *     <AlertDescription>The service will be unavailable on Sunday from 2–4 AM UTC.</AlertDescription>
+ *   </AlertContent>
  * </AlertContainer>
+ * ```
  */
 declare function AlertDescription(props: AlertDescriptionProps): JSX.Element;
 export { AlertDescription };

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,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"}
+{"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,KAAK,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE5D;;;;;;;;;;;;;;;;GAgBG;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,44 +1,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "./styles.css";
 /**
- * AlertDescription component displays descriptive text content within an Alert component.
+ * AlertDescription — body text for an alert. Place inside `AlertContent`.
  *
- * 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.
+ * Accepts all standard `<div>` HTML attributes.
  *
- * @component
- * @memberof Alert
- *
- * @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
- *
- * @returns {JSX.Element} A div element with alert description styling
- *
- * @requires react
- *
- * @example
- * // Basic usage
- * <AlertContainer schema="success">
- *  <AlertContent>
- *    <AlertDescription>
- *      Your are premium user now!
- *    </AlertDescription>
- *  </AlertContent>
- * </AlertContainer>
+ * @returns AlertDescription JSX element.
  *
  * @example
- * // Complete alert example
- * <AlertContainer schema="success">
- *  <AlertIcon />
- *  <AlertContent>
- *    <AlertTitle>Success!</AlertTitle>
- *    <AlertDescription>
- *      You are premium user now!
- *    </AlertDescription>
- *  </AlertContent>
+ * ```tsx
+ * <AlertContainer schema="info">
+ *   <AlertContent>
+ *     <AlertTitle>Maintenance scheduled</AlertTitle>
+ *     <AlertDescription>The service will be unavailable on Sunday from 2–4 AM UTC.</AlertDescription>
+ *   </AlertContent>
  * </AlertContainer>
+ * ```
  */
 function AlertDescription(props) {
     const { className: baseClassName, ...rest } = props;

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

@@ -1,53 +1,29 @@
 import { LucideProps } from "lucide-react";
 import { JSX } from "react";
 import "./styles.css";
-/**
- * Props for the AlertIcon component.
- * Extends all props from Lucide's icon components.
- *
- * @typedef {LucideProps} AlertIconProps
- */
 type AlertIconProps = LucideProps;
 /**
- * AlertIcon component that renders different icons based on the alert schema.
- *
- * @component
- * @memberof Alert
+ * AlertIcon — renders a schema-appropriate icon from `AlertContainer` context.
  *
- * @description
- * This component automatically selects and renders the appropriate icon based on the
- * 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
+ * - `success` → `CheckCircle2`
+ * - `danger` → `XCircle`
+ * - `warning` → `AlertTriangle`
+ * - `info` → `Info`
  *
- * @param {AlertIconProps} props - Component props extending LucideProps
- * @param {string} [props.className] - Additional CSS class names to apply to the icon
+ * Must be placed inside an `AlertContainer`. Accepts all Lucide icon props.
  *
- * @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
+ * @returns The schema-matched Lucide icon element.
  *
  * @example
- * // This component is used internally within an Alert component
- * // and should not be used standalone as it depends on AlertContainer context
- * <AlertContainer schema="success">
+ * ```tsx
+ * <AlertContainer schema="danger">
  *   <AlertIcon />
+ *   <AlertContent>
+ *     <AlertTitle>Payment failed</AlertTitle>
+ *     <AlertDescription>Please check your card details.</AlertDescription>
+ *   </AlertContent>
  * </AlertContainer>
- *
- * @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): JSX.Element;
 export { AlertIcon };

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;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"}
+{"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,KAAK,cAAc,GAAG,WAAW,CAAC;AAElC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,iBAAS,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAgBrD;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

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

@@ -3,45 +3,27 @@ import { AlertTriangle, CheckCircle2, Info, XCircle, } from "lucide-react";
 import { useAlertContainer } from "../alertContainer";
 import "./styles.css";
 /**
- * AlertIcon component that renders different icons based on the alert schema.
+ * AlertIcon — renders a schema-appropriate icon from `AlertContainer` context.
  *
- * @component
- * @memberof Alert
+ * - `success` → `CheckCircle2`
+ * - `danger` → `XCircle`
+ * - `warning` → `AlertTriangle`
+ * - `info` → `Info`
  *
- * @description
- * This component automatically selects and renders the appropriate icon based on the
- * 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
+ * Must be placed inside an `AlertContainer`. Accepts all Lucide icon props.
  *
- * @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
+ * @returns The schema-matched Lucide icon element.
  *
  * @example
- * // This component is used internally within an Alert component
- * // and should not be used standalone as it depends on AlertContainer context
- * <AlertContainer schema="success">
+ * ```tsx
+ * <AlertContainer schema="danger">
  *   <AlertIcon />
+ *   <AlertContent>
+ *     <AlertTitle>Payment failed</AlertTitle>
+ *     <AlertDescription>Please check your card details.</AlertDescription>
+ *   </AlertContent>
  * </AlertContainer>
- *
- * @example
- * // Complete alert example
- * <AlertContainer schema="success">
- *  <AlertIcon />
- *  <AlertContent>
- *    <AlertTitle>Success!</AlertTitle>
- *    <AlertDescription>
- *      You are premium user now!
- *    </AlertDescription>
- *  </AlertContent>
- * </AlertContainer>
+ * ```
  */
 function AlertIcon(props) {
     const { className: baseClassName, ...rest } = props;

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

@@ -1,47 +1,24 @@
 import { HTMLAttributes, JSX } from "react";
 import "./styles.css";
-/**
- * Props for the AlertTitle component.
- * Extends all standard HTML div element attributes.
- *
- * @typedef {Object} AlertTitleProps
- * @property {string} [className] - Additional CSS class names to apply to the alert title
- * @extends {HTMLAttributes<HTMLDivElement>}
- */
 type AlertTitleProps = HTMLAttributes<HTMLDivElement>;
 /**
- * AlertTitle component - Displays the title section of an alert message.
- *
- * This component renders a styled title for alert components, providing semantic structure
- * and consistent styling across the application.
- *
- * @component
- * @memberof Alert
+ * AlertTitle — bold heading for an alert. Place inside `AlertContent`.
  *
- * @param {AlertTitleProps} props - Component props extending HTML div attributes
+ * Its presence is detected by `AlertContainer` to switch the layout from centered to left-aligned.
+ * Accepts all standard `<div>` HTML attributes.
  *
- * @returns {JSX.Element} A div element with alert title styling
- *
- * @requires react
- *
- * @example
- * // Basic usage
- * <AlertContainer schema="success">
- *   <AlertTitle>Success!</AlertTitle>
- *   <AlertDescription>Your changes have been saved.</AlertDescription>
- * </AlertContainer>
+ * @returns AlertTitle JSX element.
  *
  * @example
- * // Complete alert example
- * <AlertContainer schema="success">
- *  <AlertIcon />
- *  <AlertContent>
- *    <AlertTitle>Success!</AlertTitle>
- *    <AlertDescription>
- *      You are premium user now!
- *    </AlertDescription>
- *  </AlertContent>
+ * ```tsx
+ * <AlertContainer schema="danger">
+ *   <AlertIcon />
+ *   <AlertContent>
+ *     <AlertTitle>Access denied</AlertTitle>
+ *     <AlertDescription>You don't have permission to view this page.</AlertDescription>
+ *   </AlertContent>
  * </AlertContainer>
+ * ```
  */
 declare function AlertTitle(props: AlertTitleProps): JSX.Element;
 export { AlertTitle };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alertTitle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,cAAc,CAAC;AAEtB;;;;;;;GAOG;AACH,KAAK,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAKvD;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alertTitle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,cAAc,CAAC;AAEtB,KAAK,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEtD;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAKvD;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

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

@@ -1,38 +1,23 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "./styles.css";
 /**
- * AlertTitle component - Displays the title section of an alert message.
+ * AlertTitle — bold heading for an alert. Place inside `AlertContent`.
  *
- * This component renders a styled title for alert components, providing semantic structure
- * and consistent styling across the application.
+ * Its presence is detected by `AlertContainer` to switch the layout from centered to left-aligned.
+ * Accepts all standard `<div>` HTML attributes.
  *
- * @component
- * @memberof Alert
- *
- * @param {AlertTitleProps} props - Component props extending HTML div attributes
- *
- * @returns {JSX.Element} A div element with alert title styling
- *
- * @requires react
- *
- * @example
- * // Basic usage
- * <AlertContainer schema="success">
- *   <AlertTitle>Success!</AlertTitle>
- *   <AlertDescription>Your changes have been saved.</AlertDescription>
- * </AlertContainer>
+ * @returns AlertTitle JSX element.
  *
  * @example
- * // Complete alert example
- * <AlertContainer schema="success">
- *  <AlertIcon />
- *  <AlertContent>
- *    <AlertTitle>Success!</AlertTitle>
- *    <AlertDescription>
- *      You are premium user now!
- *    </AlertDescription>
- *  </AlertContent>
+ * ```tsx
+ * <AlertContainer schema="danger">
+ *   <AlertIcon />
+ *   <AlertContent>
+ *     <AlertTitle>Access denied</AlertTitle>
+ *     <AlertDescription>You don't have permission to view this page.</AlertDescription>
+ *   </AlertContent>
  * </AlertContainer>
+ * ```
  */
 function AlertTitle(props) {
     const { className: baseClassName, ...rest } = props;