@atom-learning/components 8.0.3 → 9.0.0-beta.1

package/dist/components/banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","names":[],"sources":["../../../src/components/banner/Banner.tsx"],"sourcesContent":["import { Dismissible } from '../dismissible'\nimport { BannerProvider } from './BannerContext'\n\nexport const Banner = Object.assign(BannerProvider, {\n  Dismiss: Dismissible.Trigger\n})\n"],"mappings":";;;AAGA,IAAa,SAAS,OAAO,OAAO,gBAAgB,EAClD,SAAS,YAAY,SACtB,CAAC"}
+{"version":3,"file":"Banner.js","names":[],"sources":["../../../src/components/banner/Banner.tsx"],"sourcesContent":["import { Dismissible } from '../dismissible'\nimport { BannerProvider } from './Banner.context'\n\nexport const Banner = /* @__PURE__ */ Object.assign(BannerProvider, {\n  Dismiss: Dismissible.Trigger\n})\n"],"mappings":";;;AAGA,IAAa,SAAyB,uBAAO,OAAO,gBAAgB,EAClE,SAAS,YAAY,QACvB,CAAC"}

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

@@ -1,14 +1,12 @@
 import * as React from 'react';
-import { TcolorScheme } from '../../experiments/color-scheme/ColorScheme';
+import { type TcolorScheme } from '../../experiments/color-scheme/ColorScheme';
 import { Dismissible } from '../dismissible';
-declare const StyledBannerContainer: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "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;
+declare const StyledBannerContainer: import("../..").PolymorphicComponent<"section", {
+    emphasis?: ("bold" | "minimal" | "subtle" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "bold" | "minimal" | "subtle">>) | undefined;
+    size?: ("md" | "sm" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "md" | "sm">>) | undefined;
 }>;
-export type TBannerContainerProps = React.ComponentProps<typeof StyledBannerContainer> & {
+export type BannerContainerProps = React.ComponentProps<typeof StyledBannerContainer> & {
     colorScheme?: TcolorScheme;
 } & React.ComponentProps<typeof Dismissible>;
-export declare const BannerContainer: ({ colorScheme, onDismiss, dismissed, ...props }: TBannerContainerProps) => React.JSX.Element;
+export declare const BannerContainer: ({ colorScheme, onDismiss, dismissed, ...rest }: BannerContainerProps) => React.JSX.Element;
 export {};

package/dist/components/banner/BannerContainer.js

@@ -1,7 +1,7 @@
 import { styled } from "../../styled.js";
 import { ColorScheme } from "../../experiments/color-scheme/ColorScheme.js";
 import { Dismissible } from "../dismissible/index.js";
-import { useBannerContext } from "./BannerContext.js";
+import { useBannerContext } from "./Banner.context.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/banner/BannerContainer.tsx
@@ -32,8 +32,8 @@ var StyledBannerContainer = styled("section", {
 			md: []
 		}
 	}
-}, { enabledResponsiveVariants: true });
-var BannerContainer = ({ colorScheme = {}, onDismiss, dismissed, ...props }) => {
+}, { enableResponsiveVariants: true });
+var BannerContainer = ({ colorScheme = {}, onDismiss, dismissed, ...rest }) => {
 	const { emphasis } = useBannerContext();
 	return /* @__PURE__ */ jsx(ColorScheme, {
 		...colorScheme,
@@ -45,7 +45,7 @@ var BannerContainer = ({ colorScheme = {}, onDismiss, dismissed, ...props }) =>
 			children: /* @__PURE__ */ jsx(StyledBannerContainer, {
 				role: "banner",
 				emphasis,
-				...props
+				...rest
 			})
 		})
 	});

