@atom-learning/components 1.2.0 → 1.3.0

package/dist/components/accordion/AccordionContent.js

@@ -1 +1 @@
-const t=["children"];import{Content as e}from"@radix-ui/react-accordion";import o from"react";import{keyframes as r,styled as i}from"../../stitches.js";const n=i(e,{border:0,width:"100%",bg:"#fff","@allowMotion":{'&[data-state="open"]':{animation:`${r({from:{height:0},to:{height:"var(--radix-accordion-content-height)"}})} 300ms ease-out`},'&[data-state="closed"]':{animation:`${r({from:{height:"var(--radix-accordion-content-height)"},to:{height:0}})} 300ms ease-out`}}}),a=e=>{let{children:r}=e,i=function(t,e){if(null==t)return{};var o,r,i={},n=Object.keys(t);for(r=0;r<n.length;r++)o=n[r],e.indexOf(o)>=0||(i[o]=t[o]);return i}(e,t);return o.createElement(n,Object.assign({title:"accordionContent"},i),r)};export{a as AccordionContent};
+const t=["children","css"];import{Content as e}from"@radix-ui/react-accordion";import r from"react";import{CSSWrapper as i}from"../../utilities/css-wrapper/CSSWrapper.js";import"polished";import"../../utilities/style/keyframe-animations.js";import{keyframes as o,styled as a}from"../../stitches.js";const s=a(e,{border:0,width:"100%",bg:"#fff",'&[data-state="open"]':{borderRadius:"0 0 $0 $0"},"@allowMotion":{'&[data-state="open"]':{animation:`${o({from:{height:0},to:{height:"var(--radix-accordion-content-height)"}})} 300ms ease-out`},'&[data-state="closed"]':{animation:`${o({from:{height:"var(--radix-accordion-content-height)"},to:{height:0}})} 300ms ease-out`}}}),n=e=>{let{children:o,css:a}=e,n=function(t,e){if(null==t)return{};var r,i,o={},a=Object.keys(t);for(i=0;i<a.length;i++)r=a[i],e.indexOf(r)>=0||(o[r]=t[r]);return o}(e,t);return r.createElement(s,Object.assign({},n),r.createElement(i,{css:a},o))};export{n as AccordionContent};

package/dist/components/accordion/AccordionItem.js

@@ -1 +1 @@
-const e=["children","value"];import{Item as r}from"@radix-ui/react-accordion";import t from"react";import{styled as o}from"../../stitches.js";const a=o(r,{width:"100%",overflow:"hidden","&:not(:last-child)":{mb:"$1"},'&[data-state="open"]':{'& [name="accordionTrigger"]':{borderRadius:"$0 $0 0 0"},'& [title="accordionContent"]':{borderRadius:"0 0 $0 $0"}},'&[data-state="closed"]':{'& [name="accordionTrigger"]':{borderRadius:"$0"}}}),i=r=>{let{children:o,value:i}=r,n=function(e,r){if(null==e)return{};var t,o,a={},i=Object.keys(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||(a[t]=e[t]);return a}(r,e);return t.createElement(a,Object.assign({value:i},n),o)};export{i as AccordionItem};
+const e=["children","value"];import{Item as r}from"@radix-ui/react-accordion";import t from"react";import{styled as n}from"../../stitches.js";const i=n(r,{width:"100%",overflow:"hidden","&:not(:last-child)":{mb:"$1"}}),o=r=>{let{children:n,value:o}=r,c=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(r,e);return t.createElement(i,Object.assign({value:o},c),n)};export{o as AccordionItem};

package/dist/components/accordion/AccordionTrigger.d.ts

@@ -1,8 +1,6 @@
 import React from 'react';
-import type * as Stitches from '@stitches/react';
-import { Override } from '../../utilities';
 declare const StyledTrigger: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-accordion").AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>, {
-    theme?: "primary" | "primaryDark" | "dark" | "light" | undefined;
+    theme?: "primaryDark" | "light" | undefined;
 }, {
     sm: string;
     md: string;
@@ -268,8 +266,6 @@ declare const StyledTrigger: import("@stitches/react/types/styled-component").St
         };
     };
 }>>;
-declare type AccordionTriggerProps = Override<React.ComponentProps<typeof StyledTrigger>, Stitches.VariantProps<typeof StyledTrigger> & {
-    theme: string;
-}>;
+declare type AccordionTriggerProps = React.ComponentProps<typeof StyledTrigger>;
 export declare const AccordionTrigger: React.FC<AccordionTriggerProps>;
 export {};

