@atom-learning/components 6.0.0-beta.0 → 6.0.0-beta.10

package/dist/components/banner/banner-slim/BannerSlim.d.ts

@@ -0,0 +1,326 @@
+import * as React from 'react';
+import { Banner } from '../Banner';
+import { BannerContainer } from '../BannerContainer';
+export declare const BannerSlim: {
+    ({ colorScheme, size, emphasis, onDismiss, ...rest }: React.ComponentProps<typeof Banner> & React.ComponentProps<typeof BannerContainer>): React.JSX.Element;
+    displayName: string;
+} & {
+    Content: {
+        (props: React.ComponentProps<React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+            ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        }, "direction" | "align" | "wrap" | "justify" | "gap"> & {
+            direction?: ("row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">>) | undefined;
+            wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
+            justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
+            align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
+            gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
+        } & {
+            as?: React.ElementType;
+        }, "ref"> & React.RefAttributes<HTMLDivElement>, never> & {
+            as?: React.ElementType;
+        }, "ref"> & React.RefAttributes<HTMLDivElement>>>): React.JSX.Element;
+        displayName: string;
+    };
+    Text: {
+        (props: React.ComponentProps<typeof import("../..").Text>): React.JSX.Element;
+        displayName: string;
+    };
+    Image: {
+        (props: React.ComponentProps<typeof import("../..").Image>): React.JSX.Element;
+        displayName: string;
+    };
+    Button: {
+        ({ className, ...props }: React.ComponentProps<typeof import("../..").Button>): React.JSX.Element;
+        displayName: string;
+    };
+    Dismiss: {
+        ({ label, ...rest }: {
+            theme?: ("warning" | "success" | "neutral" | "primary" | "white" | "primaryDark" | "danger" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "warning" | "success" | "neutral" | "primary" | "white" | "primaryDark" | "danger">>) | undefined;
+            form?: string | undefined | undefined;
+            label: string;
+            slot?: string | undefined | undefined;
+            style?: React.CSSProperties | undefined;
+            title?: string | undefined | undefined;
+            value?: string | number | readonly string[] | undefined;
+            ref?: React.Ref<HTMLButtonElement> | undefined;
+            className?: string | undefined | undefined;
+            color?: string | undefined | undefined;
+            id?: string | undefined | undefined;
+            lang?: string | undefined | undefined;
+            name?: string | undefined | undefined;
+            type?: "submit" | "reset" | "button" | undefined | undefined;
+            role?: React.AriaRole | undefined;
+            tabIndex?: number | undefined | undefined;
+            "aria-activedescendant"?: string | undefined | undefined;
+            "aria-atomic"?: (boolean | "true" | "false") | undefined;
+            "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+            "aria-busy"?: (boolean | "true" | "false") | undefined;
+            "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+            "aria-colcount"?: number | undefined | undefined;
+            "aria-colindex"?: number | undefined | undefined;
+            "aria-colspan"?: number | undefined | undefined;
+            "aria-controls"?: string | undefined | undefined;
+            "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+            "aria-describedby"?: string | undefined | undefined;
+            "aria-details"?: string | undefined | undefined;
+            "aria-disabled"?: (boolean | "true" | "false") | undefined;
+            "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+            "aria-errormessage"?: string | undefined | undefined;
+            "aria-expanded"?: (boolean | "true" | "false") | undefined;
+            "aria-flowto"?: string | undefined | undefined;
+            "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+            "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+            "aria-hidden"?: (boolean | "true" | "false") | undefined;
+            "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+            "aria-keyshortcuts"?: string | undefined | undefined;
+            "aria-label"?: string | undefined | undefined;
+            "aria-labelledby"?: string | undefined | undefined;
+            "aria-level"?: number | undefined | undefined;
+            "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+            "aria-modal"?: (boolean | "true" | "false") | undefined;
+            "aria-multiline"?: (boolean | "true" | "false") | undefined;
+            "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+            "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+            "aria-owns"?: string | undefined | undefined;
+            "aria-placeholder"?: string | undefined | undefined;
+            "aria-posinset"?: number | undefined | undefined;
+            "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+            "aria-readonly"?: (boolean | "true" | "false") | undefined;
+            "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+            "aria-required"?: (boolean | "true" | "false") | undefined;
+            "aria-roledescription"?: string | undefined | undefined;
+            "aria-rowcount"?: number | undefined | undefined;
+            "aria-rowindex"?: number | undefined | undefined;
+            "aria-rowspan"?: number | undefined | undefined;
+            "aria-selected"?: (boolean | "true" | "false") | undefined;
+            "aria-setsize"?: number | undefined | undefined;
+            "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+            "aria-valuemax"?: number | undefined | undefined;
+            "aria-valuemin"?: number | undefined | undefined;
+            "aria-valuenow"?: number | undefined | undefined;
+            "aria-valuetext"?: string | undefined | undefined;
+            dangerouslySetInnerHTML?: {
+                __html: string | TrustedHTML;
+            } | undefined | undefined;
+            onCopy?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
+            onCopyCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
+            onCut?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
+            onCutCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
+            onPaste?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
+            onPasteCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
+            onCompositionEnd?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
+            onCompositionEndCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
+            onCompositionStart?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
+            onCompositionStartCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
+            onCompositionUpdate?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
+            onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLButtonElement> | undefined;
+            onFocus?: React.FocusEventHandler<HTMLButtonElement> | undefined;
+            onFocusCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
+            onBlur?: React.FocusEventHandler<HTMLButtonElement> | undefined;
+            onBlurCapture?: React.FocusEventHandler<HTMLButtonElement> | undefined;
+            onChange?: React.FormEventHandler<HTMLButtonElement> | undefined;
+            onChangeCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+            onBeforeInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
+            onBeforeInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+            onInput?: React.FormEventHandler<HTMLButtonElement> | undefined;
+            onInputCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+            onReset?: React.FormEventHandler<HTMLButtonElement> | undefined;
+            onResetCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+            onSubmit?: React.FormEventHandler<HTMLButtonElement> | undefined;
+            onSubmitCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+            onInvalid?: React.FormEventHandler<HTMLButtonElement> | undefined;
+            onInvalidCapture?: React.FormEventHandler<HTMLButtonElement> | undefined;
+            onLoad?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onLoadCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onError?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onErrorCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
+            onKeyDownCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
+            onKeyPress?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
+            onKeyPressCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
+            onKeyUp?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
+            onKeyUpCapture?: React.KeyboardEventHandler<HTMLButtonElement> | undefined;
+            onAbort?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onAbortCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onCanPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onCanPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onCanPlayThrough?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onCanPlayThroughCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onDurationChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onDurationChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onEmptied?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onEmptiedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onEncrypted?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onEncryptedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onEnded?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onEndedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onLoadedData?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onLoadedDataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onLoadedMetadata?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onLoadedMetadataCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onLoadStart?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onLoadStartCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onPause?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onPauseCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onPlay?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onPlayCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onPlaying?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onPlayingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onProgress?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onProgressCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onRateChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onRateChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onSeeked?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onSeekedCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onSeeking?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onSeekingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onStalled?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onStalledCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onSuspend?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onSuspendCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onTimeUpdate?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onTimeUpdateCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onVolumeChange?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onVolumeChangeCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onWaiting?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onWaitingCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onAuxClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+            onAuxClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+            onClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+            onContextMenu?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+            onContextMenuCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+            onDoubleClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+            onDoubleClickCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+            onDrag?: React.DragEventHandler<HTMLButtonElement> | undefined;
+            onDragCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
+            onDragEnd?: React.DragEventHandler<HTMLButtonElement> | undefined;
+            onDragEndCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
+            onDragEnter?: React.DragEventHandler<HTMLButtonElement> | undefined;
+            onDragEnterCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
+            onDragExit?: React.DragEventHandler<HTMLButtonElement> | undefined;
+            onDragExitCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
+            onDragLeave?: React.DragEventHandler<HTMLButtonElement> | undefined;
+            onDragLeaveCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
+            onDragOver?: React.DragEventHandler<HTMLButtonElement> | undefined;
+            onDragOverCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
+            onDragStart?: React.DragEventHandler<HTMLButtonElement> | undefined;
+            onDragStartCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
+            onDrop?: React.DragEventHandler<HTMLButtonElement> | undefined;
+            onDropCapture?: React.DragEventHandler<HTMLButtonElement> | undefined;
+            onMouseDown?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+            onMouseDownCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+            onMouseEnter?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+            onMouseLeave?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+            onMouseMove?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+            onMouseMoveCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+            onMouseOut?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+            onMouseOutCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+            onMouseOver?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+            onMouseOverCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+            onMouseUp?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+            onMouseUpCapture?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+            onSelect?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onSelectCapture?: React.ReactEventHandler<HTMLButtonElement> | undefined;
+            onTouchCancel?: React.TouchEventHandler<HTMLButtonElement> | undefined;
+            onTouchCancelCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
+            onTouchEnd?: React.TouchEventHandler<HTMLButtonElement> | undefined;
+            onTouchEndCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
+            onTouchMove?: React.TouchEventHandler<HTMLButtonElement> | undefined;
+            onTouchMoveCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
+            onTouchStart?: React.TouchEventHandler<HTMLButtonElement> | undefined;
+            onTouchStartCapture?: React.TouchEventHandler<HTMLButtonElement> | undefined;
+            onPointerDown?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+            onPointerDownCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+            onPointerMove?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+            onPointerMoveCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+            onPointerUp?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+            onPointerUpCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+            onPointerCancel?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+            onPointerCancelCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+            onPointerEnter?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+            onPointerEnterCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+            onPointerLeave?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+            onPointerLeaveCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+            onPointerOver?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+            onPointerOverCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+            onPointerOut?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+            onPointerOutCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+            onGotPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+            onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+            onLostPointerCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+            onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLButtonElement> | undefined;
+            onScroll?: React.UIEventHandler<HTMLButtonElement> | undefined;
+            onScrollCapture?: React.UIEventHandler<HTMLButtonElement> | undefined;
+            onWheel?: React.WheelEventHandler<HTMLButtonElement> | undefined;
+            onWheelCapture?: React.WheelEventHandler<HTMLButtonElement> | undefined;
+            onAnimationStart?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
+            onAnimationStartCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
+            onAnimationEnd?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
+            onAnimationEndCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
+            onAnimationIteration?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
+            onAnimationIterationCapture?: React.AnimationEventHandler<HTMLButtonElement> | undefined;
+            onTransitionEnd?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+            onTransitionEndCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
+            key?: React.Key | null | undefined;
+            defaultChecked?: boolean | undefined | undefined;
+            defaultValue?: string | number | readonly string[] | undefined;
+            suppressContentEditableWarning?: boolean | undefined | undefined;
+            suppressHydrationWarning?: boolean | undefined | undefined;
+            accessKey?: string | undefined | undefined;
+            autoFocus?: boolean | undefined | undefined;
+            contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+            contextMenu?: string | undefined | undefined;
+            dir?: string | undefined | undefined;
+            draggable?: (boolean | "true" | "false") | undefined;
+            hidden?: boolean | undefined | undefined;
+            nonce?: string | undefined | undefined;
+            placeholder?: string | undefined | undefined;
+            spellCheck?: (boolean | "true" | "false") | undefined;
+            translate?: "yes" | "no" | undefined | undefined;
+            radioGroup?: string | undefined | undefined;
+            about?: string | undefined | undefined;
+            content?: string | undefined | undefined;
+            datatype?: string | undefined | undefined;
+            inlist?: any;
+            prefix?: string | undefined | undefined;
+            property?: string | undefined | undefined;
+            rel?: string | undefined | undefined;
+            resource?: string | undefined | undefined;
+            rev?: string | undefined | undefined;
+            typeof?: string | undefined | undefined;
+            vocab?: string | undefined | undefined;
+            autoCapitalize?: string | undefined | undefined;
+            autoCorrect?: string | undefined | undefined;
+            autoSave?: string | undefined | undefined;
+            itemProp?: string | undefined | undefined;
+            itemScope?: boolean | undefined | undefined;
+            itemType?: string | undefined | undefined;
+            itemID?: string | undefined | undefined;
+            itemRef?: string | undefined | undefined;
+            results?: number | undefined | undefined;
+            security?: string | undefined | undefined;
+            unselectable?: "on" | "off" | undefined | undefined;
+            inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+            is?: string | undefined | undefined;
+            as?: ((boolean | React.ReactChild | React.ReactFragment | React.ReactPortal | null) & React.ElementType) | undefined;
+            disabled?: boolean | undefined | undefined;
+            formAction?: string | undefined | undefined;
+            formEncType?: string | undefined | undefined;
+            formMethod?: string | undefined | undefined;
+            formNoValidate?: boolean | undefined | undefined;
+            formTarget?: string | undefined | undefined;
+            size?: ("sm" | "md" | "lg" | "xs" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs">>) | undefined;
+            appearance?: ("simple" | "outline" | "solid" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "simple" | "outline" | "solid">>) | undefined;
+            hasTooltip?: boolean | undefined;
+            tooltipSide?: "left" | "right" | "top" | "bottom" | undefined;
+            isRounded?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+            emphasis?: ("bold" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold">>) | undefined;
+            containerSize?: ("sm" | "md" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md">>) | undefined;
+        }): JSX.Element;
+        displayName: string;
+    };
+    Actions: {
+        ({ children, ...props }: React.ComponentProps<typeof import("../..").Flex>): React.JSX.Element;
+        displayName: string;
+    };
+};

package/dist/components/banner/banner-slim/BannerSlimActions.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { Flex } from '../../flex';
+export declare const BannerSlimActions: {
+    ({ children, ...props }: React.ComponentProps<typeof Flex>): React.JSX.Element;
+    displayName: string;
+};

package/dist/components/banner/banner-slim/BannerSlimButton.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { Button } from '../../button';
+export declare const BannerSlimButton: {
+    ({ className, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
+    displayName: string;
+};

package/dist/components/banner/banner-slim/BannerSlimContainer.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+declare const StyledBannerSlimContainer: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "direction" | "align" | "wrap" | "justify" | "gap"> & {
+    direction?: ("row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">>) | undefined;
+    wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
+    justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
+    align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
+    gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement>, "size" | "emphasis"> & {
+    emphasis?: ("bold" | "subtle" | "minimal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "subtle" | "minimal">>) | undefined;
+    size?: ("sm" | "md" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement> & {
+    colorScheme?: import("../../..").TcolorScheme;
+} & import("../../dismissible/DismissibleRoot").IDismissibleRootInternalProps & import("../../dismissible/DismissibleRoot").IDismissibleRootProps & {
+    children?: React.ReactNode | undefined;
+}, "sizeWorkaround"> & {
+    sizeWorkaround?: ("sm" | "md" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type TBannerSlimContainerProps = Omit<React.ComponentProps<typeof StyledBannerSlimContainer>, 'direction' | 'align' | 'wrap' | 'gap' | 'justify'>;
+export declare const BannerSlimContainer: {
+    (props: TBannerSlimContainerProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/components/banner/banner-slim/BannerSlimContent.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+declare const StyledBannerSlimContent: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "direction" | "align" | "wrap" | "justify" | "gap"> & {
+    direction?: ("row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">>) | undefined;
+    wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
+    justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
+    align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
+    gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement>, never> & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const BannerSlimContent: {
+    (props: React.ComponentProps<typeof StyledBannerSlimContent>): React.JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/components/banner/banner-slim/BannerSlimDismiss.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+declare const StyledDismiss: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
+}, "theme" | "size" | "appearance" | "isRounded"> & {
+    theme?: ("warning" | "success" | "neutral" | "primary" | "white" | "primaryDark" | "danger" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "warning" | "success" | "neutral" | "primary" | "white" | "primaryDark" | "danger">>) | undefined;
+    appearance?: ("simple" | "outline" | "solid" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "simple" | "outline" | "solid">>) | undefined;
+    size?: ("sm" | "md" | "lg" | "xs" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs">>) | undefined;
+    isRounded?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>, "children" | "label" | "as" | keyof import("../../../types").NavigatorActions | "hasTooltip" | "tooltipSide"> & {
+    as?: string | React.ReactNode;
+    children: React.ReactNode;
+    label: string;
+} & Omit<import("../../../utilities/optional-tooltip-wrapper").TOptionalTooltipWrapperProps, "label"> & import("../../../types").NavigatorActions, "ref"> & React.RefAttributes<HTMLButtonElement>, "emphasis" | "containerSize"> & {
+    emphasis?: ("bold" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold">>) | undefined;
+    containerSize?: ("sm" | "md" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md">>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+type TBannerSlimDismissProps = Omit<React.ComponentProps<typeof StyledDismiss>, 'children' | 'onClick' | 'href'>;
+export declare const BannerSlimDismiss: {
+    ({ label, ...rest }: TBannerSlimDismissProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/components/banner/banner-slim/BannerSlimImage.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { Image } from '../../image';
+export declare const BannerSlimImage: {
+    (props: React.ComponentProps<typeof Image>): React.JSX.Element;
+    displayName: string;
+};

package/dist/components/banner/banner-slim/BannerSlimText.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { Text } from '../../text';
+export declare const BannerSlimText: {
+    (props: React.ComponentProps<typeof Text>): React.JSX.Element;
+    displayName: string;
+};

package/dist/components/banner/banner-slim/index.d.ts

@@ -0,0 +1 @@
+export * from './BannerSlim';

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

@@ -0,0 +1,2 @@
+export * from './banner-regular';
+export * from './banner-slim';

package/dist/components/box/Box.d.ts

@@ -0,0 +1,5 @@
+export declare const Box: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never> & {
+    as?: import("react").ElementType;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1 @@
+export { Box } from './Box';

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { NavigatorActions } from '../../types';
+import { Override } from '../../utilities';
+export declare const StyledButton: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
+}, "theme" | "size" | "appearance" | "isLoading" | "fullWidth"> & {
+    theme?: ("warning" | "success" | "neutral" | "primary" | "danger" | "secondary" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "warning" | "success" | "neutral" | "primary" | "danger" | "secondary">>) | undefined;
+    appearance?: ("outline" | "solid" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "outline" | "solid">>) | undefined;
+    size?: ("sm" | "md" | "lg" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xl">>) | undefined;
+    isLoading?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    fullWidth?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+} & {
+    as?: React.ElementType;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+type ButtonProps = Override<React.ComponentProps<typeof StyledButton>, {
+    as?: React.ComponentType | React.ElementType;
+    children: React.ReactNode;
+    href?: string;
+    isLoading?: boolean;
+} & NavigatorActions>;
+export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export {};

package/dist/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Loader } from '~/components/loader'\nimport { styled } from '~/styled'\nimport { NavigatorActions } from '~/types'\nimport { Override } from '~/utilities'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nexport const StyledButton = styled('button', {\n  base: [\n    'items-center',\n    'bg-[unset]',\n    'border-[unset]',\n    'rounded-md',\n    'cursor-pointer',\n    'flex',\n    'font-body',\n    'font-semibold',\n    'justify-center',\n    'px-[unset]',\n    'py-[unset]',\n    'no-underline',\n    'transition-all',\n    'duration-100',\n    'ease-out',\n    'whitespace-nowrap',\n    'w-max',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30'\n  ],\n  variants: {\n    theme: {\n      primary: [\n        '[--base:var(--color-primary-800)]',\n        '[--interact:var(--color-primary-900)]',\n        '[--active:var(--color-primary-1000)]'\n      ],\n      secondary: [\n        '[--base:var(--color-primary-1000)]',\n        '[--interact:var(--color-primary-1100)]',\n        '[--active:var(--color-primary-1200)]'\n      ],\n      success: [\n        '[--base:var(--color-success)]',\n        '[--interact:var(--color-success-mid)]',\n        '[--active:var(--color-success-dark)]'\n      ],\n      warning: [\n        '[--base:var(--color-warning)]',\n        '[--interact:var(--color-warning-mid)]',\n        '[--active:var(--color-warning-dark)]'\n      ],\n      danger: [\n        '[--base:var(--color-danger)]',\n        '[--interact:var(--color-danger-mid)]',\n        '[--active:var(--color-danger-dark)]'\n      ],\n      neutral: [\n        '[--base:white]',\n        '[--interact:rgba(white,0.1)]',\n        '[--active:rgba(white,0.25)]',\n        '[--text:var(--color-primary-800)]'\n      ]\n    },\n    appearance: {\n      solid: [\n        'bg-(--base)',\n        'text-(--text,white)',\n        'disabled:opacity-30',\n        'disabled:cursor-not-allowed',\n        'not-disabled:hover:bg-(--interact)',\n        'not-disabled:hover:text-(--text,white)',\n        'not-disabled:focus:bg-(--interact)',\n        'not-disabled:focus:text-(--text,white)',\n        'not-disabled:active:bg-(--active)'\n      ],\n      outline: [\n        'border',\n\n        'border-current',\n        'text-(--base)',\n        'disabled:opacity-30',\n        'disabled:cursor-not-allowed',\n        'not-disabled:hover:no-underline',\n        'not-disabled:hover:text-(--interact)',\n        'not-disabled:focus:no-underline',\n        'not-disabled:focus:text-(--interact)',\n        'not-disabled:active:text-(--active)'\n      ]\n    },\n    size: {\n      sm: ['text-sm leading-[1.53] h-8 px-4 gap-2 [&_svg]:size-4'],\n      md: ['text-md leading-normal h-10 px-8 gap-3 [&_svg]:size-5'],\n      lg: ['text-lg leading-normal h-12 px-8 gap-3 [&_svg]:size-[22px]'],\n      xl: ['text-lg leading-normal h-16 px-8 gap-3 [&_svg]:size-[22px]']\n    },\n    isLoading: {\n      true: ['cursor-not-allowed opacity-60 pointer-events-none']\n    },\n    fullWidth: {\n      true: ['w-full'],\n      false: ['w-max']\n    }\n  },\n\n  defaultVariants: {\n    appearance: 'solid',\n    size: 'md',\n    theme: 'primary'\n  }\n})\n\nconst LoaderContentsWrapper = styled('span', {\n  base: ['items-center', 'flex', 'justify-center', 'invisible'],\n  variants: {\n    size: {\n      sm: ['gap-2'],\n      md: ['gap-3'],\n      lg: ['gap-3'],\n      xl: ['gap-3']\n    }\n  },\n  defaultVariants: {\n    size: 'md'\n  }\n})\n\nconst WithLoader = ({\n  size,\n  children\n}: React.ComponentProps<typeof LoaderContentsWrapper>) => (\n  <>\n    <Loader className=\"absolute\" />\n    <LoaderContentsWrapper size={size}>{children}</LoaderContentsWrapper>\n  </>\n)\n\ntype ButtonProps = Override<\n  React.ComponentProps<typeof StyledButton>,\n  {\n    as?: React.ComponentType | React.ElementType\n    children: React.ReactNode\n    href?: string\n    isLoading?: boolean\n  } & NavigatorActions\n>\n\nexport const Button: React.ForwardRefExoticComponent<ButtonProps> =\n  React.forwardRef(\n    (\n      { children, as, href, isLoading = false, onClick, disabled, ...rest },\n      ref\n    ) => (\n      <StyledButton\n        as={as || (href ? 'a' : undefined)}\n        {...(!disabled && !isLoading && { href, onClick })}\n        isLoading={isLoading}\n        type={!href ? 'button' : undefined}\n        disabled={disabled}\n        {...rest}\n        {...getExternalAnchorProps(href)}\n        ref={ref}\n      >\n        {isLoading ? (\n          <WithLoader size={rest.size}>{children}</WithLoader>\n        ) : (\n          children\n        )}\n      </StyledButton>\n    )\n  )\n\nButton.displayName = 'Button'\n"],"names":["StyledButton","styled","LoaderContentsWrapper","WithLoader","size","children","React","Loader","Button","as","href","isLoading","onClick","disabled","rest","ref","getExternalAnchorProps"],"mappings":"0LAQaA,EAAeC,EAAO,SAAU,CAC3C,KAAM,CACJ,eACA,aACA,iBACA,aACA,iBACA,OACA,YACA,gBACA,iBACA,aACA,aACA,eACA,iBACA,eACA,WACA,oBACA,QACA,8BACA,qBACF,EACA,SAAU,CACR,MAAO,CACL,QAAS,CACP,oCACA,wCACA,sCACF,EACA,UAAW,CACT,qCACA,yCACA,sCACF,EACA,QAAS,CACP,gCACA,wCACA,sCACF,EACA,QAAS,CACP,gCACA,wCACA,sCACF,EACA,OAAQ,CACN,+BACA,uCACA,qCACF,EACA,QAAS,CACP,iBACA,+BACA,8BACA,mCACF,CACF,EACA,WAAY,CACV,MAAO,CACL,cACA,sBACA,sBACA,8BACA,qCACA,yCACA,qCACA,yCACA,mCACF,EACA,QAAS,CACP,SAEA,iBACA,gBACA,sBACA,8BACA,kCACA,uCACA,kCACA,uCACA,qCACF,CACF,EACA,KAAM,CACJ,GAAI,CAAC,sDAAsD,EAC3D,GAAI,CAAC,uDAAuD,EAC5D,GAAI,CAAC,4DAA4D,EACjE,GAAI,CAAC,4DAA4D,CACnE,EACA,UAAW,CACT,KAAM,CAAC,mDAAmD,CAC5D,EACA,UAAW,CACT,KAAM,CAAC,QAAQ,EACf,MAAO,CAAC,OAAO,CACjB,CACF,EAEA,gBAAiB,CACf,WAAY,QACZ,KAAM,KACN,MAAO,SACT,CACF,CAAC,EAEKC,EAAwBD,EAAO,OAAQ,CAC3C,KAAM,CAAC,eAAgB,OAAQ,iBAAkB,WAAW,EAC5D,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,OAAO,EACZ,GAAI,CAAC,OAAO,EACZ,GAAI,CAAC,OAAO,EACZ,GAAI,CAAC,OAAO,CACd,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CAAC,EAEKE,EAAa,CAAC,CAClB,KAAAC,EACA,SAAAC,CACF,IACEC,EAAA,cAAAA,EAAA,SAAA,KACEA,EAAA,cAACC,EAAA,CAAO,UAAU,WAAW,EAC7BD,EAAA,cAACJ,EAAA,CAAsB,KAAME,CAAAA,EAAOC,CAAS,CAC/C,EAaWG,EACXF,EAAM,WACJ,CACE,CAAE,SAAAD,EAAU,GAAAI,EAAI,KAAAC,EAAM,UAAAC,EAAY,GAAO,QAAAC,EAAS,SAAAC,EAAU,GAAGC,CAAK,EACpEC,IAEAT,EAAA,cAACN,EACC,CAAA,GAAIS,IAAOC,EAAO,IAAM,QACvB,GAAI,CAACG,GAAY,CAACF,GAAa,CAAE,KAAAD,EAAM,QAAAE,CAAQ,EAChD,UAAWD,EACX,KAAOD,EAAkB,OAAX,SACd,SAAUG,EACT,GAAGC,EACH,GAAGE,EAAuBN,CAAI,EAC/B,IAAKK,CAEJJ,EAAAA,EACCL,EAAA,cAACH,EAAA,CAAW,KAAMW,EAAK,IAAA,EAAOT,CAAS,EAEvCA,CAEJ,CAEJ,EAEFG,EAAO,YAAc"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Loader } from '~/components/loader'\nimport { styled } from '~/styled'\nimport { NavigatorActions } from '~/types'\nimport { Override } from '~/utilities'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nexport const StyledButton = styled('button', {\n  base: [\n    'items-center',\n    'bg-[unset]',\n    'border-[unset]',\n    'rounded-md',\n    'cursor-pointer',\n    'flex',\n    'font-body',\n    'font-semibold',\n    'justify-center',\n    'px-[unset]',\n    'py-[unset]',\n    'no-underline',\n    'transition-all',\n    'duration-100',\n    'ease-out',\n    'whitespace-nowrap',\n    'w-max',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30'\n  ],\n  variants: {\n    theme: {\n      primary: [\n        '[--base:var(--color-primary-800)]',\n        '[--interact:var(--color-primary-900)]',\n        '[--active:var(--color-primary-1000)]'\n      ],\n      secondary: [\n        '[--base:var(--color-primary-1000)]',\n        '[--interact:var(--color-primary-1100)]',\n        '[--active:var(--color-primary-1200)]'\n      ],\n      success: [\n        '[--base:var(--color-success)]',\n        '[--interact:var(--color-success-mid)]',\n        '[--active:var(--color-success-dark)]'\n      ],\n      warning: [\n        '[--base:var(--color-warning)]',\n        '[--interact:var(--color-warning-mid)]',\n        '[--active:var(--color-warning-dark)]'\n      ],\n      danger: [\n        '[--base:var(--color-danger)]',\n        '[--interact:var(--color-danger-mid)]',\n        '[--active:var(--color-danger-dark)]'\n      ],\n      neutral: [\n        '[--base:white]',\n        '[--interact:rgba(white,0.1)]',\n        '[--active:rgba(white,0.25)]',\n        '[--text:var(--color-primary-800)]'\n      ]\n    },\n    appearance: {\n      solid: [\n        'bg-(--base)',\n        'text-(--text,white)',\n        'disabled:opacity-30',\n        'disabled:cursor-not-allowed',\n        'not-disabled:hover:bg-(--interact)',\n        'not-disabled:hover:text-(--text,white)',\n        'not-disabled:focus:bg-(--interact)',\n        'not-disabled:focus:text-(--text,white)',\n        'not-disabled:active:bg-(--active)'\n      ],\n      outline: [\n        'border',\n\n        'border-current',\n        'text-(--base)',\n        'disabled:opacity-30',\n        'disabled:cursor-not-allowed',\n        'not-disabled:hover:no-underline',\n        'not-disabled:hover:text-(--interact)',\n        'not-disabled:focus:no-underline',\n        'not-disabled:focus:text-(--interact)',\n        'not-disabled:active:text-(--active)'\n      ]\n    },\n    size: {\n      sm: ['text-sm leading-[1.53] h-8 px-4 gap-2 [&_svg]:size-4'],\n      md: ['text-md leading-normal h-10 px-8 gap-3 [&_svg]:size-5'],\n      lg: ['text-lg leading-normal h-12 px-8 gap-3 [&_svg]:size-[22px]'],\n      xl: ['text-lg leading-normal h-16 px-8 gap-3 [&_svg]:size-[22px]']\n    },\n    isLoading: {\n      true: ['cursor-not-allowed opacity-60 pointer-events-none']\n    },\n    fullWidth: {\n      true: ['w-full'],\n      false: ['w-max']\n    }\n  },\n\n  defaultVariants: {\n    appearance: 'solid',\n    size: 'md',\n    theme: 'primary'\n  }\n})\n\nconst LoaderContentsWrapper = styled('span', {\n  base: ['items-center', 'flex', 'justify-center', 'invisible'],\n  variants: {\n    size: {\n      sm: ['gap-2'],\n      md: ['gap-3'],\n      lg: ['gap-3'],\n      xl: ['gap-3']\n    }\n  },\n  defaultVariants: {\n    size: 'md'\n  }\n})\n\nconst WithLoader = ({\n  size,\n  children\n}: React.ComponentProps<typeof LoaderContentsWrapper>) => (\n  <>\n    <Loader className=\"absolute\" />\n    <LoaderContentsWrapper size={size}>{children}</LoaderContentsWrapper>\n  </>\n)\n\ntype ButtonProps = Override<\n  React.ComponentProps<typeof StyledButton>,\n  {\n    as?: React.ComponentType | React.ElementType\n    children: React.ReactNode\n    href?: string\n    isLoading?: boolean\n  } & NavigatorActions\n>\n\nexport const Button = React.forwardRef<HTMLElement, ButtonProps>(\n  (\n    { children, as, href, isLoading = false, onClick, disabled, ...rest },\n    ref\n  ) => (\n    <StyledButton\n      as={as || (href ? 'a' : undefined)}\n      {...(!disabled && !isLoading && { href, onClick })}\n      isLoading={isLoading}\n      type={!href ? 'button' : undefined}\n      disabled={disabled}\n      {...rest}\n      {...getExternalAnchorProps(href)}\n      ref={ref as any}\n    >\n      {isLoading ? (\n        <WithLoader size={rest.size}>{children}</WithLoader>\n      ) : (\n        children\n      )}\n    </StyledButton>\n  )\n)\n\nButton.displayName = 'Button'\n"],"names":["StyledButton","styled","LoaderContentsWrapper","WithLoader","size","children","React","Loader","Button","as","href","isLoading","onClick","disabled","rest","ref","getExternalAnchorProps"],"mappings":"0LAQaA,EAAeC,EAAO,SAAU,CAC3C,KAAM,CACJ,eACA,aACA,iBACA,aACA,iBACA,OACA,YACA,gBACA,iBACA,aACA,aACA,eACA,iBACA,eACA,WACA,oBACA,QACA,8BACA,qBACF,EACA,SAAU,CACR,MAAO,CACL,QAAS,CACP,oCACA,wCACA,sCACF,EACA,UAAW,CACT,qCACA,yCACA,sCACF,EACA,QAAS,CACP,gCACA,wCACA,sCACF,EACA,QAAS,CACP,gCACA,wCACA,sCACF,EACA,OAAQ,CACN,+BACA,uCACA,qCACF,EACA,QAAS,CACP,iBACA,+BACA,8BACA,mCACF,CACF,EACA,WAAY,CACV,MAAO,CACL,cACA,sBACA,sBACA,8BACA,qCACA,yCACA,qCACA,yCACA,mCACF,EACA,QAAS,CACP,SAEA,iBACA,gBACA,sBACA,8BACA,kCACA,uCACA,kCACA,uCACA,qCACF,CACF,EACA,KAAM,CACJ,GAAI,CAAC,sDAAsD,EAC3D,GAAI,CAAC,uDAAuD,EAC5D,GAAI,CAAC,4DAA4D,EACjE,GAAI,CAAC,4DAA4D,CACnE,EACA,UAAW,CACT,KAAM,CAAC,mDAAmD,CAC5D,EACA,UAAW,CACT,KAAM,CAAC,QAAQ,EACf,MAAO,CAAC,OAAO,CACjB,CACF,EAEA,gBAAiB,CACf,WAAY,QACZ,KAAM,KACN,MAAO,SACT,CACF,CAAC,EAEKC,EAAwBD,EAAO,OAAQ,CAC3C,KAAM,CAAC,eAAgB,OAAQ,iBAAkB,WAAW,EAC5D,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,OAAO,EACZ,GAAI,CAAC,OAAO,EACZ,GAAI,CAAC,OAAO,EACZ,GAAI,CAAC,OAAO,CACd,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CAAC,EAEKE,EAAa,CAAC,CAClB,KAAAC,EACA,SAAAC,CACF,IACEC,EAAA,cAAAA,EAAA,SAAA,KACEA,EAAA,cAACC,EAAA,CAAO,UAAU,WAAW,EAC7BD,EAAA,cAACJ,EAAA,CAAsB,KAAME,CAAAA,EAAOC,CAAS,CAC/C,EAaWG,EAASF,EAAM,WAC1B,CACE,CAAE,SAAAD,EAAU,GAAAI,EAAI,KAAAC,EAAM,UAAAC,EAAY,GAAO,QAAAC,EAAS,SAAAC,EAAU,GAAGC,CAAK,EACpEC,IAEAT,EAAA,cAACN,EACC,CAAA,GAAIS,IAAOC,EAAO,IAAM,QACvB,GAAI,CAACG,GAAY,CAACF,GAAa,CAAE,KAAAD,EAAM,QAAAE,CAAQ,EAChD,UAAWD,EACX,KAAOD,EAAkB,OAAX,SACd,SAAUG,EACT,GAAGC,EACH,GAAGE,EAAuBN,CAAI,EAC/B,IAAKK,CAEJJ,EAAAA,EACCL,EAAA,cAACH,EAAA,CAAW,KAAMW,EAAK,IAAA,EAAOT,CAAS,EAEvCA,CAEJ,CAEJ,EAEAG,EAAO,YAAc"}

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

@@ -0,0 +1 @@
+export { Button, StyledButton } from './Button';

package/dist/components/calendar/Calendar.d.ts

@@ -0,0 +1,24 @@
+import type { Props as DayzedInterface } from 'dayzed';
+import * as React from 'react';
+export type CalendarTranslationProps = {
+    monthNames?: string[];
+    weekdayNames?: string[];
+    labels?: {
+        open: string;
+        next: string;
+        previous: string;
+        nextYear: string;
+        previousYear: string;
+    };
+};
+type CalendarProps = DayzedInterface & CalendarTranslationProps & {
+    refDateToday?: React.RefObject<HTMLButtonElement>;
+    refDateSelected?: React.RefObject<HTMLButtonElement>;
+    setYear: (date: Date) => Promise<void>;
+    className?: string;
+};
+export declare const Calendar: {
+    ({ className, refDateSelected, refDateToday, firstDayOfWeek, monthNames, weekdayNames, labels, date, minDate, maxDate, setYear, ...remainingProps }: CalendarProps): React.JSX.Element | null;
+    displayName: string;
+};
+export {};

package/dist/components/calendar/Calendar.js

@@ -1,2 +1,2 @@
-import{ChevronLeft as G,ChevronRight as H}from"@atom-learning/icons";import J from"clsx";import{useDayzed as K}from"dayzed";import*as e from"react";import{ActionIcon as D}from"../action-icon/ActionIcon.js";import{Button as N}from"../button/Button.js";import{Flex as w}from"../flex/Flex.js";import{Icon as Y}from"../icon/Icon.js";import{Text as Q}from"../text/Text.js";import{styled as F}from"../../styled.js";import{monthNamesShort as V,weekdayNamesShort as X,DEFAULT_LABELS as Z}from"./constants.js";import{Day as $}from"./Day.js";const g=F("div",{base:["grid","grid-cols-[repeat(7,1fr)]","gap-x-2","gap-y-1"]}),ee=F(N,{base:["text-grey-1000","p-3","w-16"],variants:{selected:{false:["disabled:bg-white!","font-normal","hover:bg-grey-200!","hover:text-grey-1000!","text-grey-1000!"]}}}),te=(m,i)=>{const u=m.slice(0,i);return m.slice(i).concat(u)},C=({className:m,refDateSelected:i,refDateToday:u,firstDayOfWeek:f=0,monthNames:S=V,weekdayNames:z=X,labels:h=Z,date:o=new Date,minDate:n,maxDate:c,setYear:L,...O})=>{const[r,E]=e.useState(!1),[s,b]=e.useState(o==null?void 0:o.getFullYear()),A=t=>{const a=o;a.setFullYear(t),L(a),E(!1)},B=n&&s-16<=n.getFullYear(),M=c&&s>=c.getFullYear(),T=Array.from({length:16},(t,a)=>{const l=s-a;return c&&l>c.getFullYear()||n&&l<n.getFullYear()?0:l}),{calendars:d,getBackProps:I,getForwardProps:P,getDateProps:j}=K({firstDayOfWeek:f,showOutsideDays:!0,date:o,minDate:n,maxDate:c,...O});return d.length?e.createElement("div",{className:J("relative","w-min","-mt-1",m)},e.createElement(w,{className:"absolute top-0 -right-1"},e.createElement(D,{label:h[r?"previousYear":"previous"],theme:"neutral",size:"md",...!r&&I({calendars:d}),...r&&{onClick:()=>b(s-16)},disabled:r&&B},e.createElement(Y,{is:G})),e.createElement(D,{label:h[r?"nextYear":"next"],theme:"neutral",size:"md",...!r&&P({calendars:d}),...r&&{onClick:()=>b(s+16)},disabled:r&&M},e.createElement(Y,{is:H}))),r&&e.createElement(g,{className:"grid-cols-[repeat(4,1fr)] gap-x-1 gap-y-3 pt-12 [direction:rtl]"},T.map((t,a)=>{const l=t===o.getFullYear();return t?e.createElement(ee,{key:"".concat(t).concat(a),theme:l?"primary":"neutral",onClick:()=>A(t),selected:l},t):e.createElement("div",{key:a,className:"h-10 w-16"})})),!r&&d.map(({month:t,year:a,weeks:l})=>e.createElement("div",{key:"".concat(t).concat(a)},e.createElement(w,{className:"mb-4 h-10 items-center"},e.createElement(N,{theme:"neutral",onClick:()=>E(!0),className:"text-grey-1000 px-0"},S[t]," ",a)),e.createElement(g,{className:"mb-3"},te(z,f).map(p=>e.createElement(Q,{as:"span",size:"sm",weight:"bold",key:"".concat(t).concat(a).concat(p),className:"text-center"},p))),e.createElement(g,null,l.map((p,R)=>p.map((y,U)=>{const x="".concat(t).concat(a).concat(R).concat(U);if(!y)return e.createElement("div",{key:x});const{date:W,selected:k,today:v,prevMonth:_,nextMonth:q}=y;return e.createElement($,{isOutsideMonth:_||q,isSelected:k,isToday:v,key:x,ref:k?i:v?u:null,...j({dateObj:y}),type:"button"},W.getDate())})))))):null};C.displayName="Calendar";export{C as Calendar};
+import{ChevronLeft as q,ChevronRight as G}from"@atom-learning/icons";import H from"clsx";import{useDayzed as J}from"dayzed";import*as e from"react";import{ActionIcon as D}from"../action-icon/ActionIcon.js";import{Button as N}from"../button/Button.js";import{Flex as w}from"../flex/Flex.js";import{Icon as Y}from"../icon/Icon.js";import{Text as K}from"../text/Text.js";import{styled as F}from"../../styled.js";import{monthNamesShort as Q,weekdayNamesShort as V,DEFAULT_LABELS as X}from"./constants.js";import{Day as Z}from"./Day.js";const g=F("div",{base:["grid","grid-cols-[repeat(7,1fr)]","gap-x-2","gap-y-1"]}),ee=F(N,{base:["text-grey-1000","p-3","w-16"],variants:{selected:{false:["disabled:bg-white!","font-normal","hover:bg-grey-200!","hover:text-grey-1000!","text-grey-1000!"]}}}),te=(m,i)=>{const u=m.slice(0,i);return m.slice(i).concat(u)},C=({className:m,refDateSelected:i,refDateToday:u,firstDayOfWeek:f=0,monthNames:S=Q,weekdayNames:z=V,labels:h=X,date:o=new Date,minDate:n,maxDate:c,setYear:L,...O})=>{const[r,E]=e.useState(!1),[s,b]=e.useState(o==null?void 0:o.getFullYear()),A=t=>{const a=o;a.setFullYear(t),L(a),E(!1)},B=n&&s-16<=n.getFullYear(),M=c&&s>=c.getFullYear(),T=Array.from({length:16},(t,a)=>{const l=s-a;return c&&l>c.getFullYear()||n&&l<n.getFullYear()?0:l}),{calendars:d,getBackProps:I,getForwardProps:P,getDateProps:j}=J({firstDayOfWeek:f,showOutsideDays:!0,date:o,minDate:n,maxDate:c,...O});return d.length?e.createElement("div",{className:H("relative","w-min","-mt-1",m)},e.createElement(w,{className:"absolute top-0 -right-1"},e.createElement(D,{label:h[r?"previousYear":"previous"],theme:"neutral",size:"md",...!r&&I({calendars:d}),...r&&{onClick:()=>b(s-16)},disabled:r&&B},e.createElement(Y,{is:q})),e.createElement(D,{label:h[r?"nextYear":"next"],theme:"neutral",size:"md",...!r&&P({calendars:d}),...r&&{onClick:()=>b(s+16)},disabled:r&&M},e.createElement(Y,{is:G}))),r&&e.createElement(g,{className:"grid-cols-[repeat(4,1fr)] gap-x-1 gap-y-3 pt-12 [direction:rtl]"},T.map((t,a)=>{const l=t===o.getFullYear();return t?e.createElement(ee,{key:"".concat(t).concat(a),theme:l?"primary":"neutral",onClick:()=>A(t),selected:l},t):e.createElement("div",{key:a,className:"h-10 w-16"})})),!r&&d.map(({month:t,year:a,weeks:l})=>e.createElement("div",{key:"".concat(t).concat(a)},e.createElement(w,{className:"mb-4 h-10 items-center"},e.createElement(N,{theme:"neutral",onClick:()=>E(!0),className:"text-grey-1000 px-0"},S[t]," ",a)),e.createElement(g,{className:"mb-3"},te(z,f).map(p=>e.createElement(K,{as:"span",size:"sm",weight:"bold",key:"".concat(t).concat(a).concat(p),className:"text-center"},p))),e.createElement(g,null,l.map((p,R)=>p.map((y,U)=>{const x="".concat(t).concat(a).concat(R).concat(U);if(!y)return e.createElement("div",{key:x});const{date:W,selected:k,today:v,prevMonth:_,nextMonth:$}=y;return e.createElement(Z,{isOutsideMonth:_||$,isSelected:k,isToday:v,key:x,ref:k?i:v?u:null,...j({dateObj:y}),type:"button"},W.getDate())})))))):null};C.displayName="Calendar";export{C as Calendar};
 //# sourceMappingURL=Calendar.js.map

package/dist/components/calendar/Day.d.ts

@@ -0,0 +1,9 @@
+export declare const Day: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "isSelected" | "isToday" | "isOutsideMonth"> & {
+    isSelected?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    isToday?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    isOutsideMonth?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+} & {
+    as?: import("react").ElementType;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;