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

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

@@ -1,21 +1,10 @@
 import * as React from 'react';
-declare const StyledBannerSlimContainer: React.ForwardRefExoticComponent<Omit<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;
-} & {
-    colorScheme?: import("../../..").TcolorScheme;
-} & import("../../dismissible/DismissibleRoot").IDismissibleRootInternalProps & import("../../dismissible/DismissibleRoot").IDismissibleRootProps & {
-    children?: React.ReactNode | undefined;
-}, "sizeWorkaround"> & {
-    sizeWorkaround?: ("sm" | "md" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md">>) | undefined;
-} & {
-    as?: React.ElementType;
+declare const StyledBannerSlimContainer: import("../../..").PolymorphicComponent<({ colorScheme, onDismiss, dismissed, ...rest }: import("../BannerContainer").BannerContainerProps) => React.JSX.Element, {
+    sizeWorkaround?: ("md" | "sm" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "md" | "sm">>) | undefined;
 }>;
-type TBannerSlimContainerProps = React.ComponentProps<typeof StyledBannerSlimContainer>;
-export declare const BannerSlimContainer: {
-    ({ className, ...rest }: TBannerSlimContainerProps): React.JSX.Element;
-    displayName: string;
-};
+type BannerSlimContainerProps = React.ComponentProps<typeof StyledBannerSlimContainer>;
+export declare function BannerSlimContainer({ className, ...rest }: BannerSlimContainerProps): React.JSX.Element;
+export declare namespace BannerSlimContainer {
+    var displayName: string;
+}
 export {};

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

@@ -1,5 +1,5 @@
 import { cn, styled } from "../../../styled.js";
-import { useBannerContext } from "../BannerContext.js";
+import { useBannerContext } from "../Banner.context.js";
 import { BannerContainer } from "../BannerContainer.js";
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
@@ -22,7 +22,7 @@ var StyledBannerSlimContainer = styled(BannerContainer, {
 		sm: [],
 		md: ["px-6"]
 	} }
-}, { enabledResponsiveVariants: true });
+}, { enableResponsiveVariants: true });
 var BannerSlimContainer = ({ className, ...rest }) => {
 	const { size } = useBannerContext();
 	const direction = React$1.useMemo(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"BannerSlimContainer.js","names":[],"sources":["../../../../src/components/banner/banner-slim/BannerSlimContainer.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled, cn } from '~/styled'\n\nimport { BannerContainer } from '../BannerContainer'\nimport { useBannerContext } from '../BannerContext'\n\nconst toDirection = {\n  sm: 'flex-col',\n  md: 'flex-row'\n}\n\nconst toAlign = {\n  sm: 'items-start',\n  md: 'items-center'\n}\n\nconst toWrap = {\n  sm: 'flex-wrap',\n  md: 'flex-nowrap'\n}\n\nconst StyledBannerSlimContainer = styled(\n  BannerContainer,\n  {\n    base: ['p-4'],\n    variants: {\n      sizeWorkaround: {\n        sm: [],\n        md: ['px-6']\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\ntype TBannerSlimContainerProps = React.ComponentProps<\n  typeof StyledBannerSlimContainer\n>\n\nexport const BannerSlimContainer = ({\n  className,\n  ...rest\n}: TBannerSlimContainerProps): React.JSX.Element => {\n  const { size } = useBannerContext()\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  const align = React.useMemo(() => {\n    if (typeof size === 'string') {\n      return toAlign[size]\n    }\n    return 'items-start md:items-center'\n  }, [size])\n\n  const wrap = React.useMemo(() => {\n    if (typeof size === 'string') {\n      return toWrap[size]\n    }\n    return 'flex-wrap md:flex-nowrap'\n  }, [size])\n\n  return (\n    <StyledBannerSlimContainer\n      {...rest}\n      sizeWorkaround={size}\n      className={cn(direction, align, 'gap-4', wrap, className)}\n    />\n  )\n}\n\nBannerSlimContainer.displayName = 'BannerSlimContainer'\n"],"mappings":";;;;;;AAOA,IAAM,cAAc;CAClB,IAAI;CACJ,IAAI;CACL;AAED,IAAM,UAAU;CACd,IAAI;CACJ,IAAI;CACL;AAED,IAAM,SAAS;CACb,IAAI;CACJ,IAAI;CACL;AAED,IAAM,4BAA4B,OAChC,iBACA;CACE,MAAM,CAAC,MAAM;CACb,UAAU,EACR,gBAAgB;EACd,IAAI,EAAE;EACN,IAAI,CAAC,OAAO;EACb,EACF;CACF,EACD,EACE,2BAA2B,MAC5B,CACF;AAMD,IAAa,uBAAuB,EAClC,WACA,GAAG,WAC+C;CAClD,MAAM,EAAE,SAAS,kBAAkB;CAEnC,MAAM,YAAY,QAAM,cAAc;AACpC,MAAI,OAAO,SAAS,SAClB,QAAO,YAAY;AAErB,SAAO;IACN,CAAC,KAAK,CAAC;CAEV,MAAM,QAAQ,QAAM,cAAc;AAChC,MAAI,OAAO,SAAS,SAClB,QAAO,QAAQ;AAEjB,SAAO;IACN,CAAC,KAAK,CAAC;CAEV,MAAM,OAAO,QAAM,cAAc;AAC/B,MAAI,OAAO,SAAS,SAClB,QAAO,OAAO;AAEhB,SAAO;IACN,CAAC,KAAK,CAAC;AAEV,QACE,oBAAC,2BAAD;EACE,GAAI;EACJ,gBAAgB;EAChB,WAAW,GAAG,WAAW,OAAO,SAAS,MAAM,UAAU;EACzD,CAAA;;AAIN,oBAAoB,cAAc"}
+{"version":3,"file":"BannerSlimContainer.js","names":[],"sources":["../../../../src/components/banner/banner-slim/BannerSlimContainer.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled, cn } from '../../../styled'\nimport { useBannerContext } from '../Banner.context'\nimport { BannerContainer } from '../BannerContainer'\n\nconst toDirection = {\n  sm: 'flex-col',\n  md: 'flex-row'\n}\n\nconst toAlign = {\n  sm: 'items-start',\n  md: 'items-center'\n}\n\nconst toWrap = {\n  sm: 'flex-wrap',\n  md: 'flex-nowrap'\n}\n\nconst StyledBannerSlimContainer = styled(\n  BannerContainer,\n  {\n    base: ['p-4'],\n    variants: {\n      sizeWorkaround: {\n        sm: [],\n        md: ['px-6']\n      }\n    }\n  },\n  {\n    enableResponsiveVariants: true\n  }\n)\n\ntype BannerSlimContainerProps = React.ComponentProps<\n  typeof StyledBannerSlimContainer\n>\n\nexport const BannerSlimContainer = ({\n  className,\n  ...rest\n}: BannerSlimContainerProps) => {\n  const { size } = useBannerContext()\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  const align = React.useMemo(() => {\n    if (typeof size === 'string') {\n      return toAlign[size]\n    }\n    return 'items-start md:items-center'\n  }, [size])\n\n  const wrap = React.useMemo(() => {\n    if (typeof size === 'string') {\n      return toWrap[size]\n    }\n    return 'flex-wrap md:flex-nowrap'\n  }, [size])\n\n  return (\n    <StyledBannerSlimContainer\n      {...rest}\n      sizeWorkaround={size}\n      className={cn(direction, align, 'gap-4', wrap, className)}\n    />\n  )\n}\n\nBannerSlimContainer.displayName = 'BannerSlimContainer'\n"],"mappings":";;;;;;AAMA,IAAM,cAAc;CAClB,IAAI;CACJ,IAAI;AACN;AAEA,IAAM,UAAU;CACd,IAAI;CACJ,IAAI;AACN;AAEA,IAAM,SAAS;CACb,IAAI;CACJ,IAAI;AACN;AAEA,IAAM,4BAA4B,OAChC,iBACA;CACE,MAAM,CAAC,KAAK;CACZ,UAAU,EACR,gBAAgB;EACd,IAAI,CAAC;EACL,IAAI,CAAC,MAAM;CACb,EACF;AACF,GACA,EACE,0BAA0B,KAC5B,CACF;AAMA,IAAa,uBAAuB,EAClC,WACA,GAAG,WAC2B;CAC9B,MAAM,EAAE,SAAS,iBAAiB;CAElC,MAAM,YAAY,QAAM,cAAc;EACpC,IAAI,OAAO,SAAS,UAClB,OAAO,YAAY;EAErB,OAAO;CACT,GAAG,CAAC,IAAI,CAAC;CAET,MAAM,QAAQ,QAAM,cAAc;EAChC,IAAI,OAAO,SAAS,UAClB,OAAO,QAAQ;EAEjB,OAAO;CACT,GAAG,CAAC,IAAI,CAAC;CAET,MAAM,OAAO,QAAM,cAAc;EAC/B,IAAI,OAAO,SAAS,UAClB,OAAO,OAAO;EAEhB,OAAO;CACT,GAAG,CAAC,IAAI,CAAC;CAET,OACE,oBAAC,2BAAD;EACE,GAAI;EACJ,gBAAgB;EAChB,WAAW,GAAG,WAAW,OAAO,SAAS,MAAM,SAAS;CACzD,CAAA;AAEL;AAEA,oBAAoB,cAAc"}

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

@@ -1,3 +1 @@
-export declare const BannerSlimContent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & {
-    as?: import("react").ElementType;
-}>;
+export declare const BannerSlimContent: import("../../..").PolymorphicComponent<"div", unknown>;

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

@@ -1 +1 @@
-{"version":3,"file":"BannerSlimContent.js","names":[],"sources":["../../../../src/components/banner/banner-slim/BannerSlimContent.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const BannerSlimContent = styled('div', {\n  base: ['w-full', 'flex', 'items-center', 'gap-4']\n})\n\nBannerSlimContent.displayName = 'BannerSlimContent'\n"],"mappings":";;AAEA,IAAa,oBAAoB,OAAO,OAAO,EAC7C,MAAM;CAAC;CAAU;CAAQ;CAAgB;CAAQ,EAClD,CAAC;AAEF,kBAAkB,cAAc"}
+{"version":3,"file":"BannerSlimContent.js","names":[],"sources":["../../../../src/components/banner/banner-slim/BannerSlimContent.tsx"],"sourcesContent":["import { styled } from '../../../styled'\n\nexport const BannerSlimContent = styled('div', {\n  base: ['w-full', 'flex', 'items-center', 'gap-4']\n})\n\nBannerSlimContent.displayName = 'BannerSlimContent'\n"],"mappings":";;AAEA,IAAa,oBAAoB,OAAO,OAAO,EAC7C,MAAM;CAAC;CAAU;CAAQ;CAAgB;AAAO,EAClD,CAAC;AAED,kBAAkB,cAAc"}

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

@@ -1,23 +1,22 @@
 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>, "emphasis" | "containerSize"> & {
-    emphasis?: ("bold" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold">>) | undefined;
-    containerSize?: ("sm" | "md" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md">>) | undefined;
-} & {
-    as?: React.ElementType;
+} & Omit<import("../../..").OptionalTooltipWrapperProps, "label"> & import("../../..").NavigatorActions) => React.JSX.Element, {
+    emphasis?: ("bold" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "bold">>) | undefined;
+    containerSize?: ("md" | "sm" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "md" | "sm">>) | undefined;
 }>;
-type TBannerSlimDismissProps = Omit<React.ComponentProps<typeof StyledDismiss>, 'children' | 'onClick' | 'href'>;
-export declare const BannerSlimDismiss: {
-    ({ label, ...rest }: TBannerSlimDismissProps): React.JSX.Element;
-    displayName: string;
-};
+type BannerSlimDismissProps = Omit<React.ComponentProps<typeof StyledDismiss>, 'children' | 'onClick' | 'href'>;
+export declare function BannerSlimDismiss({ label, ...rest }: BannerSlimDismissProps): React.JSX.Element;
+export declare namespace BannerSlimDismiss {
+    var displayName: string;
+}
 export {};

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

@@ -1,7 +1,7 @@
 import { styled } from "../../../styled.js";
 import { Icon } from "../../icon/Icon.js";
 import { ActionIcon } from "../../action-icon/ActionIcon.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";
@@ -20,7 +20,7 @@ var StyledDismiss = styled(ActionIcon, {
 			md: ["static"]
 		}
 	}
-}, { enabledResponsiveVariants: true });
+}, { enableResponsiveVariants: true });
 var BannerSlimDismiss = ({ label = "dismiss", ...rest }) => {
 	const { size, setHasDismiss, emphasis } = useBannerContext();
 	React$1.useEffect(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"BannerSlimDismiss.js","names":[],"sources":["../../../../src/components/banner/banner-slim/BannerSlimDismiss.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../../action-icon/ActionIcon'\nimport { Icon } from '../../icon/Icon'\nimport { Banner } from '../Banner'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledDismiss = styled(\n  ActionIcon,\n  {\n    base: [],\n    variants: {\n      emphasis: {\n        bold: ['text-white!']\n      },\n      containerSize: {\n        sm: ['absolute', 'right-4', 'top-4'],\n        md: ['static']\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\ntype TBannerSlimDismissProps = Omit<\n  React.ComponentProps<typeof StyledDismiss>,\n  'children' | 'onClick' | 'href'\n>\n\nexport const BannerSlimDismiss = ({\n  label = 'dismiss',\n  ...rest\n}: TBannerSlimDismissProps): React.JSX.Element => {\n  const { size, setHasDismiss, emphasis } = useBannerContext()\n\n  React.useEffect(() => {\n    setHasDismiss(true)\n    return () => {\n      setHasDismiss(false)\n    }\n  }, [setHasDismiss])\n\n  return (\n    <Banner.Dismiss asChild>\n      <StyledDismiss\n        label={label}\n        size=\"md\"\n        hasTooltip={false}\n        isRounded\n        theme=\"neutral\"\n        containerSize={size}\n        emphasis={emphasis as TBannerSlimDismissProps['emphasis']}\n        {...rest}\n      >\n        <Icon is={Close} />\n      </StyledDismiss>\n    </Banner.Dismiss>\n  )\n}\n\nBannerSlimDismiss.displayName = 'BannerSlimDismiss'\n"],"mappings":";;;;;;;;;AAUA,IAAM,gBAAgB,OACpB,YACA;CACE,MAAM,EAAE;CACR,UAAU;EACR,UAAU,EACR,MAAM,CAAC,cAAc,EACtB;EACD,eAAe;GACb,IAAI;IAAC;IAAY;IAAW;IAAQ;GACpC,IAAI,CAAC,SAAS;GACf;EACF;CACF,EACD,EACE,2BAA2B,MAC5B,CACF;AAOD,IAAa,qBAAqB,EAChC,QAAQ,WACR,GAAG,WAC6C;CAChD,MAAM,EAAE,MAAM,eAAe,aAAa,kBAAkB;AAE5D,SAAM,gBAAgB;AACpB,gBAAc,KAAK;AACnB,eAAa;AACX,iBAAc,MAAM;;IAErB,CAAC,cAAc,CAAC;AAEnB,QACE,oBAAC,OAAO,SAAR;EAAgB,SAAA;YACd,oBAAC,eAAD;GACS;GACP,MAAK;GACL,YAAY;GACZ,WAAA;GACA,OAAM;GACN,eAAe;GACL;GACV,GAAI;aAEJ,oBAAC,MAAD,EAAM,IAAI,OAAS,CAAA;GACL,CAAA;EACD,CAAA;;AAIrB,kBAAkB,cAAc"}
+{"version":3,"file":"BannerSlimDismiss.js","names":[],"sources":["../../../../src/components/banner/banner-slim/BannerSlimDismiss.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '../../../styled'\nimport { ActionIcon } from '../../action-icon/ActionIcon'\nimport { Icon } from '../../icon/Icon'\nimport { Banner } from '../Banner'\nimport { useBannerContext } from '../Banner.context'\n\nconst StyledDismiss = styled(\n  ActionIcon,\n  {\n    base: [],\n    variants: {\n      emphasis: {\n        bold: ['text-white!']\n      },\n      containerSize: {\n        sm: ['absolute', 'right-4', 'top-4'],\n        md: ['static']\n      }\n    }\n  },\n  {\n    enableResponsiveVariants: true\n  }\n)\n\ntype BannerSlimDismissProps = Omit<\n  React.ComponentProps<typeof StyledDismiss>,\n  'children' | 'onClick' | 'href'\n>\n\nexport const BannerSlimDismiss = ({\n  label = 'dismiss',\n  ...rest\n}: BannerSlimDismissProps) => {\n  const { size, setHasDismiss, emphasis } = useBannerContext()\n\n  React.useEffect(() => {\n    setHasDismiss(true)\n    return () => {\n      setHasDismiss(false)\n    }\n  }, [setHasDismiss])\n\n  return (\n    <Banner.Dismiss asChild>\n      <StyledDismiss\n        label={label}\n        size=\"md\"\n        hasTooltip={false}\n        isRounded\n        theme=\"neutral\"\n        containerSize={size}\n        emphasis={emphasis as BannerSlimDismissProps['emphasis']}\n        {...rest}\n      >\n        <Icon is={Close} />\n      </StyledDismiss>\n    </Banner.Dismiss>\n  )\n}\n\nBannerSlimDismiss.displayName = 'BannerSlimDismiss'\n"],"mappings":";;;;;;;;;AASA,IAAM,gBAAgB,OACpB,YACA;CACE,MAAM,CAAC;CACP,UAAU;EACR,UAAU,EACR,MAAM,CAAC,aAAa,EACtB;EACA,eAAe;GACb,IAAI;IAAC;IAAY;IAAW;GAAO;GACnC,IAAI,CAAC,QAAQ;EACf;CACF;AACF,GACA,EACE,0BAA0B,KAC5B,CACF;AAOA,IAAa,qBAAqB,EAChC,QAAQ,WACR,GAAG,WACyB;CAC5B,MAAM,EAAE,MAAM,eAAe,aAAa,iBAAiB;CAE3D,QAAM,gBAAgB;EACpB,cAAc,IAAI;EAClB,aAAa;GACX,cAAc,KAAK;EACrB;CACF,GAAG,CAAC,aAAa,CAAC;CAElB,OACE,oBAAC,OAAO,SAAR;EAAgB,SAAA;YACd,oBAAC,eAAD;GACS;GACP,MAAK;GACL,YAAY;GACZ,WAAA;GACA,OAAM;GACN,eAAe;GACL;GACV,GAAI;aAEJ,oBAAC,MAAD,EAAM,IAAI,MAAQ,CAAA;EACL,CAAA;CACD,CAAA;AAEpB;AAEA,kBAAkB,cAAc"}

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

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

package/dist/components/banner/banner-slim/BannerSlimImage.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-slim/BannerSlimImage.tsx
@@ -15,7 +15,7 @@ var Container = styled("div", {
 		sm: ["size-10"],
 		md: ["size-12"]
 	} }
-}, { enabledResponsiveVariants: true });
+}, { enableResponsiveVariants: true });
 var StyledImage = styled(Image, { base: [
 	"max-w-none",
 	"size-full",

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

@@ -1 +1 @@
-{"version":3,"file":"BannerSlimImage.js","names":[],"sources":["../../../../src/components/banner/banner-slim/BannerSlimImage.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: ['overflow-hidden', 'rounded-full', 'self-start', 'shrink-0'],\n    variants: {\n      size: {\n        sm: ['size-10'],\n        md: ['size-12']\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nconst StyledImage = styled(Image, {\n  base: ['max-w-none', 'size-full', 'object-cover']\n})\n\nexport const BannerSlimImage = (\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\nBannerSlimImage.displayName = 'BannerSlimImage'\n"],"mappings":";;;;;;AAOA,IAAM,YAAY,OAChB,OACA;CACE,MAAM;EAAC;EAAmB;EAAgB;EAAc;EAAW;CACnE,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,UAAU;EACf,IAAI,CAAC,UAAU;EAChB,EACF;CACF,EACD,EACE,2BAA2B,MAC5B,CACF;AAED,IAAM,cAAc,OAAO,OAAO,EAChC,MAAM;CAAC;CAAc;CAAa;CAAe,EAClD,CAAC;AAEF,IAAa,mBACX,UACG;CACH,MAAM,EAAE,SAAS,kBAAkB;AAEnC,QACE,oBAAC,WAAD;EAAiB;YACf,oBAAC,aAAD,EAAa,GAAI,OAAS,CAAA;EAChB,CAAA;;AAIhB,gBAAgB,cAAc"}
+{"version":3,"file":"BannerSlimImage.js","names":[],"sources":["../../../../src/components/banner/banner-slim/BannerSlimImage.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: ['overflow-hidden', 'rounded-full', 'self-start', 'shrink-0'],\n    variants: {\n      size: {\n        sm: ['size-10'],\n        md: ['size-12']\n      }\n    }\n  },\n  {\n    enableResponsiveVariants: true\n  }\n)\n\nconst StyledImage = styled(Image, {\n  base: ['max-w-none', 'size-full', 'object-cover']\n})\n\nexport const BannerSlimImage = (\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\nBannerSlimImage.displayName = 'BannerSlimImage'\n"],"mappings":";;;;;;AAMA,IAAM,YAAY,OAChB,OACA;CACE,MAAM;EAAC;EAAmB;EAAgB;EAAc;CAAU;CAClE,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,SAAS;EACd,IAAI,CAAC,SAAS;CAChB,EACF;AACF,GACA,EACE,0BAA0B,KAC5B,CACF;AAEA,IAAM,cAAc,OAAO,OAAO,EAChC,MAAM;CAAC;CAAc;CAAa;AAAc,EAClD,CAAC;AAED,IAAa,mBACX,UACG;CACH,MAAM,EAAE,SAAS,iBAAiB;CAElC,OACE,oBAAC,WAAD;EAAiB;YACf,oBAAC,aAAD,EAAa,GAAI,MAAQ,CAAA;CAChB,CAAA;AAEf;AAEA,gBAAgB,cAAc"}

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

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

package/dist/components/banner/banner-slim/BannerSlimText.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-slim/BannerSlimText.tsx
@@ -18,7 +18,7 @@ var StyledText = styled(Text, {
 		hasDismiss: true,
 		class: ["mr-10"]
 	}]
-}, { enabledResponsiveVariants: true });
+}, { enableResponsiveVariants: true });
 var BannerSlimText = (props) => {
 	const { size, hasDismiss } = useBannerContext();
 	return /* @__PURE__ */ jsx(StyledText, {

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

@@ -1 +1 @@
-{"version":3,"file":"BannerSlimText.js","names":[],"sources":["../../../../src/components/banner/banner-slim/BannerSlimText.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-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 BannerSlimText = (\n  props: React.ComponentPropsWithoutRef<typeof Text>\n) => {\n  const { size, hasDismiss } = useBannerContext()\n\n  return (\n    <StyledText\n      size=\"md\"\n      weight=\"bold\"\n      containerSize={size}\n      hasDismiss={hasDismiss}\n      noCapsize\n      {...props}\n    />\n  )\n}\n\nBannerSlimText.displayName = 'BannerSlimText'\n"],"mappings":";;;;;;AAOA,IAAM,aAAa,OACjB,MACA;CACE,MAAM,CAAC,gCAAgC;CACvC,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,kBACX,UACG;CACH,MAAM,EAAE,MAAM,eAAe,kBAAkB;AAE/C,QACE,oBAAC,YAAD;EACE,MAAK;EACL,QAAO;EACP,eAAe;EACH;EACZ,WAAA;EACA,GAAI;EACJ,CAAA;;AAIN,eAAe,cAAc"}
+{"version":3,"file":"BannerSlimText.js","names":[],"sources":["../../../../src/components/banner/banner-slim/BannerSlimText.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-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 BannerSlimText = (\n  props: React.ComponentPropsWithoutRef<typeof Text>\n) => {\n  const { size, hasDismiss } = useBannerContext()\n\n  return (\n    <StyledText\n      size=\"md\"\n      weight=\"bold\"\n      containerSize={size}\n      hasDismiss={hasDismiss}\n      noCapsize\n      {...props}\n    />\n  )\n}\n\nBannerSlimText.displayName = 'BannerSlimText'\n"],"mappings":";;;;;;AAMA,IAAM,aAAa,OACjB,MACA;CACE,MAAM,CAAC,+BAA+B;CACtC,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,kBACX,UACG;CACH,MAAM,EAAE,MAAM,eAAe,iBAAiB;CAE9C,OACE,oBAAC,YAAD;EACE,MAAK;EACL,QAAO;EACP,eAAe;EACH;EACZ,WAAA;EACA,GAAI;CACL,CAAA;AAEL;AAEA,eAAe,cAAc"}

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

@@ -1,3 +1 @@
-export declare const Box: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & {
-    as?: import("react").ElementType;
-}>;
+export declare const Box: import("../..").PolymorphicComponent<"div", unknown>;

package/dist/components/box/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","names":[],"sources":["../../../src/components/box/Box.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const Box = styled('div', {\n  base: []\n})\n\nBox.displayName = 'Box'\n"],"mappings":";;AAEA,IAAa,MAAM,OAAO,OAAO,EAC/B,MAAM,EAAE,EACT,CAAC;AAEF,IAAI,cAAc"}
+{"version":3,"file":"Box.js","names":[],"sources":["../../../src/components/box/Box.tsx"],"sourcesContent":["import { styled } from '../../styled'\n\nexport const Box = styled('div', {\n  base: []\n})\n\nBox.displayName = 'Box'\n"],"mappings":";;AAEA,IAAa,MAAM,OAAO,OAAO,EAC/B,MAAM,CAAC,EACT,CAAC;AAED,IAAI,cAAc"}

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

@@ -1,19 +1,20 @@
 import * as React from 'react';
-import { NavigatorActions } from '../../types/navigatorActions.types';
-import { Override } from '../../utilities/types';
-export declare const StyledButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "appearance" | "size" | "theme" | "isLoading" | "fullWidth"> & {
-    theme?: ("primary" | "neutral" | "success" | "warning" | "danger" | "secondary" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "primary" | "neutral" | "success" | "warning" | "danger" | "secondary">>) | undefined;
-    appearance?: ("outline" | "solid" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "outline" | "solid">>) | undefined;
-    size?: ("sm" | "md" | "lg" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xl">>) | undefined;
-    isLoading?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
-    fullWidth?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
-} & {
-    as?: React.ElementType;
+import { type PolymorphicComponent } from '../../styled';
+import type { NavigatorActions } from '../../types/navigatorActions.types';
+import type { Override } from '../../utilities/types';
+export declare const StyledButton: PolymorphicComponent<"button", {
+    theme?: ("danger" | "neutral" | "primary" | "secondary" | "success" | "warning" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "danger" | "neutral" | "primary" | "secondary" | "success" | "warning">>) | undefined;
+    appearance?: ("outline" | "solid" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "outline" | "solid">>) | undefined;
+    size?: ("lg" | "md" | "sm" | "xl" | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", "lg" | "md" | "sm" | "xl">>) | undefined;
+    isLoading?: (boolean | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", boolean>>) | undefined;
+    fullWidth?: (boolean | Partial<Record<"@initial" | "@lg" | "@md" | "@sm" | "@xl", boolean>>) | undefined;
 }>;
-type ButtonProps = Override<React.ComponentProps<typeof StyledButton>, {
+type ButtonCustomProps = {
     children: React.ReactNode;
     href?: string;
     isLoading?: boolean;
-} & NavigatorActions>;
-export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLElement>>;
+} & NavigatorActions;
+type StyledButtonOwnProps = typeof StyledButton extends PolymorphicComponent<infer _Element extends React.ElementType, infer OwnProps> ? OwnProps : never;
+type ButtonOwnProps = Override<StyledButtonOwnProps, ButtonCustomProps>;
+export declare const Button: PolymorphicComponent<'button', ButtonOwnProps>;
 export {};

package/dist/components/button/Button.js

@@ -1,7 +1,7 @@
 import { styled } from "../../styled.js";
 import { getExternalAnchorProps } from "../../utilities/uri/index.js";
 import { Loader } from "../loader/Loader.js";
-import * as React$1 from "react";
+import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/button/Button.tsx
 var StyledButton = styled("button", {
@@ -128,8 +128,9 @@ var StyledButton = styled("button", {
 		size: "md",
 		theme: "primary"
 	}
-}, { enabledResponsiveVariants: true });
-var LoaderContentsWrapper = styled("span", {
+}, { enableResponsiveVariants: true });
+// @__PURE__ keeps this tree-shakable for consumers importing only
+var LoaderContentsWrapper = /* @__PURE__ */ styled("span", {
 	base: [
 		"items-center",
 		"flex",
@@ -143,12 +144,12 @@ var LoaderContentsWrapper = styled("span", {
 		xl: ["gap-3"]
 	} },
 	defaultVariants: { size: "md" }
-}, { enabledResponsiveVariants: true });
+}, { enableResponsiveVariants: true });
 var WithLoader = ({ size, children }) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Loader, { className: "absolute" }), /* @__PURE__ */ jsx(LoaderContentsWrapper, {
 	size,
 	children
 })] });
-var Button = React$1.forwardRef(({ children, as, href, isLoading = false, onClick, disabled, ...rest }, ref) => /* @__PURE__ */ jsx(StyledButton, {
+var Button = (({ ref, children, as, href, isLoading = false, onClick, disabled, ...rest }) => /* @__PURE__ */ jsx(StyledButton, {
 	as: as || (href ? "a" : void 0),
 	...!disabled && !isLoading && {
 		href,
@@ -165,7 +166,6 @@ var Button = React$1.forwardRef(({ children, as, href, isLoading = false, onClic
 		children
 	}) : children
 }));
-Button.displayName = "Button";
 //#endregion
 export { Button, StyledButton };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":[],"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Loader } from '~/components/loader/Loader'\nimport { styled } from '~/styled'\nimport { NavigatorActions } from '~/types/navigatorActions.types'\nimport { Override } from '~/utilities/types'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nexport const StyledButton = styled(\n  'button',\n  {\n    base: [\n      'items-center',\n      'bg-[unset]',\n      'rounded-md',\n      'cursor-pointer',\n      'flex',\n      'font-body',\n      'font-semibold',\n      'justify-center',\n      'no-underline',\n      'transition-all',\n      'duration-100',\n      'ease-out',\n      'whitespace-nowrap',\n      'w-max',\n      'disabled:cursor-not-allowed',\n      'disabled:opacity-30'\n    ],\n    variants: {\n      theme: {\n        primary: [\n          '[--base:var(--color-primary-800)]',\n          '[--interact:var(--color-primary-900)]',\n          '[--active:var(--color-primary-1000)]'\n        ],\n        secondary: [\n          '[--base:var(--color-primary-1000)]',\n          '[--interact:var(--color-primary-1100)]',\n          '[--active:var(--color-primary-1200)]'\n        ],\n        success: [\n          '[--base:var(--color-success)]',\n          '[--interact:var(--color-success-mid)]',\n          '[--active:var(--color-success-dark)]'\n        ],\n        warning: [\n          '[--base:var(--color-warning)]',\n          '[--interact:var(--color-warning-mid)]',\n          '[--active:var(--color-warning-dark)]',\n          '[--text:var(--color-grey-800)]'\n        ],\n        danger: [\n          '[--base:var(--color-danger)]',\n          '[--interact:var(--color-danger-mid)]',\n          '[--active:var(--color-danger-dark)]'\n        ],\n        neutral: [\n          '[--base:white]',\n          '[--interact:rgba(255,255,255,0.9)]',\n          '[--active:rgba(255,255,255,0.75)]',\n          '[--text:var(--color-primary-800)]'\n        ]\n      },\n      appearance: {\n        solid: [\n          'bg-(--base)',\n          'text-(--text,white)',\n          'disabled:opacity-30',\n          'disabled:cursor-not-allowed',\n          'not-disabled:hover:bg-(--interact)',\n          'not-disabled:hover:text-(--text,white)',\n          'not-disabled:focus:bg-(--interact)',\n          'not-disabled:focus:text-(--text,white)',\n          'not-disabled:active:bg-(--active)'\n        ],\n        outline: [\n          'border',\n          'border-current',\n          'text-(--base)',\n          'disabled:opacity-30',\n          'disabled:cursor-not-allowed',\n          'not-disabled:hover:no-underline',\n          'not-disabled:hover:text-(--interact)',\n          'not-disabled:focus:no-underline',\n          'not-disabled:focus:text-(--interact)',\n          'not-disabled:active:text-(--active)'\n        ]\n      },\n      size: {\n        sm: [\n          'text-sm',\n          'leading-[1.53]',\n          'h-8',\n          'px-4',\n          'gap-2',\n          '[&_svg]:size-4'\n        ],\n        md: [\n          'text-md',\n          'leading-normal',\n          'h-10',\n          'px-8',\n          'gap-3',\n          '[&_svg]:size-5'\n        ],\n        lg: [\n          'text-lg',\n          'leading-normal',\n          'h-12',\n          'px-8',\n          'gap-3',\n          '[&_svg]:size-[22px]'\n        ],\n        xl: [\n          'text-lg',\n          'leading-normal',\n          'h-16',\n          'px-8',\n          'gap-3',\n          '[&_svg]:size-[22px]'\n        ]\n      },\n      isLoading: {\n        true: ['cursor-not-allowed opacity-60 pointer-events-none']\n      },\n      fullWidth: {\n        true: ['w-full'],\n        false: ['w-max']\n      }\n    },\n    defaultVariants: {\n      appearance: 'solid',\n      size: 'md',\n      theme: 'primary'\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nconst LoaderContentsWrapper = styled(\n  'span',\n  {\n    base: ['items-center', 'flex', 'justify-center', 'invisible'],\n    variants: {\n      size: {\n        sm: ['gap-2'],\n        md: ['gap-3'],\n        lg: ['gap-3'],\n        xl: ['gap-3']\n      }\n    },\n    defaultVariants: {\n      size: 'md'\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nconst WithLoader = ({\n  size,\n  children\n}: React.ComponentProps<typeof LoaderContentsWrapper>) => (\n  <>\n    <Loader className=\"absolute\" />\n    <LoaderContentsWrapper size={size}>{children}</LoaderContentsWrapper>\n  </>\n)\n\ntype ButtonProps = Override<\n  React.ComponentProps<typeof StyledButton>,\n  {\n    children: React.ReactNode\n    href?: string\n    isLoading?: boolean\n  } & NavigatorActions\n>\n\nexport const Button = React.forwardRef<HTMLElement, ButtonProps>(\n  (\n    { children, as, href, isLoading = false, onClick, disabled, ...rest },\n    ref\n  ) => (\n    <StyledButton\n      as={as || (href ? 'a' : undefined)}\n      {...(!disabled && !isLoading && { href, onClick })}\n      isLoading={isLoading}\n      type={!href ? 'button' : undefined}\n      disabled={disabled}\n      {...rest}\n      {...getExternalAnchorProps(href)}\n      ref={ref as any}\n    >\n      {isLoading ? (\n        <WithLoader size={rest.size}>{children}</WithLoader>\n      ) : (\n        children\n      )}\n    </StyledButton>\n  )\n)\n\nButton.displayName = 'Button'\n"],"mappings":";;;;;;AAQA,IAAa,eAAe,OAC1B,UACA;CACE,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,OAAO;GACL,SAAS;IACP;IACA;IACA;IACD;GACD,WAAW;IACT;IACA;IACA;IACD;GACD,SAAS;IACP;IACA;IACA;IACD;GACD,SAAS;IACP;IACA;IACA;IACA;IACD;GACD,QAAQ;IACN;IACA;IACA;IACD;GACD,SAAS;IACP;IACA;IACA;IACA;IACD;GACF;EACD,YAAY;GACV,OAAO;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD;GACD,SAAS;IACP;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD;GACF;EACD,MAAM;GACJ,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACD;GACD,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACD;GACD,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACD;GACD,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACD;GACF;EACD,WAAW,EACT,MAAM,CAAC,oDAAoD,EAC5D;EACD,WAAW;GACT,MAAM,CAAC,SAAS;GAChB,OAAO,CAAC,QAAQ;GACjB;EACF;CACD,iBAAiB;EACf,YAAY;EACZ,MAAM;EACN,OAAO;EACR;CACF,EACD,EACE,2BAA2B,MAC5B,CACF;AAED,IAAM,wBAAwB,OAC5B,QACA;CACE,MAAM;EAAC;EAAgB;EAAQ;EAAkB;EAAY;CAC7D,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,QAAQ;EACb,IAAI,CAAC,QAAQ;EACb,IAAI,CAAC,QAAQ;EACb,IAAI,CAAC,QAAQ;EACd,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,EACD,EACE,2BAA2B,MAC5B,CACF;AAED,IAAM,cAAc,EAClB,MACA,eAEA,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD,EAAQ,WAAU,YAAa,CAAA,EAC/B,oBAAC,uBAAD;CAA6B;CAAO;CAAiC,CAAA,CACpE,EAAA,CAAA;AAYL,IAAa,SAAS,QAAM,YAExB,EAAE,UAAU,IAAI,MAAM,YAAY,OAAO,SAAS,UAAU,GAAG,QAC/D,QAEA,oBAAC,cAAD;CACE,IAAI,OAAO,OAAO,MAAM,KAAA;CACxB,GAAK,CAAC,YAAY,CAAC,aAAa;EAAE;EAAM;EAAS;CACtC;CACX,MAAM,CAAC,OAAO,WAAW,KAAA;CACf;CACV,GAAI;CACJ,GAAI,uBAAuB,KAAK;CAC3B;WAEJ,YACC,oBAAC,YAAD;EAAY,MAAM,KAAK;EAAO;EAAsB,CAAA,GAEpD;CAEW,CAAA,CAElB;AAED,OAAO,cAAc"}
+{"version":3,"file":"Button.js","names":[],"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { type PolymorphicComponent, styled } from '../../styled'\nimport type { NavigatorActions } from '../../types/navigatorActions.types'\nimport type { Override } from '../../utilities/types'\nimport { getExternalAnchorProps } from '../../utilities/uri'\nimport { Loader } from '../loader/Loader'\n\nexport const StyledButton = styled(\n  'button',\n  {\n    base: [\n      'items-center',\n      'bg-[unset]',\n      'rounded-md',\n      'cursor-pointer',\n      'flex',\n      'font-body',\n      'font-semibold',\n      'justify-center',\n      'no-underline',\n      'transition-all',\n      'duration-100',\n      'ease-out',\n      'whitespace-nowrap',\n      'w-max',\n      'disabled:cursor-not-allowed',\n      'disabled:opacity-30'\n    ],\n    variants: {\n      theme: {\n        primary: [\n          '[--base:var(--color-primary-800)]',\n          '[--interact:var(--color-primary-900)]',\n          '[--active:var(--color-primary-1000)]'\n        ],\n        secondary: [\n          '[--base:var(--color-primary-1000)]',\n          '[--interact:var(--color-primary-1100)]',\n          '[--active:var(--color-primary-1200)]'\n        ],\n        success: [\n          '[--base:var(--color-success)]',\n          '[--interact:var(--color-success-mid)]',\n          '[--active:var(--color-success-dark)]'\n        ],\n        warning: [\n          '[--base:var(--color-warning)]',\n          '[--interact:var(--color-warning-mid)]',\n          '[--active:var(--color-warning-dark)]',\n          '[--text:var(--color-grey-800)]'\n        ],\n        danger: [\n          '[--base:var(--color-danger)]',\n          '[--interact:var(--color-danger-mid)]',\n          '[--active:var(--color-danger-dark)]'\n        ],\n        neutral: [\n          '[--base:white]',\n          '[--interact:rgba(255,255,255,0.9)]',\n          '[--active:rgba(255,255,255,0.75)]',\n          '[--text:var(--color-primary-800)]'\n        ]\n      },\n      appearance: {\n        solid: [\n          'bg-(--base)',\n          'text-(--text,white)',\n          'disabled:opacity-30',\n          'disabled:cursor-not-allowed',\n          'not-disabled:hover:bg-(--interact)',\n          'not-disabled:hover:text-(--text,white)',\n          'not-disabled:focus:bg-(--interact)',\n          'not-disabled:focus:text-(--text,white)',\n          'not-disabled:active:bg-(--active)'\n        ],\n        outline: [\n          'border',\n          'border-current',\n          'text-(--base)',\n          'disabled:opacity-30',\n          'disabled:cursor-not-allowed',\n          'not-disabled:hover:no-underline',\n          'not-disabled:hover:text-(--interact)',\n          'not-disabled:focus:no-underline',\n          'not-disabled:focus:text-(--interact)',\n          'not-disabled:active:text-(--active)'\n        ]\n      },\n      size: {\n        sm: [\n          'text-sm',\n          'leading-[1.53]',\n          'h-8',\n          'px-4',\n          'gap-2',\n          '[&_svg]:size-4'\n        ],\n        md: [\n          'text-md',\n          'leading-normal',\n          'h-10',\n          'px-8',\n          'gap-3',\n          '[&_svg]:size-5'\n        ],\n        lg: [\n          'text-lg',\n          'leading-normal',\n          'h-12',\n          'px-8',\n          'gap-3',\n          '[&_svg]:size-[22px]'\n        ],\n        xl: [\n          'text-lg',\n          'leading-normal',\n          'h-16',\n          'px-8',\n          'gap-3',\n          '[&_svg]:size-[22px]'\n        ]\n      },\n      isLoading: {\n        true: ['cursor-not-allowed opacity-60 pointer-events-none']\n      },\n      fullWidth: {\n        true: ['w-full'],\n        false: ['w-max']\n      }\n    },\n    defaultVariants: {\n      appearance: 'solid',\n      size: 'md',\n      theme: 'primary'\n    }\n  },\n  {\n    enableResponsiveVariants: true\n  }\n)\n\n// @__PURE__ keeps this tree-shakable for consumers importing only\n// StyledButton from this module.\nconst LoaderContentsWrapper = /* @__PURE__ */ styled(\n  'span',\n  {\n    base: ['items-center', 'flex', 'justify-center', 'invisible'],\n    variants: {\n      size: {\n        sm: ['gap-2'],\n        md: ['gap-3'],\n        lg: ['gap-3'],\n        xl: ['gap-3']\n      }\n    },\n    defaultVariants: {\n      size: 'md'\n    }\n  },\n  {\n    enableResponsiveVariants: true\n  }\n)\n\nconst WithLoader = ({\n  size,\n  children\n}: React.ComponentProps<typeof LoaderContentsWrapper>) => (\n  <>\n    <Loader className=\"absolute\" />\n    <LoaderContentsWrapper size={size}>{children}</LoaderContentsWrapper>\n  </>\n)\n\ntype ButtonCustomProps = {\n  children: React.ReactNode\n  href?: string\n  isLoading?: boolean\n} & NavigatorActions\n\ntype ButtonProps = Override<\n  React.ComponentProps<typeof StyledButton>,\n  ButtonCustomProps & { as?: React.ElementType }\n>\n\n// Re-expose StyledButton's variant props merged with our own, so the public\n// polymorphic type re-checks props against whatever `as` target is passed\ntype StyledButtonOwnProps =\n  typeof StyledButton extends PolymorphicComponent<\n    infer _Element extends React.ElementType,\n    infer OwnProps\n  >\n    ? OwnProps\n    : never\n\ntype ButtonOwnProps = Override<StyledButtonOwnProps, ButtonCustomProps>\n\nexport const Button = (({\n  ref,\n  children,\n  as,\n  href,\n  isLoading = false,\n  onClick,\n  disabled,\n  ...rest\n}: ButtonProps) => (\n  <StyledButton\n    as={as || (href ? 'a' : undefined)}\n    {...(!disabled && !isLoading && { href, onClick })}\n    isLoading={isLoading}\n    type={!href ? 'button' : undefined}\n    disabled={disabled}\n    {...rest}\n    {...getExternalAnchorProps(href)}\n    ref={ref}\n  >\n    {isLoading ? (\n      <WithLoader size={rest.size}>{children}</WithLoader>\n    ) : (\n      children\n    )}\n  </StyledButton>\n)) as PolymorphicComponent<'button', ButtonOwnProps>\n"],"mappings":";;;;;;AAQA,IAAa,eAAe,OAC1B,UACA;CACE,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,UAAU;EACR,OAAO;GACL,SAAS;IACP;IACA;IACA;GACF;GACA,WAAW;IACT;IACA;IACA;GACF;GACA,SAAS;IACP;IACA;IACA;GACF;GACA,SAAS;IACP;IACA;IACA;IACA;GACF;GACA,QAAQ;IACN;IACA;IACA;GACF;GACA,SAAS;IACP;IACA;IACA;IACA;GACF;EACF;EACA,YAAY;GACV,OAAO;IACL;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,SAAS;IACP;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;EACF;EACA,MAAM;GACJ,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;GACF;GACA,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;GACF;GACA,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;GACF;GACA,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;GACF;EACF;EACA,WAAW,EACT,MAAM,CAAC,mDAAmD,EAC5D;EACA,WAAW;GACT,MAAM,CAAC,QAAQ;GACf,OAAO,CAAC,OAAO;EACjB;CACF;CACA,iBAAiB;EACf,YAAY;EACZ,MAAM;EACN,OAAO;CACT;AACF,GACA,EACE,0BAA0B,KAC5B,CACF;;AAIA,IAAM,wBAAwC,uBAC5C,QACA;CACE,MAAM;EAAC;EAAgB;EAAQ;EAAkB;CAAW;CAC5D,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,OAAO;EACZ,IAAI,CAAC,OAAO;EACZ,IAAI,CAAC,OAAO;EACZ,IAAI,CAAC,OAAO;CACd,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,GACA,EACE,0BAA0B,KAC5B,CACF;AAEA,IAAM,cAAc,EAClB,MACA,eAEA,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD,EAAQ,WAAU,WAAY,CAAA,GAC9B,oBAAC,uBAAD;CAA6B;CAAO;AAAgC,CAAA,CACpE,EAAA,CAAA;AA0BJ,IAAa,WAAW,EACtB,KACA,UACA,IACA,MACA,YAAY,OACZ,SACA,UACA,GAAG,WAEH,oBAAC,cAAD;CACE,IAAI,OAAO,OAAO,MAAM,KAAA;CACxB,GAAK,CAAC,YAAY,CAAC,aAAa;EAAE;EAAM;CAAQ;CACrC;CACX,MAAM,CAAC,OAAO,WAAW,KAAA;CACf;CACV,GAAI;CACJ,GAAI,uBAAuB,IAAI;CAC1B;WAEJ,YACC,oBAAC,YAAD;EAAY,MAAM,KAAK;EAAO;CAAqB,CAAA,IAEnD;AAEU,CAAA"}

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

@@ -17,8 +17,8 @@ type CalendarProps = DayzedInterface & CalendarTranslationProps & {
     setYear: (date: Date) => Promise<void>;
     className?: string;
 };
-export declare const Calendar: {
-    ({ className, refDateSelected, refDateToday, firstDayOfWeek, monthNames, weekdayNames, labels, date, minDate, maxDate, setYear, ...remainingProps }: CalendarProps): React.JSX.Element | null;
-    displayName: string;
-};
+export declare function Calendar({ className, refDateSelected, refDateToday, firstDayOfWeek, monthNames, weekdayNames, labels, date, minDate, maxDate, setYear, ...rest }: CalendarProps): React.JSX.Element | null;
+export declare namespace Calendar {
+    var displayName: string;
+}
 export {};

package/dist/components/calendar/Calendar.js

@@ -1,8 +1,8 @@
 import { cn, styled } from "../../styled.js";
-import { Icon } from "../icon/Icon.js";
-import { ActionIcon } from "../action-icon/ActionIcon.js";
 import { Button } from "../button/Button.js";
 import { Text } from "../text/Text.js";
+import { Icon } from "../icon/Icon.js";
+import { ActionIcon } from "../action-icon/ActionIcon.js";
 import { DEFAULT_LABELS, monthNamesShort, weekdayNamesShort } from "./constants.js";
 import { Day } from "./Day.js";
 import * as React$1 from "react";
@@ -28,7 +28,7 @@ var offsetWeekdayNames = (weekdayNames, firstDayOfWeek) => {
 	const start = weekdayNames.slice(0, firstDayOfWeek);
 	return weekdayNames.slice(firstDayOfWeek).concat(start);
 };
-var Calendar = ({ className, refDateSelected, refDateToday, firstDayOfWeek = 0, monthNames = monthNamesShort, weekdayNames = weekdayNamesShort, labels = DEFAULT_LABELS, date = /* @__PURE__ */ new Date(), minDate, maxDate, setYear, ...remainingProps }) => {
+var Calendar = ({ className, refDateSelected, refDateToday, firstDayOfWeek = 0, monthNames = monthNamesShort, weekdayNames = weekdayNamesShort, labels = DEFAULT_LABELS, date = /* @__PURE__ */ new Date(), minDate, maxDate, setYear, ...rest }) => {
 	const [showYears, setShowYears] = React$1.useState(false);
 	const [currentYear, setCurrentYear] = React$1.useState(date?.getFullYear());
 	const handleSetYear = (year) => {
@@ -50,7 +50,7 @@ var Calendar = ({ className, refDateSelected, refDateToday, firstDayOfWeek = 0,
 		date,
 		minDate,
 		maxDate,
-		...remainingProps
+		...rest
 	});
 	if (!calendars.length) return null;
 	return /* @__PURE__ */ jsxs("div", {

package/dist/components/calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","names":[],"sources":["../../../src/components/calendar/Calendar.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight } from '@atom-learning/icons'\nimport type { Props as DayzedInterface } from 'dayzed'\nimport { useDayzed } from 'dayzed'\nimport * as React from 'react'\n\nimport { ActionIcon } from '~/components/action-icon/ActionIcon'\nimport { Button } from '~/components/button/Button'\nimport { Icon } from '~/components/icon/Icon'\nimport { Text } from '~/components/text/Text'\nimport { styled } from '~/styled'\nimport { cn } from '~/styled'\n\nimport { DEFAULT_LABELS, monthNamesShort, weekdayNamesShort } from './constants'\nimport { Day } from './Day'\n\nconst StyledButton = styled(Button, {\n  base: ['text-grey-1000', 'p-3', 'w-16'],\n  variants: {\n    selected: {\n      false: [\n        'disabled:bg-white!',\n        'font-normal',\n        'hover:bg-grey-200!',\n        'hover:text-grey-1000!',\n        'text-grey-1000!'\n      ]\n    }\n  }\n})\n\nexport type CalendarTranslationProps = {\n  monthNames?: string[]\n  weekdayNames?: string[]\n  labels?: {\n    open: string\n    next: string\n    previous: string\n    nextYear: string\n    previousYear: string\n  }\n}\n\ntype CalendarProps = DayzedInterface &\n  CalendarTranslationProps & {\n    refDateToday?: React.RefObject<HTMLButtonElement | null>\n    refDateSelected?: React.RefObject<HTMLButtonElement | null>\n    setYear: (date: Date) => Promise<void>\n    className?: string\n  }\n\nconst offsetWeekdayNames = (\n  weekdayNames: string[],\n  firstDayOfWeek: number\n): string[] => {\n  const start = weekdayNames.slice(0, firstDayOfWeek)\n  const end = weekdayNames.slice(firstDayOfWeek)\n  return end.concat(start)\n}\n\nexport const Calendar = ({\n  className,\n  refDateSelected,\n  refDateToday,\n  firstDayOfWeek = 0,\n  monthNames = monthNamesShort,\n  weekdayNames = weekdayNamesShort,\n  labels = DEFAULT_LABELS,\n  date = new Date(),\n  minDate,\n  maxDate,\n  setYear,\n  ...remainingProps\n}: CalendarProps) => {\n  const [showYears, setShowYears] = React.useState<boolean>(false)\n  const [currentYear, setCurrentYear] = React.useState<number>(\n    date?.getFullYear()\n  )\n\n  const handleSetYear = (year: number): void => {\n    const newDate = date\n    newDate.setFullYear(year)\n    setYear(newDate)\n    setShowYears(false)\n  }\n\n  const isAtMinYear = minDate && currentYear - 16 <= minDate.getFullYear()\n  const isAtMaxYear = maxDate && currentYear >= maxDate.getFullYear()\n\n  const yearList = Array.from({ length: 16 }, (_, i) => {\n    const year = currentYear - i\n    if (\n      (maxDate && year > maxDate.getFullYear()) ||\n      (minDate && year < minDate.getFullYear())\n    )\n      return 0\n    return year\n  })\n\n  const { calendars, getBackProps, getForwardProps, getDateProps } = useDayzed({\n    firstDayOfWeek,\n    showOutsideDays: true,\n    date,\n    minDate,\n    maxDate,\n    ...remainingProps\n  })\n\n  if (!calendars.length) return null\n\n  return (\n    <div className={cn('relative', 'w-fit', '-mt-1', className)}>\n      <div className=\"absolute top-0 -right-1 flex\">\n        <ActionIcon\n          label={labels[showYears ? 'previousYear' : 'previous']}\n          theme=\"neutral\"\n          size=\"md\"\n          {...(!showYears && getBackProps({ calendars }))}\n          {...(showYears && {\n            onClick: () => setCurrentYear(currentYear - 16)\n          })}\n          disabled={showYears && isAtMinYear}\n        >\n          <Icon is={ChevronLeft} />\n        </ActionIcon>\n        <ActionIcon\n          label={labels[showYears ? 'nextYear' : 'next']}\n          theme=\"neutral\"\n          size=\"md\"\n          {...(!showYears && getForwardProps({ calendars }))}\n          {...(showYears && {\n            onClick: () => setCurrentYear(currentYear + 16)\n          })}\n          disabled={showYears && isAtMaxYear}\n        >\n          <Icon is={ChevronRight} />\n        </ActionIcon>\n      </div>\n      {showYears && (\n        <div className=\"grid grid-cols-4 gap-x-1 gap-y-3 pt-12 [direction:rtl]\">\n          {yearList.map((year, i) => {\n            const isCurrentYear = year === date.getFullYear()\n            if (!year) return <div key={i} className=\"h-10 w-16\" />\n\n            return (\n              <StyledButton\n                key={`${year}${i}`}\n                theme={isCurrentYear ? 'primary' : 'neutral'}\n                onClick={() => handleSetYear(year)}\n                selected={isCurrentYear}\n              >\n                {year}\n              </StyledButton>\n            )\n          })}\n        </div>\n      )}\n      {!showYears &&\n        calendars.map(({ month, year, weeks }) => (\n          <div key={`${month}${year}`}>\n            <div className=\"mb-4 flex h-10 items-center\">\n              <Button\n                theme=\"neutral\"\n                onClick={() => setShowYears(true)}\n                className=\"text-grey-1000 px-0\"\n              >\n                {monthNames[month]} {year}\n              </Button>\n            </div>\n            <div className=\"mb-3 grid grid-cols-7 gap-x-2 gap-y-1\">\n              {offsetWeekdayNames(weekdayNames, firstDayOfWeek).map(\n                (weekday) => (\n                  <Text\n                    as=\"span\"\n                    size=\"sm\"\n                    weight=\"bold\"\n                    key={`${month}${year}${weekday}`}\n                    className=\"text-center\"\n                  >\n                    {weekday}\n                  </Text>\n                )\n              )}\n            </div>\n            <div className=\"grid grid-cols-7 gap-x-2 gap-y-1\">\n              {weeks.map((week, weekIndex) =>\n                week.map((dateObj, index) => {\n                  const key = `${month}${year}${weekIndex}${index}`\n\n                  if (!dateObj) return <div key={key} />\n\n                  const { date, selected, today, prevMonth, nextMonth } =\n                    dateObj\n\n                  return (\n                    <Day\n                      isOutsideMonth={prevMonth || nextMonth}\n                      isSelected={selected}\n                      isToday={today}\n                      key={key}\n                      ref={\n                        selected ? refDateSelected : today ? refDateToday : null\n                      }\n                      {...getDateProps({ dateObj })}\n                      type=\"button\"\n                    >\n                      {date.getDate()}\n                    </Day>\n                  )\n                })\n              )}\n            </div>\n          </div>\n        ))}\n    </div>\n  )\n}\n\nCalendar.displayName = 'Calendar'\n"],"mappings":"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"}
+{"version":3,"file":"Calendar.js","names":[],"sources":["../../../src/components/calendar/Calendar.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight } from '@atom-learning/icons'\nimport type { Props as DayzedInterface } from 'dayzed'\nimport { useDayzed } from 'dayzed'\nimport * as React from 'react'\n\nimport { styled, cn } from '../../styled'\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Button } from '../button/Button'\nimport { Icon } from '../icon/Icon'\nimport { Text } from '../text/Text'\nimport { DEFAULT_LABELS, monthNamesShort, weekdayNamesShort } from './constants'\nimport { Day } from './Day'\n\nconst StyledButton = styled(Button, {\n  base: ['text-grey-1000', 'p-3', 'w-16'],\n  variants: {\n    selected: {\n      false: [\n        'disabled:bg-white!',\n        'font-normal',\n        'hover:bg-grey-200!',\n        'hover:text-grey-1000!',\n        'text-grey-1000!'\n      ]\n    }\n  }\n})\n\nexport type CalendarTranslationProps = {\n  monthNames?: string[]\n  weekdayNames?: string[]\n  labels?: {\n    open: string\n    next: string\n    previous: string\n    nextYear: string\n    previousYear: string\n  }\n}\n\ntype CalendarProps = DayzedInterface &\n  CalendarTranslationProps & {\n    refDateToday?: React.RefObject<HTMLButtonElement | null>\n    refDateSelected?: React.RefObject<HTMLButtonElement | null>\n    setYear: (date: Date) => Promise<void>\n    className?: string\n  }\n\nconst offsetWeekdayNames = (\n  weekdayNames: string[],\n  firstDayOfWeek: number\n): string[] => {\n  const start = weekdayNames.slice(0, firstDayOfWeek)\n  const end = weekdayNames.slice(firstDayOfWeek)\n  return end.concat(start)\n}\n\nexport const Calendar = ({\n  className,\n  refDateSelected,\n  refDateToday,\n  firstDayOfWeek = 0,\n  monthNames = monthNamesShort,\n  weekdayNames = weekdayNamesShort,\n  labels = DEFAULT_LABELS,\n  date = new Date(),\n  minDate,\n  maxDate,\n  setYear,\n  ...rest\n}: CalendarProps) => {\n  const [showYears, setShowYears] = React.useState<boolean>(false)\n  const [currentYear, setCurrentYear] = React.useState<number>(\n    date?.getFullYear()\n  )\n\n  const handleSetYear = (year: number): void => {\n    const newDate = date\n    newDate.setFullYear(year)\n    setYear(newDate)\n    setShowYears(false)\n  }\n\n  const isAtMinYear = minDate && currentYear - 16 <= minDate.getFullYear()\n  const isAtMaxYear = maxDate && currentYear >= maxDate.getFullYear()\n\n  const yearList = Array.from({ length: 16 }, (_, i) => {\n    const year = currentYear - i\n    if (\n      (maxDate && year > maxDate.getFullYear()) ||\n      (minDate && year < minDate.getFullYear())\n    )\n      return 0\n    return year\n  })\n\n  const { calendars, getBackProps, getForwardProps, getDateProps } = useDayzed({\n    firstDayOfWeek,\n    showOutsideDays: true,\n    date,\n    minDate,\n    maxDate,\n    ...rest\n  })\n\n  if (!calendars.length) return null\n\n  return (\n    <div className={cn('relative', 'w-fit', '-mt-1', className)}>\n      <div className=\"absolute top-0 -right-1 flex\">\n        <ActionIcon\n          label={labels[showYears ? 'previousYear' : 'previous']}\n          theme=\"neutral\"\n          size=\"md\"\n          {...(!showYears && getBackProps({ calendars }))}\n          {...(showYears && {\n            onClick: () => setCurrentYear(currentYear - 16)\n          })}\n          disabled={showYears && isAtMinYear}\n        >\n          <Icon is={ChevronLeft} />\n        </ActionIcon>\n        <ActionIcon\n          label={labels[showYears ? 'nextYear' : 'next']}\n          theme=\"neutral\"\n          size=\"md\"\n          {...(!showYears && getForwardProps({ calendars }))}\n          {...(showYears && {\n            onClick: () => setCurrentYear(currentYear + 16)\n          })}\n          disabled={showYears && isAtMaxYear}\n        >\n          <Icon is={ChevronRight} />\n        </ActionIcon>\n      </div>\n      {showYears && (\n        <div className=\"grid grid-cols-4 gap-x-1 gap-y-3 pt-12 [direction:rtl]\">\n          {yearList.map((year, i) => {\n            const isCurrentYear = year === date.getFullYear()\n            if (!year) return <div key={i} className=\"h-10 w-16\" />\n\n            return (\n              <StyledButton\n                key={`${year}${i}`}\n                theme={isCurrentYear ? 'primary' : 'neutral'}\n                onClick={() => handleSetYear(year)}\n                selected={isCurrentYear}\n              >\n                {year}\n              </StyledButton>\n            )\n          })}\n        </div>\n      )}\n      {!showYears &&\n        calendars.map(({ month, year, weeks }) => (\n          <div key={`${month}${year}`}>\n            <div className=\"mb-4 flex h-10 items-center\">\n              <Button\n                theme=\"neutral\"\n                onClick={() => setShowYears(true)}\n                className=\"text-grey-1000 px-0\"\n              >\n                {monthNames[month]} {year}\n              </Button>\n            </div>\n            <div className=\"mb-3 grid grid-cols-7 gap-x-2 gap-y-1\">\n              {offsetWeekdayNames(weekdayNames, firstDayOfWeek).map(\n                (weekday) => (\n                  <Text\n                    as=\"span\"\n                    size=\"sm\"\n                    weight=\"bold\"\n                    key={`${month}${year}${weekday}`}\n                    className=\"text-center\"\n                  >\n                    {weekday}\n                  </Text>\n                )\n              )}\n            </div>\n            <div className=\"grid grid-cols-7 gap-x-2 gap-y-1\">\n              {weeks.map((week, weekIndex) =>\n                week.map((dateObj, index) => {\n                  const key = `${month}${year}${weekIndex}${index}`\n\n                  if (!dateObj) return <div key={key} />\n\n                  const { date, selected, today, prevMonth, nextMonth } =\n                    dateObj\n\n                  return (\n                    <Day\n                      isOutsideMonth={prevMonth || nextMonth}\n                      isSelected={selected}\n                      isToday={today}\n                      key={key}\n                      ref={\n                        selected ? refDateSelected : today ? refDateToday : null\n                      }\n                      {...getDateProps({ dateObj })}\n                      type=\"button\"\n                    >\n                      {date.getDate()}\n                    </Day>\n                  )\n                })\n              )}\n            </div>\n          </div>\n        ))}\n    </div>\n  )\n}\n\nCalendar.displayName = 'Calendar'\n"],"mappings":"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"}

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

@@ -1,7 +1,5 @@
-export declare const Day: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "isSelected" | "isToday" | "isOutsideMonth"> & {
+export declare const Day: import("../..").PolymorphicComponent<"button", {
     isSelected?: boolean | undefined;
     isToday?: boolean | undefined;
     isOutsideMonth?: boolean | undefined;
-} & {
-    as?: import("react").ElementType;
 }>;

package/dist/components/calendar/Day.js.map

@@ -1 +1 @@
-{"version":3,"file":"Day.js","names":[],"sources":["../../../src/components/calendar/Day.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const Day = styled('button', {\n  base: [\n    'bg-transparent',\n    'border-none',\n    'rounded-full',\n    'text-grey-900',\n    'cursor-pointer',\n    'font-body',\n    'text-sm',\n    'size-8',\n    'p-0',\n    'transition-all',\n    'duration-75',\n    'hover:bg-grey-200',\n    'active:bg-primary-800',\n    'active:text-white',\n    'focus:outline-2',\n    'focus:outline-offset-2',\n    'focus:outline-primary-800',\n    'focus:outline-solid',\n    'disabled:cursor-default',\n    'disabled:opacity-30'\n  ],\n  variants: {\n    isSelected: {\n      true: ['bg-primary-800', 'hover:bg-primary-800', 'text-white']\n    },\n    isToday: {\n      true: ['bg-grey-200']\n    },\n    isOutsideMonth: {\n      true: ['text-grey-600']\n    }\n  }\n})\n"],"mappings":";;AAEA,IAAa,MAAM,OAAO,UAAU;CAClC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,YAAY,EACV,MAAM;GAAC;GAAkB;GAAwB;GAAa,EAC/D;EACD,SAAS,EACP,MAAM,CAAC,cAAc,EACtB;EACD,gBAAgB,EACd,MAAM,CAAC,gBAAgB,EACxB;EACF;CACF,CAAC"}
+{"version":3,"file":"Day.js","names":[],"sources":["../../../src/components/calendar/Day.tsx"],"sourcesContent":["import { styled } from '../../styled'\n\nexport const Day = styled('button', {\n  base: [\n    'bg-transparent',\n    'border-none',\n    'rounded-full',\n    'text-grey-900',\n    'cursor-pointer',\n    'font-body',\n    'text-sm',\n    'size-8',\n    'p-0',\n    'transition-all',\n    'duration-75',\n    'hover:bg-grey-200',\n    'active:bg-primary-800',\n    'active:text-white',\n    'focus:outline-2',\n    'focus:outline-offset-2',\n    'focus:outline-primary-800',\n    'focus:outline-solid',\n    'disabled:cursor-default',\n    'disabled:opacity-30'\n  ],\n  variants: {\n    isSelected: {\n      true: ['bg-primary-800', 'hover:bg-primary-800', 'text-white']\n    },\n    isToday: {\n      true: ['bg-grey-200']\n    },\n    isOutsideMonth: {\n      true: ['text-grey-600']\n    }\n  }\n})\n"],"mappings":";;AAEA,IAAa,MAAM,OAAO,UAAU;CAClC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,UAAU;EACR,YAAY,EACV,MAAM;GAAC;GAAkB;GAAwB;EAAY,EAC/D;EACA,SAAS,EACP,MAAM,CAAC,aAAa,EACtB;EACA,gBAAgB,EACd,MAAM,CAAC,eAAe,EACxB;CACF;AACF,CAAC"}

package/dist/components/calendar/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":[],"sources":["../../../src/components/calendar/constants.ts"],"sourcesContent":["export const monthNamesShort = [\n  'Jan',\n  'Feb',\n  'Mar',\n  'Apr',\n  'May',\n  'Jun',\n  'Jul',\n  'Aug',\n  'Sep',\n  'Oct',\n  'Nov',\n  'Dec'\n]\n\nexport const weekdayNamesShort = [\n  'Sun',\n  'Mon',\n  'Tue',\n  'Wed',\n  'Thu',\n  'Fri',\n  'Sat'\n]\n\nexport const DEFAULT_LABELS = {\n  open: 'Open calendar',\n  next: 'Next month',\n  previous: 'Previous month',\n  nextYear: 'Next year',\n  previousYear: 'Previous year'\n}\n"],"mappings":";AAAA,IAAa,kBAAkB;CAC7B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,IAAa,oBAAoB;CAC/B;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,IAAa,iBAAiB;CAC5B,MAAM;CACN,MAAM;CACN,UAAU;CACV,UAAU;CACV,cAAc;CACf"}
+{"version":3,"file":"constants.js","names":[],"sources":["../../../src/components/calendar/constants.ts"],"sourcesContent":["export const monthNamesShort = [\n  'Jan',\n  'Feb',\n  'Mar',\n  'Apr',\n  'May',\n  'Jun',\n  'Jul',\n  'Aug',\n  'Sep',\n  'Oct',\n  'Nov',\n  'Dec'\n]\n\nexport const weekdayNamesShort = [\n  'Sun',\n  'Mon',\n  'Tue',\n  'Wed',\n  'Thu',\n  'Fri',\n  'Sat'\n]\n\nexport const DEFAULT_LABELS = {\n  open: 'Open calendar',\n  next: 'Next month',\n  previous: 'Previous month',\n  nextYear: 'Next year',\n  previousYear: 'Previous year'\n}\n"],"mappings":";AAAA,IAAa,kBAAkB;CAC7B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,IAAa,oBAAoB;CAC/B;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,IAAa,iBAAiB;CAC5B,MAAM;CACN,MAAM;CACN,UAAU;CACV,UAAU;CACV,cAAc;AAChB"}

package/dist/components/carousel/Carousel.d.ts

@@ -4,12 +4,11 @@ type EmblaApi = ReturnType<typeof useEmblaCarousel>[1];
 type CarouselProps = {
     currentSlide?: number;
 };
-export declare const CarouselComponent: {
-    ({ children, currentSlide, ...props }: React.PropsWithChildren<CarouselProps & React.HTMLAttributes<HTMLDivElement>>): React.JSX.Element;
-    displayName: string;
-};
+export declare function CarouselComponent({ children, currentSlide, className, ...rest }: React.PropsWithChildren<CarouselProps & React.HTMLAttributes<HTMLDivElement>>): React.JSX.Element;
+export declare namespace CarouselComponent {
+    var displayName: string;
+}
 export declare const useCarousel: () => {
-    currentSlide: number;
     emblaRef: React.RefCallback<HTMLDivElement>;
     emblaApi: EmblaApi;
     selectedIndex: number;
@@ -19,17 +18,14 @@ export declare const useCarousel: () => {
     scrollPrev: () => void;
     scrollNext: () => void;
     scrollTo: (index: number) => void;
+    currentSlide: number;
 };
 export declare const Carousel: {
-    ({ children, currentSlide, ...props }: React.PropsWithChildren<CarouselProps & React.HTMLAttributes<HTMLDivElement>>): React.JSX.Element;
+    ({ children, currentSlide, className, ...rest }: React.PropsWithChildren<CarouselProps & React.HTMLAttributes<HTMLDivElement>>): React.JSX.Element;
     displayName: string;
 } & {
-    ArrowNext: (props: React.ComponentProps<React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & {
-        as?: React.ElementType;
-    }>>) => React.JSX.Element;
-    ArrowPrevious: (props: React.ComponentProps<React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & {
-        as?: React.ElementType;
-    }>>) => React.JSX.Element;
+    ArrowNext: (props: React.ComponentProps<import("../..").PolymorphicComponent<"button", unknown>>) => React.JSX.Element;
+    ArrowPrevious: (props: React.ComponentProps<import("../..").PolymorphicComponent<"button", unknown>>) => React.JSX.Element;
     Pagination: ({ className, ...rest }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
     Slide: ({ children, className, index, ...rest }: React.PropsWithChildren<{
         index: number;
@@ -37,7 +33,7 @@ export declare const Carousel: {
     Slider: ({ children, className, gap, overflow, tabIndex, ...rest }: {
         children?: React.ReactNode;
         className?: string;
-        gap?: import("./CarouselSlider").TCarouselSlideGap;
+        gap?: import("./CarouselSlider").CarouselSlideGap;
         overflow?: boolean;
         tabIndex?: number;
     }) => React.JSX.Element;