@arkyn/components 3.0.1-beta.4 → 3.0.1-beta.40

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

@@ -0,0 +1,44 @@
+import { HTMLAttributes } from "react";
+import "./styles.css";
+type AlertContainerProps = {
+    schema: "success" | "danger" | "warning" | "info";
+} & HTMLAttributes<HTMLDivElement>;
+declare function useAlertContainer(): AlertContainerProps;
+/**
+ * AlertContainer component - used to display alert messages with different schemas
+ *
+ * @param props - AlertContainer component properties
+ * @param props.schema - Alert color scheme and semantic meaning: "success" | "danger" | "warning" | "info"
+ *
+ * **...Other valid HTML properties for div**
+ *
+ * @returns AlertContainer JSX element with context provider
+ *
+ * @example
+ * ```tsx
+ * // Basic alert
+ * <AlertContainer schema="info">
+ *   Alert message content
+ * </AlertContainer>
+ *
+ * // Success alert
+ * <AlertContainer schema="success">
+ *   Operation completed successfully!
+ * </AlertContainer>
+ *
+ * // Alert with title
+ * <AlertContainer schema="warning">
+ *   <AlertTitle>Warning</AlertTitle>
+ *   Please check your input data.
+ * </AlertContainer>
+ *
+ * // Danger alert
+ * <AlertContainer schema="danger">
+ *   <AlertTitle>Error</AlertTitle>
+ *   Something went wrong. Please try again.
+ * </AlertContainer>
+ * ```
+ */
+declare function AlertContainer(props: AlertContainerProps): import("react/jsx-runtime").JSX.Element;
+export { AlertContainer, useAlertContainer };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/{Alert/AlertContainer → alert/alertContainer}/index.js

@@ -1,11 +1,46 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
+import { AlertTitle } from "../alertTitle";
 import "./styles.css";
-import { AlertTitle } from "../AlertTitle";
 const AlertContainerContext = createContext({});
 function useAlertContainer() {
     return useContext(AlertContainerContext);
 }
