@atom-learning/components 8.0.2 → 9.0.0-beta.0

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

@@ -2,7 +2,7 @@ import { styled } from "../../../styled.js";
 import { Icon } from "../../icon/Icon.js";
 import { ActionIcon } from "../../action-icon/ActionIcon.js";
 import { overrideStyledVariantValue } from "../../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";
-import { useBannerContext } from "../BannerContext.js";
+import { useBannerContext } from "../Banner.context.js";
 import { Banner } from "../Banner.js";
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";

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

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularDismiss.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularDismiss.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { ActionIcon } from '../../action-icon/ActionIcon'\nimport { Icon } from '../../icon/Icon'\nimport { Banner } from '../Banner'\nimport { useBannerContext } from '../BannerContext'\n\nconst toActionIconSize = {\n  sm: 'md',\n  md: 'sm'\n}\n\nconst StyledDismiss = styled(ActionIcon, {\n  base: ['z-1', 'absolute', 'top-3', 'right-3']\n})\n\ntype BannerRegularDismissProps = Omit<\n  React.ComponentProps<typeof StyledDismiss>,\n  'children' | 'onClick' | 'href'\n>\n\nexport const BannerRegularDismiss = ({\n  label = 'dismiss',\n  ...rest\n}: BannerRegularDismissProps) => {\n  const { size, setHasDismiss } = useBannerContext()\n\n  React.useEffect(() => {\n    setHasDismiss(true)\n    return () => {\n      setHasDismiss(false)\n    }\n  }, [setHasDismiss])\n\n  const actionIconSize = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toActionIconSize[s]),\n    [size]\n  )\n\n  return (\n    <Banner.Dismiss asChild>\n      <StyledDismiss\n        label={label}\n        size={actionIconSize}\n        hasTooltip={false}\n        isRounded\n        theme=\"neutral\"\n        appearance=\"solid\"\n        {...rest}\n      >\n        <Icon is={Close} />\n      </StyledDismiss>\n    </Banner.Dismiss>\n  )\n}\n\nBannerRegularDismiss.displayName = 'BannerRegularDismiss'\n"],"mappings":";;;;;;;;;;AAWA,IAAM,mBAAmB;CACvB,IAAI;CACJ,IAAI;CACL;AAED,IAAM,gBAAgB,OAAO,YAAY,EACvC,MAAM;CAAC;CAAO;CAAY;CAAS;CAAU,EAC9C,CAAC;AAOF,IAAa,wBAAwB,EACnC,QAAQ,WACR,GAAG,WAC4B;CAC/B,MAAM,EAAE,MAAM,kBAAkB,kBAAkB;AAElD,SAAM,gBAAgB;AACpB,gBAAc,KAAK;AACnB,eAAa;AACX,iBAAc,MAAM;;IAErB,CAAC,cAAc,CAAC;CAEnB,MAAM,iBAAiB,QAAM,cACrB,2BAA2B,OAAO,MAAM,iBAAiB,GAAG,EAClE,CAAC,KAAK,CACP;AAED,QACE,oBAAC,OAAO,SAAR;EAAgB,SAAA;YACd,oBAAC,eAAD;GACS;GACP,MAAM;GACN,YAAY;GACZ,WAAA;GACA,OAAM;GACN,YAAW;GACX,GAAI;aAEJ,oBAAC,MAAD,EAAM,IAAI,OAAS,CAAA;GACL,CAAA;EACD,CAAA;;AAIrB,qBAAqB,cAAc"}
+{"version":3,"file":"BannerRegularDismiss.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularDismiss.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '../../../styled'\nimport { overrideStyledVariantValue } from '../../../utilities/override-styled-variant-value/overrideStyledVariantValue'\nimport { ActionIcon } from '../../action-icon/ActionIcon'\nimport { Icon } from '../../icon/Icon'\nimport { Banner } from '../Banner'\nimport { useBannerContext } from '../Banner.context'\n\nconst toActionIconSize = {\n  sm: 'md',\n  md: 'sm'\n}\n\nconst StyledDismiss = styled(ActionIcon, {\n  base: ['z-1', 'absolute', 'top-3', 'right-3']\n})\n\ntype BannerRegularDismissProps = Omit<\n  React.ComponentProps<typeof StyledDismiss>,\n  'children' | 'onClick' | 'href'\n>\n\nexport const BannerRegularDismiss = ({\n  label = 'dismiss',\n  ...rest\n}: BannerRegularDismissProps) => {\n  const { size, setHasDismiss } = useBannerContext()\n\n  React.useEffect(() => {\n    setHasDismiss(true)\n    return () => {\n      setHasDismiss(false)\n    }\n  }, [setHasDismiss])\n\n  const actionIconSize = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toActionIconSize[s]),\n    [size]\n  )\n\n  return (\n    <Banner.Dismiss asChild>\n      <StyledDismiss\n        label={label}\n        size={actionIconSize}\n        hasTooltip={false}\n        isRounded\n        theme=\"neutral\"\n        appearance=\"solid\"\n        {...rest}\n      >\n        <Icon is={Close} />\n      </StyledDismiss>\n    </Banner.Dismiss>\n  )\n}\n\nBannerRegularDismiss.displayName = 'BannerRegularDismiss'\n"],"mappings":";;;;;;;;;;AAUA,IAAM,mBAAmB;CACvB,IAAI;CACJ,IAAI;AACN;AAEA,IAAM,gBAAgB,OAAO,YAAY,EACvC,MAAM;CAAC;CAAO;CAAY;CAAS;AAAS,EAC9C,CAAC;AAOD,IAAa,wBAAwB,EACnC,QAAQ,WACR,GAAG,WAC4B;CAC/B,MAAM,EAAE,MAAM,kBAAkB,iBAAiB;CAEjD,QAAM,gBAAgB;EACpB,cAAc,IAAI;EAClB,aAAa;GACX,cAAc,KAAK;EACrB;CACF,GAAG,CAAC,aAAa,CAAC;CAElB,MAAM,iBAAiB,QAAM,cACrB,2BAA2B,OAAO,MAAM,iBAAiB,EAAE,GACjE,CAAC,IAAI,CACP;CAEA,OACE,oBAAC,OAAO,SAAR;EAAgB,SAAA;YACd,oBAAC,eAAD;GACS;GACP,MAAM;GACN,YAAY;GACZ,WAAA;GACA,OAAM;GACN,YAAW;GACX,GAAI;aAEJ,oBAAC,MAAD,EAAM,IAAI,MAAQ,CAAA;EACL,CAAA;CACD,CAAA;AAEpB;AAEA,qBAAqB,cAAc"}

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Heading } from '../../heading/Heading';
-export declare const BannerRegularHeading: {
-    (props: React.ComponentPropsWithoutRef<typeof Heading>): React.JSX.Element;
-    displayName: string;
-};
+export declare function BannerRegularHeading(props: React.ComponentPropsWithoutRef<typeof Heading>): React.JSX.Element;
+export declare namespace BannerRegularHeading {
+    var displayName: string;
+}

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

