@atom-learning/components 6.0.0-beta.12 → 6.0.0-beta.13

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

@@ -1 +1 @@
-{"version":3,"file":"BannerRegularText.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularText.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Text } from '../../text'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledText = styled(Text, {\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\nexport const BannerRegularText = (props: React.ComponentProps<typeof Text>) => {\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"],"names":["StyledText","styled","Text","BannerRegularText","props","size","hasDismiss","useBannerContext","React"],"mappings":"qKAOA,MAAMA,EAAaC,EAAOC,EAAM,CAC9B,KAAM,CAAC,4BAA4B,EACnC,SAAU,CACR,cAAe,CACb,GAAI,CAAC,MAAM,EACX,GAAI,CAAC,MAAM,CACb,EACA,WAAY,CACV,KAAM,CACR,CAAA,CACF,EACA,iBAAkB,CAChB,CACE,cAAe,KACf,WAAY,GACZ,MAAO,CAAC,OAAO,CACjB,CACF,CACF,CAAC,EAEYC,EAAqBC,GAA6C,CAC7E,KAAM,CAAE,KAAAC,EAAM,WAAAC,CAAW,EAAIC,EAAiB,EAE9C,OACEC,EAAA,cAACR,EAAA,CACC,KAAMK,EACN,cAAeA,EACf,WAAYC,EACX,GAAGF,EACN,CAEJ,EAEAD,EAAkB,YAAc"}
+{"version":3,"file":"BannerRegularText.js","sources":["../../../../src/components/banner/banner-regular/BannerRegularText.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Text } from '../../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 = (props: React.ComponentProps<typeof Text>) => {\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"],"names":["StyledText","styled","Text","BannerRegularText","props","size","hasDismiss","useBannerContext","React"],"mappings":"qKAOA,MAAMA,EAAaC,EACjBC,EACA,CACE,KAAM,CAAC,4BAA4B,EACnC,SAAU,CACR,cAAe,CACb,GAAI,CAAC,MAAM,EACX,GAAI,CAAC,MAAM,CACb,EACA,WAAY,CACV,KAAM,CAAA,CACR,CACF,EACA,iBAAkB,CAChB,CACE,cAAe,KACf,WAAY,GACZ,MAAO,CAAC,OAAO,CACjB,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEaC,EAAqBC,GAA6C,CAC7E,KAAM,CAAE,KAAAC,EAAM,WAAAC,CAAW,EAAIC,EAAiB,EAE9C,OACEC,EAAA,cAACR,EAAA,CACC,KAAMK,EACN,cAAeA,EACf,WAAYC,EACX,GAAGF,EACN,CAEJ,EAEAD,EAAkB,YAAc"}

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