+/**
+ * AlertContainer component - used to display alert messages with different schemas
+ *
+ * @param props - AlertContainer component properties
+ * @param props.schema - Alert color scheme and semantic meaning: "success" | "danger" | "warning" | "info"
+ *
+ * **...Other valid HTML properties for div**
+ *
+ * @returns AlertContainer JSX element with context provider
+ *
+ * @example
+ * ```tsx
+ * // Basic alert
+ * <AlertContainer schema="info">
+ *   Alert message content
+ * </AlertContainer>
+ *
+ * // Success alert
+ * <AlertContainer schema="success">
+ *   Operation completed successfully!
+ * </AlertContainer>
+ *
+ * // Alert with title
+ * <AlertContainer schema="warning">
+ *   <AlertTitle>Warning</AlertTitle>
+ *   Please check your input data.
+ * </AlertContainer>
+ *
+ * // Danger alert
+ * <AlertContainer schema="danger">
+ *   <AlertTitle>Error</AlertTitle>
+ *   Something went wrong. Please try again.
+ * </AlertContainer>
+ * ```
+ */
 function AlertContainer(props) {
     const { schema, children, className: baseClassName, ...rest } = props;
     const hasAlertTitle = (children) => {
@@ -18,7 +53,10 @@ function AlertContainer(props) {
                 if (nodes.type === AlertTitle) {
                     found = true;
                 }
-                else if (nodes.props && nodes.props.children) {
+                else if (nodes.props &&
+                    typeof nodes.props === "object" &&
+                    nodes.props !== null &&
+                    "children" in nodes.props) {
                     searchForAlertTitle(nodes.props.children);
                 }
             }

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

@@ -0,0 +1,45 @@
+import { HTMLAttributes } from "react";
+import "./styles.css";
+type AlertContentProps = HTMLAttributes<HTMLDivElement>;
+/**
+ * AlertContent component - used to wrap and style the main content area of alerts
+ *
+ * @param props - AlertContent component properties
+ *
+ * **...Other valid HTML properties for div**
+ *
+ * @returns AlertContent JSX element
+ *
+ * @example
+ * ```tsx
+ * // Basic alert content
+ * <AlertContainer schema="info">
+ *   <AlertContent>
+ *     This is the main alert message content.
+ *   </AlertContent>
+ * </AlertContainer>
+ *
+ * // Alert with title and content
+ * <AlertContainer schema="success">
+ *   <AlertContent>
+ *     <AlertTitle>Success</AlertTitle>
+ *     Your operation has been completed successfully.
+ *   </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>
+ * </AlertContainer>
+ * ```
+ */
+declare function AlertContent(props: AlertContentProps): import("react/jsx-runtime").JSX.Element;
+export { AlertContent };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "./styles.css";
+/**
+ * AlertContent component - used to wrap and style the main content area of alerts
+ *
+ * @param props - AlertContent component properties
+ *
+ * **...Other valid HTML properties for div**
+ *
+ * @returns AlertContent JSX element
+ *
+ * @example
+ * ```tsx
+ * // Basic alert content
+ * <AlertContainer schema="info">
+ *   <AlertContent>
+ *     This is the main alert message content.
+ *   </AlertContent>
+ * </AlertContainer>
+ *
+ * // Alert with title and content
+ * <AlertContainer schema="success">
+ *   <AlertContent>
+ *     <AlertTitle>Success</AlertTitle>
+ *     Your operation has been completed successfully.
+ *   </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>
+ * </AlertContainer>
+ * ```
+ */
+function AlertContent(props) {
+    const { className: baseClassName, ...rest } = props;
+    const className = `arkynAlertContent ${baseClassName}`;
+    return _jsx("div", { className: className.trim(), ...rest });
+}
+export { AlertContent };

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

@@ -0,0 +1,49 @@
+import { HTMLAttributes } from "react";
+import "./styles.css";
+type AlertDescriptionProps = HTMLAttributes<HTMLDivElement>;
+/**
+ * AlertDescription component - used to display additional descriptive text in alerts
+ *
+ * @param props - AlertDescription component properties
+ *
+ * **...Other valid HTML properties for div**
+ *
+ * @returns AlertDescription JSX element
+ *
+ * @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>
+ *
+ * // Success alert with description
+ * <AlertContainer schema="success">
+ *   <AlertContent>
+ *     <AlertTitle>Upload Complete</AlertTitle>
+ *     <AlertDescription>
+ *       Your file has been successfully uploaded and processed.
+ *     </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>
+ * </AlertContainer>
+ * ```
+ */
+declare function AlertDescription(props: AlertDescriptionProps): import("react/jsx-runtime").JSX.Element;
+export { AlertDescription };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,51 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "./styles.css";
+/**
+ * AlertDescription component - used to display additional descriptive text in alerts
+ *
+ * @param props - AlertDescription component properties
+ *
+ * **...Other valid HTML properties for div**
+ *
+ * @returns AlertDescription JSX element
+ *
+ * @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>
+ *
+ * // Success alert with description
+ * <AlertContainer schema="success">
+ *   <AlertContent>
+ *     <AlertTitle>Upload Complete</AlertTitle>
+ *     <AlertDescription>
+ *       Your file has been successfully uploaded and processed.
+ *     </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>
+ * </AlertContainer>
+ * ```
+ */
+function AlertDescription(props) {
+    const { className: baseClassName, ...rest } = props;
+    const className = `arkynAlertDescription ${baseClassName}`;
+    return _jsx("div", { className: className.trim(), ...rest });
+}
+export { AlertDescription };

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

@@ -0,0 +1,52 @@
+import { LucideProps } from "lucide-react";
+import "./styles.css";
+type AlertIconProps = LucideProps;
+/**
+ * AlertIcon component - automatically displays the appropriate icon based on the alert schema
+ *
+ * @param props - AlertIcon component properties
+ *
+ * **...Other valid Lucide icon properties**
+ *
+ * @returns AlertIcon JSX element with schema-specific icon
+ *
+ * @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
+ *
+ * @example
+ * ```tsx
+ * // Basic usage - icon automatically matches container schema
+ * <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>
+ * </AlertContainer>
+ * ```
+ */
+declare function AlertIcon(props: AlertIconProps): import("react/jsx-runtime").JSX.Element;
+export { AlertIcon };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,66 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AlertTriangle, CheckCircle2, Info, XCircle, } from "lucide-react";
+import { useAlertContainer } from "../alertContainer";
+import "./styles.css";
+/**
+ * AlertIcon component - automatically displays the appropriate icon based on the alert schema
+ *
+ * @param props - AlertIcon component properties
+ *
+ * **...Other valid Lucide icon properties**
+ *
+ * @returns AlertIcon JSX element with schema-specific icon
+ *
+ * @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
+ *
+ * @example
+ * ```tsx
+ * // Basic usage - icon automatically matches container schema
+ * <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>
+ * </AlertContainer>
+ * ```
+ */
+function AlertIcon(props) {
+    const { className: baseClassName, ...rest } = props;
+    const { schema } = useAlertContainer();
+    const className = `arkynAlertIcon ${schema} ${baseClassName}`;
+    switch (schema) {
+        case "success":
+            return _jsx(CheckCircle2, { className: className, ...rest });
+        case "danger":
+            return _jsx(XCircle, { className: className, ...rest });
+        case "warning":
+            return _jsx(AlertTriangle, { className: className, ...rest });
+        case "info":
+            return _jsx(Info, { className: className, ...rest });
+    }
+}
+export { AlertIcon };

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

@@ -0,0 +1,46 @@
+import { HTMLAttributes } from "react";
+import "./styles.css";
+type AlertTitleProps = HTMLAttributes<HTMLDivElement>;
+/**
+ * AlertTitle component - used to display the main title/heading of alerts
+ *
+ * @param props - AlertTitle component properties
+ *
+ * **...Other valid HTML properties for div**
+ *
+ * @returns AlertTitle JSX element
+ *
+ * @description
+ * This component affects the layout of the AlertContainer. When present, the container
+ * content will be aligned differently compared to alerts without a title.
+ *
+ * @example
+ * ```tsx
+ * // Basic alert with title
+ * <AlertContainer schema="info">
+ *   <AlertTitle>Information</AlertTitle>
+ *   <AlertDescription>This is important information.</AlertDescription>
+ * </AlertContainer>
+ *
+ * // Success alert with title and icon
+ * <AlertContainer schema="success">
+ *   <AlertIcon />
+ *   <AlertTitle>Success!</AlertTitle>
+ *   <AlertDescription>Your operation was completed.</AlertDescription>
+ * </AlertContainer>
+ *
+ * // Error alert with custom styling
+ * <AlertContainer schema="danger">
+ *   <AlertIcon />
+ *   <AlertTitle className="custom-title">
+ *     Critical Error
+ *   </AlertTitle>
+ *   <AlertDescription>
+ *     Please contact support immediately.
+ *   </AlertDescription>
+ * </AlertContainer>
+ * ```
+ */
+declare function AlertTitle(props: AlertTitleProps): import("react/jsx-runtime").JSX.Element;
+export { AlertTitle };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alertTitle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,cAAc,CAAC;AAEtB,KAAK,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AAEH,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,2CAKzC;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

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

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "./styles.css";
+/**
+ * AlertTitle component - used to display the main title/heading of alerts
+ *
+ * @param props - AlertTitle component properties
+ *
+ * **...Other valid HTML properties for div**
+ *
+ * @returns AlertTitle JSX element
+ *
+ * @description
+ * This component affects the layout of the AlertContainer. When present, the container
+ * content will be aligned differently compared to alerts without a title.
+ *
+ * @example
+ * ```tsx
+ * // Basic alert with title
+ * <AlertContainer schema="info">
+ *   <AlertTitle>Information</AlertTitle>
+ *   <AlertDescription>This is important information.</AlertDescription>
+ * </AlertContainer>
+ *
+ * // Success alert with title and icon
+ * <AlertContainer schema="success">
+ *   <AlertIcon />
+ *   <AlertTitle>Success!</AlertTitle>
+ *   <AlertDescription>Your operation was completed.</AlertDescription>
+ * </AlertContainer>
+ *
+ * // Error alert with custom styling
+ * <AlertContainer schema="danger">
+ *   <AlertIcon />
+ *   <AlertTitle className="custom-title">
+ *     Critical Error
+ *   </AlertTitle>
+ *   <AlertDescription>
+ *     Please contact support immediately.
+ *   </AlertDescription>
+ * </AlertContainer>
+ * ```
+ */
+function AlertTitle(props) {
+    const { className: baseClassName, ...rest } = props;
+    const className = `arkynAlertTitle ${baseClassName}`;
+    return _jsx("div", { className: className.trim(), ...rest });
+}
+export { AlertTitle };

package/dist/components/audioPlayer/index.d.ts

@@ -0,0 +1,60 @@
+import { AudioHTMLAttributes } from "react";
+import "./styles.css";
+type AudioInformationProps = {
+    currentTime: number;
+    totalTime: number;
+    formattedCurrentTime: string;
+    formattedTotalTime: string;
+};
+type AudioPlayerProps = Omit<AudioHTMLAttributes<HTMLAudioElement>, "onEnded" | "src"> & {
+    src: string;
+    disabled?: boolean;
+    onPlayAudio?: (props: AudioInformationProps) => void;
+    onPauseAudio?: (props: AudioInformationProps) => void;
+};
+/**
+ * AudioPlayer component - used to play audio files with playback controls
+ *
+ * @param props - AudioPlayer component properties
+ * @param props.src - Audio source URL (required)
+ * @param props.disabled - Whether the audio player is disabled. Default: false
+ * @param props.onPlayAudio - Callback function called when audio starts playing
+ * @param props.onPauseAudio - Callback function called when audio is paused
+ *
+ * **...Other valid HTML audio properties**
+ *
+ * @returns AudioPlayer JSX element
+ *
+ * @example
+ * ```tsx
+ * // Basic audio player
+ * <AudioPlayer src="/audio/sample.mp3" />
+ *
+ * // Audio player with callbacks
+ * <AudioPlayer
+ *   src="/audio/sample.mp3"
+ *   onPlayAudio={(info) => console.log('Playing:', info)}
+ *   onPauseAudio={(info) => console.log('Paused:', info)}
+ * />
+ *
+ * // Disabled audio player
+ * <AudioPlayer
+ *   src="/audio/sample.mp3"
+ *   disabled
+ * />
+ *
+ * // Audio player with additional HTML audio attributes
+ * <AudioPlayer
+ *   src="/audio/sample.mp3"
+ *   loop
+ *   preload="metadata"
+ *   onPlayAudio={(info) => {
+ *     console.log(`Current: ${info.formattedCurrentTime}`);
+ *     console.log(`Total: ${info.formattedTotalTime}`);
+ *   }}
+ * />
+ * ```
+ */
+declare function AudioPlayer(props: AudioPlayerProps): import("react/jsx-runtime").JSX.Element;
+export { AudioPlayer };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/audioPlayer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/audioPlayer/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAA+B,MAAM,OAAO,CAAC;AAIzE,OAAO,cAAc,CAAC;AAEtB,KAAK,qBAAqB,GAAG;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,KAAK,gBAAgB,GAAG,IAAI,CAC1B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,SAAS,GAAG,KAAK,CAClB,GAAG;IACF,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACrD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AAEH,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAoH3C;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}