package/dist/components/banner/BannerContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerContainer.js","names":[],"sources":["../../../src/components/banner/BannerContainer.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n  ColorScheme,\n  TcolorScheme\n} from '~/experiments/color-scheme/ColorScheme'\nimport { styled } from '~/styled'\n\nimport { Dismissible } from '../dismissible'\nimport { useBannerContext } from './BannerContext'\n\nconst StyledBannerContainer = styled(\n  'section',\n  {\n    base: [\n      'flex',\n      'relative',\n      'w-full',\n      'rounded-lg',\n      'overflow-hidden',\n      'text-(--foreground)',\n      '[--banner-heading-color:var(--color-foreground)]',\n      '[--banner-text-color:var(--color-grey-900)]'\n    ],\n    variants: {\n      emphasis: {\n        bold: [\n          '[--banner-heading-color:var(--color-foreground-7-plus)]',\n          '[--banner-text-color:var(--color-grey-100)]',\n          'bg-(--base-11)',\n          'text-(--foreground-7-plus)'\n        ],\n        subtle: ['bg-(--base-3)'],\n        minimal: ['bg-(--base-1)']\n      },\n      size: {\n        sm: [],\n        md: []\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nexport type TBannerContainerProps = React.ComponentProps<\n  typeof StyledBannerContainer\n> & {\n  colorScheme?: TcolorScheme\n} & React.ComponentProps<typeof Dismissible>\n\nexport const BannerContainer = ({\n  colorScheme = {},\n  onDismiss,\n  dismissed,\n  ...props\n}: TBannerContainerProps): React.JSX.Element => {\n  const { emphasis } = useBannerContext()\n\n  return (\n    <ColorScheme {...colorScheme} asChild>\n      <Dismissible asChild onDismiss={onDismiss} dismissed={dismissed}>\n        <StyledBannerContainer role=\"banner\" emphasis={emphasis} {...props} />\n      </Dismissible>\n    </ColorScheme>\n  )\n}\n"],"mappings":";;;;;;;AAWA,IAAM,wBAAwB,OAC5B,WACA;CACE,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,UAAU;GACR,MAAM;IACJ;IACA;IACA;IACA;IACD;GACD,QAAQ,CAAC,gBAAgB;GACzB,SAAS,CAAC,gBAAgB;GAC3B;EACD,MAAM;GACJ,IAAI,EAAE;GACN,IAAI,EAAE;GACP;EACF;CACF,EACD,EACE,2BAA2B,MAC5B,CACF;AAQD,IAAa,mBAAmB,EAC9B,cAAc,EAAE,EAChB,WACA,WACA,GAAG,YAC2C;CAC9C,MAAM,EAAE,aAAa,kBAAkB;AAEvC,QACE,oBAAC,aAAD;EAAa,GAAI;EAAa,SAAA;YAC5B,oBAAC,aAAD;GAAa,SAAA;GAAmB;GAAsB;aACpD,oBAAC,uBAAD;IAAuB,MAAK;IAAmB;IAAU,GAAI;IAAS,CAAA;GAC1D,CAAA;EACF,CAAA"}
+{"version":3,"file":"BannerContainer.js","names":[],"sources":["../../../src/components/banner/BannerContainer.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n  ColorScheme,\n  type TcolorScheme\n} from '../../experiments/color-scheme/ColorScheme'\nimport { styled } from '../../styled'\nimport { Dismissible } from '../dismissible'\nimport { useBannerContext } from './Banner.context'\n\nconst StyledBannerContainer = styled(\n  'section',\n  {\n    base: [\n      'flex',\n      'relative',\n      'w-full',\n      'rounded-lg',\n      'overflow-hidden',\n      'text-(--foreground)',\n      '[--banner-heading-color:var(--color-foreground)]',\n      '[--banner-text-color:var(--color-grey-900)]'\n    ],\n    variants: {\n      emphasis: {\n        bold: [\n          '[--banner-heading-color:var(--color-foreground-7-plus)]',\n          '[--banner-text-color:var(--color-grey-100)]',\n          'bg-(--base-11)',\n          'text-(--foreground-7-plus)'\n        ],\n        subtle: ['bg-(--base-3)'],\n        minimal: ['bg-(--base-1)']\n      },\n      size: {\n        sm: [],\n        md: []\n      }\n    }\n  },\n  {\n    enableResponsiveVariants: true\n  }\n)\n\nexport type BannerContainerProps = React.ComponentProps<\n  typeof StyledBannerContainer\n> & {\n  colorScheme?: TcolorScheme\n} & React.ComponentProps<typeof Dismissible>\n\nexport const BannerContainer = ({\n  colorScheme = {},\n  onDismiss,\n  dismissed,\n  ...rest\n}: BannerContainerProps) => {\n  const { emphasis } = useBannerContext()\n\n  return (\n    <ColorScheme {...colorScheme} asChild>\n      <Dismissible asChild onDismiss={onDismiss} dismissed={dismissed}>\n        <StyledBannerContainer role=\"banner\" emphasis={emphasis} {...rest} />\n      </Dismissible>\n    </ColorScheme>\n  )\n}\n"],"mappings":";;;;;;;AAUA,IAAM,wBAAwB,OAC5B,WACA;CACE,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,UAAU;EACR,UAAU;GACR,MAAM;IACJ;IACA;IACA;IACA;GACF;GACA,QAAQ,CAAC,eAAe;GACxB,SAAS,CAAC,eAAe;EAC3B;EACA,MAAM;GACJ,IAAI,CAAC;GACL,IAAI,CAAC;EACP;CACF;AACF,GACA,EACE,0BAA0B,KAC5B,CACF;AAQA,IAAa,mBAAmB,EAC9B,cAAc,CAAC,GACf,WACA,WACA,GAAG,WACuB;CAC1B,MAAM,EAAE,aAAa,iBAAiB;CAEtC,OACE,oBAAC,aAAD;EAAa,GAAI;EAAa,SAAA;YAC5B,oBAAC,aAAD;GAAa,SAAA;GAAmB;GAAsB;aACpD,oBAAC,uBAAD;IAAuB,MAAK;IAAmB;IAAU,GAAI;GAAO,CAAA;EACzD,CAAA;CACF,CAAA;AAEjB"}

package/dist/components/banner/banner-regular/BannerRegular.d.ts

@@ -5,10 +5,8 @@ export declare const BannerRegular: {
     displayName: string;
 } & {
     Content: {
-        (props: React.ComponentProps<React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "size"> & {
-            size?: ("sm" | "md" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md">>) | undefined;
-        } & {
-            as?: React.ElementType;
+        (props: React.ComponentProps<import("../../..").PolymorphicComponent<"div", {
+            size?: ("md" | "sm" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "md" | "sm">>) | undefined;
         }>>): React.JSX.Element;
         displayName: string;
     };
@@ -21,7 +19,7 @@ export declare const BannerRegular: {
         displayName: string;
     };
     Actions: {
-        ({ children, className, ...props }: React.PropsWithChildren<React.ComponentProps<"div">>): React.JSX.Element;
+        ({ children, className, ...rest }: React.PropsWithChildren<React.ComponentProps<'div'>>): React.JSX.Element;
         displayName: string;
     };
     Image: {
@@ -29,132 +27,18 @@ export declare const BannerRegular: {
         displayName: string;
     };
     Button: {
-        (props: React.ComponentProps<typeof import("../..").Button>): React.JSX.Element;
+        (props: import("../../../utilities/types").Override<React.ComponentProps<typeof import("../..").Button>, {
+            as?: React.ElementType;
+        }>): React.JSX.Element;
         displayName: string;
     };
     Dismiss: {
         ({ label, ...rest }: {
-            appearance?: ("simple" | "outline" | "solid" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "simple" | "outline" | "solid">>) | undefined;
-            content?: string | undefined | undefined;
-            size?: ("sm" | "md" | "lg" | "xs" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs">>) | undefined;
-            translate?: "yes" | "no" | undefined | undefined;
-            color?: string | undefined | undefined;
-            prefix?: string | undefined | undefined;
-            theme?: ("primary" | "white" | "neutral" | "primaryDark" | "success" | "warning" | "danger" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "primary" | "white" | "neutral" | "primaryDark" | "success" | "warning" | "danger">>) | undefined;
-            form?: string | undefined | undefined;
-            label: string;
-            slot?: string | undefined | undefined;
-            style?: React.CSSProperties | undefined;
-            title?: string | undefined | undefined;
-            ref?: React.Ref<HTMLButtonElement> | undefined;
-            as?: React.ElementType | undefined;
-            className?: string | undefined | undefined;
             key?: React.Key | null | undefined;
-            value?: string | number | readonly string[] | undefined;
-            name?: string | undefined | undefined;
-            defaultChecked?: boolean | undefined | undefined;
-            defaultValue?: string | number | readonly string[] | undefined;
-            suppressContentEditableWarning?: boolean | undefined | undefined;
-            suppressHydrationWarning?: boolean | undefined | undefined;
-            accessKey?: string | undefined | undefined;
-            autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
-            autoFocus?: boolean | undefined | undefined;
-            contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-            contextMenu?: string | undefined | undefined;
-            dir?: string | undefined | undefined;
-            draggable?: (boolean | "true" | "false") | undefined;
-            enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-            hidden?: boolean | undefined | undefined;
-            id?: string | undefined | undefined;
-            lang?: string | undefined | undefined;
-            nonce?: string | undefined | undefined;
-            spellCheck?: (boolean | "true" | "false") | undefined;
-            tabIndex?: number | undefined | undefined;
-            radioGroup?: string | undefined | undefined;
-            role?: React.AriaRole | undefined;
-            about?: string | undefined | undefined;
-            datatype?: string | undefined | undefined;
-            inlist?: any;
-            property?: string | undefined | undefined;
-            rel?: string | undefined | undefined;
-            resource?: string | undefined | undefined;
-            rev?: string | undefined | undefined;
-            typeof?: string | undefined | undefined;
-            vocab?: 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;
-            popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
-            popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
-            popoverTarget?: string | undefined | undefined;
-            inert?: boolean | undefined | undefined;
-            inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-            is?: string | undefined | undefined;
-            exportparts?: string | undefined | undefined;
-            part?: string | undefined | undefined;
-            "aria-activedescendant"?: string | undefined | undefined;
-            "aria-atomic"?: (boolean | "true" | "false") | undefined;
-            "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
-            "aria-braillelabel"?: string | undefined | undefined;
-            "aria-brailleroledescription"?: string | 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-colindextext"?: string | 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-description"?: 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-rowindextext"?: string | 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;
+            ref?: React.Ref<HTMLButtonElement> | undefined;
             dangerouslySetInnerHTML?: {
                 __html: string | TrustedHTML;
-            } | undefined | undefined;
+            } | undefined;
             onCopy?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
             onCopyCapture?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
             onCut?: React.ClipboardEventHandler<HTMLButtonElement> | undefined;
@@ -322,16 +206,136 @@ export declare const BannerRegular: {
             onTransitionRunCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
             onTransitionStart?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
             onTransitionStartCapture?: React.TransitionEventHandler<HTMLButtonElement> | undefined;
-            disabled?: boolean | undefined | undefined;
-            type?: "submit" | "reset" | "button" | undefined | undefined;
-            formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
-            formEncType?: string | undefined | undefined;
-            formMethod?: string | undefined | undefined;
-            formNoValidate?: boolean | undefined | undefined;
-            formTarget?: string | undefined | undefined;
-            hasTooltip?: boolean | undefined;
-            tooltipSide?: "bottom" | "left" | "right" | "top" | undefined;
-            isRounded?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+            "aria-activedescendant"?: string | undefined;
+            "aria-atomic"?: ("false" | "true" | boolean) | undefined;
+            "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+            "aria-braillelabel"?: string | undefined;
+            "aria-brailleroledescription"?: string | undefined;
+            "aria-busy"?: ("false" | "true" | boolean) | undefined;
+            "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+            "aria-colcount"?: number | undefined;
+            "aria-colindex"?: number | undefined;
+            "aria-colindextext"?: string | undefined;
+            "aria-colspan"?: number | undefined;
+            "aria-controls"?: string | undefined;
+            "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+            "aria-describedby"?: string | undefined;
+            "aria-description"?: string | undefined;
+            "aria-details"?: string | undefined;
+            "aria-disabled"?: ("false" | "true" | boolean) | undefined;
+            "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+            "aria-errormessage"?: string | undefined;
+            "aria-expanded"?: ("false" | "true" | boolean) | undefined;
+            "aria-flowto"?: string | undefined;
+            "aria-grabbed"?: ("false" | "true" | boolean) | undefined;
+            "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+            "aria-hidden"?: ("false" | "true" | boolean) | undefined;
+            "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+            "aria-keyshortcuts"?: string | undefined;
+            "aria-label"?: string | undefined;
+            "aria-labelledby"?: string | undefined;
+            "aria-level"?: number | undefined;
+            "aria-live"?: "off" | "assertive" | "polite" | undefined;
+            "aria-modal"?: ("false" | "true" | boolean) | undefined;
+            "aria-multiline"?: ("false" | "true" | boolean) | undefined;
+            "aria-multiselectable"?: ("false" | "true" | boolean) | undefined;
+            "aria-orientation"?: "horizontal" | "vertical" | undefined;
+            "aria-owns"?: string | undefined;
+            "aria-placeholder"?: string | undefined;
+            "aria-posinset"?: number | undefined;
+            "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+            "aria-readonly"?: ("false" | "true" | boolean) | undefined;
+            "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+            "aria-required"?: ("false" | "true" | boolean) | undefined;
+            "aria-roledescription"?: string | undefined;
+            "aria-rowcount"?: number | undefined;
+            "aria-rowindex"?: number | undefined;
+            "aria-rowindextext"?: string | undefined;
+            "aria-rowspan"?: number | undefined;
+            "aria-selected"?: ("false" | "true" | boolean) | undefined;
+            "aria-setsize"?: number | undefined;
+            "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+            "aria-valuemax"?: number | undefined;
+            "aria-valuemin"?: number | undefined;
+            "aria-valuenow"?: number | undefined;
+            "aria-valuetext"?: string | undefined;
+            defaultChecked?: boolean | undefined;
+            defaultValue?: string | number | readonly string[] | undefined;
+            suppressContentEditableWarning?: boolean | undefined;
+            suppressHydrationWarning?: boolean | undefined;
+            accessKey?: string | undefined;
+            autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+            autoFocus?: boolean | undefined;
+            className?: string | undefined;
+            contentEditable?: ("false" | "true" | boolean) | "inherit" | "plaintext-only" | undefined;
+            contextMenu?: string | undefined;
+            dir?: string | undefined;
+            draggable?: ("false" | "true" | boolean) | undefined;
+            enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+            hidden?: boolean | undefined;
+            id?: string | undefined;
+            lang?: string | undefined;
+            nonce?: string | undefined;
+            slot?: string | undefined;
+            spellCheck?: ("false" | "true" | boolean) | undefined;
+            style?: React.CSSProperties | undefined;
+            tabIndex?: number | undefined;
+            title?: string | undefined;
+            translate?: "yes" | "no" | undefined;
+            radioGroup?: string | undefined;
+            role?: React.AriaRole | undefined;
+            about?: string | undefined;
+            content?: string | undefined;
+            datatype?: string | undefined;
+            inlist?: any;
+            prefix?: string | undefined;
+            property?: string | undefined;
+            rel?: string | undefined;
+            resource?: string | undefined;
+            rev?: string | undefined;
+            typeof?: string | undefined;
+            vocab?: string | undefined;
+            autoCorrect?: string | undefined;
+            autoSave?: string | undefined;
+            color?: string | undefined;
+            itemProp?: string | undefined;
+            itemScope?: boolean | undefined;
+            itemType?: string | undefined;
+            itemID?: string | undefined;
+            itemRef?: string | undefined;
+            results?: number | undefined;
+            security?: string | undefined;
+            unselectable?: "on" | "off" | undefined;
+            popover?: "" | "auto" | "manual" | "hint" | undefined;
+            popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+            popoverTarget?: string | undefined;
+            inert?: boolean | undefined;
+            inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+            is?: string | undefined;
+            exportparts?: string | undefined;
+            part?: string | undefined;
+            disabled?: boolean | undefined;
+            form?: string | undefined;
+            formAction?: string | ((formData: FormData) => void | Promise<void>) | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
+            formEncType?: string | undefined;
+            formMethod?: string | undefined;
+            formNoValidate?: boolean | undefined;
+            formTarget?: string | undefined;
+            name?: string | undefined;
+            type?: "submit" | "reset" | "button" | undefined;
+            value?: string | readonly string[] | number | undefined;
+            as?: never;
+            hasTooltip?: boolean;
+            tooltipSide?: React.ComponentProps<({ children, side, sideOffset, size, ...rest }: {
+                size?: "lg" | "md" | "sm" | undefined;
+            } & {
+                as?: never;
+            } & Omit<import("@radix-ui/react-tooltip").TooltipContentProps & React.RefAttributes<HTMLDivElement>, "as" | "size"> & import("@radix-ui/react-tooltip").TooltipContentProps & React.RefAttributes<HTMLDivElement>) => React.JSX.Element>['side'];
+            theme?: ("danger" | "neutral" | "primary" | "primaryDark" | "success" | "warning" | "white" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "danger" | "neutral" | "primary" | "primaryDark" | "success" | "warning" | "white">>) | undefined;
+            appearance?: ("outline" | "simple" | "solid" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "outline" | "simple" | "solid">>) | undefined;
+            size?: ("lg" | "md" | "sm" | "xs" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "lg" | "md" | "sm" | "xs">>) | undefined;
+            isRounded?: (boolean | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", boolean>>) | undefined;
+            label: string;
         }): React.JSX.Element;
         displayName: string;
     };

package/dist/components/banner/banner-regular/BannerRegular.js

@@ -19,7 +19,7 @@ var BannerRegularComponent = ({ colorScheme, size, emphasis, onDismiss, ...rest
 		...rest
 	})
 });
-var BannerRegular = Object.assign(BannerRegularComponent, {
+var BannerRegular = /* @__PURE__ */ Object.assign(BannerRegularComponent, {
 	Content: BannerRegularContent,
 	Heading: BannerRegularHeading,
 	Text: BannerRegularText,

package/dist/components/banner/banner-regular/BannerRegular.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerRegular.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegular.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Banner } from '../Banner'\nimport { BannerRegularActions } from './BannerRegularActions'\nimport { BannerRegularButton } from './BannerRegularButton'\nimport { BannerRegularContainer } from './BannerRegularContainer'\nimport { BannerRegularContent } from './BannerRegularContent'\nimport { BannerRegularDismiss } from './BannerRegularDismiss'\nimport { BannerRegularHeading } from './BannerRegularHeading'\nimport { BannerRegularImage } from './BannerRegularImage'\nimport { BannerRegularText } from './BannerRegularText'\n\nconst BannerRegularComponent = ({\n  colorScheme,\n  size,\n  emphasis,\n  onDismiss,\n  ...rest\n}: React.ComponentProps<typeof BannerRegularContainer>) => (\n  <Banner size={size} emphasis={emphasis}>\n    <BannerRegularContainer\n      colorScheme={colorScheme}\n      onDismiss={onDismiss}\n      {...rest}\n    />\n  </Banner>\n)\n\nexport const BannerRegular = Object.assign(BannerRegularComponent, {\n  Content: BannerRegularContent,\n  Heading: BannerRegularHeading,\n  Text: BannerRegularText,\n  Actions: BannerRegularActions,\n  Image: BannerRegularImage,\n  Button: BannerRegularButton,\n  Dismiss: BannerRegularDismiss\n})\n\nBannerRegularComponent.displayName = 'BannerRegular'\n"],"mappings":";;;;;;;;;;;;AAYA,IAAM,0BAA0B,EAC9B,aACA,MACA,UACA,WACA,GAAG,WAEH,oBAAC,QAAD;CAAc;CAAgB;WAC5B,oBAAC,wBAAD;EACe;EACF;EACX,GAAI;EACJ,CAAA;CACK,CAAA;AAGX,IAAa,gBAAgB,OAAO,OAAO,wBAAwB;CACjE,SAAS;CACT,SAAS;CACT,MAAM;CACN,SAAS;CACT,OAAO;CACP,QAAQ;CACR,SAAS;CACV,CAAC;AAEF,uBAAuB,cAAc"}
+{"version":3,"file":"BannerRegular.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegular.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Banner } from '../Banner'\nimport { BannerRegularActions } from './BannerRegularActions'\nimport { BannerRegularButton } from './BannerRegularButton'\nimport { BannerRegularContainer } from './BannerRegularContainer'\nimport { BannerRegularContent } from './BannerRegularContent'\nimport { BannerRegularDismiss } from './BannerRegularDismiss'\nimport { BannerRegularHeading } from './BannerRegularHeading'\nimport { BannerRegularImage } from './BannerRegularImage'\nimport { BannerRegularText } from './BannerRegularText'\n\nconst BannerRegularComponent = ({\n  colorScheme,\n  size,\n  emphasis,\n  onDismiss,\n  ...rest\n}: React.ComponentProps<typeof BannerRegularContainer>) => (\n  <Banner size={size} emphasis={emphasis}>\n    <BannerRegularContainer\n      colorScheme={colorScheme}\n      onDismiss={onDismiss}\n      {...rest}\n    />\n  </Banner>\n)\n\nexport const BannerRegular = /* @__PURE__ */ Object.assign(\n  BannerRegularComponent,\n  {\n    Content: BannerRegularContent,\n    Heading: BannerRegularHeading,\n    Text: BannerRegularText,\n    Actions: BannerRegularActions,\n    Image: BannerRegularImage,\n    Button: BannerRegularButton,\n    Dismiss: BannerRegularDismiss\n  }\n)\n\nBannerRegularComponent.displayName = 'BannerRegular'\n"],"mappings":";;;;;;;;;;;;AAYA,IAAM,0BAA0B,EAC9B,aACA,MACA,UACA,WACA,GAAG,WAEH,oBAAC,QAAD;CAAc;CAAgB;WAC5B,oBAAC,wBAAD;EACe;EACF;EACX,GAAI;CACL,CAAA;AACK,CAAA;AAGV,IAAa,gBAAgC,uBAAO,OAClD,wBACA;CACE,SAAS;CACT,SAAS;CACT,MAAM;CACN,SAAS;CACT,OAAO;CACP,QAAQ;CACR,SAAS;AACX,CACF;AAEA,uBAAuB,cAAc"}

package/dist/components/banner/banner-regular/BannerRegularActions.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare const BannerRegularActions: {
-    ({ children, className, ...props }: React.PropsWithChildren<React.ComponentProps<"div">>): React.JSX.Element;
-    displayName: string;
-};
+export declare function BannerRegularActions({ children, className, ...rest }: React.PropsWithChildren<React.ComponentProps<'div'>>): React.JSX.Element;
+export declare namespace BannerRegularActions {
+    var displayName: string;
+}

package/dist/components/banner/banner-regular/BannerRegularActions.js

@@ -1,5 +1,5 @@
 import { cn } from "../../../styled.js";
-import { useBannerContext } from "../BannerContext.js";
+import { useBannerContext } from "../Banner.context.js";
 import { BannerRegularButton } from "./BannerRegularButton.js";
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
@@ -14,7 +14,7 @@ var toDirection = {
 	sm: "flex-col",
 	md: "flex-row"
 };
-var BannerRegularActions = ({ children, className, ...props }) => {
+var BannerRegularActions = ({ children, className, ...rest }) => {
 	const { size } = useBannerContext();
 	const gap = React$1.useMemo(() => {
 		if (typeof size === "string") return toGap[size];
@@ -27,7 +27,7 @@ var BannerRegularActions = ({ children, className, ...props }) => {
 	invariant(React$1.Children.count(children) <= MAX_ALLOWED_CHILDREN, `A maximum of ${MAX_ALLOWED_CHILDREN} ${BannerRegularButton.displayName} component(s) are permitted as children of ${BannerRegularActions.displayName}`);
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("flex", gap, direction, className),
-		...props,
+		...rest,
 		children: React$1.Children.map(children, (child, index) => {
 			if (child == null) return child;
 			if (!React$1.isValidElement(child)) throw new Error(`Child passed to ${BannerRegularActions.displayName} is not a valid element`);

package/dist/components/banner/banner-regular/BannerRegularActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularActions.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularActions.tsx"],"sourcesContent":["import invariant from 'invariant'\nimport * as React from 'react'\n\nimport { cn } from '~/styled'\n\nimport { useBannerContext } from '../BannerContext'\nimport { BannerRegularButton } from './BannerRegularButton'\n\nconst MAX_ALLOWED_CHILDREN = 2\n\nconst toGap = {\n  sm: 'gap-2',\n  md: 'gap-4'\n}\n\nconst toDirection = {\n  sm: 'flex-col',\n  md: 'flex-row'\n}\n\nexport const BannerRegularActions = ({\n  children,\n  className,\n  ...props\n}: React.PropsWithChildren<React.ComponentProps<'div'>>) => {\n  const { size } = useBannerContext()\n\n  const gap = React.useMemo(() => {\n    if (typeof size === 'string') {\n      return toGap[size]\n    }\n    return 'gap-2 md:gap-4'\n  }, [size])\n\n  const direction = React.useMemo(() => {\n    if (typeof size === 'string') {\n      return toDirection[size]\n    }\n    return 'flex-col md:flex-row'\n  }, [size])\n\n  invariant(\n    React.Children.count(children) <= MAX_ALLOWED_CHILDREN,\n    `A maximum of ${MAX_ALLOWED_CHILDREN} ${BannerRegularButton.displayName} component(s) are permitted as children of ${BannerRegularActions.displayName}`\n  )\n\n  return (\n    <div className={cn('flex', gap, direction, className)} {...props}>\n      {React.Children.map(children, (child, index) => {\n        // if child is undefined or null, React.isValidElement returns false and hence error is thrown.\n        // This line will prevent that from happening\n        if (child == null) return child\n\n        if (!React.isValidElement(child)) {\n          throw new Error(\n            `Child passed to ${BannerRegularActions.displayName} is not a valid element`\n          )\n        }\n\n        invariant(\n          child.type === BannerRegularButton,\n          `Children of type ${child?.type} aren't permitted. Only an ${BannerRegularButton.displayName} component is allowed in ${BannerRegularActions.displayName}`\n        )\n\n        const propsToInject: Partial<\n          React.ComponentProps<typeof BannerRegularButton>\n        > = {\n          // Override button appearance - make the second button outlined\n          appearance: index > 0 ? 'outline' : undefined\n        }\n\n        return React.cloneElement(\n          child as React.ReactElement<\n            React.ComponentProps<typeof BannerRegularButton>\n          >,\n          propsToInject\n        )\n      })}\n    </div>\n  )\n}\n\nBannerRegularActions.displayName = 'BannerRegularActions'\n"],"mappings":";;;;;;;AAQA,IAAM,uBAAuB;AAE7B,IAAM,QAAQ;CACZ,IAAI;CACJ,IAAI;CACL;AAED,IAAM,cAAc;CAClB,IAAI;CACJ,IAAI;CACL;AAED,IAAa,wBAAwB,EACnC,UACA,WACA,GAAG,YACuD;CAC1D,MAAM,EAAE,SAAS,kBAAkB;CAEnC,MAAM,MAAM,QAAM,cAAc;AAC9B,MAAI,OAAO,SAAS,SAClB,QAAO,MAAM;AAEf,SAAO;IACN,CAAC,KAAK,CAAC;CAEV,MAAM,YAAY,QAAM,cAAc;AACpC,MAAI,OAAO,SAAS,SAClB,QAAO,YAAY;AAErB,SAAO;IACN,CAAC,KAAK,CAAC;AAEV,WACE,QAAM,SAAS,MAAM,SAAS,IAAI,sBAClC,gBAAgB,qBAAqB,GAAG,oBAAoB,YAAY,6CAA6C,qBAAqB,cAC3I;AAED,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,QAAQ,KAAK,WAAW,UAAU;EAAE,GAAI;YACxD,QAAM,SAAS,IAAI,WAAW,OAAO,UAAU;AAG9C,OAAI,SAAS,KAAM,QAAO;AAE1B,OAAI,CAAC,QAAM,eAAe,MAAM,CAC9B,OAAM,IAAI,MACR,mBAAmB,qBAAqB,YAAY,yBACrD;AAGH,aACE,MAAM,SAAS,qBACf,oBAAoB,OAAO,KAAK,6BAA6B,oBAAoB,YAAY,2BAA2B,qBAAqB,cAC9I;GAED,MAAM,gBAEF,EAEF,YAAY,QAAQ,IAAI,YAAY,KAAA,GACrC;AAED,UAAO,QAAM,aACX,OAGA,cACD;IACD;EACE,CAAA;;AAIV,qBAAqB,cAAc"}
+{"version":3,"file":"BannerRegularActions.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularActions.tsx"],"sourcesContent":["import invariant from 'invariant'\nimport * as React from 'react'\n\nimport { cn } from '../../../styled'\nimport { useBannerContext } from '../Banner.context'\nimport { BannerRegularButton } from './BannerRegularButton'\n\nconst MAX_ALLOWED_CHILDREN = 2\n\nconst toGap = {\n  sm: 'gap-2',\n  md: 'gap-4'\n}\n\nconst toDirection = {\n  sm: 'flex-col',\n  md: 'flex-row'\n}\n\nexport const BannerRegularActions = ({\n  children,\n  className,\n  ...rest\n}: React.PropsWithChildren<React.ComponentProps<'div'>>) => {\n  const { size } = useBannerContext()\n\n  const gap = React.useMemo(() => {\n    if (typeof size === 'string') {\n      return toGap[size]\n    }\n    return 'gap-2 md:gap-4'\n  }, [size])\n\n  const direction = React.useMemo(() => {\n    if (typeof size === 'string') {\n      return toDirection[size]\n    }\n    return 'flex-col md:flex-row'\n  }, [size])\n\n  invariant(\n    React.Children.count(children) <= MAX_ALLOWED_CHILDREN,\n    `A maximum of ${MAX_ALLOWED_CHILDREN} ${BannerRegularButton.displayName} component(s) are permitted as children of ${BannerRegularActions.displayName}`\n  )\n\n  return (\n    <div className={cn('flex', gap, direction, className)} {...rest}>\n      {React.Children.map(children, (child, index) => {\n        // if child is undefined or null, React.isValidElement returns false and hence error is thrown.\n        // This line will prevent that from happening\n        if (child == null) return child\n\n        if (!React.isValidElement(child)) {\n          throw new Error(\n            `Child passed to ${BannerRegularActions.displayName} is not a valid element`\n          )\n        }\n\n        invariant(\n          child.type === BannerRegularButton,\n          `Children of type ${child?.type} aren't permitted. Only an ${BannerRegularButton.displayName} component is allowed in ${BannerRegularActions.displayName}`\n        )\n\n        const propsToInject: Partial<\n          React.ComponentProps<typeof BannerRegularButton>\n        > = {\n          // Override button appearance - make the second button outlined\n          appearance: index > 0 ? 'outline' : undefined\n        }\n\n        return React.cloneElement(\n          child as React.ReactElement<\n            React.ComponentProps<typeof BannerRegularButton>\n          >,\n          propsToInject\n        )\n      })}\n    </div>\n  )\n}\n\nBannerRegularActions.displayName = 'BannerRegularActions'\n"],"mappings":";;;;;;;AAOA,IAAM,uBAAuB;AAE7B,IAAM,QAAQ;CACZ,IAAI;CACJ,IAAI;AACN;AAEA,IAAM,cAAc;CAClB,IAAI;CACJ,IAAI;AACN;AAEA,IAAa,wBAAwB,EACnC,UACA,WACA,GAAG,WACuD;CAC1D,MAAM,EAAE,SAAS,iBAAiB;CAElC,MAAM,MAAM,QAAM,cAAc;EAC9B,IAAI,OAAO,SAAS,UAClB,OAAO,MAAM;EAEf,OAAO;CACT,GAAG,CAAC,IAAI,CAAC;CAET,MAAM,YAAY,QAAM,cAAc;EACpC,IAAI,OAAO,SAAS,UAClB,OAAO,YAAY;EAErB,OAAO;CACT,GAAG,CAAC,IAAI,CAAC;CAET,UACE,QAAM,SAAS,MAAM,QAAQ,KAAK,sBAClC,gBAAgB,qBAAqB,GAAG,oBAAoB,YAAY,6CAA6C,qBAAqB,aAC5I;CAEA,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,QAAQ,KAAK,WAAW,SAAS;EAAG,GAAI;YACxD,QAAM,SAAS,IAAI,WAAW,OAAO,UAAU;GAG9C,IAAI,SAAS,MAAM,OAAO;GAE1B,IAAI,CAAC,QAAM,eAAe,KAAK,GAC7B,MAAM,IAAI,MACR,mBAAmB,qBAAqB,YAAY,wBACtD;GAGF,UACE,MAAM,SAAS,qBACf,oBAAoB,OAAO,KAAK,6BAA6B,oBAAoB,YAAY,2BAA2B,qBAAqB,aAC/I;GAEA,MAAM,gBAEF,EAEF,YAAY,QAAQ,IAAI,YAAY,KAAA,EACtC;GAEA,OAAO,QAAM,aACX,OAGA,aACF;EACF,CAAC;CACE,CAAA;AAET;AAEA,qBAAqB,cAAc"}

package/dist/components/banner/banner-regular/BannerRegularButton.d.ts

@@ -1,6 +1,9 @@
 import * as React from 'react';
+import type { Override } from '../../../utilities/types';
 import { Button } from '../../button/Button';
-export declare const BannerRegularButton: {
-    (props: React.ComponentProps<typeof Button>): React.JSX.Element;
-    displayName: string;
-};
+export declare function BannerRegularButton(props: Override<React.ComponentProps<typeof Button>, {
+    as?: React.ElementType;
+}>): React.JSX.Element;
+export declare namespace BannerRegularButton {
+    var displayName: string;
+}

package/dist/components/banner/banner-regular/BannerRegularButton.js

@@ -1,6 +1,6 @@
 import { Button } from "../../button/Button.js";
 import { overrideStyledVariantValue } from "../../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";
-import { useBannerContext } from "../BannerContext.js";
+import { useBannerContext } from "../Banner.context.js";
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/banner/banner-regular/BannerRegularButton.tsx

package/dist/components/banner/banner-regular/BannerRegularButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularButton.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularButton.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { Button } from '../../button/Button'\nimport { useBannerContext } from '../BannerContext'\n\nexport const BannerRegularButton = (\n  props: React.ComponentProps<typeof Button>\n) => {\n  const { emphasis, size } = useBannerContext()\n\n  const fullWidth = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => s === 'sm'),\n    [size]\n  )\n\n  return (\n    <Button\n      size={size}\n      fullWidth={fullWidth}\n      theme={emphasis === 'bold' ? 'neutral' : 'primary'}\n      {...props}\n    />\n  )\n}\n\nBannerRegularButton.displayName = 'BannerRegularButton'\n"],"mappings":";;;;;;AAOA,IAAa,uBACX,UACG;CACH,MAAM,EAAE,UAAU,SAAS,kBAAkB;AAO7C,QACE,oBAAC,QAAD;EACQ;EACK,WARG,QAAM,cAChB,2BAA2B,OAAO,MAAM,MAAM,KAAK,EACzD,CAAC,KAAK,CACP;EAMG,OAAO,aAAa,SAAS,YAAY;EACzC,GAAI;EACJ,CAAA;;AAIN,oBAAoB,cAAc"}
+{"version":3,"file":"BannerRegularButton.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularButton.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { overrideStyledVariantValue } from '../../../utilities/override-styled-variant-value/overrideStyledVariantValue'\nimport type { Override } from '../../../utilities/types'\nimport { Button } from '../../button/Button'\nimport { useBannerContext } from '../Banner.context'\n\nexport const BannerRegularButton = (\n  props: Override<\n    React.ComponentProps<typeof Button>,\n    { as?: React.ElementType }\n  >\n) => {\n  const { emphasis, size } = useBannerContext()\n\n  const fullWidth = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => s === 'sm'),\n    [size]\n  )\n\n  return (\n    <Button\n      size={size}\n      fullWidth={fullWidth}\n      theme={emphasis === 'bold' ? 'neutral' : 'primary'}\n      {...props}\n    />\n  )\n}\n\nBannerRegularButton.displayName = 'BannerRegularButton'\n"],"mappings":";;;;;;AAOA,IAAa,uBACX,UAIG;CACH,MAAM,EAAE,UAAU,SAAS,iBAAiB;CAO5C,OACE,oBAAC,QAAD;EACQ;EACK,WARG,QAAM,cAChB,2BAA2B,OAAO,MAAM,MAAM,IAAI,GACxD,CAAC,IAAI,CAMQ;EACX,OAAO,aAAa,SAAS,YAAY;EACzC,GAAI;CACL,CAAA;AAEL;AAEA,oBAAoB,cAAc"}

package/dist/components/banner/banner-regular/BannerRegularContainer.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import { BannerContainer } from '../BannerContainer';
-type TBannerRegularContainerProps = Omit<React.ComponentProps<typeof BannerContainer>, 'direction' | 'align' | 'wrap' | 'gap' | 'justify'>;
-export declare const BannerRegularContainer: (props: TBannerRegularContainerProps) => React.JSX.Element;
+type BannerRegularContainerProps = Omit<React.ComponentProps<typeof BannerContainer>, 'direction' | 'align' | 'wrap' | 'gap' | 'justify'>;
+export declare const BannerRegularContainer: (props: BannerRegularContainerProps) => React.JSX.Element;
 export {};

package/dist/components/banner/banner-regular/BannerRegularContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularContainer.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularContainer.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { BannerContainer } from '../BannerContainer'\n\ntype TBannerRegularContainerProps = Omit<\n  React.ComponentProps<typeof BannerContainer>,\n  'direction' | 'align' | 'wrap' | 'gap' | 'justify'\n>\n\nexport const BannerRegularContainer = (props: TBannerRegularContainerProps) => (\n  <BannerContainer {...props} />\n)\n"],"mappings":";;;;AASA,IAAa,0BAA0B,UACrC,oBAAC,iBAAD,EAAiB,GAAI,OAAS,CAAA"}
+{"version":3,"file":"BannerRegularContainer.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularContainer.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { BannerContainer } from '../BannerContainer'\n\ntype BannerRegularContainerProps = Omit<\n  React.ComponentProps<typeof BannerContainer>,\n  'direction' | 'align' | 'wrap' | 'gap' | 'justify'\n>\n\nexport const BannerRegularContainer = (props: BannerRegularContainerProps) => (\n  <BannerContainer {...props} />\n)\n"],"mappings":";;;;AASA,IAAa,0BAA0B,UACrC,oBAAC,iBAAD,EAAiB,GAAI,MAAQ,CAAA"}

package/dist/components/banner/banner-regular/BannerRegularContent.d.ts

@@ -1,11 +1,9 @@
 import * as React from 'react';
-declare const Container: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "size"> & {
-    size?: ("sm" | "md" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md">>) | undefined;
-} & {
-    as?: React.ElementType;
+declare const Container: import("../../..").PolymorphicComponent<"div", {
+    size?: ("md" | "sm" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "md" | "sm">>) | undefined;
 }>;
-export declare const BannerRegularContent: {
-    (props: React.ComponentProps<typeof Container>): React.JSX.Element;
-    displayName: string;
-};
+export declare function BannerRegularContent(props: React.ComponentProps<typeof Container>): React.JSX.Element;
+export declare namespace BannerRegularContent {
+    var displayName: string;
+}
 export {};

package/dist/components/banner/banner-regular/BannerRegularContent.js

@@ -1,5 +1,5 @@
 import { styled } from "../../../styled.js";
-import { useBannerContext } from "../BannerContext.js";
+import { useBannerContext } from "../Banner.context.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/banner/banner-regular/BannerRegularContent.tsx
@@ -9,7 +9,7 @@ var Container = styled("div", {
 		sm: ["p-4"],
 		md: ["p-6", "pr-8"]
 	} }
-}, { enabledResponsiveVariants: true });
+}, { enableResponsiveVariants: true });
 var BannerRegularContent = (props) => {
 	const { size } = useBannerContext();
 	return /* @__PURE__ */ jsx(Container, {

package/dist/components/banner/banner-regular/BannerRegularContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularContent.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { useBannerContext } from '../BannerContext'\n\nconst Container = styled(\n  'div',\n  {\n    base: ['w-31/50', 'grow'],\n    variants: {\n      size: {\n        sm: ['p-4'],\n        md: ['p-6', 'pr-8']\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nexport const BannerRegularContent = (\n  props: React.ComponentProps<typeof Container>\n) => {\n  const { size } = useBannerContext()\n\n  return <Container size={size} {...props} />\n}\n\nBannerRegularContent.displayName = 'BannerRegularContent'\n"],"mappings":";;;;;AAMA,IAAM,YAAY,OAChB,OACA;CACE,MAAM,CAAC,WAAW,OAAO;CACzB,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,MAAM;EACX,IAAI,CAAC,OAAO,OAAO;EACpB,EACF;CACF,EACD,EACE,2BAA2B,MAC5B,CACF;AAED,IAAa,wBACX,UACG;CACH,MAAM,EAAE,SAAS,kBAAkB;AAEnC,QAAO,oBAAC,WAAD;EAAiB;EAAM,GAAI;EAAS,CAAA;;AAG7C,qBAAqB,cAAc"}
+{"version":3,"file":"BannerRegularContent.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '../../../styled'\nimport { useBannerContext } from '../Banner.context'\n\nconst Container = styled(\n  'div',\n  {\n    base: ['w-31/50', 'grow'],\n    variants: {\n      size: {\n        sm: ['p-4'],\n        md: ['p-6', 'pr-8']\n      }\n    }\n  },\n  {\n    enableResponsiveVariants: true\n  }\n)\n\nexport const BannerRegularContent = (\n  props: React.ComponentProps<typeof Container>\n) => {\n  const { size } = useBannerContext()\n\n  return <Container size={size} {...props} />\n}\n\nBannerRegularContent.displayName = 'BannerRegularContent'\n"],"mappings":";;;;;AAKA,IAAM,YAAY,OAChB,OACA;CACE,MAAM,CAAC,WAAW,MAAM;CACxB,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,KAAK;EACV,IAAI,CAAC,OAAO,MAAM;CACpB,EACF;AACF,GACA,EACE,0BAA0B,KAC5B,CACF;AAEA,IAAa,wBACX,UACG;CACH,MAAM,EAAE,SAAS,iBAAiB;CAElC,OAAO,oBAAC,WAAD;EAAiB;EAAM,GAAI;CAAQ,CAAA;AAC5C;AAEA,qBAAqB,cAAc"}

package/dist/components/banner/banner-regular/BannerRegularDismiss.d.ts

@@ -1,20 +1,19 @@
 import * as React from 'react';
-declare const StyledDismiss: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "appearance" | "size" | "theme" | "isRounded"> & {
-    theme?: ("primary" | "white" | "neutral" | "primaryDark" | "success" | "warning" | "danger" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "primary" | "white" | "neutral" | "primaryDark" | "success" | "warning" | "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;
+declare const StyledDismiss: import("../../..").PolymorphicComponent<({ ref, children, theme, appearance, size, label, href, disabled, hasTooltip, tooltipSide, ...rest }: Omit<{
+    theme?: ("danger" | "neutral" | "primary" | "primaryDark" | "success" | "warning" | "white" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "danger" | "neutral" | "primary" | "primaryDark" | "success" | "warning" | "white">>) | undefined;
+    appearance?: ("outline" | "simple" | "solid" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "outline" | "simple" | "solid">>) | undefined;
+    size?: ("lg" | "md" | "sm" | "xs" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "lg" | "md" | "sm" | "xs">>) | undefined;
+    isRounded?: (boolean | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", boolean>>) | undefined;
 } & {
+    as?: never;
+} & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "appearance" | "as" | "isRounded" | "size" | "theme">, "as" | "children" | "hasTooltip" | "label" | "tooltipSide" | keyof import("../../..").NavigatorActions> & {
     as?: React.ElementType;
-}, "children" | "label" | "hasTooltip" | "tooltipSide" | keyof import("../../..").NavigatorActions> & {
     children: React.ReactNode;
     label: string;
-} & Omit<import("../../..").TOptionalTooltipWrapperProps, "label"> & import("../../..").NavigatorActions, "ref"> & React.RefAttributes<HTMLButtonElement>, never> & {
-    as?: React.ElementType;
-}>;
+} & Omit<import("../../..").OptionalTooltipWrapperProps, "label"> & import("../../..").NavigatorActions) => React.JSX.Element, unknown>;
 type BannerRegularDismissProps = Omit<React.ComponentProps<typeof StyledDismiss>, 'children' | 'onClick' | 'href'>;
-export declare const BannerRegularDismiss: {
-    ({ label, ...rest }: BannerRegularDismissProps): React.JSX.Element;
-    displayName: string;
-};
+export declare function BannerRegularDismiss({ label, ...rest }: BannerRegularDismissProps): React.JSX.Element;
+export declare namespace BannerRegularDismiss {
+    var displayName: string;
+}
 export {};