package/dist/components/accordion/AccordionTrigger.js

@@ -1 +1 @@
-const r=["theme","children"];import{Trigger as t}from"@radix-ui/react-accordion";import e from"react";import{ChevronDown as o}from"@atom-learning/icons";import{styled as a,theme as i}from"../../stitches.js";import{darken as n}from"polished";import{Box as s}from"../box/Box.js";import{Icon as m}from"../icon/Icon.js";const c=(r,t,e,o="#fff")=>({bg:r,color:o,"&[disabled]":{bg:"$tonal100",cursor:"not-allowed",color:"$tonal400"},"&:not([disabled]):hover":{bg:t},"&:not([disabled]):active":{bg:e}}),l=a(t,{border:0,py:"$3",px:"$4",width:"100%",display:"flex",justifyContent:"space-between",alignItems:"center",cursor:"pointer",'&[data-state="open"]':{"& svg":{transition:"transform 300ms",transform:"rotate(180deg)"}},'&[data-state="closed"]':{"& svg":{transition:"transform 300ms",transform:"rotate(0deg)"}},variants:{theme:{primary:{},primaryDark:{},dark:{},light:{}}},compoundVariants:[{theme:"primary",css:c("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",css:c("$primaryDark",n(.1,i.colors.primaryDark.value),n(.15,i.colors.primaryDark.value))},{theme:"dark",css:c("$tonal600",n(.1,i.colors.tonal600.value),n(.15,i.colors.tonal600.value))},{theme:"light",css:c("#fff",n(.1,"#fff"),n(.15,"#fff"),"#000")}]}),f=t=>{let{theme:a="primaryDark",children:i}=t,n=function(r,t){if(null==r)return{};var e,o,a={},i=Object.keys(r);for(o=0;o<i.length;o++)e=i[o],t.indexOf(e)>=0||(a[e]=r[e]);return a}(t,r);return e.createElement(l,Object.assign({theme:a,name:"accordionTrigger"},n),e.createElement(s,null,i),e.createElement(m,{is:o}))};f.toString=()=>"accordionTrigger";export{f as AccordionTrigger};
+const r=["theme","children"];import{Trigger as t}from"@radix-ui/react-accordion";import e from"react";import{Box as o}from"../box/Box.js";import{Icon as a}from"../icon/Icon.js";import{ChevronDown as n}from"@atom-learning/icons";import{styled as i,theme as s}from"../../stitches.js";import{darken as m}from"polished";const l=(r,t,e,o="#fff")=>({bg:r,color:o,"&[disabled]":{bg:"$tonal100",cursor:"not-allowed",color:"$tonal400"},"&:not([disabled]):hover":{bg:t},"&:not([disabled]):active":{bg:e}}),f=i(t,{border:0,py:"$3",px:"$4",width:"100%",display:"flex",justifyContent:"space-between",alignItems:"center",cursor:"pointer",'&[data-state="open"]':{borderRadius:"$0 $0 0 0","& svg":{transition:"transform 300ms",transform:"rotate(180deg)"}},'&[data-state="closed"]':{borderRadius:"$0","& svg":{transition:"transform 300ms",transform:"rotate(0deg)"}},variants:{theme:{primaryDark:l("$primaryDark",m(.1,s.colors.primaryDark.value),m(.15,s.colors.primaryDark.value)),light:l("#fff",m(.1,"#fff"),m(.15,"#fff"),"$tonal600")}}}),c=t=>{let{theme:i="primaryDark",children:s}=t,m=function(r,t){if(null==r)return{};var e,o,a={},n=Object.keys(r);for(o=0;o<n.length;o++)e=n[o],t.indexOf(e)>=0||(a[e]=r[e]);return a}(t,r);return e.createElement(f,Object.assign({theme:i},m),e.createElement(o,null,s),e.createElement(a,{is:n}))};export{c as AccordionTrigger};

package/dist/components/action-icon/ActionIcon.d.ts

@@ -5,7 +5,7 @@ import { Override } from '../../utilities';
 declare const StyledButton: import("@stitches/react/types/styled-component").StyledComponent<"button", {
     theme?: "primary" | "success" | "danger" | "warning" | "neutral" | undefined;
     appearance?: "outline" | "solid" | "simple" | undefined;
-    size?: "md" | "lg" | undefined;
+    size?: "md" | "lg" | "xl" | undefined;
     isRounded?: boolean | "true" | undefined;
 }, {
     sm: string;
@@ -277,5 +277,5 @@ declare type ActionIconProps = Override<React.ComponentProps<typeof StyledButton
     children: React.ReactNode;
     label: string;
 } & NavigatorActions>;
-export declare const ActionIcon: React.ForwardRefExoticComponent<Pick<ActionIconProps, "appearance" | "color" | "translate" | "size" | "css" | "theme" | "onBlur" | "onSubmit" | "form" | "label" | "slot" | "style" | "title" | "hidden" | "key" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "as" | "disabled" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "isRounded" | keyof NavigatorActions> & React.RefAttributes<HTMLButtonElement>>;
+export declare const ActionIcon: React.ForwardRefExoticComponent<Pick<ActionIconProps, "appearance" | "color" | "translate" | "size" | "css" | "theme" | "onBlur" | "onSubmit" | "form" | "label" | "slot" | "style" | "title" | "hidden" | "key" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "as" | "disabled" | "value" | "type" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "isRounded" | keyof NavigatorActions> & React.RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/components/action-icon/ActionIcon.js

@@ -1 +1 @@
-const e=["children","theme","appearance","size","label","href","disabled"];function r(){return(r=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var s in a)Object.prototype.hasOwnProperty.call(a,s)&&(e[s]=a[s])}return e}).apply(this,arguments)}import a from"invariant";import{forwardRef as s,Children as n,createElement as i,isValidElement as o,cloneElement as t}from"react";import{styled as c}from"../../stitches.js";import{Icon as l}from"../icon/Icon.js";const d=(e,r,a)=>({bg:"transparent",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:r},"&:not(:disabled):active":{color:a},"&[disabled]":{color:"$tonal400",cursor:"not-allowed"}}),p=(e,r,a)=>({bg:e,color:"white","&:not(:disabled):hover, &:not(:disabled):focus":{bg:r,color:"white"},"&:not(:disabled):active":{bg:a},"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"}}),m=(e,r,a)=>({border:"1px solid",borderColor:"currentColor",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:r},"&:not(:disabled):active":{color:a},"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"}}),u=c("button",{alignItems:"center",appearance:"none",bg:"white",border:"unset",borderRadius:"$0",boxSizing:"border-box",cursor:"pointer",display:"flex",justifyContent:"center",p:"unset",transition:"all 100ms ease-out",variants:{theme:{neutral:{},primary:{},success:{},warning:{},danger:{}},appearance:{simple:{},outline:{},solid:{}},size:{md:{size:"$3"},lg:{size:"$4"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"neutral",appearance:"simple",css:d("$tonal300","$primaryMid","$primaryDark")},{theme:"primary",appearance:"simple",css:d("$primary","$primaryMid","$primaryDark")},{theme:"success",appearance:"simple",css:d("$success","$successMid","$successDark")},{theme:"warning",appearance:"simple",css:d("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"simple",css:d("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"solid",css:p("$primary","$primaryMid","$primaryDark")},{theme:"success",appearance:"solid",css:p("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:p("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"solid",css:p("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:m("$primary","$primaryMid","$primaryDark")},{theme:"success",appearance:"outline",css:m("$success","$successMid","$successDark")},{theme:"warning",appearance:"outline",css:m("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"outline",css:m("$danger","$dangerMid","$dangerDark")}]}),$=s(((s,c)=>{let{children:d,theme:p="primary",appearance:m="simple",size:g="md",label:b,href:h,disabled:y}=s,f=function(e,r){if(null==e)return{};var a,s,n={},i=Object.keys(e);for(s=0;s<i.length;s++)a=i[s],r.indexOf(a)>=0||(n[a]=e[a]);return n}(s,e);const w=`A single ${l.displayName} component is permitted as a child of ${$.displayName}`;a(1===n.count(d),w);const k=h?{as:"a",href:y?null:h,onClick:void 0,"aria-disabled":!!y}:{type:"button"};return i(u,Object.assign({},f,k,{"aria-label":b,theme:p,appearance:m,size:g,ref:c,disabled:y}),n.map(d,(e=>{if(!o(e))throw new Error(w);return a(e.type===l,`Children of type ${null==e?void 0:e.type} aren't permitted. Only an ${l.displayName} component is allowed in ${$.displayName}`),t(e,{css:r({size:"lg"===g?20:16},e.props.css?e.props.css:{})})})))}));$.displayName="ActionIcon";export{$ as ActionIcon};
+const e=["children","theme","appearance","size","label","href","disabled"];function r(){return(r=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var s in a)Object.prototype.hasOwnProperty.call(a,s)&&(e[s]=a[s])}return e}).apply(this,arguments)}import a from"invariant";import{darken as s}from"polished";import{forwardRef as i,Children as n,createElement as o,isValidElement as c,cloneElement as t}from"react";import{styled as l,theme as p}from"../../stitches.js";import{Icon as d}from"../icon/Icon.js";const m=(e,r,a)=>({bg:"transparent",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:r},"&:not(:disabled):active":{color:a},"&[disabled]":{color:"$tonal400",cursor:"not-allowed"}}),u=(e,r,a)=>({bg:e,color:"white","&:not(:disabled):hover, &:not(:disabled):focus":{bg:r,color:"white"},"&:not(:disabled):active":{bg:a},"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"}}),$=(e,r,a)=>({border:"1px solid",borderColor:"currentColor",color:e,"&:not(:disabled):hover, &:not(:disabled):focus":{color:r},"&:not(:disabled):active":{color:a},"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"}}),y=l("button",{alignItems:"center",appearance:"none",bg:"white",border:"unset",borderRadius:"$0",boxSizing:"border-box",cursor:"pointer",display:"flex",justifyContent:"center",p:"unset",transition:"all 100ms ease-out",variants:{theme:{neutral:{},primary:{},success:{},warning:{},danger:{}},appearance:{simple:{},outline:{},solid:{}},size:{md:{size:"$3"},lg:{size:"$4"},xl:{size:"$5"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"neutral",appearance:"simple",css:m("$tonal300","$primaryMid","$primaryDark")},{theme:"primary",appearance:"simple",css:m("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"simple",css:m("$primaryDark",s(.1,p.colors.primaryDark.value),s(.15,p.colors.primaryDark.value))},{theme:"success",appearance:"simple",css:m("$success","$successMid","$successDark")},{theme:"warning",appearance:"simple",css:m("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"simple",css:m("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"solid",css:u("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"solid",css:u("$primaryDark",s(.1,p.colors.primaryDark.value),s(.15,p.colors.primaryDark.value))},{theme:"success",appearance:"solid",css:u("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:u("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"solid",css:u("$danger","$dangerMid","$dangerDark")},{theme:"primary",appearance:"outline",css:$("$primary","$primaryMid","$primaryDark")},{theme:"primaryDark",appearance:"outline",css:$("$primaryDark",s(.1,p.colors.primaryDark.value),s(.15,p.colors.primaryDark.value))},{theme:"success",appearance:"outline",css:$("$success","$successMid","$successDark")},{theme:"warning",appearance:"outline",css:$("$warning","$warningMid","$warningDark")},{theme:"danger",appearance:"outline",css:$("$danger","$dangerMid","$dangerDark")}]}),g=i(((s,i)=>{let{children:l,theme:p="primary",appearance:m="simple",size:u="md",label:$,href:b,disabled:h}=s,k=function(e,r){if(null==e)return{};var a,s,i={},n=Object.keys(e);for(s=0;s<n.length;s++)a=n[s],r.indexOf(a)>=0||(i[a]=e[a]);return i}(s,e);const f=`A single ${d.displayName} component is permitted as a child of ${g.displayName}`;a(1===n.count(l),f);const D=b?{as:"a",href:h?null:b,onClick:void 0,"aria-disabled":!!h}:{type:"button"};return o(y,Object.assign({},k,D,{"aria-label":$,theme:p,appearance:m,size:u,ref:i,disabled:h}),n.map(l,(e=>{if(!c(e))throw new Error(f);return a(e.type===d,`Children of type ${null==e?void 0:e.type} aren't permitted. Only an ${d.displayName} component is allowed in ${g.displayName}`),t(e,{css:r({size:["lg","xl"].includes(u)?20:16},e.props.css?e.props.css:{})})})))}));g.displayName="ActionIcon";export{g as ActionIcon};

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

@@ -17,6 +17,7 @@ declare type TableSubComponents = {
 };
 declare const StyledTable: import("@stitches/react/types/styled-component").StyledComponent<"table", {
     size?: "md" | "lg" | undefined;
+    corners?: "round" | "square" | undefined;
 }, {
     sm: string;
     md: string;

package/dist/components/table/Table.js

@@ -1 +1 @@
-const e=["size"];import{createElement as o}from"react";import{styled as r}from"../../stitches.js";import{TableBody as t}from"./TableBody.js";import{TableCell as l}from"./TableCell.js";import{TableFooter as i}from"./TableFooter.js";import{TableFooterCell as s}from"./TableFooterCell.js";import{TableHeader as a}from"./TableHeader.js";import{TableHeaderCell as m}from"./TableHeaderCell.js";import{TableRow as f}from"./TableRow.js";const n=r("table",{borderCollapse:"collapse",fontFamily:"$sans",fontSize:"$sm",width:"100%",variants:{size:{md:{[`${l}`]:{height:"$4"},[`${m}`]:{height:"$4"}},lg:{[`${l}`]:{height:"$5"},[`${m}`]:{height:"$5"}}}}}),p=r=>{let{size:t="md"}=r,l=function(e,o){if(null==e)return{};var r,t,l={},i=Object.keys(e);for(t=0;t<i.length;t++)r=i[t],o.indexOf(r)>=0||(l[r]=e[r]);return l}(r,e);return o(n,Object.assign({size:t},l))};p.Body=t,p.Cell=l,p.Footer=i,p.FooterCell=s,p.Header=a,p.HeaderCell=m,p.Row=f,p.displayName="Table";export{p as Table};
+const e=["size","corners"];import{createElement as r}from"react";import{styled as o}from"../../stitches.js";import{TableBody as t}from"./TableBody.js";import{TableCell as s}from"./TableCell.js";import{TableFooter as i}from"./TableFooter.js";import{TableFooterCell as l}from"./TableFooterCell.js";import{TableHeader as a}from"./TableHeader.js";import{TableHeaderCell as d}from"./TableHeaderCell.js";import{TableRow as m}from"./TableRow.js";const n=o("table",{borderCollapse:"separate",borderSpacing:0,fontFamily:"$sans",fontSize:"$sm",width:"100%",variants:{size:{md:{[`${s}, ${d}, ${l}`]:{height:"$4"}},lg:{[`${s}, ${d}, ${l}`]:{height:"$5"}}},corners:{round:{[`${d}`]:{"&:first-of-type":{borderTopLeftRadius:"$0"},"&:last-of-type":{borderTopRightRadius:"$0"}},[`${m}:last-child`]:{[`${s}:first-child`]:{borderBottomLeftRadius:"$0"},[`${s}:last-child`]:{borderBottomRightRadius:"$0"}}},square:{}}}}),f=o=>{let{size:t="md",corners:s="round"}=o,i=function(e,r){if(null==e)return{};var o,t,s={},i=Object.keys(e);for(t=0;t<i.length;t++)o=i[t],r.indexOf(o)>=0||(s[o]=e[o]);return s}(o,e);return r(n,Object.assign({size:t,corners:s},i))};f.Body=t,f.Cell=s,f.Footer=i,f.FooterCell=l,f.Header=a,f.HeaderCell=d,f.Row=m,f.displayName="Table";export{f as Table};

package/dist/components/table/TableCell.js

@@ -1 +1 @@
-import{styled as t}from"../../stitches.js";const o=t("td",{borderBottom:"1px solid $tonal100",boxSizing:"border-box",color:"$tonal400",fontFamily:"$body",lineHeight:1.5,p:"$2 $3",textAlign:"left",verticalAlign:"middle","tr:nth-child(odd) &":{bg:"white"},"tr:nth-child(even) &":{bg:"$tonal50"}});o.displayName="TableCell";export{o as TableCell};
+import{styled as t}from"../../stitches.js";const o=t("td",{borderBottom:"1px solid $tonal100",boxSizing:"border-box",color:"$tonal400",fontFamily:"$body",lineHeight:1.5,p:"$2 $3",textAlign:"left",verticalAlign:"middle","&:first-child":{fontWeight:"bold"},"tr:nth-child(odd) &":{bg:"white"},"tr:nth-child(even) &":{bg:"$tonal50"}});o.displayName="TableCell";export{o as TableCell};

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

@@ -1,4 +1,7 @@
-export declare const TableHeader: import("@stitches/react/types/styled-component").StyledComponent<"thead", {}, {
+import React from 'react';
+declare const StyledTableHeader: import("@stitches/react/types/styled-component").StyledComponent<"thead", {
+    theme?: "primary" | "primaryDark" | undefined;
+}, {
     sm: string;
     md: string;
     lg: string;
@@ -263,3 +266,6 @@ export declare const TableHeader: import("@stitches/react/types/styled-component
         };
     };
 }>>;
+declare type TableHeaderProps = React.ComponentProps<typeof StyledTableHeader>;
+export declare const TableHeader: React.FC<TableHeaderProps>;
+export {};

package/dist/components/table/TableHeader.js

@@ -1 +1 @@
-import{styled as e}from"../../stitches.js";const t=e("thead",{});t.displayName="TableHeader";export{t as TableHeader};
+const e=["theme"];import{styled as r}from"../../stitches.js";import t from"react";import{TableHeaderCell as a}from"./TableHeaderCell.js";const m=r("thead",{variants:{theme:{primary:{[`${a}`]:{bg:"$primary"}},primaryDark:{[`${a}`]:{bg:"$primaryDark"}}}}}),i=r=>{let{theme:a="primaryDark"}=r,i=function(e,r){if(null==e)return{};var t,a,m={},i=Object.keys(e);for(a=0;a<i.length;a++)t=i[a],r.indexOf(t)>=0||(m[t]=e[t]);return m}(r,e);return t.createElement(m,Object.assign({theme:a},i))};i.displayName="TableHeader";export{i as TableHeader};

package/dist/components/table/TableHeaderCell.js

@@ -1 +1 @@
-import{styled as e}from"../../stitches.js";const t=e("th",{bg:"$primaryDark",color:"white",fontFamily:"$body",fontWeight:600,lineHeight:1.5,p:"$2 $3",textAlign:"left",verticalAlign:"middle"});t.displayName="TableHeaderCell";export{t as TableHeaderCell};
+import{styled as e}from"../../stitches.js";const t=e("th",{color:"white",fontFamily:"$body",fontWeight:600,lineHeight:1.5,p:"$2 $3",textAlign:"left",verticalAlign:"middle"});t.displayName="TableHeaderCell";export{t as TableHeaderCell};

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

@@ -1,5 +1,7 @@
 import * as React from 'react';
-declare const StyledTabTrigger: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsTriggerProps & React.RefAttributes<HTMLDivElement>>, {}, {
+declare const StyledTabTrigger: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsTriggerProps & React.RefAttributes<HTMLDivElement>>, {
+    theme?: "dark" | "light" | undefined;
+}, {
     sm: string;
     md: string;
     lg: string;
@@ -264,9 +266,9 @@ declare const StyledTabTrigger: import("@stitches/react/types/styled-component")
         };
     };
 }>>;
-declare type TabTriggerProps = React.ComponentProps<typeof StyledTabTrigger> & {
+interface TabTriggerProps extends React.ComponentProps<typeof StyledTabTrigger> {
     value: string;
     disabled?: boolean;
-};
+}
 export declare const TabTrigger: React.FC<TabTriggerProps>;
 export {};

package/dist/components/tabs/TabTrigger.js

@@ -1 +1 @@
-const r=["children","disabled","css"];import{Trigger as e}from"@radix-ui/react-tabs";import{createElement as o}from"react";import{styled as t}from"../../stitches.js";const a=t(e,{color:"$secondary",cursor:"pointer",flexShrink:0,fontFamily:"$body",p:"$4",userSelect:"none","&:hover":{color:"$primary"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal300",cursor:"default"},'&[data-state="active"]':{color:"$primary",fontWeight:"bold",boxShadow:"inset 0 -3px 0 0 currentColor"}}),i=e=>{let{children:t,disabled:i=!1,css:s}=e,c=function(r,e){if(null==r)return{};var o,t,a={},i=Object.keys(r);for(t=0;t<i.length;t++)o=i[t],e.indexOf(o)>=0||(a[o]=r[o]);return a}(e,r);return o(a,Object.assign({css:s,disabled:i},c),t)};i.displayName="TabTrigger";export{i as TabTrigger};
+const e=["children","theme","disabled"];import{Trigger as t}from"@radix-ui/react-tabs";import{createElement as a}from"react";import{opacify as o}from"polished";import{styled as r,theme as i}from"../../stitches.js";const d=r(t,{textTransform:"uppercase",cursor:"pointer",flexShrink:0,fontFamily:"$body",p:"$4",height:"$5",userSelect:"none",transition:"0.3s",variants:{theme:{light:{bg:"white",'&[data-state="active"]':{color:"$primary",fontWeight:600,letterSpacing:"-0.005em",boxShadow:"inset 0 -2px 0 0 currentColor"},'&[data-state="inactive"]':{color:"$tonal500"},"&:not([data-disabled]):hover":{color:"$primary",bg:o(-.9,i.colors.primary.value)},"&:not([data-disabled]):active":{color:"$primary",bg:o(-.8,i.colors.primary.value),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}},dark:{color:"white",'&[data-state="active"]':{fontWeight:600,letterSpacing:"-0.005em",boxShadow:"inset 0 -2px 0 0 currentColor"},"&:not([data-disabled]):hover":{bg:o(-.8,"white")},"&:not([data-disabled]):active":{bg:o(-.7,"white"),boxShadow:"none"},"&[data-disabled],&[data-disabled]:hover":{color:"$tonal200",cursor:"not-allowed"}}}}}),l=t=>{let{children:o,theme:r,disabled:i=!1}=t,l=function(e,t){if(null==e)return{};var a,o,r={},i=Object.keys(e);for(o=0;o<i.length;o++)a=i[o],t.indexOf(a)>=0||(r[a]=e[a]);return r}(t,e);return a(d,Object.assign({disabled:i,theme:r},l),o)};l.displayName="TabTrigger";export{l as TabTrigger};

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

@@ -1,271 +1,10 @@
 import * as React from 'react';
 import { TabTrigger } from './TabTrigger';
-declare const StyledRoot: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsProps & React.RefAttributes<HTMLDivElement>>, {}, {
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    reducedMotion: string;
-    allowMotion: string;
-    hover: string;
-}, import("@stitches/react/types/css-util").CSS<{
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    reducedMotion: string;
-    allowMotion: string;
-    hover: string;
+import { TriggerListWrapper } from './TabsTriggerList';
+declare type TabsProps = React.ComponentProps<typeof StyledRoot>;
+declare const StyledRoot: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsProps & React.RefAttributes<HTMLDivElement>>, {
+    theme?: "dark" | "light" | undefined;
 }, {
-    colors: {
-        textForeground: any;
-        textSubtle: any;
-        textPlaceholder: any;
-        background: any;
-        backgroundAccent: any;
-        tonal50: any;
-        tonal100: any;
-        tonal200: any;
-        tonal300: any;
-        tonal400: any;
-        tonal500: any;
-        tonal600: any;
-        alpha100: any;
-        alpha150: any;
-        alpha200: any;
-        alpha250: any;
-        alpha600: any;
-        primaryLight: any;
-        primary: any;
-        primaryMid: any;
-        primaryDark: any;
-        secondary: any;
-        brandRed: any;
-        brandRedAccent: any;
-        brandGreen: any;
-        brandGreenAccent: any;
-        brandPurple: any;
-        brandPurpleAccent: any;
-        brandYellow: any;
-        brandYellowAccent: any;
-        successLight: any;
-        success: any;
-        successMid: any;
-        successDark: any;
-        dangerLight: any;
-        danger: any;
-        dangerMid: any;
-        dangerDark: any;
-        warningLight: any;
-        warning: any;
-        warningMid: any;
-        warningDark: any;
-        subjectEnglish: any;
-        subjectMaths: any;
-        subjectScience: any;
-        subjectVerbalReasoning: any;
-        subjectNonVerbalReasoning: any;
-        subjectCreativeWriting: any;
-        subjectExamSkills: any;
-    };
-    space: {
-        "0": any;
-        "1": any;
-        "2": any;
-        "3": any;
-        "4": any;
-        "5": any;
-        "6": any;
-        "7": any;
-        "8": any;
-        "9": any;
-    };
-    fontSizes: {
-        xs: any;
-        sm: any;
-        md: any;
-        lg: any;
-        xl: any;
-        "2xl": any;
-        "3xl": any;
-        "4xl": any;
-    };
-    fonts: {
-        sans: any;
-        mono: any;
-        display: any;
-        body: any;
-    };
-    sizes: {
-        "0": any;
-        "1": any;
-        "2": any;
-        "3": any;
-        "4": any;
-        "5": any;
-        "6": any;
-        "7": any;
-        "8": any;
-    };
-    radii: {
-        "0": any;
-        "1": any;
-        "2": any;
-        "3": any;
-        round: any;
-    };
-    shadows: {
-        "0": any;
-        "1": any;
-        "2": any;
-        "3": any;
-    };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
-    bg: (value: {
-        readonly [$$PropertyValue]: "background";
-    }) => {
-        background: {
-            readonly [$$PropertyValue]: "background";
-        };
-    };
-    inset: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        top: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        right: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        bottom: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        left: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    size: (value: string | number | {
-        readonly [$$ScaleValue]: "size";
-    }) => {
-        height: string | number | {
-            readonly [$$ScaleValue]: "size";
-        };
-        width: string | number | {
-            readonly [$$ScaleValue]: "size";
-        };
-    };
-    p: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        padding: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    pt: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    pr: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    pb: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    pl: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    px: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    py: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    m: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        margin: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mt: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mr: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mb: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    ml: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    mx: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-    my: (value: string | number | {
-        readonly [$$ScaleValue]: "space";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "space";
-        };
-    };
-}>>;
-declare const StyledTabContent: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsContentProps & React.RefAttributes<HTMLDivElement>>, {}, {
     sm: string;
     md: string;
     lg: string;
@@ -530,7 +269,9 @@ declare const StyledTabContent: import("@stitches/react/types/styled-component")
         };
     };
 }>>;
-declare const StyledTriggerList: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsListProps & React.RefAttributes<HTMLDivElement>>, {}, {
+declare const StyledTabContent: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<import("@radix-ui/react-tabs").TabsContentProps & React.RefAttributes<HTMLDivElement>>, {
+    theme?: "dark" | "light" | undefined;
+}, {
     sm: string;
     md: string;
     lg: string;
@@ -795,9 +536,8 @@ declare const StyledTriggerList: import("@stitches/react/types/styled-component"
         };
     };
 }>>;
-declare type TabsProps = React.ComponentProps<typeof StyledRoot>;
 export declare const Tabs: React.FC<TabsProps> & {
-    TriggerList: typeof StyledTriggerList;
+    TriggerList: typeof TriggerListWrapper;
     Trigger: typeof TabTrigger;
     Content: typeof StyledTabContent;
 };

package/dist/components/tabs/Tabs.js

@@ -1 +1 @@
-const r=["children"];import{Root as e,Content as t,List as i}from"@radix-ui/react-tabs";import{createElement as o}from"react";import{styled as n}from"../../stitches.js";import{TabTrigger as l}from"./TabTrigger.js";const s=n(e,{display:"flex",flexDirection:"column"}),a=n(t,{flexGrow:1}),f=n(i,{flexShrink:0,display:"flex",borderBottom:"1px solid $primaryDark"}),c=e=>{let{children:t}=e,i=function(r,e){if(null==r)return{};var t,i,o={},n=Object.keys(r);for(i=0;i<n.length;i++)t=n[i],e.indexOf(t)>=0||(o[t]=r[t]);return o}(e,r);return o(s,Object.assign({},i),t)};c.TriggerList=f,c.Trigger=l,c.Content=a,c.displayName="Tabs";export{c as Tabs};
+const r=["theme","children"];import{Root as t,Content as e}from"@radix-ui/react-tabs";import{createElement as i}from"react";import{styled as o}from"../../stitches.js";import{TabTrigger as m}from"./TabTrigger.js";import{TriggerListWrapper as a}from"./TabsTriggerList.js";import{passPropsToChildren as l}from"./utils.js";const n=o(t,{display:"flex",flexDirection:"column",variants:{theme:{light:{bg:"white",color:"$primary"},dark:{bg:"$primaryDark",color:"white"}}}}),s=o(e,{flexGrow:1,fontFamily:"$body",variants:{theme:{light:{color:"$textForeground"},dark:{color:"white"}}}}),c=t=>{let{theme:e="light",children:o}=t,m=function(r,t){if(null==r)return{};var e,i,o={},m=Object.keys(r);for(i=0;i<m.length;i++)e=m[i],t.indexOf(e)>=0||(o[e]=r[e]);return o}(t,r);return i(n,Object.assign({theme:e},m),l(o,{theme:e},[a,s]))};c.TriggerList=a,c.Trigger=m,c.Content=s,c.displayName="Tabs";export{c as Tabs};