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

package/dist/components/side-bar/SideBarComponents.d.ts

@@ -1,33 +1,33 @@
-export declare const SideBarHeader: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const SideBarHeader: 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>>;
-export declare const SideBarBody: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+}>;
+export declare const SideBarBody: 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>>;
-export declare const SideBarFooter: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+}>;
+export declare const SideBarFooter: 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>>;
-export declare const SideBarBrand: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+}>;
+export declare const SideBarBrand: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
     ref?: ((instance: HTMLAnchorElement | null) => void) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
 }, never> & {
     as?: import("react").ElementType;
-}, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
-export declare const SideBarBrandLogo: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
+}>;
+export declare const SideBarBrandLogo: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
     ref?: ((instance: HTMLImageElement | null) => void) | import("react").RefObject<HTMLImageElement> | null | undefined;
 }, "fluid"> & {
-    fluid?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    fluid?: boolean | undefined;
 } & {
     as?: import("react").ElementType;
-}, "ref"> & import("react").RefAttributes<HTMLImageElement>, "as"> & {
+}, "as"> & {
     as?: never;
 }, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
-export declare const SideBarBrandName: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+export declare const SideBarBrandName: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
 }, "size" | "weight" | "family" | "noCapsize"> & {
     weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
@@ -36,8 +36,8 @@ export declare const SideBarBrandName: import("react").ForwardRefExoticComponent
     noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
 } & {
     as?: import("react").ElementType;
-}, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "as"> & {
+}, "as"> & {
     as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
 }, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, never> & {
     as?: import("react").ElementType;
-}, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+}>;

package/dist/components/slider/Slider.d.ts

@@ -1,14 +1,14 @@
 import * as React from 'react';
 import { SliderSteps } from './SliderSteps';
 import { SliderValue } from './SliderValue';