@@ -1,6 +1,6 @@
 import { styled } from "../../../styled.js";
 import { Heading } from "../../heading/Heading.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/BannerRegularHeading.tsx
@@ -18,7 +18,7 @@ var StyledHeading = styled(Heading, {
 		hasDismiss: true,
 		class: ["mr-10"]
 	}]
-}, { enabledResponsiveVariants: true });
+}, { enableResponsiveVariants: true });
 var BannerRegularHeading = (props) => {
 	const { size, hasDismiss } = useBannerContext();
 	return /* @__PURE__ */ jsx(StyledHeading, {

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

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularHeading.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularHeading.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Heading } from '../../heading/Heading'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledHeading = styled(\n  Heading,\n  {\n    base: ['mb-4', 'text-(--banner-heading-color)'],\n    variants: {\n      containerSize: {\n        sm: [],\n        md: []\n      },\n      hasDismiss: {\n        true: []\n      }\n    },\n    compoundVariants: [\n      {\n        containerSize: 'sm',\n        hasDismiss: true,\n        class: ['mr-10']\n      }\n    ]\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nexport const BannerRegularHeading = (\n  props: React.ComponentPropsWithoutRef<typeof Heading>\n) => {\n  const { size, hasDismiss } = useBannerContext()\n\n  return (\n    <StyledHeading\n      size=\"md\"\n      containerSize={size}\n      hasDismiss={hasDismiss}\n      {...props}\n    />\n  )\n}\n\nBannerRegularHeading.displayName = 'BannerRegularHeading'\n"],"mappings":";;;;;;AAOA,IAAM,gBAAgB,OACpB,SACA;CACE,MAAM,CAAC,QAAQ,gCAAgC;CAC/C,UAAU;EACR,eAAe;GACb,IAAI,EAAE;GACN,IAAI,EAAE;GACP;EACD,YAAY,EACV,MAAM,EAAE,EACT;EACF;CACD,kBAAkB,CAChB;EACE,eAAe;EACf,YAAY;EACZ,OAAO,CAAC,QAAQ;EACjB,CACF;CACF,EACD,EACE,2BAA2B,MAC5B,CACF;AAED,IAAa,wBACX,UACG;CACH,MAAM,EAAE,MAAM,eAAe,kBAAkB;AAE/C,QACE,oBAAC,eAAD;EACE,MAAK;EACL,eAAe;EACH;EACZ,GAAI;EACJ,CAAA;;AAIN,qBAAqB,cAAc"}
+{"version":3,"file":"BannerRegularHeading.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularHeading.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '../../../styled'\nimport { Heading } from '../../heading/Heading'\nimport { useBannerContext } from '../Banner.context'\n\nconst StyledHeading = styled(\n  Heading,\n  {\n    base: ['mb-4', 'text-(--banner-heading-color)'],\n    variants: {\n      containerSize: {\n        sm: [],\n        md: []\n      },\n      hasDismiss: {\n        true: []\n      }\n    },\n    compoundVariants: [\n      {\n        containerSize: 'sm',\n        hasDismiss: true,\n        class: ['mr-10']\n      }\n    ]\n  },\n  {\n    enableResponsiveVariants: true\n  }\n)\n\nexport const BannerRegularHeading = (\n  props: React.ComponentPropsWithoutRef<typeof Heading>\n) => {\n  const { size, hasDismiss } = useBannerContext()\n\n  return (\n    <StyledHeading\n      size=\"md\"\n      containerSize={size}\n      hasDismiss={hasDismiss}\n      {...props}\n    />\n  )\n}\n\nBannerRegularHeading.displayName = 'BannerRegularHeading'\n"],"mappings":";;;;;;AAMA,IAAM,gBAAgB,OACpB,SACA;CACE,MAAM,CAAC,QAAQ,+BAA+B;CAC9C,UAAU;EACR,eAAe;GACb,IAAI,CAAC;GACL,IAAI,CAAC;EACP;EACA,YAAY,EACV,MAAM,CAAC,EACT;CACF;CACA,kBAAkB,CAChB;EACE,eAAe;EACf,YAAY;EACZ,OAAO,CAAC,OAAO;CACjB,CACF;AACF,GACA,EACE,0BAA0B,KAC5B,CACF;AAEA,IAAa,wBACX,UACG;CACH,MAAM,EAAE,MAAM,eAAe,iBAAiB;CAE9C,OACE,oBAAC,eAAD;EACE,MAAK;EACL,eAAe;EACH;EACZ,GAAI;CACL,CAAA;AAEL;AAEA,qBAAqB,cAAc"}

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

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

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

@@ -1,6 +1,6 @@
 import { styled } from "../../../styled.js";
 import { Image } from "../../image/Image.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/BannerRegularImage.tsx
@@ -14,7 +14,7 @@ var Container = styled("div", {
 		sm: ["hidden"],
 		md: ["block"]
 	} }
-}, { enabledResponsiveVariants: true });
+}, { enableResponsiveVariants: true });
 var StyledImage = styled(Image, { base: [
 	"absolute",
 	"max-w-none",

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

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularImage.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularImage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Image } from '../../image/Image'\nimport { useBannerContext } from '../BannerContext'\n\nconst Container = styled(\n  'div',\n  {\n    base: ['relative', 'overflow-hidden', 'w-19/50'],\n    variants: {\n      size: {\n        sm: ['hidden'],\n        md: ['block']\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nconst StyledImage = styled(Image, {\n  base: ['absolute', 'max-w-none', 'size-full', 'object-cover']\n})\n\nexport const BannerRegularImage = (\n  props: React.ComponentPropsWithoutRef<typeof Image>\n) => {\n  const { size } = useBannerContext()\n\n  return (\n    <Container size={size}>\n      <StyledImage {...props} />\n    </Container>\n  )\n}\n\nBannerRegularImage.displayName = 'BannerRegularImage'\n"],"mappings":";;;;;;AAOA,IAAM,YAAY,OAChB,OACA;CACE,MAAM;EAAC;EAAY;EAAmB;EAAU;CAChD,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,SAAS;EACd,IAAI,CAAC,QAAQ;EACd,EACF;CACF,EACD,EACE,2BAA2B,MAC5B,CACF;AAED,IAAM,cAAc,OAAO,OAAO,EAChC,MAAM;CAAC;CAAY;CAAc;CAAa;CAAe,EAC9D,CAAC;AAEF,IAAa,sBACX,UACG;CACH,MAAM,EAAE,SAAS,kBAAkB;AAEnC,QACE,oBAAC,WAAD;EAAiB;YACf,oBAAC,aAAD,EAAa,GAAI,OAAS,CAAA;EAChB,CAAA;;AAIhB,mBAAmB,cAAc"}
+{"version":3,"file":"BannerRegularImage.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularImage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '../../../styled'\nimport { Image } from '../../image/Image'\nimport { useBannerContext } from '../Banner.context'\n\nconst Container = styled(\n  'div',\n  {\n    base: ['relative', 'overflow-hidden', 'w-19/50'],\n    variants: {\n      size: {\n        sm: ['hidden'],\n        md: ['block']\n      }\n    }\n  },\n  {\n    enableResponsiveVariants: true\n  }\n)\n\nconst StyledImage = styled(Image, {\n  base: ['absolute', 'max-w-none', 'size-full', 'object-cover']\n})\n\nexport const BannerRegularImage = (\n  props: React.ComponentPropsWithoutRef<typeof Image>\n) => {\n  const { size } = useBannerContext()\n\n  return (\n    <Container size={size}>\n      <StyledImage {...props} />\n    </Container>\n  )\n}\n\nBannerRegularImage.displayName = 'BannerRegularImage'\n"],"mappings":";;;;;;AAMA,IAAM,YAAY,OAChB,OACA;CACE,MAAM;EAAC;EAAY;EAAmB;CAAS;CAC/C,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,QAAQ;EACb,IAAI,CAAC,OAAO;CACd,EACF;AACF,GACA,EACE,0BAA0B,KAC5B,CACF;AAEA,IAAM,cAAc,OAAO,OAAO,EAChC,MAAM;CAAC;CAAY;CAAc;CAAa;AAAc,EAC9D,CAAC;AAED,IAAa,sBACX,UACG;CACH,MAAM,EAAE,SAAS,iBAAiB;CAElC,OACE,oBAAC,WAAD;EAAiB;YACf,oBAAC,aAAD,EAAa,GAAI,MAAQ,CAAA;CAChB,CAAA;AAEf;AAEA,mBAAmB,cAAc"}

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

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

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

@@ -1,6 +1,6 @@
 import { styled } from "../../../styled.js";
 import { Text } from "../../text/Text.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/BannerRegularText.tsx
@@ -18,7 +18,7 @@ var StyledText = styled(Text, {
 		hasDismiss: true,
 		class: ["mr-10"]
 	}]
-}, { enabledResponsiveVariants: true });
+}, { enableResponsiveVariants: true });
 var BannerRegularText = (props) => {
 	const { size, hasDismiss } = useBannerContext();
 	return /* @__PURE__ */ jsx(StyledText, {

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

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularText.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularText.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Text } from '../../text/Text'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledText = styled(\n  Text,\n  {\n    base: ['text-(--banner-text-color)'],\n    variants: {\n      containerSize: {\n        sm: ['mb-4'],\n        md: ['mb-6']\n      },\n      hasDismiss: {\n        true: []\n      }\n    },\n    compoundVariants: [\n      {\n        containerSize: 'sm',\n        hasDismiss: true,\n        class: ['mr-10']\n      }\n    ]\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nexport const BannerRegularText = (\n  props: React.ComponentPropsWithoutRef<typeof Text>\n) => {\n  const { size, hasDismiss } = useBannerContext()\n\n  return (\n    <StyledText\n      size={size}\n      containerSize={size}\n      hasDismiss={hasDismiss}\n      {...props}\n    />\n  )\n}\n\nBannerRegularText.displayName = 'BannerRegularText'\n"],"mappings":";;;;;;AAOA,IAAM,aAAa,OACjB,MACA;CACE,MAAM,CAAC,6BAA6B;CACpC,UAAU;EACR,eAAe;GACb,IAAI,CAAC,OAAO;GACZ,IAAI,CAAC,OAAO;GACb;EACD,YAAY,EACV,MAAM,EAAE,EACT;EACF;CACD,kBAAkB,CAChB;EACE,eAAe;EACf,YAAY;EACZ,OAAO,CAAC,QAAQ;EACjB,CACF;CACF,EACD,EACE,2BAA2B,MAC5B,CACF;AAED,IAAa,qBACX,UACG;CACH,MAAM,EAAE,MAAM,eAAe,kBAAkB;AAE/C,QACE,oBAAC,YAAD;EACQ;EACN,eAAe;EACH;EACZ,GAAI;EACJ,CAAA;;AAIN,kBAAkB,cAAc"}
+{"version":3,"file":"BannerRegularText.js","names":[],"sources":["../../../../src/components/banner/banner-regular/BannerRegularText.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '../../../styled'\nimport { Text } from '../../text/Text'\nimport { useBannerContext } from '../Banner.context'\n\nconst StyledText = styled(\n  Text,\n  {\n    base: ['text-(--banner-text-color)'],\n    variants: {\n      containerSize: {\n        sm: ['mb-4'],\n        md: ['mb-6']\n      },\n      hasDismiss: {\n        true: []\n      }\n    },\n    compoundVariants: [\n      {\n        containerSize: 'sm',\n        hasDismiss: true,\n        class: ['mr-10']\n      }\n    ]\n  },\n  {\n    enableResponsiveVariants: true\n  }\n)\n\nexport const BannerRegularText = (\n  props: React.ComponentPropsWithoutRef<typeof Text>\n) => {\n  const { size, hasDismiss } = useBannerContext()\n\n  return (\n    <StyledText\n      size={size}\n      containerSize={size}\n      hasDismiss={hasDismiss}\n      {...props}\n    />\n  )\n}\n\nBannerRegularText.displayName = 'BannerRegularText'\n"],"mappings":";;;;;;AAMA,IAAM,aAAa,OACjB,MACA;CACE,MAAM,CAAC,4BAA4B;CACnC,UAAU;EACR,eAAe;GACb,IAAI,CAAC,MAAM;GACX,IAAI,CAAC,MAAM;EACb;EACA,YAAY,EACV,MAAM,CAAC,EACT;CACF;CACA,kBAAkB,CAChB;EACE,eAAe;EACf,YAAY;EACZ,OAAO,CAAC,OAAO;CACjB,CACF;AACF,GACA,EACE,0BAA0B,KAC5B,CACF;AAEA,IAAa,qBACX,UACG;CACH,MAAM,EAAE,MAAM,eAAe,iBAAiB;CAE9C,OACE,oBAAC,YAAD;EACQ;EACN,eAAe;EACH;EACZ,GAAI;CACL,CAAA;AAEL;AAEA,kBAAkB,cAAc"}

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

@@ -5,9 +5,7 @@ export declare const BannerSlim: {
     ({ colorScheme, size, emphasis, onDismiss, ...rest }: React.ComponentProps<typeof Banner> & React.ComponentProps<typeof BannerContainer>): React.JSX.Element;
     displayName: string;
 } & {
-    Content: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & {
-        as?: React.ElementType;
-    }>;
+    Content: import("../../..").PolymorphicComponent<"div", unknown>;
     Text: {
         (props: React.ComponentPropsWithoutRef<typeof import("../..").Text>): React.JSX.Element;
         displayName: string;
@@ -17,132 +15,16 @@ export declare const BannerSlim: {
         displayName: string;
     };
     Button: {
-        ({ className, ...props }: React.ComponentProps<typeof import("../..").Button>): React.JSX.Element;
+        ({ className, ...rest }: React.ComponentProps<typeof import("../..").Button>): 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;
@@ -310,26 +192,144 @@ export declare const BannerSlim: {
             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;
-            emphasis?: ("bold" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold">>) | undefined;
-            containerSize?: ("sm" | "md" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md">>) | 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;
+            emphasis?: ("bold" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "bold">>) | undefined;
+            containerSize?: ("md" | "sm" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "md" | "sm">>) | undefined;
         }): React.JSX.Element;
         displayName: string;
     };
     Actions: {
-        ({ children, ...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;
+        ({ children, ...rest }: React.ComponentProps<import("../../..").PolymorphicComponent<"div", {
+            size?: ("md" | "sm" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "md" | "sm">>) | undefined;
         }>>): React.JSX.Element;
         displayName: string;
     };

package/dist/components/banner/banner-slim/BannerSlim.js

@@ -18,7 +18,7 @@ var BannerSlimComponent = ({ colorScheme, size, emphasis, onDismiss, ...rest })
 		...rest
 	})
 });
-var BannerSlim = Object.assign(BannerSlimComponent, {
+var BannerSlim = /* @__PURE__ */ Object.assign(BannerSlimComponent, {
 	Content: BannerSlimContent,
 	Text: BannerSlimText,
 	Image: BannerSlimImage,

package/dist/components/banner/banner-slim/BannerSlim.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerSlim.js","names":[],"sources":["../../../../src/components/banner/banner-slim/BannerSlim.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Banner } from '../Banner'\nimport { BannerContainer } from '../BannerContainer'\nimport { BannerSlimActions } from './BannerSlimActions'\nimport { BannerSlimButton } from './BannerSlimButton'\nimport { BannerSlimContainer } from './BannerSlimContainer'\nimport { BannerSlimContent } from './BannerSlimContent'\nimport { BannerSlimDismiss } from './BannerSlimDismiss'\nimport { BannerSlimImage } from './BannerSlimImage'\nimport { BannerSlimText } from './BannerSlimText'\n\nconst BannerSlimComponent = ({\n  colorScheme,\n  size,\n  emphasis,\n  onDismiss,\n  ...rest\n}: React.ComponentProps<typeof Banner> &\n  React.ComponentProps<typeof BannerContainer>) => (\n  <Banner size={size} emphasis={emphasis}>\n    <BannerSlimContainer\n      colorScheme={colorScheme}\n      onDismiss={onDismiss}\n      {...rest}\n    />\n  </Banner>\n)\n\nexport const BannerSlim = Object.assign(BannerSlimComponent, {\n  Content: BannerSlimContent,\n  Text: BannerSlimText,\n  Image: BannerSlimImage,\n  Button: BannerSlimButton,\n  Dismiss: BannerSlimDismiss,\n  Actions: BannerSlimActions\n})\n\nBannerSlimComponent.displayName = 'BannerSlim'\n"],"mappings":";;;;;;;;;;;AAYA,IAAM,uBAAuB,EAC3B,aACA,MACA,UACA,WACA,GAAG,WAGH,oBAAC,QAAD;CAAc;CAAgB;WAC5B,oBAAC,qBAAD;EACe;EACF;EACX,GAAI;EACJ,CAAA;CACK,CAAA;AAGX,IAAa,aAAa,OAAO,OAAO,qBAAqB;CAC3D,SAAS;CACT,MAAM;CACN,OAAO;CACP,QAAQ;CACR,SAAS;CACT,SAAS;CACV,CAAC;AAEF,oBAAoB,cAAc"}
+{"version":3,"file":"BannerSlim.js","names":[],"sources":["../../../../src/components/banner/banner-slim/BannerSlim.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Banner } from '../Banner'\nimport { BannerContainer } from '../BannerContainer'\nimport { BannerSlimActions } from './BannerSlimActions'\nimport { BannerSlimButton } from './BannerSlimButton'\nimport { BannerSlimContainer } from './BannerSlimContainer'\nimport { BannerSlimContent } from './BannerSlimContent'\nimport { BannerSlimDismiss } from './BannerSlimDismiss'\nimport { BannerSlimImage } from './BannerSlimImage'\nimport { BannerSlimText } from './BannerSlimText'\n\nconst BannerSlimComponent = ({\n  colorScheme,\n  size,\n  emphasis,\n  onDismiss,\n  ...rest\n}: React.ComponentProps<typeof Banner> &\n  React.ComponentProps<typeof BannerContainer>) => (\n  <Banner size={size} emphasis={emphasis}>\n    <BannerSlimContainer\n      colorScheme={colorScheme}\n      onDismiss={onDismiss}\n      {...rest}\n    />\n  </Banner>\n)\n\nexport const BannerSlim = /* @__PURE__ */ Object.assign(BannerSlimComponent, {\n  Content: BannerSlimContent,\n  Text: BannerSlimText,\n  Image: BannerSlimImage,\n  Button: BannerSlimButton,\n  Dismiss: BannerSlimDismiss,\n  Actions: BannerSlimActions\n})\n\nBannerSlimComponent.displayName = 'BannerSlim'\n"],"mappings":";;;;;;;;;;;AAYA,IAAM,uBAAuB,EAC3B,aACA,MACA,UACA,WACA,GAAG,WAGH,oBAAC,QAAD;CAAc;CAAgB;WAC5B,oBAAC,qBAAD;EACe;EACF;EACX,GAAI;CACL,CAAA;AACK,CAAA;AAGV,IAAa,aAA6B,uBAAO,OAAO,qBAAqB;CAC3E,SAAS;CACT,MAAM;CACN,OAAO;CACP,QAAQ;CACR,SAAS;CACT,SAAS;AACX,CAAC;AAED,oBAAoB,cAAc"}

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

@@ -1,11 +1,9 @@
 import * as React from 'react';
-declare const StyledBannerSlimActions: 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 StyledBannerSlimActions: import("../../..").PolymorphicComponent<"div", {
+    size?: ("md" | "sm" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "md" | "sm">>) | undefined;
 }>;
-export declare const BannerSlimActions: {
-    ({ children, ...props }: React.ComponentProps<typeof StyledBannerSlimActions>): React.JSX.Element;
-    displayName: string;
-};
+export declare function BannerSlimActions({ children, ...rest }: React.ComponentProps<typeof StyledBannerSlimActions>): React.JSX.Element;
+export declare namespace BannerSlimActions {
+    var displayName: string;
+}
 export {};

package/dist/components/banner/banner-slim/BannerSlimActions.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-slim/BannerSlimActions.tsx
@@ -9,12 +9,12 @@ var StyledBannerSlimActions = styled("div", {
 		sm: ["w-full"],
 		md: ["w-auto"]
 	} }
-}, { enabledResponsiveVariants: true });
-var BannerSlimActions = ({ children, ...props }) => {
+}, { enableResponsiveVariants: true });
+var BannerSlimActions = ({ children, ...rest }) => {
 	const { size } = useBannerContext();
 	return /* @__PURE__ */ jsx(StyledBannerSlimActions, {
 		size,
-		...props,
+		...rest,
 		children
 	});
 };

package/dist/components/banner/banner-slim/BannerSlimActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerSlimActions.js","names":[],"sources":["../../../../src/components/banner/banner-slim/BannerSlimActions.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledBannerSlimActions = styled(\n  'div',\n  {\n    base: ['flex', 'gap-4'],\n    variants: {\n      size: {\n        sm: ['w-full'],\n        md: ['w-auto']\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nexport const BannerSlimActions = ({\n  children,\n  ...props\n}: React.ComponentProps<typeof StyledBannerSlimActions>) => {\n  const { size } = useBannerContext()\n  return (\n    <StyledBannerSlimActions size={size} {...props}>\n      {children}\n    </StyledBannerSlimActions>\n  )\n}\n\nBannerSlimActions.displayName = 'BannerSlimActions'\n"],"mappings":";;;;;AAMA,IAAM,0BAA0B,OAC9B,OACA;CACE,MAAM,CAAC,QAAQ,QAAQ;CACvB,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,SAAS;EACd,IAAI,CAAC,SAAS;EACf,EACF;CACF,EACD,EACE,2BAA2B,MAC5B,CACF;AAED,IAAa,qBAAqB,EAChC,UACA,GAAG,YACuD;CAC1D,MAAM,EAAE,SAAS,kBAAkB;AACnC,QACE,oBAAC,yBAAD;EAA+B;EAAM,GAAI;EACtC;EACuB,CAAA;;AAI9B,kBAAkB,cAAc"}
+{"version":3,"file":"BannerSlimActions.js","names":[],"sources":["../../../../src/components/banner/banner-slim/BannerSlimActions.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '../../../styled'\nimport { useBannerContext } from '../Banner.context'\n\nconst StyledBannerSlimActions = styled(\n  'div',\n  {\n    base: ['flex', 'gap-4'],\n    variants: {\n      size: {\n        sm: ['w-full'],\n        md: ['w-auto']\n      }\n    }\n  },\n  {\n    enableResponsiveVariants: true\n  }\n)\n\nexport const BannerSlimActions = ({\n  children,\n  ...rest\n}: React.ComponentProps<typeof StyledBannerSlimActions>) => {\n  const { size } = useBannerContext()\n  return (\n    <StyledBannerSlimActions size={size} {...rest}>\n      {children}\n    </StyledBannerSlimActions>\n  )\n}\n\nBannerSlimActions.displayName = 'BannerSlimActions'\n"],"mappings":";;;;;AAKA,IAAM,0BAA0B,OAC9B,OACA;CACE,MAAM,CAAC,QAAQ,OAAO;CACtB,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,QAAQ;EACb,IAAI,CAAC,QAAQ;CACf,EACF;AACF,GACA,EACE,0BAA0B,KAC5B,CACF;AAEA,IAAa,qBAAqB,EAChC,UACA,GAAG,WACuD;CAC1D,MAAM,EAAE,SAAS,iBAAiB;CAClC,OACE,oBAAC,yBAAD;EAA+B;EAAM,GAAI;EACtC;CACsB,CAAA;AAE7B;AAEA,kBAAkB,cAAc"}

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

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

package/dist/components/banner/banner-slim/BannerSlimButton.js

@@ -1,17 +1,17 @@
 import { cn } from "../../../styled.js";
 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-slim/BannerSlimButton.tsx
-var BannerSlimButton = ({ className, ...props }) => {
+var BannerSlimButton = ({ className, ...rest }) => {
 	const { emphasis, size } = useBannerContext();
 	return /* @__PURE__ */ jsx(Button, {
 		size: "md",
 		fullWidth: React$1.useMemo(() => overrideStyledVariantValue(size, (s) => s === "sm"), [size]),
 		theme: emphasis === "bold" ? "neutral" : "primary",
-		...props,
+		...rest,
 		className: cn("ml-auto", className)
 	});
 };

package/dist/components/banner/banner-slim/BannerSlimButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerSlimButton.js","names":[],"sources":["../../../../src/components/banner/banner-slim/BannerSlimButton.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { Button } from '../../button/Button'\nimport { useBannerContext } from '../BannerContext'\n\nexport const BannerSlimButton = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof Button>) => {\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=\"md\"\n      fullWidth={fullWidth}\n      theme={emphasis === 'bold' ? 'neutral' : 'primary'}\n      {...props}\n      className={cn('ml-auto', className)}\n    />\n  )\n}\n\nBannerSlimButton.displayName = 'BannerSlimButton'\n"],"mappings":";;;;;;;AAQA,IAAa,oBAAoB,EAC/B,WACA,GAAG,YACsC;CACzC,MAAM,EAAE,UAAU,SAAS,kBAAkB;AAO7C,QACE,oBAAC,QAAD;EACE,MAAK;EACM,WARG,QAAM,cAChB,2BAA2B,OAAO,MAAM,MAAM,KAAK,EACzD,CAAC,KAAK,CACP;EAMG,OAAO,aAAa,SAAS,YAAY;EACzC,GAAI;EACJ,WAAW,GAAG,WAAW,UAAU;EACnC,CAAA;;AAIN,iBAAiB,cAAc"}
+{"version":3,"file":"BannerSlimButton.js","names":[],"sources":["../../../../src/components/banner/banner-slim/BannerSlimButton.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '../../../styled'\nimport { overrideStyledVariantValue } from '../../../utilities/override-styled-variant-value/overrideStyledVariantValue'\nimport { Button } from '../../button/Button'\nimport { useBannerContext } from '../Banner.context'\n\nexport const BannerSlimButton = ({\n  className,\n  ...rest\n}: React.ComponentProps<typeof Button>) => {\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=\"md\"\n      fullWidth={fullWidth}\n      theme={emphasis === 'bold' ? 'neutral' : 'primary'}\n      {...rest}\n      className={cn('ml-auto', className)}\n    />\n  )\n}\n\nBannerSlimButton.displayName = 'BannerSlimButton'\n"],"mappings":";;;;;;;AAOA,IAAa,oBAAoB,EAC/B,WACA,GAAG,WACsC;CACzC,MAAM,EAAE,UAAU,SAAS,iBAAiB;CAO5C,OACE,oBAAC,QAAD;EACE,MAAK;EACM,WARG,QAAM,cAChB,2BAA2B,OAAO,MAAM,MAAM,IAAI,GACxD,CAAC,IAAI,CAMQ;EACX,OAAO,aAAa,SAAS,YAAY;EACzC,GAAI;EACJ,WAAW,GAAG,WAAW,SAAS;CACnC,CAAA;AAEL;AAEA,iBAAiB,cAAc"}