@@ -6,7 +6,7 @@ export declare const BannerSlim: {
     displayName: string;
 } & {
     Content: {
-        (props: React.ComponentProps<React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        (props: React.ComponentProps<React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
             ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
         }, "direction" | "align" | "wrap" | "justify" | "gap"> & {
             direction?: ("row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">>) | undefined;
@@ -16,9 +16,9 @@ export declare const BannerSlim: {
             gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
         } & {
             as?: React.ElementType;
-        }, "ref"> & React.RefAttributes<HTMLDivElement>, never> & {
+        }, never> & {
             as?: React.ElementType;
-        }, "ref"> & React.RefAttributes<HTMLDivElement>>>): React.JSX.Element;
+        }>>): React.JSX.Element;
         displayName: string;
     };
     Text: {
@@ -41,7 +41,6 @@ export declare const BannerSlim: {
             slot?: string | undefined | undefined;
             style?: React.CSSProperties | undefined;
             title?: string | undefined | undefined;
-            value?: string | number | readonly string[] | undefined;
             ref?: React.Ref<HTMLButtonElement> | undefined;
             className?: string | undefined | undefined;
             color?: string | undefined | undefined;
@@ -309,6 +308,7 @@ export declare const BannerSlim: {
             formMethod?: string | undefined | undefined;
             formNoValidate?: boolean | undefined | undefined;
             formTarget?: string | undefined | undefined;
+            value?: string | number | readonly string[] | undefined;
             size?: ("sm" | "md" | "lg" | "xs" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs">>) | undefined;
             appearance?: ("simple" | "outline" | "solid" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "simple" | "outline" | "solid">>) | undefined;
             hasTooltip?: boolean | undefined;

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

@@ -1,2 +1,2 @@
-import*as o from"react";import{styled as m}from"../../../styled.js";import{Flex as s}from"../../flex/Flex.js";import{useBannerContext as i}from"../BannerContext.js";const a=m(s,{base:[],variants:{size:{sm:["w-full"],md:["w-auto"]}}}),e=({children:t,...n})=>{const{size:r}=i();return o.createElement(a,{size:r,gap:4,...n},t)};e.displayName="BannerSlimActions";export{e as BannerSlimActions};
+import*as s from"react";import{styled as o}from"../../../styled.js";import{Flex as a}from"../../flex/Flex.js";import{useBannerContext as i}from"../BannerContext.js";const m=o(a,{base:[],variants:{size:{sm:["w-full"],md:["w-auto"]}}},{enabledResponsiveVariants:!0}),e=({children:t,...n})=>{const{size:r}=i();return s.createElement(m,{size:r,gap:4,...n},t)};e.displayName="BannerSlimActions";export{e as BannerSlimActions};
 //# sourceMappingURL=BannerSlimActions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerSlimActions.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimActions.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Flex } from '../../flex'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledBannerSlimActions = styled(Flex, {\n  base: [],\n  variants: {\n    size: {\n      sm: ['w-full'],\n      md: ['w-auto']\n    }\n  }\n})\n\nexport const BannerSlimActions = ({\n  children,\n  ...props\n}: React.ComponentProps<typeof Flex>) => {\n  const { size } = useBannerContext()\n  return (\n    <StyledBannerSlimActions size={size} gap={4} {...props}>\n      {children}\n    </StyledBannerSlimActions>\n  )\n}\n\nBannerSlimActions.displayName = 'BannerSlimActions'\n"],"names":["StyledBannerSlimActions","styled","Flex","BannerSlimActions","children","props","size","useBannerContext","React"],"mappings":"qKAOA,MAAMA,EAA0BC,EAAOC,EAAM,CAC3C,KAAM,CAAC,EACP,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,QAAQ,EACb,GAAI,CAAC,QAAQ,CACf,CACF,CACF,CAAC,EAEYC,EAAoB,CAAC,CAChC,SAAAC,EACA,GAAGC,CACL,IAAyC,CACvC,KAAM,CAAE,KAAAC,CAAK,EAAIC,IACjB,OACEC,EAAA,cAACR,EAAA,CAAwB,KAAMM,EAAM,IAAK,EAAI,GAAGD,CAC9CD,EAAAA,CACH,CAEJ,EAEAD,EAAkB,YAAc"}
+{"version":3,"file":"BannerSlimActions.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimActions.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Flex } from '../../flex'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledBannerSlimActions = styled(\n  Flex,\n  {\n    base: [],\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 Flex>) => {\n  const { size } = useBannerContext()\n  return (\n    <StyledBannerSlimActions size={size} gap={4} {...props}>\n      {children}\n    </StyledBannerSlimActions>\n  )\n}\n\nBannerSlimActions.displayName = 'BannerSlimActions'\n"],"names":["StyledBannerSlimActions","styled","Flex","BannerSlimActions","children","props","size","useBannerContext","React"],"mappings":"qKAOA,MAAMA,EAA0BC,EAC9BC,EACA,CACE,KAAM,GACN,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,QAAQ,EACb,GAAI,CAAC,QAAQ,CACf,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEaC,EAAoB,CAAC,CAChC,SAAAC,EACA,GAAGC,CACL,IAAyC,CACvC,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAAAA,EACjB,OACEC,EAAA,cAACR,EAAA,CAAwB,KAAMM,EAAM,IAAK,EAAI,GAAGD,CAC9CD,EAAAA,CACH,CAEJ,EAEAD,EAAkB,YAAc"}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare const StyledBannerSlimContainer: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+declare const StyledBannerSlimContainer: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, "direction" | "align" | "wrap" | "justify" | "gap"> & {
     direction?: ("row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">>) | undefined;
@@ -9,12 +9,12 @@ declare const StyledBannerSlimContainer: React.ForwardRefExoticComponent<Omit<Om
     gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement>, "size" | "emphasis"> & {
+}, "size" | "emphasis"> & {
     emphasis?: ("bold" | "subtle" | "minimal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "subtle" | "minimal">>) | undefined;
     size?: ("sm" | "md" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md">>) | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement> & {
+} & {
     colorScheme?: import("../../..").TcolorScheme;
 } & import("../../dismissible/DismissibleRoot").IDismissibleRootInternalProps & import("../../dismissible/DismissibleRoot").IDismissibleRootProps & {
     children?: React.ReactNode | undefined;
@@ -22,7 +22,7 @@ declare const StyledBannerSlimContainer: React.ForwardRefExoticComponent<Omit<Om
     sizeWorkaround?: ("sm" | "md" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md">>) | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}>;
 type TBannerSlimContainerProps = Omit<React.ComponentProps<typeof StyledBannerSlimContainer>, 'direction' | 'align' | 'wrap' | 'gap' | 'justify'>;
 export declare const BannerSlimContainer: {
     (props: TBannerSlimContainerProps): JSX.Element;

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

@@ -1,2 +1,2 @@
-import*as n from"react";import{styled as p}from"../../../styled.js";import{overrideStyledVariantValue as o}from"../../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";import{BannerContainer as d}from"../BannerContainer.js";import{useBannerContext as l}from"../BannerContext.js";const u={sm:"column",md:"row"},c={sm:"flex-start",md:"center"},f={sm:"wrap",md:"nowrap"},w=p(d,{base:["p-4"],variants:{sizeWorkaround:{sm:[],md:["px-6"]}}}),m=a=>{const{size:e}=l(),t=n.useMemo(()=>o(e,r=>u[r]),[e]),i=n.useMemo(()=>o(e,r=>c[r]),[e]),s=n.useMemo(()=>o(e,r=>f[r]),[e]);return n.createElement(w,{direction:t,align:i,sizeWorkaround:e,gap:4,wrap:s,...a})};m.displayName="BannerSlimContainer";export{m as BannerSlimContainer};
+import*as n from"react";import{styled as p}from"../../../styled.js";import{overrideStyledVariantValue as o}from"../../../utilities/override-styled-variant-value/overrideStyledVariantValue.js";import{BannerContainer as d}from"../BannerContainer.js";import{useBannerContext as l}from"../BannerContext.js";const u={sm:"column",md:"row"},c={sm:"flex-start",md:"center"},f={sm:"wrap",md:"nowrap"},w=p(d,{base:["p-4"],variants:{sizeWorkaround:{sm:[],md:["px-6"]}}},{enabledResponsiveVariants:!0}),a=m=>{const{size:e}=l(),t=n.useMemo(()=>o(e,r=>u[r]),[e]),s=n.useMemo(()=>o(e,r=>c[r]),[e]),i=n.useMemo(()=>o(e,r=>f[r]),[e]);return n.createElement(w,{direction:t,align:s,sizeWorkaround:e,gap:4,wrap:i,...m})};a.displayName="BannerSlimContainer";export{a as BannerSlimContainer};
 //# sourceMappingURL=BannerSlimContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerSlimContainer.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimContainer.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { BannerContainer } from '../BannerContainer'\nimport { useBannerContext } from '../BannerContext'\n\nconst toDirection = {\n  sm: 'column',\n  md: 'row'\n}\n\nconst toAlign = {\n  sm: 'flex-start',\n  md: 'center'\n}\n\nconst toWrap = {\n  sm: 'wrap',\n  md: 'nowrap'\n}\n\nconst StyledBannerSlimContainer = styled(BannerContainer, {\n  base: ['p-4'],\n  variants: {\n    sizeWorkaround: {\n      sm: [],\n      md: ['px-6']\n    }\n  }\n})\n\ntype TBannerSlimContainerProps = Omit<\n  React.ComponentProps<typeof StyledBannerSlimContainer>,\n  'direction' | 'align' | 'wrap' | 'gap' | 'justify'\n>\n\nexport const BannerSlimContainer = (\n  props: TBannerSlimContainerProps\n): JSX.Element => {\n  const { size } = useBannerContext()\n\n  const direction = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toDirection[s]),\n    [size]\n  )\n\n  const align = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toAlign[s]),\n    [size]\n  )\n\n  const wrap = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toWrap[s]),\n    [size]\n  )\n\n  return (\n    <StyledBannerSlimContainer\n      direction={direction}\n      align={align}\n      sizeWorkaround={size}\n      gap={4}\n      wrap={wrap}\n      {...props}\n    />\n  )\n}\n\nBannerSlimContainer.displayName = 'BannerSlimContainer'\n"],"names":["toDirection","toAlign","toWrap","StyledBannerSlimContainer","styled","BannerContainer","BannerSlimContainer","props","size","useBannerContext","direction","React","overrideStyledVariantValue","s","align","wrap"],"mappings":"+SAQA,MAAMA,EAAc,CAClB,GAAI,SACJ,GAAI,KACN,EAEMC,EAAU,CACd,GAAI,aACJ,GAAI,QACN,EAEMC,EAAS,CACb,GAAI,OACJ,GAAI,QACN,EAEMC,EAA4BC,EAAOC,EAAiB,CACxD,KAAM,CAAC,KAAK,EACZ,SAAU,CACR,eAAgB,CACd,GAAI,CAAC,EACL,GAAI,CAAC,MAAM,CACb,CACF,CACF,CAAC,EAOYC,EACXC,GACgB,CAChB,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAAAA,EAEXC,EAAYC,EAAM,QACtB,IAAMC,EAA2BJ,EAAOK,GAAMb,EAAYa,CAAC,CAAC,EAC5D,CAACL,CAAI,CACP,EAEMM,EAAQH,EAAM,QAClB,IAAMC,EAA2BJ,EAAOK,GAAMZ,EAAQY,CAAC,CAAC,EACxD,CAACL,CAAI,CACP,EAEMO,EAAOJ,EAAM,QACjB,IAAMC,EAA2BJ,EAAOK,GAAMX,EAAOW,CAAC,CAAC,EACvD,CAACL,CAAI,CACP,EAEA,OACEG,EAAA,cAACR,EAAA,CACC,UAAWO,EACX,MAAOI,EACP,eAAgBN,EAChB,IAAK,EACL,KAAMO,EACL,GAAGR,CAAAA,CACN,CAEJ,EAEAD,EAAoB,YAAc"}
+{"version":3,"file":"BannerSlimContainer.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimContainer.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nimport { BannerContainer } from '../BannerContainer'\nimport { useBannerContext } from '../BannerContext'\n\nconst toDirection = {\n  sm: 'column',\n  md: 'row'\n}\n\nconst toAlign = {\n  sm: 'flex-start',\n  md: 'center'\n}\n\nconst toWrap = {\n  sm: 'wrap',\n  md: '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 = Omit<\n  React.ComponentProps<typeof StyledBannerSlimContainer>,\n  'direction' | 'align' | 'wrap' | 'gap' | 'justify'\n>\n\nexport const BannerSlimContainer = (\n  props: TBannerSlimContainerProps\n): JSX.Element => {\n  const { size } = useBannerContext()\n\n  const direction = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toDirection[s]),\n    [size]\n  )\n\n  const align = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toAlign[s]),\n    [size]\n  )\n\n  const wrap = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toWrap[s]),\n    [size]\n  )\n\n  return (\n    <StyledBannerSlimContainer\n      direction={direction}\n      align={align}\n      sizeWorkaround={size}\n      gap={4}\n      wrap={wrap}\n      {...props}\n    />\n  )\n}\n\nBannerSlimContainer.displayName = 'BannerSlimContainer'\n"],"names":["toDirection","toAlign","toWrap","StyledBannerSlimContainer","styled","BannerContainer","BannerSlimContainer","props","size","useBannerContext","direction","React","overrideStyledVariantValue","s","align","wrap"],"mappings":"+SAQA,MAAMA,EAAc,CAClB,GAAI,SACJ,GAAI,KACN,EAEMC,EAAU,CACd,GAAI,aACJ,GAAI,QACN,EAEMC,EAAS,CACb,GAAI,OACJ,GAAI,QACN,EAEMC,EAA4BC,EAChCC,EACA,CACE,KAAM,CAAC,KAAK,EACZ,SAAU,CACR,eAAgB,CACd,GAAI,CAAA,EACJ,GAAI,CAAC,MAAM,CACb,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAOaC,EACXC,GACgB,CAChB,KAAM,CAAE,KAAAC,CAAK,EAAIC,IAEXC,EAAYC,EAAM,QACtB,IAAMC,EAA2BJ,EAAOK,GAAMb,EAAYa,CAAC,CAAC,EAC5D,CAACL,CAAI,CACP,EAEMM,EAAQH,EAAM,QAClB,IAAMC,EAA2BJ,EAAOK,GAAMZ,EAAQY,CAAC,CAAC,EACxD,CAACL,CAAI,CACP,EAEMO,EAAOJ,EAAM,QACjB,IAAMC,EAA2BJ,EAAOK,GAAMX,EAAOW,CAAC,CAAC,EACvD,CAACL,CAAI,CACP,EAEA,OACEG,EAAA,cAACR,EAAA,CACC,UAAWO,EACX,MAAOI,EACP,eAAgBN,EAChB,IAAK,EACL,KAAMO,EACL,GAAGR,CAAAA,CACN,CAEJ,EAEAD,EAAoB,YAAc"}

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

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

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

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

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

@@ -1,2 +1,2 @@
-import{Close as a}from"@atom-learning/icons";import*as e from"react";import{styled as n}from"../../../styled.js";import{ActionIcon as l}from"../../action-icon/ActionIcon.js";import{Icon as p}from"../../icon/Icon.js";import{Banner as c}from"../Banner.js";import{useBannerContext as f}from"../BannerContext.js";const d=n(l,{base:[],variants:{emphasis:{bold:["text-white!"]},containerSize:{sm:["absolute","right-4","top-4"],md:["static"]}}}),i=({label:t="dismiss",...m})=>{const{size:o,setHasDismiss:s,emphasis:r}=f();return e.useEffect(()=>(s(!0),()=>{s(!1)}),[s]),e.createElement(c.Dismiss,{asChild:!0},e.createElement(d,{label:t,size:"md",hasTooltip:!1,isRounded:!0,theme:"neutral",containerSize:o,emphasis:r,...m},e.createElement(p,{is:a})))};i.displayName="BannerSlimDismiss";export{i as BannerSlimDismiss};
+import{Close as a}from"@atom-learning/icons";import*as e from"react";import{styled as n}from"../../../styled.js";import{ActionIcon as l}from"../../action-icon/ActionIcon.js";import{Icon as p}from"../../icon/Icon.js";import{Banner as c}from"../Banner.js";import{useBannerContext as d}from"../BannerContext.js";const f=n(l,{base:[],variants:{emphasis:{bold:["text-white!"]},containerSize:{sm:["absolute","right-4","top-4"],md:["static"]}}},{enabledResponsiveVariants:!0}),i=({label:t="dismiss",...m})=>{const{size:o,setHasDismiss:s,emphasis:r}=d();return e.useEffect(()=>(s(!0),()=>{s(!1)}),[s]),e.createElement(c.Dismiss,{asChild:!0},e.createElement(f,{label:t,size:"md",hasTooltip:!1,isRounded:!0,theme:"neutral",containerSize:o,emphasis:r,...m},e.createElement(p,{is:a})))};i.displayName="BannerSlimDismiss";export{i as BannerSlimDismiss};
 //# sourceMappingURL=BannerSlimDismiss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerSlimDismiss.js","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'\nimport { Icon } from '../../icon'\nimport { Banner } from '../Banner'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledDismiss = styled(ActionIcon, {\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\ntype TBannerSlimDismissProps = Omit<\n  React.ComponentProps<typeof StyledDismiss>,\n  'children' | 'onClick' | 'href'\n>\n\nexport const BannerSlimDismiss = ({\n  label = 'dismiss',\n  ...rest\n}: TBannerSlimDismissProps): 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"],"names":["StyledDismiss","styled","ActionIcon","BannerSlimDismiss","label","rest","size","setHasDismiss","emphasis","useBannerContext","React","Banner","Icon","Close"],"mappings":"qTAUA,MAAMA,EAAgBC,EAAOC,EAAY,CACvC,KAAM,GACN,SAAU,CACR,SAAU,CACR,KAAM,CAAC,aAAa,CACtB,EACA,cAAe,CACb,GAAI,CAAC,WAAY,UAAW,OAAO,EACnC,GAAI,CAAC,QAAQ,CACf,CACF,CACF,CAAC,EAOYC,EAAoB,CAAC,CAChC,MAAAC,EAAQ,UACR,GAAGC,CACL,IAA4C,CAC1C,KAAM,CAAE,KAAAC,EAAM,cAAAC,EAAe,SAAAC,CAAS,EAAIC,IAE1C,OAAAC,EAAM,UAAU,KACdH,EAAc,EAAI,EACX,IAAM,CACXA,EAAc,EAAK,CACrB,GACC,CAACA,CAAa,CAAC,EAGhBG,EAAA,cAACC,EAAO,QAAP,CAAe,QAAO,EAAA,EACrBD,EAAA,cAACV,EAAA,CACC,MAAOI,EACP,KAAK,KACL,WAAY,GACZ,UAAS,GACT,MAAM,UACN,cAAeE,EACf,SAAUE,EACT,GAAGH,CAEJK,EAAAA,EAAA,cAACE,EAAA,CAAK,GAAIC,CAAAA,CAAO,CACnB,CACF,CAEJ,EAEAV,EAAkB,YAAc"}
+{"version":3,"file":"BannerSlimDismiss.js","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'\nimport { Icon } from '../../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): 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"],"names":["StyledDismiss","styled","ActionIcon","BannerSlimDismiss","label","rest","size","setHasDismiss","emphasis","useBannerContext","React","Banner","Icon","Close"],"mappings":"qTAUA,MAAMA,EAAgBC,EACpBC,EACA,CACE,KAAM,CAAA,EACN,SAAU,CACR,SAAU,CACR,KAAM,CAAC,aAAa,CACtB,EACA,cAAe,CACb,GAAI,CAAC,WAAY,UAAW,OAAO,EACnC,GAAI,CAAC,QAAQ,CACf,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAOaC,EAAoB,CAAC,CAChC,MAAAC,EAAQ,UACR,GAAGC,CACL,IAA4C,CAC1C,KAAM,CAAE,KAAAC,EAAM,cAAAC,EAAe,SAAAC,CAAS,EAAIC,EAAiB,EAE3D,OAAAC,EAAM,UAAU,KACdH,EAAc,EAAI,EACX,IAAM,CACXA,EAAc,EAAK,CACrB,GACC,CAACA,CAAa,CAAC,EAGhBG,EAAA,cAACC,EAAO,QAAP,CAAe,QAAO,EACrBD,EAAAA,EAAA,cAACV,EAAA,CACC,MAAOI,EACP,KAAK,KACL,WAAY,GACZ,UAAS,GACT,MAAM,UACN,cAAeE,EACf,SAAUE,EACT,GAAGH,CAEJK,EAAAA,EAAA,cAACE,EAAA,CAAK,GAAIC,CAAAA,CAAO,CACnB,CACF,CAEJ,EAEAV,EAAkB,YAAc"}

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

@@ -1,2 +1,2 @@
-import*as e from"react";import{styled as r}from"../../../styled.js";import{Image as s}from"../../image/Image.js";import{useBannerContext as t}from"../BannerContext.js";const a=r("div",{base:["overflow-hidden","rounded-round","self-start","shrink-0"],variants:{size:{sm:["size-10"],md:["size-12"]}}}),i=r(s,{base:["max-w-none","size-full","object-cover"]}),m=n=>{const{size:o}=t();return e.createElement(a,{size:o},e.createElement(i,{...n}))};m.displayName="BannerSlimImage";export{m as BannerSlimImage};
+import*as e from"react";import{styled as r}from"../../../styled.js";import{Image as t}from"../../image/Image.js";import{useBannerContext as i}from"../BannerContext.js";const o=r("div",{base:["overflow-hidden","rounded-full","self-start","shrink-0"],variants:{size:{sm:["size-10"],md:["size-12"]}}},{enabledResponsiveVariants:!0}),m=r(t,{base:["max-w-none","size-full","object-cover"]}),s=n=>{const{size:a}=i();return e.createElement(o,{size:a},e.createElement(m,{...n}))};s.displayName="BannerSlimImage";export{s as BannerSlimImage};
 //# sourceMappingURL=BannerSlimImage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerSlimImage.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimImage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Image } from '../../image'\nimport { useBannerContext } from '../BannerContext'\n\nconst Container = styled('div', {\n  base: ['overflow-hidden', 'rounded-round', 'self-start', 'shrink-0'],\n  variants: {\n    size: {\n      sm: ['size-10'],\n      md: ['size-12']\n    }\n  }\n})\n\nconst StyledImage = styled(Image, {\n  base: ['max-w-none', 'size-full', 'object-cover']\n})\n\nexport const BannerSlimImage = (props: React.ComponentProps<typeof Image>) => {\n  const { size } = useBannerContext()\n\n  return (\n    <Container size={size}>\n      <StyledImage {...props} />\n    </Container>\n  )\n}\n\nBannerSlimImage.displayName = 'BannerSlimImage'\n"],"names":["Container","styled","StyledImage","Image","BannerSlimImage","props","size","useBannerContext","React"],"mappings":"wKAOA,MAAMA,EAAYC,EAAO,MAAO,CAC9B,KAAM,CAAC,kBAAmB,gBAAiB,aAAc,UAAU,EACnE,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,SAAS,EACd,GAAI,CAAC,SAAS,CAChB,CACF,CACF,CAAC,EAEKC,EAAcD,EAAOE,EAAO,CAChC,KAAM,CAAC,aAAc,YAAa,cAAc,CAClD,CAAC,EAEYC,EAAmBC,GAA8C,CAC5E,KAAM,CAAE,KAAAC,CAAK,EAAIC,IAEjB,OACEC,EAAA,cAACR,EAAA,CAAU,KAAMM,CACfE,EAAAA,EAAA,cAACN,EAAA,CAAa,GAAGG,CAAAA,CAAO,CAC1B,CAEJ,EAEAD,EAAgB,YAAc"}
+{"version":3,"file":"BannerSlimImage.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimImage.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Image } from '../../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 = (props: React.ComponentProps<typeof Image>) => {\n  const { size } = useBannerContext()\n\n  return (\n    <Container size={size}>\n      <StyledImage {...props} />\n    </Container>\n  )\n}\n\nBannerSlimImage.displayName = 'BannerSlimImage'\n"],"names":["Container","styled","StyledImage","Image","BannerSlimImage","props","size","useBannerContext","React"],"mappings":"wKAOA,MAAMA,EAAYC,EAChB,MACA,CACE,KAAM,CAAC,kBAAmB,eAAgB,aAAc,UAAU,EAClE,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,SAAS,EACd,GAAI,CAAC,SAAS,CAChB,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEMC,EAAcD,EAAOE,EAAO,CAChC,KAAM,CAAC,aAAc,YAAa,cAAc,CAClD,CAAC,EAEYC,EAAmBC,GAA8C,CAC5E,KAAM,CAAE,KAAAC,CAAK,EAAIC,EAEjB,EAAA,OACEC,EAAA,cAACR,EAAA,CAAU,KAAMM,CAAAA,EACfE,EAAA,cAACN,EAAA,CAAa,GAAGG,CAAAA,CAAO,CAC1B,CAEJ,EAEAD,EAAgB,YAAc"}

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

@@ -1,2 +1,2 @@
-import*as n from"react";import{styled as a}from"../../../styled.js";import{Text as r}from"../../text/Text.js";import{useBannerContext as m}from"../BannerContext.js";const o=a(r,{base:["text-(--banner-heading-color)"],variants:{containerSize:{sm:[],md:[]},hasDismiss:{true:[]}},compoundVariants:[{containerSize:"sm",hasDismiss:!0,class:["mr-10"]}]}),s=e=>{const{size:i,hasDismiss:t}=m();return n.createElement(o,{size:"md",weight:"bold",containerSize:i,hasDismiss:t,noCapsize:!0,...e})};s.displayName="BannerSlimText";export{s as BannerSlimText};
+import*as t from"react";import{styled as a}from"../../../styled.js";import{Text as r}from"../../text/Text.js";import{useBannerContext as o}from"../BannerContext.js";const m=a(r,{base:["text-(--banner-heading-color)"],variants:{containerSize:{sm:[],md:[]},hasDismiss:{true:[]}},compoundVariants:[{containerSize:"sm",hasDismiss:!0,class:["mr-10"]}]},{enabledResponsiveVariants:!0}),s=e=>{const{size:i,hasDismiss:n}=o();return t.createElement(m,{size:"md",weight:"bold",containerSize:i,hasDismiss:n,noCapsize:!0,...e})};s.displayName="BannerSlimText";export{s as BannerSlimText};
 //# sourceMappingURL=BannerSlimText.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BannerSlimText.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimText.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Text } from '../../text'\nimport { useBannerContext } from '../BannerContext'\n\nconst StyledText = styled(Text, {\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\nexport const BannerSlimText = (props: React.ComponentProps<typeof Text>) => {\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"],"names":["StyledText","styled","Text","BannerSlimText","props","size","hasDismiss","useBannerContext","React"],"mappings":"qKAOA,MAAMA,EAAaC,EAAOC,EAAM,CAC9B,KAAM,CAAC,+BAA+B,EACtC,SAAU,CACR,cAAe,CACb,GAAI,CAAA,EACJ,GAAI,CAAA,CACN,EACA,WAAY,CACV,KAAM,CACR,CAAA,CACF,EACA,iBAAkB,CAChB,CACE,cAAe,KACf,WAAY,GACZ,MAAO,CAAC,OAAO,CACjB,CACF,CACF,CAAC,EAEYC,EAAkBC,GAA6C,CAC1E,KAAM,CAAE,KAAAC,EAAM,WAAAC,CAAW,EAAIC,IAE7B,OACEC,EAAA,cAACR,EAAA,CACC,KAAK,KACL,OAAO,OACP,cAAeK,EACf,WAAYC,EACZ,UAAS,GACR,GAAGF,EACN,CAEJ,EAEAD,EAAe,YAAc"}
+{"version":3,"file":"BannerSlimText.js","sources":["../../../../src/components/banner/banner-slim/BannerSlimText.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Text } from '../../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 = (props: React.ComponentProps<typeof Text>) => {\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"],"names":["StyledText","styled","Text","BannerSlimText","props","size","hasDismiss","useBannerContext","React"],"mappings":"qKAOA,MAAMA,EAAaC,EACjBC,EACA,CACE,KAAM,CAAC,+BAA+B,EACtC,SAAU,CACR,cAAe,CACb,GAAI,CAAA,EACJ,GAAI,CAAA,CACN,EACA,WAAY,CACV,KAAM,CAAA,CACR,CACF,EACA,iBAAkB,CAChB,CACE,cAAe,KACf,WAAY,GACZ,MAAO,CAAC,OAAO,CACjB,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEaC,EAAkBC,GAA6C,CAC1E,KAAM,CAAE,KAAAC,EAAM,WAAAC,CAAW,EAAIC,EAAiB,EAE9C,OACEC,EAAA,cAACR,EAAA,CACC,KAAK,KACL,OAAO,OACP,cAAeK,EACf,WAAYC,EACZ,UAAS,GACR,GAAGF,CACN,CAAA,CAEJ,EAEAD,EAAe,YAAc"}

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

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

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

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

package/dist/components/button/Button.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{Loader as p}from"../loader/Loader.js";import{styled as s}from"../../styled.js";import{getExternalAnchorProps as b}from"../../utilities/uri/index.js";const l=s("button",{base:["items-center","bg-[unset]","border-[unset]","rounded-md","cursor-pointer","flex","font-body","font-semibold","justify-center","px-[unset]","py-[unset]","no-underline","transition-all","duration-100","ease-out","whitespace-nowrap","w-max","disabled:cursor-not-allowed","disabled:opacity-30"],variants:{theme:{primary:["[--base:var(--color-primary-800)]","[--interact:var(--color-primary-900)]","[--active:var(--color-primary-1000)]"],secondary:["[--base:var(--color-primary-1000)]","[--interact:var(--color-primary-1100)]","[--active:var(--color-primary-1200)]"],success:["[--base:var(--color-success)]","[--interact:var(--color-success-mid)]","[--active:var(--color-success-dark)]"],warning:["[--base:var(--color-warning)]","[--interact:var(--color-warning-mid)]","[--active:var(--color-warning-dark)]"],danger:["[--base:var(--color-danger)]","[--interact:var(--color-danger-mid)]","[--active:var(--color-danger-dark)]"],neutral:["[--base:white]","[--interact:rgba(white,0.1)]","[--active:rgba(white,0.25)]","[--text:var(--color-primary-800)]"]},appearance:{solid:["bg-(--base)","text-(--text,white)","disabled:opacity-30","disabled:cursor-not-allowed","not-disabled:hover:bg-(--interact)","not-disabled:hover:text-(--text,white)","not-disabled:focus:bg-(--interact)","not-disabled:focus:text-(--text,white)","not-disabled:active:bg-(--active)"],outline:["border","border-current","text-(--base)","disabled:opacity-30","disabled:cursor-not-allowed","not-disabled:hover:no-underline","not-disabled:hover:text-(--interact)","not-disabled:focus:no-underline","not-disabled:focus:text-(--interact)","not-disabled:active:text-(--active)"]},size:{sm:["text-sm leading-[1.53] h-8 px-4 gap-2 [&_svg]:size-4"],md:["text-md leading-normal h-10 px-8 gap-3 [&_svg]:size-5"],lg:["text-lg leading-normal h-12 px-8 gap-3 [&_svg]:size-[22px]"],xl:["text-lg leading-normal h-16 px-8 gap-3 [&_svg]:size-[22px]"]},isLoading:{true:["cursor-not-allowed opacity-60 pointer-events-none"]},fullWidth:{true:["w-full"],false:["w-max"]}},defaultVariants:{appearance:"solid",size:"md",theme:"primary"}}),u=s("span",{base:["items-center","flex","justify-center","invisible"],variants:{size:{sm:["gap-2"],md:["gap-3"],lg:["gap-3"],xl:["gap-3"]}},defaultVariants:{size:"md"}}),g=({size:a,children:r})=>e.createElement(e.Fragment,null,e.createElement(p,{className:"absolute"}),e.createElement(u,{size:a},r)),d=e.forwardRef(({children:a,as:r,href:t,isLoading:i=!1,onClick:c,disabled:o,...n},m)=>e.createElement(l,{as:r||(t?"a":void 0),...!o&&!i&&{href:t,onClick:c},isLoading:i,type:t?void 0:"button",disabled:o,...n,...b(t),ref:m},i?e.createElement(g,{size:n.size},a):a));d.displayName="Button";export{d as Button,l as StyledButton};
+import*as e from"react";import{Loader as p}from"../loader/Loader.js";import{styled as s}from"../../styled.js";import{getExternalAnchorProps as b}from"../../utilities/uri/index.js";const l=s("button",{base:["items-center","bg-[unset]","border-[unset]","rounded-md","cursor-pointer","flex","font-body","font-semibold","justify-center","px-[unset]","py-[unset]","no-underline","transition-all","duration-100","ease-out","whitespace-nowrap","w-max","disabled:cursor-not-allowed","disabled:opacity-30"],variants:{theme:{primary:["[--base:var(--color-primary-800)]","[--interact:var(--color-primary-900)]","[--active:var(--color-primary-1000)]"],secondary:["[--base:var(--color-primary-1000)]","[--interact:var(--color-primary-1100)]","[--active:var(--color-primary-1200)]"],success:["[--base:var(--color-success)]","[--interact:var(--color-success-mid)]","[--active:var(--color-success-dark)]"],warning:["[--base:var(--color-warning)]","[--interact:var(--color-warning-mid)]","[--active:var(--color-warning-dark)]"],danger:["[--base:var(--color-danger)]","[--interact:var(--color-danger-mid)]","[--active:var(--color-danger-dark)]"],neutral:["[--base:white]","[--interact:rgba(white,0.1)]","[--active:rgba(white,0.25)]","[--text:var(--color-primary-800)]"]},appearance:{solid:["bg-(--base)","text-(--text,white)","disabled:opacity-30","disabled:cursor-not-allowed","not-disabled:hover:bg-(--interact)","not-disabled:hover:text-(--text,white)","not-disabled:focus:bg-(--interact)","not-disabled:focus:text-(--text,white)","not-disabled:active:bg-(--active)"],outline:["border","border-current","text-(--base)","disabled:opacity-30","disabled:cursor-not-allowed","not-disabled:hover:no-underline","not-disabled:hover:text-(--interact)","not-disabled:focus:no-underline","not-disabled:focus:text-(--interact)","not-disabled:active:text-(--active)"]},size:{sm:["text-sm leading-[1.53] h-8 px-4 gap-2 [&_svg]:size-4"],md:["text-md leading-normal h-10 px-8 gap-3 [&_svg]:size-5"],lg:["text-lg leading-normal h-12 px-8 gap-3 [&_svg]:size-[22px]"],xl:["text-lg leading-normal h-16 px-8 gap-3 [&_svg]:size-[22px]"]},isLoading:{true:["cursor-not-allowed opacity-60 pointer-events-none"]},fullWidth:{true:["w-full"],false:["w-max"]}},defaultVariants:{appearance:"solid",size:"md",theme:"primary"}},{enabledResponsiveVariants:!0}),u=s("span",{base:["items-center","flex","justify-center","invisible"],variants:{size:{sm:["gap-2"],md:["gap-3"],lg:["gap-3"],xl:["gap-3"]}},defaultVariants:{size:"md"}},{enabledResponsiveVariants:!0}),v=({size:a,children:r})=>e.createElement(e.Fragment,null,e.createElement(p,{className:"absolute"}),e.createElement(u,{size:a},r)),d=e.forwardRef(({children:a,as:r,href:t,isLoading:i=!1,onClick:c,disabled:o,...n},m)=>e.createElement(l,{as:r||(t?"a":void 0),...!o&&!i&&{href:t,onClick:c},isLoading:i,type:t?void 0:"button",disabled:o,...n,...b(t),ref:m},i?e.createElement(v,{size:n.size},a):a));d.displayName="Button";export{d as Button,l as StyledButton};
 //# sourceMappingURL=Button.js.map

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

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

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

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

package/dist/components/calendar/Day.js

@@ -1,2 +1,2 @@
-import{styled as t}from"../../styled.js";const e=t("button",{base:["bg-transparent","border-none","rounded-round","text-grey-900","cursor-pointer","font-body","text-sm","size-8","p-0","transition-all","duration-75","hover:bg-grey-200","active:bg-primary-800","active:text-white","focus:outline-2","focus:outline-offset-2","focus:outline-primary-800","focus:outline-solid","disabled:cursor-default","disabled:opacity-30"],variants:{isSelected:{true:["bg-primary-800","hover:bg-primary-800","text-white"]},isToday:{true:["bg-grey-200"]},isOutsideMonth:{true:["text-grey-600"]}}});export{e as Day};
+import{styled as t}from"../../styled.js";const e=t("button",{base:["bg-transparent","border-none","rounded-full","text-grey-900","cursor-pointer","font-body","text-sm","size-8","p-0","transition-all","duration-75","hover:bg-grey-200","active:bg-primary-800","active:text-white","focus:outline-2","focus:outline-offset-2","focus:outline-primary-800","focus:outline-solid","disabled:cursor-default","disabled:opacity-30"],variants:{isSelected:{true:["bg-primary-800","hover:bg-primary-800","text-white"]},isToday:{true:["bg-grey-200"]},isOutsideMonth:{true:["text-grey-600"]}}});export{e as Day};
 //# sourceMappingURL=Day.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Day.js","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-round',\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"],"names":["Day","styled"],"mappings":"yCAEa,MAAAA,EAAMC,EAAO,SAAU,CAClC,KAAM,CACJ,iBACA,cACA,gBACA,gBACA,iBACA,YACA,UACA,SACA,MACA,iBACA,cACA,oBACA,wBACA,oBACA,kBACA,yBACA,4BACA,sBACA,0BACA,qBACF,EACA,SAAU,CACR,WAAY,CACV,KAAM,CAAC,iBAAkB,uBAAwB,YAAY,CAC/D,EACA,QAAS,CACP,KAAM,CAAC,aAAa,CACtB,EACA,eAAgB,CACd,KAAM,CAAC,eAAe,CACxB,CACF,CACF,CAAC"}
+{"version":3,"file":"Day.js","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"],"names":["Day","styled"],"mappings":"yCAEa,MAAAA,EAAMC,EAAO,SAAU,CAClC,KAAM,CACJ,iBACA,cACA,eACA,gBACA,iBACA,YACA,UACA,SACA,MACA,iBACA,cACA,oBACA,wBACA,oBACA,kBACA,yBACA,4BACA,sBACA,0BACA,qBACF,EACA,SAAU,CACR,WAAY,CACV,KAAM,CAAC,iBAAkB,uBAAwB,YAAY,CAC/D,EACA,QAAS,CACP,KAAM,CAAC,aAAa,CACtB,EACA,eAAgB,CACd,KAAM,CAAC,eAAe,CACxB,CACF,CACF,CAAC"}

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

@@ -19,24 +19,24 @@ export declare const Carousel: {
     ({ children, className, slideHeight, slideWidth, numSlides, ...props }: CarouselProps & Omit<React.ComponentProps<typeof CarouselProvider>, "naturalSlideWidth" | "naturalSlideHeight" | "totalSlides"> & React.ComponentProps<typeof CSSWrapper>): React.JSX.Element;
     displayName: string;
 } & {
-    ArrowNext: (props: Omit<React.ComponentProps<React.ForwardRefExoticComponent<Omit<Omit<import("pure-react-carousel").ButtonNextProps & React.RefAttributes<React.Component<import("pure-react-carousel").ButtonNextProps, any, any>>, never> & {
+    ArrowNext: (props: Omit<React.ComponentProps<React.ForwardRefExoticComponent<Omit<import("pure-react-carousel").ButtonNextProps & React.RefAttributes<React.Component<import("pure-react-carousel").ButtonNextProps, any, any>>, never> & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<React.Component<import("pure-react-carousel").ButtonNextProps, any, any>>>>, "children">) => React.JSX.Element;
-    ArrowPrevious: (props: Omit<React.ComponentProps<React.ForwardRefExoticComponent<Omit<Omit<import("pure-react-carousel").ButtonBackProps & React.RefAttributes<React.Component<import("pure-react-carousel").ButtonBackProps, any, any>>, never> & {
+    }>>, "children">) => React.JSX.Element;
+    ArrowPrevious: (props: Omit<React.ComponentProps<React.ForwardRefExoticComponent<Omit<import("pure-react-carousel").ButtonBackProps & React.RefAttributes<React.Component<import("pure-react-carousel").ButtonBackProps, any, any>>, never> & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<React.Component<import("pure-react-carousel").ButtonBackProps, any, any>>>>, "children">) => React.JSX.Element;
-    Pagination: React.ForwardRefExoticComponent<Omit<Omit<import("pure-react-carousel").DotGroupProps & React.RefAttributes<React.Component<import("pure-react-carousel").DotGroupProps, any, any>>, never> & {
+    }>>, "children">) => React.JSX.Element;
+    Pagination: React.ForwardRefExoticComponent<Omit<import("pure-react-carousel").DotGroupProps & React.RefAttributes<React.Component<import("pure-react-carousel").DotGroupProps, any, any>>, never> & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<React.Component<import("pure-react-carousel").DotGroupProps, any, any>>>;
+    }>;
     Slide: ({ children, ...remainingProps }: React.ComponentProps<React.ComponentClass<import("pure-react-carousel").SlideProps, any> | React.FunctionComponent<import("pure-react-carousel").SlideProps>> & {
         index: number;
     }) => React.JSX.Element;
     Slider: React.ForwardRefExoticComponent<Omit<(import("pure-react-carousel").SliderProps & React.RefAttributes<React.Component<import("pure-react-carousel").SliderProps, any, any>>) | (import("pure-react-carousel").SliderProps & {
         children?: React.ReactNode | undefined;
     }), "overflow"> & {
-        overflow?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+        overflow?: boolean | undefined;
     } & {
         as?: React.ElementType;
-    } & React.RefAttributes<never>>;
+    }>;
 };
 export {};

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

@@ -1,10 +1,10 @@
 import * as React from 'react';
-declare const StyledButtonBack: React.ForwardRefExoticComponent<Omit<Omit<import("pure-react-carousel").ButtonBackProps & React.RefAttributes<React.Component<import("pure-react-carousel").ButtonBackProps, any, any>>, never> & {
+declare const StyledButtonBack: React.ForwardRefExoticComponent<Omit<import("pure-react-carousel").ButtonBackProps & React.RefAttributes<React.Component<import("pure-react-carousel").ButtonBackProps, any, any>>, never> & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<React.Component<import("pure-react-carousel").ButtonBackProps, any, any>>>;
-declare const StyledButtonNext: React.ForwardRefExoticComponent<Omit<Omit<import("pure-react-carousel").ButtonNextProps & React.RefAttributes<React.Component<import("pure-react-carousel").ButtonNextProps, any, any>>, never> & {
+}>;
+declare const StyledButtonNext: React.ForwardRefExoticComponent<Omit<import("pure-react-carousel").ButtonNextProps & React.RefAttributes<React.Component<import("pure-react-carousel").ButtonNextProps, any, any>>, never> & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<React.Component<import("pure-react-carousel").ButtonNextProps, any, any>>>;
+}>;
 export declare const CarouselArrowPrevious: (props: Omit<React.ComponentProps<typeof StyledButtonBack>, "children">) => React.JSX.Element;
 export declare const CarouselArrowNext: (props: Omit<React.ComponentProps<typeof StyledButtonNext>, "children">) => React.JSX.Element;
 export {};

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

@@ -1,3 +1,3 @@
-export declare const CarouselPagination: import("react").ForwardRefExoticComponent<Omit<Omit<import("pure-react-carousel").DotGroupProps & import("react").RefAttributes<import("react").Component<import("pure-react-carousel").DotGroupProps, any, any>>, never> & {
+export declare const CarouselPagination: import("react").ForwardRefExoticComponent<Omit<import("pure-react-carousel").DotGroupProps & import("react").RefAttributes<import("react").Component<import("pure-react-carousel").DotGroupProps, any, any>>, never> & {
     as?: import("react").ElementType;
-}, "ref"> & import("react").RefAttributes<import("react").Component<import("pure-react-carousel").DotGroupProps, any, any>>>;
+}>;

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

@@ -1,7 +1,7 @@
 export declare const CarouselSlider: import("react").ForwardRefExoticComponent<Omit<(import("pure-react-carousel").SliderProps & import("react").RefAttributes<import("react").Component<import("pure-react-carousel").SliderProps, any, any>>) | (import("pure-react-carousel").SliderProps & {
     children?: import("react").ReactNode | undefined;
 }), "overflow"> & {
-    overflow?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    overflow?: boolean | undefined;
 } & {
     as?: import("react").ElementType;
-} & import("react").RefAttributes<never>>;
+}>;

package/dist/components/checkbox/Checkbox.d.ts

@@ -1,8 +1,8 @@
 import * as RadixCheckbox from '@radix-ui/react-checkbox';
 import * as React from 'react';
-export declare const Checkbox: React.ForwardRefExoticComponent<Omit<Omit<Omit<RadixCheckbox.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "size" | "state"> & {
-    state?: ("error" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "error">>) | undefined;
-    size?: ("md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "md" | "lg">>) | undefined;
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<Omit<RadixCheckbox.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "size" | "state"> & {
+    state?: "error" | undefined;
+    size?: "md" | "lg" | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/checkbox-group/CheckboxGroup.d.ts

@@ -7,12 +7,12 @@ type CheckboxGroupRootProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'defaul
     asChild?: boolean;
 };
 export declare const CheckboxGroup: (({ checked, defaultChecked, onCheckedChange, asChild, ...rest }: CheckboxGroupRootProps) => React.JSX.Element) & {
-    Item: ({ value, title, onCheckedChange, ...rest }: Omit<Omit<Omit<Omit<import("@radix-ui/react-checkbox").CheckboxProps & React.RefAttributes<HTMLButtonElement>, "size" | "state"> & {
-        state?: ("error" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "error">>) | undefined;
-        size?: ("md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "md" | "lg">>) | undefined;
+    Item: ({ value, title, onCheckedChange, ...rest }: Omit<Omit<Omit<import("@radix-ui/react-checkbox").CheckboxProps & React.RefAttributes<HTMLButtonElement>, "size" | "state"> & {
+        state?: "error" | undefined;
+        size?: "md" | "lg" | undefined;
     } & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>, "defaultChecked" | "checked" | "onCheckedChange"> & {
+    }, "ref"> & React.RefAttributes<HTMLButtonElement>, "defaultChecked" | "checked" | "onCheckedChange"> & {
         onCheckedChange?: (newChecked: boolean) => void;
     }) => JSX.Element;
     AllItem: ({ onCheckedChange, title, ...rest }: {
@@ -21,7 +21,6 @@ export declare const CheckboxGroup: (({ checked, defaultChecked, onCheckedChange
         slot?: string | undefined | undefined;
         style?: React.CSSProperties | undefined;
         title?: string | undefined | undefined;
-        value?: string | number | readonly string[] | undefined;
         ref?: React.Ref<HTMLButtonElement> | undefined;
         className?: string | undefined | undefined;
         color?: string | undefined | undefined;
@@ -289,10 +288,11 @@ export declare const CheckboxGroup: (({ checked, defaultChecked, onCheckedChange
         formMethod?: string | undefined | undefined;
         formNoValidate?: boolean | undefined | undefined;
         formTarget?: string | undefined | undefined;
+        value?: string | number | readonly string[] | undefined;
         required?: boolean | undefined;
-        size?: ("md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "md" | "lg">>) | undefined;
+        size?: "md" | "lg" | undefined;
         asChild?: boolean | undefined;
-        state?: ("error" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "error">>) | undefined;
+        state?: "error" | undefined;
         onCheckedChange?: ((checked: import("@radix-ui/react-checkbox").CheckedState) => void) | undefined;
     }) => JSX.Element;
     Sub: ({ asChild, ...rest }: React.HTMLAttributes<HTMLDivElement> & {

package/dist/components/checkbox-tree/CheckboxTree.d.ts

@@ -552,7 +552,6 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
         slot?: string | undefined | undefined;
         style?: React.CSSProperties | undefined;
         title?: string | undefined | undefined;
-        value?: string | number | readonly string[] | undefined;
         ref?: ((((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement>) & (((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement>)) | null | undefined;
         className?: string | undefined | undefined;
         color?: string | undefined | undefined;
@@ -822,12 +821,13 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
         formMethod?: string | undefined | undefined;
         formNoValidate?: boolean | undefined | undefined;
         formTarget?: string | undefined | undefined;
-        size?: ("md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "md" | "lg">>) | undefined;
+        value?: string | number | readonly string[] | undefined;
+        size?: "md" | "lg" | undefined;
         align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
         wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
         justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
         gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
-        state?: ("error" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "error">>) | undefined;
+        state?: "error" | undefined;
         onCheckedChange?: ((checked: import("@radix-ui/react-checkbox").CheckedState) => void) | undefined;
     }) => JSX.Element;
     Item: ({ value, title, onCheckedChange, children, disabled, ...rest }: {
@@ -836,7 +836,6 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
         slot?: string | undefined | undefined;
         style?: React.CSSProperties | undefined;
         title?: string | undefined | undefined;
-        value?: string | number | readonly string[] | undefined;
         ref?: ((((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement>) & (((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement>)) | null | undefined;
         className?: string | undefined | undefined;
         color?: string | undefined | undefined;
@@ -1106,12 +1105,13 @@ export declare const CheckboxTree: (({ checked, defaultChecked, onCheckedChange,
         formMethod?: string | undefined | undefined;
         formNoValidate?: boolean | undefined | undefined;
         formTarget?: string | undefined | undefined;
-        size?: ("md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "md" | "lg">>) | undefined;
+        value?: string | number | readonly string[] | undefined;
+        size?: "md" | "lg" | undefined;
         align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
         wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
         justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
         gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
-        state?: ("error" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "error">>) | undefined;
+        state?: "error" | undefined;
         onCheckedChange?: ((newChecked: boolean) => void) | undefined;
     }) => JSX.Element;
 };