-declare const StyledTrack: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-slider").SliderTrackProps & React.RefAttributes<HTMLSpanElement>, "theme"> & {
-    theme?: ("light" | "tonal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "light" | "tonal">>) | undefined;
+declare const StyledTrack: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-slider").SliderTrackProps & React.RefAttributes<HTMLSpanElement>, "theme"> & {
+    theme?: "light" | "tonal" | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-declare const StyledSlider: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-slider").SliderProps & React.RefAttributes<HTMLSpanElement>, never> & {
+}>;
+declare const StyledSlider: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-slider").SliderProps & React.RefAttributes<HTMLSpanElement>, never> & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+}>;
 export type SliderProps = React.ComponentProps<typeof StyledSlider> & Pick<React.ComponentProps<typeof StyledTrack>, 'theme'>;
 type SliderType = ReturnType<typeof React.forwardRef<HTMLSpanElement, SliderProps>> & {
     Value: typeof SliderValue;

package/dist/components/slider/Slider.js

@@ -1,2 +1,2 @@
-import{Track as f,Root as b,Range as h,Thumb as v}from"@radix-ui/react-slider";import*as e from"react";import{styled as o}from"../../styled.js";import{CSSWrapper as y}from"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import{SliderSteps as g}from"./SliderSteps.js";import{SliderValue as w}from"./SliderValue.js";const S=o(f,{base:["rounded-round","grow","relative","data-[orientation=horizontal]:h-1","data-[orientation=vertical]:w-1"],variants:{theme:{light:["bg-white"],tonal:["bg-grey-600"]}}}),x=o(b,{base:["items-center","flex","relative","touch-none","select-none","cursor-pointer","data-[orientation=horizontal]:h-4","data-[orientation=vertical]:flex-col","data-[orientation=vertical]:w-4","disabled:cursor-not-allowed","disabled:opacity-30"]}),E=o(h,{base:["bg-primary-800","rounded-round","h-full","absolute","disabled:cursor-not-allowed","disabled:opacity-30"]}),k=o(v,{base:["bg-primary-900","rounded-round","block","size-4","hover:bg-primary-1000","focus:outline-2","focus:outline-offset-2","focus:outline-primary-900","focus:outline-solid","disabled:cursor-not-allowed","disabled:opacity-30"]}),t=e.forwardRef(({value:r,defaultValue:l,min:i=0,max:n=100,theme:d="tonal",className:s,children:m,...u},c)=>{const a=r||l;return e.createElement(y,{className:s},e.createElement(x,{defaultValue:l,value:r,min:i,max:n,ref:c,...u},e.createElement(S,{theme:d},e.createElement(E,null)),(a==null?void 0:a.length)&&a.map((V,p)=>e.createElement(k,{key:"thumb".concat(p)}))),m)});t.Value=w,t.Steps=g,t.displayName="Slider";export{t as Slider};
+import{Track as p,Root as b,Range as h,Thumb as v}from"@radix-ui/react-slider";import*as e from"react";import{styled as t}from"../../styled.js";import{CSSWrapper as y}from"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import{SliderSteps as g}from"./SliderSteps.js";import{SliderValue as w}from"./SliderValue.js";const S=t(p,{base:["rounded-full","grow","relative","data-[orientation=horizontal]:h-1","data-[orientation=vertical]:w-1"],variants:{theme:{light:["bg-white"],tonal:["bg-grey-600"]}}}),x=t(b,{base:["items-center","flex","relative","touch-none","select-none","cursor-pointer","data-[orientation=horizontal]:h-4","data-[orientation=vertical]:flex-col","data-[orientation=vertical]:w-4","disabled:cursor-not-allowed","disabled:opacity-30"]}),E=t(h,{base:["bg-primary-800","rounded-full","h-full","absolute","disabled:cursor-not-allowed","disabled:opacity-30"]}),k=t(v,{base:["bg-primary-900","rounded-full","block","size-4","hover:bg-primary-1000","focus:outline-2","focus:outline-offset-2","focus:outline-primary-900","focus:outline-solid","disabled:cursor-not-allowed","disabled:opacity-30"]}),a=e.forwardRef(({value:r,defaultValue:l,min:i=0,max:n=100,theme:d="tonal",className:s,children:m,...u},c)=>{const o=r||l;return e.createElement(y,{className:s},e.createElement(x,{defaultValue:l,value:r,min:i,max:n,ref:c,...u},e.createElement(S,{theme:d},e.createElement(E,null)),(o==null?void 0:o.length)&&o.map((V,f)=>e.createElement(k,{key:"thumb".concat(f)}))),m)});a.Value=w,a.Steps=g,a.displayName="Slider";export{a as Slider};
 //# sourceMappingURL=Slider.js.map

package/dist/components/slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sources":["../../../src/components/slider/Slider.tsx"],"sourcesContent":["import { Range, Root, Thumb, Track } from '@radix-ui/react-slider'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { CSSWrapper } from '~/utilities'\n\nimport { SliderSteps } from './SliderSteps'\nimport { SliderValue } from './SliderValue'\n\nconst StyledTrack = styled(Track, {\n  base: [\n    'rounded-round',\n    'grow',\n    'relative',\n    'data-[orientation=horizontal]:h-1',\n    'data-[orientation=vertical]:w-1'\n  ],\n  variants: {\n    theme: {\n      light: ['bg-white'],\n      tonal: ['bg-grey-600']\n    }\n  }\n})\n\nconst StyledSlider = styled(Root, {\n  base: [\n    'items-center',\n    'flex',\n    'relative',\n    'touch-none',\n    'select-none',\n    'cursor-pointer',\n    'data-[orientation=horizontal]:h-4',\n    'data-[orientation=vertical]:flex-col',\n    'data-[orientation=vertical]:w-4',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30'\n  ]\n})\n\nconst StyledRange = styled(Range, {\n  base: [\n    'bg-primary-800',\n    'rounded-round',\n    'h-full',\n    'absolute',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30'\n  ]\n})\n\nconst StyledThumb = styled(Thumb, {\n  base: [\n    'bg-primary-900',\n    'rounded-round',\n    'block',\n    'size-4',\n    'hover:bg-primary-1000',\n    'focus:outline-2',\n    'focus:outline-offset-2',\n    'focus:outline-primary-900',\n    'focus:outline-solid',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30'\n  ]\n})\n\nexport type SliderProps = React.ComponentProps<typeof StyledSlider> &\n  Pick<React.ComponentProps<typeof StyledTrack>, 'theme'>\n\ntype SliderType = ReturnType<\n  typeof React.forwardRef<HTMLSpanElement, SliderProps>\n> & {\n  Value: typeof SliderValue\n  Steps: typeof SliderSteps\n}\n\nexport const Slider = React.forwardRef<HTMLSpanElement, SliderProps>(\n  (\n    {\n      value,\n      defaultValue,\n      min = 0,\n      max = 100,\n      theme = 'tonal',\n      className,\n      children,\n      ...remainingProps\n    },\n    ref\n  ) => {\n    const values = value || defaultValue\n    return (\n      <CSSWrapper className={className}>\n        <StyledSlider\n          defaultValue={defaultValue}\n          value={value}\n          min={min}\n          max={max}\n          ref={ref}\n          {...remainingProps}\n        >\n          <StyledTrack theme={theme}>\n            <StyledRange />\n          </StyledTrack>\n          {values?.length &&\n            values.map((_, i) => <StyledThumb key={`thumb${i}`} />)}\n        </StyledSlider>\n        {children}\n      </CSSWrapper>\n    )\n  }\n) as SliderType\n\nSlider.Value = SliderValue\nSlider.Steps = SliderSteps\n\nSlider.displayName = 'Slider'\n"],"names":["StyledTrack","styled","Track","StyledSlider","Root","StyledRange","Range","StyledThumb","Thumb","Slider","React","value","defaultValue","min","max","theme","className","children","remainingProps","ref","values","CSSWrapper","_","i","SliderValue","SliderSteps"],"mappings":"sXASA,MAAMA,EAAcC,EAAOC,EAAO,CAChC,KAAM,CACJ,gBACA,OACA,WACA,oCACA,iCACF,EACA,SAAU,CACR,MAAO,CACL,MAAO,CAAC,UAAU,EAClB,MAAO,CAAC,aAAa,CACvB,CACF,CACF,CAAC,EAEKC,EAAeF,EAAOG,EAAM,CAChC,KAAM,CACJ,eACA,OACA,WACA,aACA,cACA,iBACA,oCACA,uCACA,kCACA,8BACA,qBACF,CACF,CAAC,EAEKC,EAAcJ,EAAOK,EAAO,CAChC,KAAM,CACJ,iBACA,gBACA,SACA,WACA,8BACA,qBACF,CACF,CAAC,EAEKC,EAAcN,EAAOO,EAAO,CAChC,KAAM,CACJ,iBACA,gBACA,QACA,SACA,wBACA,kBACA,yBACA,4BACA,sBACA,8BACA,qBACF,CACF,CAAC,EAYYC,EAASC,EAAM,WAC1B,CACE,CACE,MAAAC,EACA,aAAAC,EACA,IAAAC,EAAM,EACN,IAAAC,EAAM,IACN,MAAAC,EAAQ,QACR,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,MAAMC,EAAST,GAASC,EACxB,OACEF,EAAA,cAACW,EAAA,CAAW,UAAWL,CAAAA,EACrBN,EAAA,cAACP,EAAA,CACC,aAAcS,EACd,MAAOD,EACP,IAAKE,EACL,IAAKC,EACL,IAAKK,EACJ,GAAGD,CAAAA,EAEJR,EAAA,cAACV,EAAA,CAAY,MAAOe,CAClBL,EAAAA,EAAA,cAACL,EAAA,IAAY,CACf,GACCe,GAAA,KAAA,OAAAA,EAAQ,SACPA,EAAO,IAAI,CAACE,EAAGC,IAAMb,EAAA,cAACH,EAAA,CAAY,IAAK,QAAQ,OAAAgB,CAAAA,CAAAA,CAAK,CAAE,CAC1D,EACCN,CACH,CAEJ,CACF,EAEAR,EAAO,MAAQe,EACff,EAAO,MAAQgB,EAEfhB,EAAO,YAAc"}
+{"version":3,"file":"Slider.js","sources":["../../../src/components/slider/Slider.tsx"],"sourcesContent":["import { Range, Root, Thumb, Track } from '@radix-ui/react-slider'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { CSSWrapper } from '~/utilities'\n\nimport { SliderSteps } from './SliderSteps'\nimport { SliderValue } from './SliderValue'\n\nconst StyledTrack = styled(Track, {\n  base: [\n    'rounded-full',\n    'grow',\n    'relative',\n    'data-[orientation=horizontal]:h-1',\n    'data-[orientation=vertical]:w-1'\n  ],\n  variants: {\n    theme: {\n      light: ['bg-white'],\n      tonal: ['bg-grey-600']\n    }\n  }\n})\n\nconst StyledSlider = styled(Root, {\n  base: [\n    'items-center',\n    'flex',\n    'relative',\n    'touch-none',\n    'select-none',\n    'cursor-pointer',\n    'data-[orientation=horizontal]:h-4',\n    'data-[orientation=vertical]:flex-col',\n    'data-[orientation=vertical]:w-4',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30'\n  ]\n})\n\nconst StyledRange = styled(Range, {\n  base: [\n    'bg-primary-800',\n    'rounded-full',\n    'h-full',\n    'absolute',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30'\n  ]\n})\n\nconst StyledThumb = styled(Thumb, {\n  base: [\n    'bg-primary-900',\n    'rounded-full',\n    'block',\n    'size-4',\n    'hover:bg-primary-1000',\n    'focus:outline-2',\n    'focus:outline-offset-2',\n    'focus:outline-primary-900',\n    'focus:outline-solid',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30'\n  ]\n})\n\nexport type SliderProps = React.ComponentProps<typeof StyledSlider> &\n  Pick<React.ComponentProps<typeof StyledTrack>, 'theme'>\n\ntype SliderType = ReturnType<\n  typeof React.forwardRef<HTMLSpanElement, SliderProps>\n> & {\n  Value: typeof SliderValue\n  Steps: typeof SliderSteps\n}\n\nexport const Slider = React.forwardRef<HTMLSpanElement, SliderProps>(\n  (\n    {\n      value,\n      defaultValue,\n      min = 0,\n      max = 100,\n      theme = 'tonal',\n      className,\n      children,\n      ...remainingProps\n    },\n    ref\n  ) => {\n    const values = value || defaultValue\n    return (\n      <CSSWrapper className={className}>\n        <StyledSlider\n          defaultValue={defaultValue}\n          value={value}\n          min={min}\n          max={max}\n          ref={ref}\n          {...remainingProps}\n        >\n          <StyledTrack theme={theme}>\n            <StyledRange />\n          </StyledTrack>\n          {values?.length &&\n            values.map((_, i) => <StyledThumb key={`thumb${i}`} />)}\n        </StyledSlider>\n        {children}\n      </CSSWrapper>\n    )\n  }\n) as SliderType\n\nSlider.Value = SliderValue\nSlider.Steps = SliderSteps\n\nSlider.displayName = 'Slider'\n"],"names":["StyledTrack","styled","Track","StyledSlider","Root","StyledRange","Range","StyledThumb","Thumb","Slider","React","value","defaultValue","min","max","theme","className","children","remainingProps","ref","values","CSSWrapper","_","i","SliderValue","SliderSteps"],"mappings":"sXASA,MAAMA,EAAcC,EAAOC,EAAO,CAChC,KAAM,CACJ,eACA,OACA,WACA,oCACA,iCACF,EACA,SAAU,CACR,MAAO,CACL,MAAO,CAAC,UAAU,EAClB,MAAO,CAAC,aAAa,CACvB,CACF,CACF,CAAC,EAEKC,EAAeF,EAAOG,EAAM,CAChC,KAAM,CACJ,eACA,OACA,WACA,aACA,cACA,iBACA,oCACA,uCACA,kCACA,8BACA,qBACF,CACF,CAAC,EAEKC,EAAcJ,EAAOK,EAAO,CAChC,KAAM,CACJ,iBACA,eACA,SACA,WACA,8BACA,qBACF,CACF,CAAC,EAEKC,EAAcN,EAAOO,EAAO,CAChC,KAAM,CACJ,iBACA,eACA,QACA,SACA,wBACA,kBACA,yBACA,4BACA,sBACA,8BACA,qBACF,CACF,CAAC,EAYYC,EAASC,EAAM,WAC1B,CACE,CACE,MAAAC,EACA,aAAAC,EACA,IAAAC,EAAM,EACN,IAAAC,EAAM,IACN,MAAAC,EAAQ,QACR,UAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,MAAMC,EAAST,GAASC,EACxB,OACEF,EAAA,cAACW,EAAA,CAAW,UAAWL,CAAAA,EACrBN,EAAA,cAACP,EAAA,CACC,aAAcS,EACd,MAAOD,EACP,IAAKE,EACL,IAAKC,EACL,IAAKK,EACJ,GAAGD,CAAAA,EAEJR,EAAA,cAACV,EAAA,CAAY,MAAOe,CAClBL,EAAAA,EAAA,cAACL,EAAA,IAAY,CACf,GACCe,GAAA,KAAA,OAAAA,EAAQ,SACPA,EAAO,IAAI,CAACE,EAAGC,IAAMb,EAAA,cAACH,EAAA,CAAY,IAAK,QAAQ,OAAAgB,CAAAA,CAAAA,CAAK,CAAE,CAC1D,EACCN,CACH,CAEJ,CACF,EAEAR,EAAO,MAAQe,EACff,EAAO,MAAQgB,EAEfhB,EAAO,YAAc"}

package/dist/components/sortable/Handle.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Icon } from '../icon';
-export declare const StyledHandle: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+export declare const StyledHandle: 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;
@@ -9,13 +9,13 @@ export declare const StyledHandle: React.ForwardRefExoticComponent<Omit<Omit<Omi
     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>, "isDragging"> & {
-    isDragging?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    isDragging?: boolean | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+}>;
 export type THandleProps = Omit<React.ComponentProps<typeof StyledHandle>, 'children'> & Pick<React.ComponentProps<typeof Icon>, 'size'>;
 export declare const Handle: React.ForwardRefExoticComponent<Omit<THandleProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/spacer/Spacer.d.ts

@@ -2,8 +2,8 @@
  * A flexible flex spacer that expands along the major axis of its containing flex layout.
  * It renders a `div` by default, and takes up any available space.
  */
-export declare const Spacer: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const Spacer: 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/stepper/StepperStepBullet.d.ts

@@ -1,4 +1,4 @@
-export declare const StepperStepBullet: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const StepperStepBullet: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "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;
@@ -8,8 +8,8 @@ export declare const StepperStepBullet: import("react").ForwardRefExoticComponen
     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?: import("react").ElementType;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>, "status"> & {
-    status?: ("default" | "success" | "active" | "viewed" | "completed" | "reviewed" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "default" | "success" | "active" | "viewed" | "completed" | "reviewed">>) | undefined;
+}, "status"> & {
+    status?: "default" | "success" | "active" | "viewed" | "completed" | "reviewed" | undefined;
 } & {
     as?: import("react").ElementType;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+}>;

package/dist/components/stepper/StepperStepContainer.d.ts

@@ -1,4 +1,4 @@
-export declare const StepperStepContainer: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export declare const StepperStepContainer: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "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;
@@ -8,11 +8,11 @@ export declare const StepperStepContainer: import("react").ForwardRefExoticCompo
     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?: import("react").ElementType;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>, "direction" | "separator" | "status" | "canInteract"> & {
-    canInteract?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
-    direction?: ("horizontal" | "vertical" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "horizontal" | "vertical">>) | undefined;
-    separator?: ("default" | "success" | "active" | "viewed" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "default" | "success" | "active" | "viewed">>) | undefined;
-    status?: ("default" | "success" | "active" | "viewed" | "completed" | "reviewed" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "default" | "success" | "active" | "viewed" | "completed" | "reviewed">>) | undefined;
+}, "direction" | "separator" | "status" | "canInteract"> & {
+    canInteract?: boolean | undefined;
+    direction?: "horizontal" | "vertical" | undefined;
+    separator?: "default" | "success" | "active" | "viewed" | undefined;
+    status?: "default" | "success" | "active" | "viewed" | "completed" | "reviewed" | undefined;
 } & {
     as?: import("react").ElementType;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+}>;

package/dist/components/stepper/StepperStepLabel.d.ts

@@ -1,4 +1,4 @@
-export declare const StepperStepLabel: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+export declare const StepperStepLabel: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
 }, "size" | "weight" | "family" | "noCapsize"> & {
     weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
@@ -7,11 +7,11 @@ export declare const StepperStepLabel: import("react").ForwardRefExoticComponent
     noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
 } & {
     as?: import("react").ElementType;
-}, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "as"> & {
+}, "as"> & {
     as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
 }, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "direction" | "status"> & {
-    direction?: ("horizontal" | "vertical" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "horizontal" | "vertical">>) | undefined;
-    status?: ("default" | "success" | "active" | "viewed" | "completed" | "reviewed" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "default" | "success" | "active" | "viewed" | "completed" | "reviewed">>) | undefined;
+    direction?: "horizontal" | "vertical" | undefined;
+    status?: "default" | "success" | "active" | "viewed" | "completed" | "reviewed" | undefined;
 } & {
     as?: import("react").ElementType;
-}, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+}>;

package/dist/components/switch/Switch.d.ts

@@ -1,10 +1,10 @@
 import * as RadixSwitch from '@radix-ui/react-switch';
 import * as React from 'react';
-declare const StyledSwitch: React.ForwardRefExoticComponent<Omit<Omit<RadixSwitch.SwitchProps & React.RefAttributes<HTMLButtonElement>, "size"> & {
-    size?: ("md" | "lg" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "md" | "lg">>) | undefined;
+declare const StyledSwitch: React.ForwardRefExoticComponent<Omit<RadixSwitch.SwitchProps & React.RefAttributes<HTMLButtonElement>, "size"> & {
+    size?: "md" | "lg" | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+}>;
 type SwitchProps = React.ComponentProps<typeof StyledSwitch>;
 export declare const Switch: {
     ({ size, ...rest }: SwitchProps): React.JSX.Element;

package/dist/components/switch/Switch.js

@@ -1,2 +1,2 @@
-import*as t from"@radix-ui/react-switch";import*as a from"react";import{styled as o}from"../../styled.js";const i=o(t.Root,{base:["appearance-none","bg-grey-600","border-none","rounded-round","cursor-pointer","flex","overflow-hidden","relative","transition-all","duration-50","ease-out","hover:bg-grey-700","focus:outline-2","focus:outline-offset-1","focus:outline-primary-800","focus:outline-solid","data-[state=checked]:bg-primary-800","data-[state=checked]:hover:bg-primary-900","disabled:cursor-not-allowed","disabled:opacity-30"],variants:{size:{md:["p-0.5","w-10"],lg:["p-1","w-16"]}}}),n=o(t.Thumb,{base:["bg-white","rounded-round","block","transition-transform","duration-50","will-change-transform"],variants:{size:{md:["data-[state=checked]:translate-x-5","size-4"],lg:["data-[state=checked]:translate-x-8","size-6"]}}}),r=({size:e="md",...s})=>a.createElement(i,{size:e,...s},a.createElement(n,{size:e}));r.displayName="Switch";export{r as Switch};
+import*as t from"@radix-ui/react-switch";import*as a from"react";import{styled as o}from"../../styled.js";const i=o(t.Root,{base:["appearance-none","bg-grey-600","border-none","rounded-full","cursor-pointer","flex","overflow-hidden","relative","transition-all","duration-50","ease-out","hover:bg-grey-700","focus:outline-2","focus:outline-offset-1","focus:outline-primary-800","focus:outline-solid","data-[state=checked]:bg-primary-800","data-[state=checked]:hover:bg-primary-900","disabled:cursor-not-allowed","disabled:opacity-30"],variants:{size:{md:["p-0.5","w-10"],lg:["p-1","w-16"]}}}),n=o(t.Thumb,{base:["bg-white","rounded-full","block","transition-transform","duration-50","will-change-transform"],variants:{size:{md:["data-[state=checked]:translate-x-5","size-4"],lg:["data-[state=checked]:translate-x-8","size-6"]}}}),r=({size:e="md",...s})=>a.createElement(i,{size:e,...s},a.createElement(n,{size:e}));r.displayName="Switch";export{r as Switch};
 //# sourceMappingURL=Switch.js.map

package/dist/components/switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["import * as RadixSwitch from '@radix-ui/react-switch'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst StyledSwitch = styled(RadixSwitch.Root, {\n  base: [\n    'appearance-none',\n    'bg-grey-600',\n    'border-none',\n    'rounded-round',\n    'cursor-pointer',\n    'flex',\n    'overflow-hidden',\n    'relative',\n    'transition-all',\n    'duration-50',\n    'ease-out',\n    'hover:bg-grey-700',\n    'focus:outline-2',\n    'focus:outline-offset-1',\n    'focus:outline-primary-800',\n    'focus:outline-solid',\n    'data-[state=checked]:bg-primary-800',\n    'data-[state=checked]:hover:bg-primary-900',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30'\n  ],\n  variants: {\n    size: {\n      md: ['p-0.5', 'w-10'],\n      lg: ['p-1', 'w-16']\n    }\n  }\n})\n\nconst StyledThumb = styled(RadixSwitch.Thumb, {\n  base: [\n    'bg-white',\n    'rounded-round',\n    'block',\n    'transition-transform',\n    'duration-50',\n    'will-change-transform'\n  ],\n  variants: {\n    size: {\n      md: ['data-[state=checked]:translate-x-5', 'size-4'],\n      lg: ['data-[state=checked]:translate-x-8', 'size-6']\n    }\n  }\n})\n\ntype SwitchProps = React.ComponentProps<typeof StyledSwitch>\n\nexport const Switch = ({ size = 'md', ...rest }: SwitchProps) => (\n  <StyledSwitch size={size} {...rest}>\n    <StyledThumb size={size} />\n  </StyledSwitch>\n)\n\nSwitch.displayName = 'Switch'\n"],"names":["StyledSwitch","styled","RadixSwitch","StyledThumb","Switch","size","rest","React"],"mappings":"0GAKA,MAAMA,EAAeC,EAAOC,EAAY,KAAM,CAC5C,KAAM,CACJ,kBACA,cACA,cACA,gBACA,iBACA,OACA,kBACA,WACA,iBACA,cACA,WACA,oBACA,kBACA,yBACA,4BACA,sBACA,sCACA,4CACA,8BACA,qBACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,QAAS,MAAM,EACpB,GAAI,CAAC,MAAO,MAAM,CACpB,CACF,CACF,CAAC,EAEKC,EAAcF,EAAOC,EAAY,MAAO,CAC5C,KAAM,CACJ,WACA,gBACA,QACA,uBACA,cACA,uBACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,qCAAsC,QAAQ,EACnD,GAAI,CAAC,qCAAsC,QAAQ,CACrD,CACF,CACF,CAAC,EAIYE,EAAS,CAAC,CAAE,KAAAC,EAAO,KAAM,GAAGC,CAAK,IAC5CC,EAAA,cAACP,EAAA,CAAa,KAAMK,EAAO,GAAGC,CAC5BC,EAAAA,EAAA,cAACJ,EAAA,CAAY,KAAME,CAAM,CAAA,CAC3B,EAGFD,EAAO,YAAc"}
+{"version":3,"file":"Switch.js","sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["import * as RadixSwitch from '@radix-ui/react-switch'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst StyledSwitch = styled(RadixSwitch.Root, {\n  base: [\n    'appearance-none',\n    'bg-grey-600',\n    'border-none',\n    'rounded-full',\n    'cursor-pointer',\n    'flex',\n    'overflow-hidden',\n    'relative',\n    'transition-all',\n    'duration-50',\n    'ease-out',\n    'hover:bg-grey-700',\n    'focus:outline-2',\n    'focus:outline-offset-1',\n    'focus:outline-primary-800',\n    'focus:outline-solid',\n    'data-[state=checked]:bg-primary-800',\n    'data-[state=checked]:hover:bg-primary-900',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-30'\n  ],\n  variants: {\n    size: {\n      md: ['p-0.5', 'w-10'],\n      lg: ['p-1', 'w-16']\n    }\n  }\n})\n\nconst StyledThumb = styled(RadixSwitch.Thumb, {\n  base: [\n    'bg-white',\n    'rounded-full',\n    'block',\n    'transition-transform',\n    'duration-50',\n    'will-change-transform'\n  ],\n  variants: {\n    size: {\n      md: ['data-[state=checked]:translate-x-5', 'size-4'],\n      lg: ['data-[state=checked]:translate-x-8', 'size-6']\n    }\n  }\n})\n\ntype SwitchProps = React.ComponentProps<typeof StyledSwitch>\n\nexport const Switch = ({ size = 'md', ...rest }: SwitchProps) => (\n  <StyledSwitch size={size} {...rest}>\n    <StyledThumb size={size} />\n  </StyledSwitch>\n)\n\nSwitch.displayName = 'Switch'\n"],"names":["StyledSwitch","styled","RadixSwitch","StyledThumb","Switch","size","rest","React"],"mappings":"0GAKA,MAAMA,EAAeC,EAAOC,EAAY,KAAM,CAC5C,KAAM,CACJ,kBACA,cACA,cACA,eACA,iBACA,OACA,kBACA,WACA,iBACA,cACA,WACA,oBACA,kBACA,yBACA,4BACA,sBACA,sCACA,4CACA,8BACA,qBACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,QAAS,MAAM,EACpB,GAAI,CAAC,MAAO,MAAM,CACpB,CACF,CACF,CAAC,EAEKC,EAAcF,EAAOC,EAAY,MAAO,CAC5C,KAAM,CACJ,WACA,eACA,QACA,uBACA,cACA,uBACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,qCAAsC,QAAQ,EACnD,GAAI,CAAC,qCAAsC,QAAQ,CACrD,CACF,CACF,CAAC,EAIYE,EAAS,CAAC,CAAE,KAAAC,EAAO,KAAM,GAAGC,CAAK,IAC5CC,EAAA,cAACP,EAAA,CAAa,KAAMK,EAAO,GAAGC,CAC5BC,EAAAA,EAAA,cAACJ,EAAA,CAAY,KAAME,CAAM,CAAA,CAC3B,EAGFD,EAAO,YAAc"}

package/dist/components/table/Table.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
-declare const StyledTable: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & {
+declare const StyledTable: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & {
     ref?: ((instance: HTMLTableElement | null) => void) | React.RefObject<HTMLTableElement> | null | undefined;
 }, "size" | "corners"> & {
-    size?: ("md" | "lg" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "md" | "lg" | "xl">>) | undefined;
-    corners?: ("round" | "square" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "round" | "square">>) | undefined;
+    size?: "md" | "lg" | "xl" | undefined;
+    corners?: "round" | "square" | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLTableElement>>;
+}>;
 type TableProps = React.ComponentProps<typeof StyledTable> & {
     numberOfStickyColumns?: number;
     scrollContainerCls?: string | string[];
@@ -15,51 +15,51 @@ type TableProps = React.ComponentProps<typeof StyledTable> & {
 };
 export declare const Table: React.ForwardRefExoticComponent<Omit<TableProps, "ref"> & React.RefAttributes<HTMLTableElement>> & {
     Body: {
-        ({ striped, ...rest }: Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
+        ({ striped, ...rest }: Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
             ref?: ((instance: HTMLTableSectionElement | null) => void) | React.RefObject<HTMLTableSectionElement> | null | undefined;
         }, "striped"> & {
-            striped?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+            striped?: boolean | undefined;
         } & {
             as?: React.ElementType;
-        }, "ref"> & React.RefAttributes<HTMLTableSectionElement>): React.JSX.Element;
+        }): React.JSX.Element;
         displayName: string;
     };
-    Cell: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & {
+    Cell: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & {
         ref?: ((instance: HTMLTableDataCellElement | null) => void) | React.RefObject<HTMLTableDataCellElement> | null | undefined;
     }, never> & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLTableDataCellElement>>;
-    Footer: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
+    }>;
+    Footer: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
         ref?: ((instance: HTMLTableSectionElement | null) => void) | React.RefObject<HTMLTableSectionElement> | null | undefined;
     }, never> & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
-    FooterCell: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & {
+    }>;
+    FooterCell: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & {
         ref?: ((instance: HTMLTableDataCellElement | null) => void) | React.RefObject<HTMLTableDataCellElement> | null | undefined;
     }, never> & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLTableDataCellElement>>;
+    }>;
     Header: {
-        ({ theme, isSticky, ...rest }: Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
+        ({ theme, isSticky, ...rest }: Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
             ref?: ((instance: HTMLTableSectionElement | null) => void) | React.RefObject<HTMLTableSectionElement> | null | undefined;
         }, "theme" | "isSticky"> & {
-            theme?: ("primary" | "white" | "primaryDark" | "primaryLight" | "light" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "primary" | "white" | "primaryDark" | "primaryLight" | "light">>) | undefined;
-            isSticky?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+            theme?: "primary" | "white" | "primaryDark" | "primaryLight" | "light" | undefined;
+            isSticky?: boolean | undefined;
         } & {
             as?: React.ElementType;
-        }, "ref"> & React.RefAttributes<HTMLTableSectionElement>): React.JSX.Element;
+        }): React.JSX.Element;
         displayName: string;
     };
-    HeaderCell: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & {
+    HeaderCell: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & {
         ref?: ((instance: HTMLTableHeaderCellElement | null) => void) | React.RefObject<HTMLTableHeaderCellElement> | null | undefined;
     }, never> & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLTableHeaderCellElement>>;
-    Row: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & {
+    }>;
+    Row: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & {
         ref?: ((instance: HTMLTableRowElement | null) => void) | React.RefObject<HTMLTableRowElement> | null | undefined;
     }, never> & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLTableRowElement>, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
+    }, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
     StickyColumnsContainer: ({ children, numberOfStickyColumns, className, ...restProps }: React.PropsWithChildren<{
         numberOfStickyColumns?: number;
         className?: string;

package/dist/components/table/TableBody.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
-declare const StyledTableBody: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
+declare const StyledTableBody: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
     ref?: ((instance: HTMLTableSectionElement | null) => void) | React.RefObject<HTMLTableSectionElement> | null | undefined;
 }, "striped"> & {
-    striped?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    striped?: boolean | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
+}>;
 type TableBodyProps = React.ComponentProps<typeof StyledTableBody>;
 export declare const TableBody: {
     ({ striped, ...rest }: TableBodyProps): React.JSX.Element;

package/dist/components/table/TableCell.d.ts

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

package/dist/components/table/TableFooter.d.ts

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

package/dist/components/table/TableFooterCell.d.ts

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

package/dist/components/table/TableHeader.d.ts

@@ -6,14 +6,14 @@ export declare const TABLE_HEADER_THEMES: {
     readonly LIGHT: "light";
     readonly WHITE: "white";
 };
-declare const StyledTableHeader: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
+declare const StyledTableHeader: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
     ref?: ((instance: HTMLTableSectionElement | null) => void) | React.RefObject<HTMLTableSectionElement> | null | undefined;
 }, "theme" | "isSticky"> & {
-    theme?: ("primary" | "white" | "primaryDark" | "primaryLight" | "light" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "primary" | "white" | "primaryDark" | "primaryLight" | "light">>) | undefined;
-    isSticky?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
+    theme?: "primary" | "white" | "primaryDark" | "primaryLight" | "light" | undefined;
+    isSticky?: boolean | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
+}>;
 type TableHeaderProps = React.ComponentProps<typeof StyledTableHeader>;
 export declare const TableHeader: {
     ({ theme, isSticky, ...rest }: TableHeaderProps): React.JSX.Element;

package/dist/components/table/TableHeaderCell.d.ts

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

package/dist/components/table/TableRow.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-export declare const TableRow: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & {
+export declare const TableRow: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & {
     ref?: ((instance: HTMLTableRowElement | null) => void) | React.RefObject<HTMLTableRowElement> | null | undefined;
 }, never> & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLTableRowElement>, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
+}, "ref"> & React.RefAttributes<HTMLTableRowElement>>;

package/dist/components/tabs/Tabs.d.ts

@@ -1,21 +1,21 @@
 import * as React from 'react';
-export declare const Tabs: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsProps & React.RefAttributes<HTMLDivElement>, never> & {
+export declare const Tabs: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsProps & React.RefAttributes<HTMLDivElement>, never> & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+}> & {
     TriggerList: {
-        ({ children, colorScheme, ...rest }: React.ComponentProps<React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsListProps & React.RefAttributes<HTMLDivElement>, never> & {
+        ({ children, colorScheme, ...rest }: React.ComponentProps<React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsListProps & React.RefAttributes<HTMLDivElement>, never> & {
             as?: React.ElementType;
-        }, "ref"> & React.RefAttributes<HTMLDivElement>>> & {
+        }>> & {
             colorScheme?: import("../..").TcolorScheme;
         }): React.JSX.Element;
         displayName: string;
     };
-    Trigger: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, never> & {
+    Trigger: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, never> & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLButtonElement> & {
+    } & {
         value: string;
     }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-    Content: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsContentProps & React.RefAttributes<HTMLDivElement>, never> & {
+    Content: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsContentProps & React.RefAttributes<HTMLDivElement>, never> & {
         as?: React.ElementType;
-    }, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    }>;
 };

package/dist/components/tabs/TabsContent.d.ts

@@ -1,3 +1,3 @@
-export declare const TabsContent: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsContentProps & import("react").RefAttributes<HTMLDivElement>, never> & {
+export declare const TabsContent: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsContentProps & import("react").RefAttributes<HTMLDivElement>, never> & {
     as?: import("react").ElementType;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+}>;

package/dist/components/tabs/TabsTrigger.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-export declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, never> & {
+export declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, never> & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLButtonElement> & {
+} & {
     value: string;
 }, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/tabs/TabsTriggerList.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { TcolorScheme } from '../../experiments/color-scheme';
-declare const StyledTriggerList: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsListProps & React.RefAttributes<HTMLDivElement>, never> & {
+declare const StyledTriggerList: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsListProps & React.RefAttributes<HTMLDivElement>, never> & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}>;
 export declare const TabsTriggerList: {
     ({ children, colorScheme, ...rest }: React.ComponentProps<typeof StyledTriggerList> & {
         colorScheme?: TcolorScheme;

package/dist/components/text/Text.d.ts

@@ -15,7 +15,7 @@ export declare const textVariants: {
 export declare const getTextVariant: (options: {
     size: keyof typeof textVariants.size;
 }) => string[];
-export declare const StyledText: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+export declare const StyledText: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
     ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
 }, "size" | "weight" | "family" | "noCapsize"> & {
     weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
@@ -24,7 +24,7 @@ export declare const StyledText: React.ForwardRefExoticComponent<Omit<Omit<Omit<
     noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
 } & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+}>;
 type TextProps = Override<React.ComponentProps<typeof StyledText>, {
     as?: 'blockquote' | 'caption' | 'dd' | 'dt' | 'figcaption' | 'li' | 'p' | 'span' | 'legend' | React.ComponentType | React.ElementType;
 }>;

package/dist/components/text/Text.js

@@ -1,2 +1,2 @@
-import*as a from"react";import{styled as l}from"../../styled.js";const t={size:{xs:["text-xs","leading-[1.6]","capsize-[0.4364]"],sm:["text-sm","leading-[1.53]","capsize-[0.4056]"],md:["text-md","leading-normal","capsize-[0.3864]"],lg:["text-lg","leading-[1.52]","capsize-[0.3983]"],xl:["text-xl","leading-[1.42]","capsize-[0.3506]"]},noCapsize:{true:["before:hidden!","after:hidden!"]}},m=e=>t.size[e.size],i=l("p",{base:["m-0","[&>&]:before:hidden","[&>&]:after:hidden"],variants:{...t,weight:{normal:["font-normal"],bold:["font-semibold"]},family:{body:["font-body"],display:["font-display"],mono:["font-mono"]}}}),d=a.forwardRef(({size:e="md",family:o="body",...n},s)=>a.createElement(i,{size:e,family:o,...n,ref:s}));d.displayName="Text";export{i as StyledText,d as Text,m as getTextVariant,t as textVariants};
+import*as a from"react";import{styled as l}from"../../styled.js";const t={size:{xs:["text-xs","leading-[1.6]","capsize-[0.4364]"],sm:["text-sm","leading-[1.53]","capsize-[0.4056]"],md:["text-md","leading-normal","capsize-[0.3864]"],lg:["text-lg","leading-[1.52]","capsize-[0.3983]"],xl:["text-xl","leading-[1.42]","capsize-[0.3506]"]},noCapsize:{true:["before:hidden!","after:hidden!"]}},m=e=>t.size[e.size],i=l("p",{base:["m-0","[&>&]:before:hidden","[&>&]:after:hidden"],variants:{...t,weight:{normal:["font-normal"],bold:["font-semibold"]},family:{body:["font-body"],display:["font-display"],mono:["font-mono"]}}},{enabledResponsiveVariants:!0}),d=a.forwardRef(({size:e="md",family:n="body",...o},s)=>a.createElement(i,{size:e,family:n,...o,ref:s}));d.displayName="Text";export{i as StyledText,d as Text,m as getTextVariant,t as textVariants};
 //# sourceMappingURL=Text.js.map

package/dist/components/text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../src/components/text/Text.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport type { Override } from '~/utilities'\n\nexport const textVariants = {\n  size: {\n    xs: ['text-xs', 'leading-[1.6]', 'capsize-[0.4364]'],\n    sm: ['text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n    md: ['text-md', 'leading-normal', 'capsize-[0.3864]'],\n    lg: ['text-lg', 'leading-[1.52]', 'capsize-[0.3983]'],\n    xl: ['text-xl', 'leading-[1.42]', 'capsize-[0.3506]']\n  },\n  noCapsize: {\n    true: ['before:hidden!', 'after:hidden!']\n  }\n}\n\nexport const getTextVariant = (options: {\n  size: keyof typeof textVariants.size\n}): string[] => textVariants.size[options.size]\n\nexport const StyledText = styled('p', {\n  base: ['m-0', '[&>&]:before:hidden', '[&>&]:after:hidden'],\n  variants: {\n    ...textVariants,\n    weight: {\n      normal: ['font-normal'],\n      bold: ['font-semibold']\n    },\n    family: {\n      body: ['font-body'],\n      display: ['font-display'],\n      mono: ['font-mono']\n    }\n  }\n})\n\ntype TextProps = Override<\n  React.ComponentProps<typeof StyledText>,\n  {\n    as?:\n      | 'blockquote'\n      | 'caption'\n      | 'dd'\n      | 'dt'\n      | 'figcaption'\n      | 'li'\n      | 'p'\n      | 'span'\n      | 'legend'\n      | React.ComponentType\n      | React.ElementType\n  }\n>\n\nexport const Text = React.forwardRef<HTMLParagraphElement, TextProps>(\n  ({ size = 'md', family = 'body', ...remainingProps }, ref) => (\n    <StyledText size={size} family={family} {...remainingProps} ref={ref} />\n  )\n)\n\nText.displayName = 'Text'\n"],"names":["textVariants","getTextVariant","options","StyledText","styled","Text","React","size","family","remainingProps","ref"],"mappings":"iEAKa,MAAAA,EAAe,CAC1B,KAAM,CACJ,GAAI,CAAC,UAAW,gBAAiB,kBAAkB,EACnD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,CACtD,EACA,UAAW,CACT,KAAM,CAAC,iBAAkB,eAAe,CAC1C,CACF,EAEaC,EAAkBC,GAEfF,EAAa,KAAKE,EAAQ,IAAI,EAEjCC,EAAaC,EAAO,IAAK,CACpC,KAAM,CAAC,MAAO,sBAAuB,oBAAoB,EACzD,SAAU,CACR,GAAGJ,EACH,OAAQ,CACN,OAAQ,CAAC,aAAa,EACtB,KAAM,CAAC,eAAe,CACxB,EACA,OAAQ,CACN,KAAM,CAAC,WAAW,EAClB,QAAS,CAAC,cAAc,EACxB,KAAM,CAAC,WAAW,CACpB,CACF,CACF,CAAC,EAoBYK,EAAOC,EAAM,WACxB,CAAC,CAAE,KAAAC,EAAO,KAAM,OAAAC,EAAS,OAAQ,GAAGC,CAAe,EAAGC,IACpDJ,EAAA,cAACH,EAAA,CAAW,KAAMI,EAAM,OAAQC,EAAS,GAAGC,EAAgB,IAAKC,CAAAA,CAAK,CAE1E,EAEAL,EAAK,YAAc"}
+{"version":3,"file":"Text.js","sources":["../../../src/components/text/Text.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\nimport type { Override } from '~/utilities'\n\nexport const textVariants = {\n  size: {\n    xs: ['text-xs', 'leading-[1.6]', 'capsize-[0.4364]'],\n    sm: ['text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n    md: ['text-md', 'leading-normal', 'capsize-[0.3864]'],\n    lg: ['text-lg', 'leading-[1.52]', 'capsize-[0.3983]'],\n    xl: ['text-xl', 'leading-[1.42]', 'capsize-[0.3506]']\n  },\n  noCapsize: {\n    true: ['before:hidden!', 'after:hidden!']\n  }\n}\n\nexport const getTextVariant = (options: {\n  size: keyof typeof textVariants.size\n}): string[] => textVariants.size[options.size]\n\nexport const StyledText = styled(\n  'p',\n  {\n    base: ['m-0', '[&>&]:before:hidden', '[&>&]:after:hidden'],\n    variants: {\n      ...textVariants,\n      weight: {\n        normal: ['font-normal'],\n        bold: ['font-semibold']\n      },\n      family: {\n        body: ['font-body'],\n        display: ['font-display'],\n        mono: ['font-mono']\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\ntype TextProps = Override<\n  React.ComponentProps<typeof StyledText>,\n  {\n    as?:\n      | 'blockquote'\n      | 'caption'\n      | 'dd'\n      | 'dt'\n      | 'figcaption'\n      | 'li'\n      | 'p'\n      | 'span'\n      | 'legend'\n      | React.ComponentType\n      | React.ElementType\n  }\n>\n\nexport const Text = React.forwardRef<HTMLParagraphElement, TextProps>(\n  ({ size = 'md', family = 'body', ...remainingProps }, ref) => (\n    <StyledText size={size} family={family} {...remainingProps} ref={ref} />\n  )\n)\n\nText.displayName = 'Text'\n"],"names":["textVariants","getTextVariant","options","StyledText","styled","Text","React","size","family","remainingProps","ref"],"mappings":"iEAKa,MAAAA,EAAe,CAC1B,KAAM,CACJ,GAAI,CAAC,UAAW,gBAAiB,kBAAkB,EACnD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,EACpD,GAAI,CAAC,UAAW,iBAAkB,kBAAkB,CACtD,EACA,UAAW,CACT,KAAM,CAAC,iBAAkB,eAAe,CAC1C,CACF,EAEaC,EAAkBC,GAEfF,EAAa,KAAKE,EAAQ,IAAI,EAEjCC,EAAaC,EACxB,IACA,CACE,KAAM,CAAC,MAAO,sBAAuB,oBAAoB,EACzD,SAAU,CACR,GAAGJ,EACH,OAAQ,CACN,OAAQ,CAAC,aAAa,EACtB,KAAM,CAAC,eAAe,CACxB,EACA,OAAQ,CACN,KAAM,CAAC,WAAW,EAClB,QAAS,CAAC,cAAc,EACxB,KAAM,CAAC,WAAW,CACpB,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAoBaK,EAAOC,EAAM,WACxB,CAAC,CAAE,KAAAC,EAAO,KAAM,OAAAC,EAAS,OAAQ,GAAGC,CAAe,EAAGC,IACpDJ,EAAA,cAACH,EAAW,CAAA,KAAMI,EAAM,OAAQC,EAAS,GAAGC,EAAgB,IAAKC,CAAAA,CAAK,CAE1E,EAEAL,EAAK,YAAc"}