@atom-learning/components 2.29.0-beta.3 → 2.29.0-beta.4

package/dist/components/accordion/AccordionContent.js

@@ -1 +1 @@
-import{Content as i}from"@radix-ui/react-accordion";import t from"react";import{keyframes as e,styled as n}from"../../stitches.js";import{CSSWrapper as c}from"../../utilities/css-wrapper/CSSWrapper.js";const d=e({from:{height:0},to:{height:"var(--radix-accordion-content-height)"}}),m=e({from:{height:"var(--radix-accordion-content-height)"},to:{height:0}}),s=n(i,{border:0,width:"100%",bg:"#fff",'&[data-state="open"]':{borderRadius:"0 0 $0 $0"},"@allowMotion":{'&[data-state="open"]':{animation:`${d} 300ms ease-out`},'&[data-state="closed"]':{animation:`${m} 300ms ease-out`}}}),h=({children:o,css:a,...r})=>t.createElement(s,{...r},t.createElement(c,{css:a},o));export{h as AccordionContent};
+import{Content as i}from"@radix-ui/react-accordion";import t from"react";import{keyframes as o,styled as n}from"../../stitches.js";import{CSSWrapper as c}from"../../utilities/css-wrapper/CSSWrapper.js";const d=o({from:{height:0},to:{height:"var(--radix-accordion-content-height)"}}),m=o({from:{height:"var(--radix-accordion-content-height)"},to:{height:0}}),s=n(i,{border:0,width:"100%",bg:"#fff",'&[data-state="open"]':{borderRadius:"0 0 $0 $0"},"@allowMotion":{'&[data-state="open"]':{animation:`${d} 300ms ease-out`},'&[data-state="closed"]':{animation:`${m} 300ms ease-out`}}}),h=({children:e,css:a,...r})=>t.createElement(s,{...r},t.createElement(c,{css:a},e));export{h as AccordionContent};

package/dist/components/accordion/AccordionItem.js

@@ -1 +1 @@
-import{Item as r}from"@radix-ui/react-accordion";import m from"react";import{styled as d}from"../../stitches.js";const l=d(r,{width:"100%",overflow:"hidden","&:not(:last-child)":{mb:"$1"}}),i=({children:t,value:e,...o})=>m.createElement(l,{value:e,...o},t);export{i as AccordionItem};
+import{Item as r}from"@radix-ui/react-accordion";import m from"react";import{styled as d}from"../../stitches.js";const l=d(r,{width:"100%",overflow:"hidden","&:not(:last-child)":{mb:"$1"}}),i=({children:o,value:t,...e})=>m.createElement(l,{value:t,...e},o);export{i as AccordionItem};

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

@@ -1,4 +1,4 @@
-import type * as Stitches from '@stitches/react';
+import type { VariantProps } from '@stitches/react';
 import * as React from 'react';
 import { NavigatorActions } from '../../types';
 import { Override } from '../../utilities';
@@ -130,150 +130,150 @@ declare const StyledButton: import("@stitches/react/types/styled-component").Sty
     };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: {
-        readonly [Stitches.$$PropertyValue]: "background";
+        readonly [$$PropertyValue]: "background";
     }) => {
         background: {
-            readonly [Stitches.$$PropertyValue]: "background";
+            readonly [$$PropertyValue]: "background";
         };
     };
     inset: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         top: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
         right: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
         bottom: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
         left: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
     size: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "size";
+        readonly [$$ScaleValue]: "size";
     }) => {
         height: string | number | {
-            readonly [Stitches.$$ScaleValue]: "size";
+            readonly [$$ScaleValue]: "size";
         };
         width: string | number | {
-            readonly [Stitches.$$ScaleValue]: "size";
+            readonly [$$ScaleValue]: "size";
         };
     };
     p: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         padding: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
     pt: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         paddingTop: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
     pr: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         paddingRight: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
     pb: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         paddingBottom: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
     pl: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         paddingLeft: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
     px: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         paddingLeft: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
         paddingRight: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
     py: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         paddingTop: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
         paddingBottom: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
     m: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         margin: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
     mt: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         marginTop: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
     mr: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         marginRight: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
     mb: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         marginBottom: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
     ml: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         marginLeft: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
     mx: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         marginLeft: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
         marginRight: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
     my: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         marginTop: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
         marginBottom: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
 }>>;
-declare type ActionIconProps = Override<React.ComponentProps<typeof StyledButton>, Stitches.VariantProps<typeof StyledButton> & {
+declare type ActionIconProps = Override<React.ComponentProps<typeof StyledButton>, VariantProps<typeof StyledButton> & {
     as?: string | React.ReactNode;
     children: React.ReactNode;
     label: string;

package/dist/components/alert-dialog/AlertDialogContent.js

@@ -1 +1 @@
-import{Overlay as m,Content as d,Portal as l}from"@radix-ui/react-alert-dialog";import*as t from"react";import{DIALOG_Z_INDEX as e}from"../../constants/zIndices.js";import{keyframes as a,styled as n}from"../../stitches.js";import{fadeIn as f,fadeOut as p}from"../../utilities/style/keyframe-animations.js";const o="translate3d(-50%, -50%, 0)",i="translate3d(-50%, 50vh, 0)",c=a({"0%":{transform:i},"100%":{transform:o}}),x=a({"0%":{transform:o},"100%":{transform:i}}),b=n(m,{backgroundColor:"$alpha600",inset:0,position:"fixed",zIndex:e,"@allowMotion":{'&[data-state="open"]':{animation:`${f} 250ms ease-out`},'&[data-state="closed"]':{animation:`${p} 550ms ease-out`}}}),u=n(d,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",p:"$5",position:"fixed",top:"50%",transform:o,"&:focus":{outline:"none"},zIndex:e,"@allowMotion":{'&[data-state="open"]':{animation:`${c} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${x} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{sm:{width:"380px"},md:{width:"480px"},lg:{width:"600px"}}}}),h=({size:r="sm",...s})=>t.createElement(l,null,t.createElement(b,null),t.createElement(u,{size:r,...s}));export{h as AlertDialogContent};
+import{Overlay as m,Content as d,Portal as l}from"@radix-ui/react-alert-dialog";import*as t from"react";import{DIALOG_Z_INDEX as e}from"../../constants/zIndices.js";import{keyframes as a,styled as n}from"../../stitches.js";import{fadeIn as f,fadeOut as p}from"../../utilities/style/keyframe-animations.js";const o="translate3d(-50%, -50%, 0)",i="translate3d(-50%, 50vh, 0)",c=a({"0%":{transform:i},"100%":{transform:o}}),x=a({"0%":{transform:o},"100%":{transform:i}}),b=n(m,{backgroundColor:"$alpha600",inset:0,position:"fixed",zIndex:e,"@allowMotion":{'&[data-state="open"]':{animation:`${f} 250ms ease-out`},'&[data-state="closed"]':{animation:`${p} 550ms ease-out`}}}),u=n(d,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",p:"$5",position:"fixed",top:"50%",transform:o,"&:focus":{outline:"none"},zIndex:e,"@allowMotion":{'&[data-state="open"]':{animation:`${c} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${x} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{sm:{width:"380px"},md:{width:"480px"},lg:{width:"600px"}}}}),$=({size:r="sm",...s})=>t.createElement(l,null,t.createElement(b,null),t.createElement(u,{size:r,...s}));export{$ as AlertDialogContent};

package/dist/components/avatar/Avatar.js

@@ -1 +1 @@
-import*as o from"react";import{styled as n}from"../../stitches.js";import{AvatarPlaceholder as v}from"./AvatarPlaceholder.js";import{AvatarIcon as u}from"./AvatarIcon.js";import{AvatarInitial as b}from"./AvatarInitial.js";import{AvatarImage as p}from"./AvatarImage.js";import{focusVisibleStyleBlock as z}from"../../utilities/style/focus-visible-style-block.js";const s={display:"flex",justifyContent:"center",alignItems:"center",color:"$tonal400",borderRadius:"$round",border:"2px solid $tonal100",backgroundColor:"$white",overflow:"hidden",variants:{size:{xs:{size:"$2"},sm:{size:"$3"},md:{size:"$4"},lg:{size:"$5"},xl:{size:"$6"},xxl:{size:"$7"}}}},$=n("div",s),f=n("button",{all:"unset",...s,"&:not([disabled])":{"&:hover":{borderColor:"$tonal400",backgroundColor:"$tonal50"},"&:active":{borderColor:"$primary",backgroundColor:"$tonal100"},"&:focus-visible":z()},"&[disabled]":{opacity:"30%",cursor:"not-allowed"}}),d=o.createContext({name:void 0,size:"lg"}),m=({children:a,name:e,size:i})=>{const t=o.useMemo(()=>({name:e,size:i}),[e,i]);return o.createElement(d.Provider,{value:t},a)},c=({children:a,size:e="lg",name:i,disabled:t=!1,onClick:l})=>o.createElement(m,{name:i,size:e},l?o.createElement(f,{size:e,disabled:t,onClick:t?void 0:l,css:{cursor:t?"auto":"pointer"}},a):o.createElement($,{size:e},a)),r=c;r.Image=p,r.Initial=b,r.Placeholder=v,r.Icon=u,r.displayName="Avatar";export{r as Avatar,c as AvatarRoot,d as AvatarRootContext,m as AvatarRootProvider};
+import*as o from"react";import{styled as n}from"../../stitches.js";import{AvatarPlaceholder as v}from"./AvatarPlaceholder.js";import{AvatarIcon as u}from"./AvatarIcon.js";import{AvatarInitial as b}from"./AvatarInitial.js";import{AvatarImage as p}from"./AvatarImage.js";import{focusVisibleStyleBlock as z}from"../../utilities/style/focus-visible-style-block.js";const s={display:"flex",justifyContent:"center",alignItems:"center",color:"$tonal400",borderRadius:"$round",border:"2px solid $tonal100",backgroundColor:"$white",overflow:"hidden",variants:{size:{xs:{size:"$2"},sm:{size:"$3"},md:{size:"$4"},lg:{size:"$5"},xl:{size:"$6"},xxl:{size:"$7"}}}},f=n("div",s),$=n("button",{all:"unset",...s,"&:not([disabled])":{"&:hover":{borderColor:"$tonal400",backgroundColor:"$tonal50"},"&:active":{borderColor:"$primary",backgroundColor:"$tonal100"},"&:focus-visible":z()},"&[disabled]":{opacity:"30%",cursor:"not-allowed"}}),d=o.createContext({name:void 0,size:"lg"}),m=({children:a,name:e,size:i})=>{const t=o.useMemo(()=>({name:e,size:i}),[e,i]);return o.createElement(d.Provider,{value:t},a)},c=({children:a,size:e="lg",name:i,disabled:t=!1,onClick:l})=>o.createElement(m,{name:i,size:e},l?o.createElement($,{size:e,disabled:t,onClick:t?void 0:l,css:{cursor:t?"auto":"pointer"}},a):o.createElement(f,{size:e},a)),r=c;r.Image=p,r.Initial=b,r.Placeholder=v,r.Icon=u,r.displayName="Avatar";export{r as Avatar,c as AvatarRoot,d as AvatarRootContext,m as AvatarRootProvider};

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

@@ -1,4 +1,4 @@
-import type * as Stitches from '@stitches/react';
+import type { VariantProps } from '@stitches/react';
 import * as React from 'react';
 import { NavigatorActions } from '../../types';
 import { Override } from '../../utilities';
@@ -132,150 +132,150 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
     };
 }, import("@stitches/react/types/config").DefaultThemeMap, {
     bg: (value: {
-        readonly [Stitches.$$PropertyValue]: "background";
+        readonly [$$PropertyValue]: "background";
     }) => {
         background: {
-            readonly [Stitches.$$PropertyValue]: "background";
+            readonly [$$PropertyValue]: "background";
         };
     };
     inset: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         top: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
         right: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
         bottom: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
         left: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
     size: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "size";
+        readonly [$$ScaleValue]: "size";
     }) => {
         height: string | number | {
-            readonly [Stitches.$$ScaleValue]: "size";
+            readonly [$$ScaleValue]: "size";
         };
         width: string | number | {
-            readonly [Stitches.$$ScaleValue]: "size";
+            readonly [$$ScaleValue]: "size";
         };
     };
     p: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         padding: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
     pt: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         paddingTop: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
     pr: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         paddingRight: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
     pb: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         paddingBottom: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
     pl: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         paddingLeft: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
     px: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         paddingLeft: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
         paddingRight: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
     py: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         paddingTop: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
         paddingBottom: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
     m: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         margin: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
     mt: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         marginTop: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
     mr: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         marginRight: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
     mb: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         marginBottom: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
     ml: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         marginLeft: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
     mx: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         marginLeft: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
         marginRight: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
     my: (value: string | number | {
-        readonly [Stitches.$$ScaleValue]: "space";
+        readonly [$$ScaleValue]: "space";
     }) => {
         marginTop: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
         marginBottom: string | number | {
-            readonly [Stitches.$$ScaleValue]: "space";
+            readonly [$$ScaleValue]: "space";
         };
     };
 }>>;
-declare type ButtonProps = Override<React.ComponentProps<typeof StyledButton>, Stitches.VariantProps<typeof StyledButton> & {
+declare type ButtonProps = Override<React.ComponentProps<typeof StyledButton>, VariantProps<typeof StyledButton> & {
     as?: React.ComponentType | React.ElementType;
     children: React.ReactNode;
     isLoading?: boolean;

package/dist/components/button/Button.js

@@ -1 +1 @@
-import{darken as i,opacify as s}from"color2k";import*as o from"react";import{Box as b}from"../box/Box.js";import{Icon as w}from"../icon/Icon.js";import{Loader as k}from"../loader/Loader.js";import{styled as v,theme as l}from"../../stitches.js";const d=(e,r,a)=>({border:"1px solid",borderColor:"currentColor",color:e,"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{textDecoration:"none",color:r},"&:not([disabled]):active":{color:a}}),n=(e,r,a,t="white")=>({bg:e,color:t,"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{bg:r,color:t},"&:not([disabled]):active":{bg:a}}),p=v("button",{alignItems:"center",bg:"unset",border:"unset",borderRadius:"$0",cursor:"pointer",display:"flex",fontFamily:"$body",fontWeight:600,justifyContent:"center",p:"unset",textDecoration:"none",transition:"all 100ms ease-out",whiteSpace:"nowrap",width:"max-content",variants:{theme:{primary:{},secondary:{},success:{},warning:{},danger:{},neutral:{}},appearance:{solid:{},outline:{}},size:{sm:{fontSize:"$sm",lineHeight:1.53,height:"$3",px:"$4"},md:{fontSize:"$md",lineHeight:1.5,height:"$4",px:"$5"},lg:{fontSize:"$lg",lineHeight:1.5,height:"$5",px:"$5"}},isLoading:{true:{cursor:"not-allowed",opacity:.6,pointerEvents:"none"}},fullWidth:{false:{width:"max-content"},true:{width:"100%"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"primary",appearance:"solid",css:n("$primary","$primaryMid","$primaryDark")},{theme:"secondary",appearance:"solid",css:n("$primaryDark",i(l.colors.primaryDark.value,.1),i(l.colors.primaryDark.value,.15))},{theme:"success",appearance:"solid",css:n("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:n("$warning","$warningMid","$warningDark","$tonal500")},{theme:"danger",appearance:"solid",css:n("$danger","$dangerMid","$dangerDark")},{theme:"neutral",appearance:"solid",css:n("white",s("white",-.1),s("white",-.25),"$primary")},{theme:"primary",appearance:"outline",css:d("$primary","$primaryMid","$primaryDark")},{theme:"neutral",appearance:"outline",css:d("white",s("white",-.2),s("white",-.35))},{theme:"secondary",appearance:"outline",css:d("$primaryDark",i(l.colors.primaryDark.value,.1),i(l.colors.primaryDark.value,.15))}]}),D=({isLoading:e,children:r})=>o.createElement(o.Fragment,null,o.createElement(k,{css:{opacity:e?1:0,position:"absolute",transition:"opacity 150ms"}}),o.createElement(b,{as:"span",css:e?{opacity:0,transition:"opacity 150ms"}:{}},r)),x=e=>{switch(e){case"lg":return 22;case"md":return 20;case"sm":default:return 16}},m=(e,r)=>o.Children.map(e,(a,t)=>(a==null?void 0:a.type)===w?o.cloneElement(a,{css:{[t===0?"mr":"ml"]:r==="sm"?"$2":"$3",size:x(r),...a.props.css?a.props.css:{}}}):a),u=o.forwardRef(({children:e,isLoading:r,onClick:a,href:t,appearance:h="solid",size:c="md",theme:y="primary",type:$="button",...g},f)=>o.createElement(p,{isLoading:r||!1,onClick:r?void 0:a,appearance:h,size:c,theme:y,...g,...t?{as:"a",href:t,onClick:void 0}:{},...t?{}:{type:$},ref:f},typeof r=="boolean"?o.createElement(D,{isLoading:r},m(e,c)):m(e,c)));u.displayName="Button";export{u as Button,p as StyledButton};
+import{darken as i,opacify as s}from"color2k";import*as o from"react";import{Box as b}from"../box/Box.js";import{Icon as w}from"../icon/Icon.js";import{Loader as k}from"../loader/Loader.js";import{styled as v,theme as l}from"../../stitches.js";const d=(e,r,a)=>({border:"1px solid",borderColor:"currentColor",color:e,"&[disabled]":{borderColor:"$tonal400",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{textDecoration:"none",color:r},"&:not([disabled]):active":{color:a}}),n=(e,r,a,t="white")=>({bg:e,color:t,"&[disabled]":{bg:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&:not([disabled]):hover, &:not([disabled]):focus":{bg:r,color:t},"&:not([disabled]):active":{bg:a}}),p=v("button",{alignItems:"center",bg:"unset",border:"unset",borderRadius:"$0",cursor:"pointer",display:"flex",fontFamily:"$body",fontWeight:600,justifyContent:"center",p:"unset",textDecoration:"none",transition:"all 100ms ease-out",whiteSpace:"nowrap",width:"max-content",variants:{theme:{primary:{},secondary:{},success:{},warning:{},danger:{},neutral:{}},appearance:{solid:{},outline:{}},size:{sm:{fontSize:"$sm",lineHeight:1.53,height:"$3",px:"$4"},md:{fontSize:"$md",lineHeight:1.5,height:"$4",px:"$5"},lg:{fontSize:"$lg",lineHeight:1.5,height:"$5",px:"$5"}},isLoading:{true:{cursor:"not-allowed",opacity:.6,pointerEvents:"none"}},fullWidth:{false:{width:"max-content"},true:{width:"100%"}},isRounded:{true:{borderRadius:"$round"}}},compoundVariants:[{theme:"primary",appearance:"solid",css:n("$primary","$primaryMid","$primaryDark")},{theme:"secondary",appearance:"solid",css:n("$primaryDark",i(l.colors.primaryDark.value,.1),i(l.colors.primaryDark.value,.15))},{theme:"success",appearance:"solid",css:n("$success","$successMid","$successDark")},{theme:"warning",appearance:"solid",css:n("$warning","$warningMid","$warningDark","$tonal500")},{theme:"danger",appearance:"solid",css:n("$danger","$dangerMid","$dangerDark")},{theme:"neutral",appearance:"solid",css:n("white",s("white",-.1),s("white",-.25),"$primary")},{theme:"primary",appearance:"outline",css:d("$primary","$primaryMid","$primaryDark")},{theme:"neutral",appearance:"outline",css:d("white",s("white",-.2),s("white",-.35))},{theme:"secondary",appearance:"outline",css:d("$primaryDark",i(l.colors.primaryDark.value,.1),i(l.colors.primaryDark.value,.15))}]}),D=({isLoading:e,children:r})=>o.createElement(o.Fragment,null,o.createElement(k,{css:{opacity:e?1:0,position:"absolute",transition:"opacity 150ms"}}),o.createElement(b,{as:"span",css:e?{opacity:0,transition:"opacity 150ms"}:{}},r)),x=e=>{switch(e){case"lg":return 22;case"md":return 20;case"sm":default:return 16}},m=(e,r)=>o.Children.map(e,(a,t)=>(a==null?void 0:a.type)===w?o.cloneElement(a,{css:{[t===0?"mr":"ml"]:r==="sm"?"$2":"$3",size:x(r),...a.props.css?a.props.css:{}}}):a),u=o.forwardRef(({children:e,isLoading:r,onClick:a,href:t,appearance:h="solid",size:c="md",theme:y="primary",type:g="button",...$},f)=>o.createElement(p,{isLoading:r||!1,onClick:r?void 0:a,appearance:h,size:c,theme:y,...$,...t?{as:"a",href:t,onClick:void 0}:{},...t?{}:{type:g},ref:f},typeof r=="boolean"?o.createElement(D,{isLoading:r},m(e,c)):m(e,c)));u.displayName="Button";export{u as Button,p as StyledButton};

package/dist/components/calendar/Calendar.js

@@ -1 +1 @@
-import{ChevronLeft as q,ChevronRight as H}from"@atom-learning/icons";import{useDayzed as J}from"dayzed";import*as e from"react";import{ActionIcon as x}from"../action-icon/ActionIcon.js";import{Box as g}from"../box/Box.js";import{Flex as C}from"../flex/Flex.js";import{Icon as Y}from"../icon/Icon.js";import{Text as K}from"../text/Text.js";import{Button as w}from"../button/Button.js";import{styled as F}from"../../stitches.js";import{monthNamesShort as Q,weekdayNamesShort as V,DEFAULT_LABELS as X}from"./constants.js";import{Day as Z}from"./Day.js";const f=F("div",{display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gridGap:"$1 $2"}),ee=F(w,{color:"$tonal600",p:"$3",width:"$6",variants:{selected:{false:{color:"$tonal600 !important",fontWeight:"400","&:hover":{bg:"$tonal100 !important",color:"$tonal600 !important"},"&[disabled]":{bg:"white !important"}}}}}),te=(i,c)=>{const u=i.slice(0,c);return i.slice(c).concat(u)},S=({css:i,refDateSelected:c,refDateToday:u,firstDayOfWeek:$=0,monthNames:N=Q,weekdayNames:T=V,labels:y=X,date:o=new Date,minDate:l,maxDate:s,setYear:A,...L})=>{const[a,E]=e.useState(!1),[m,k]=e.useState(o==null?void 0:o.getFullYear()),O=t=>{const r=o;r.setFullYear(t),A(r),E(!1)},W=l&&m-16<=l.getFullYear(),z=s&&m>=s.getFullYear(),B=Array.from({length:16},(t,r)=>{const n=m-r;return s&&n>s.getFullYear()||l&&n<l.getFullYear()?0:n}),{calendars:d,getBackProps:I,getForwardProps:M,getDateProps:G}=J({firstDayOfWeek:$,showOutsideDays:!0,date:o,minDate:l,maxDate:s,...L});return d.length?e.createElement(g,{css:{position:"relative",width:"min-content",mt:"-$1",...i}},e.createElement(C,{css:{position:"absolute",top:0,right:"-$1"}},e.createElement(x,{label:y[a?"previousYear":"previous"],theme:"neutral",size:"md",...!a&&I({calendars:d}),...a&&{onClick:()=>k(m-16)},disabled:a&&W},e.createElement(Y,{is:q})),e.createElement(x,{label:y[a?"nextYear":"next"],theme:"neutral",size:"md",...!a&&M({calendars:d}),...a&&{onClick:()=>k(m+16)},disabled:a&&z},e.createElement(Y,{is:H}))),a&&e.createElement(f,{css:{gridTemplateColumns:"repeat(4, 1fr)",pt:"$7",direction:"rtl",gridGap:"$3 $1"}},B.map((t,r)=>{const n=t===o.getFullYear();return t?e.createElement(ee,{key:`${t}${r}`,theme:n?"primary":"neutral",isRounded:!0,onClick:()=>O(t),selected:n},t):e.createElement(g,{key:r,css:{width:"$6",height:"$4"}})})),!a&&d.map(({month:t,year:r,weeks:n})=>e.createElement(g,{key:`${t}${r}`},e.createElement(C,{css:{height:"$4",alignItems:"center",mb:"$4"}},e.createElement(w,{theme:"neutral",css:{px:"0",color:"$tonal600"},onClick:()=>E(!0)},N[t]," ",r)),e.createElement(f,{css:{mb:"$3"}},te(T,$).map(p=>e.createElement(K,{as:"span",size:"sm",key:`${t}${r}${p}`,css:{fontWeight:600,textAlign:"center"}},p))),e.createElement(f,null,n.map((p,P)=>p.map((h,R)=>{const D=`${t}${r}${P}${R}`;if(!h)return e.createElement("div",{key:D});const{date:j,selected:b,today:v,prevMonth:U,nextMonth:_}=h;return e.createElement(Z,{isOutsideMonth:U||_,isSelected:b,isToday:v,key:D,ref:b?c:v?u:null,...G({dateObj:h}),type:"button"},j.getDate())})))))):null};S.displayName="Calendar";export{S as Calendar};
+import{ChevronLeft as q,ChevronRight as H}from"@atom-learning/icons";import{useDayzed as J}from"dayzed";import*as e from"react";import{ActionIcon as x}from"../action-icon/ActionIcon.js";import{Box as h}from"../box/Box.js";import{Flex as C}from"../flex/Flex.js";import{Icon as Y}from"../icon/Icon.js";import{Text as K}from"../text/Text.js";import{Button as w}from"../button/Button.js";import{styled as F}from"../../stitches.js";import{monthNamesShort as Q,weekdayNamesShort as V,DEFAULT_LABELS as X}from"./constants.js";import{Day as Z}from"./Day.js";const g=F("div",{display:"grid",gridTemplateColumns:"repeat(7, 1fr)",gridGap:"$1 $2"}),ee=F(w,{color:"$tonal600",p:"$3",width:"$6",variants:{selected:{false:{color:"$tonal600 !important",fontWeight:"400","&:hover":{bg:"$tonal100 !important",color:"$tonal600 !important"},"&[disabled]":{bg:"white !important"}}}}}),te=(i,c)=>{const u=i.slice(0,c);return i.slice(c).concat(u)},S=({css:i,refDateSelected:c,refDateToday:u,firstDayOfWeek:f=0,monthNames:N=Q,weekdayNames:T=V,labels:y=X,date:n=new Date,minDate:l,maxDate:s,setYear:A,...L})=>{const[a,E]=e.useState(!1),[m,k]=e.useState(n==null?void 0:n.getFullYear()),O=t=>{const r=n;r.setFullYear(t),A(r),E(!1)},W=l&&m-16<=l.getFullYear(),z=s&&m>=s.getFullYear(),B=Array.from({length:16},(t,r)=>{const o=m-r;return s&&o>s.getFullYear()||l&&o<l.getFullYear()?0:o}),{calendars:d,getBackProps:I,getForwardProps:M,getDateProps:G}=J({firstDayOfWeek:f,showOutsideDays:!0,date:n,minDate:l,maxDate:s,...L});return d.length?e.createElement(h,{css:{position:"relative",width:"min-content",mt:"-$1",...i}},e.createElement(C,{css:{position:"absolute",top:0,right:"-$1"}},e.createElement(x,{label:y[a?"previousYear":"previous"],theme:"neutral",size:"md",...!a&&I({calendars:d}),...a&&{onClick:()=>k(m-16)},disabled:a&&W},e.createElement(Y,{is:q})),e.createElement(x,{label:y[a?"nextYear":"next"],theme:"neutral",size:"md",...!a&&M({calendars:d}),...a&&{onClick:()=>k(m+16)},disabled:a&&z},e.createElement(Y,{is:H}))),a&&e.createElement(g,{css:{gridTemplateColumns:"repeat(4, 1fr)",pt:"$7",direction:"rtl",gridGap:"$3 $1"}},B.map((t,r)=>{const o=t===n.getFullYear();return t?e.createElement(ee,{key:`${t}${r}`,theme:o?"primary":"neutral",isRounded:!0,onClick:()=>O(t),selected:o},t):e.createElement(h,{key:r,css:{width:"$6",height:"$4"}})})),!a&&d.map(({month:t,year:r,weeks:o})=>e.createElement(h,{key:`${t}${r}`},e.createElement(C,{css:{height:"$4",alignItems:"center",mb:"$4"}},e.createElement(w,{theme:"neutral",css:{px:"0",color:"$tonal600"},onClick:()=>E(!0)},N[t]," ",r)),e.createElement(g,{css:{mb:"$3"}},te(T,f).map(p=>e.createElement(K,{as:"span",size:"sm",key:`${t}${r}${p}`,css:{fontWeight:600,textAlign:"center"}},p))),e.createElement(g,null,o.map((p,P)=>p.map(($,R)=>{const D=`${t}${r}${P}${R}`;if(!$)return e.createElement("div",{key:D});const{date:j,selected:b,today:v,prevMonth:U,nextMonth:_}=$;return e.createElement(Z,{isOutsideMonth:U||_,isSelected:b,isToday:v,key:D,ref:b?c:v?u:null,...G({dateObj:$}),type:"button"},j.getDate())})))))):null};S.displayName="Calendar";export{S as Calendar};

package/dist/components/carousel/CarouselArrows.js

@@ -1 +1 @@
-import{ChevronLeft as s,ChevronRight as i}from"@atom-learning/icons";import{ButtonBack as a,ButtonNext as l}from"pure-react-carousel";import*as r from"react";import{Icon as t}from"../icon/Icon.js";import{styled as o}from"../../stitches.js";const n={alignItems:"center",bg:"unset",border:"unset",color:"$primary",cursor:"pointer",display:"flex",justifyContent:"center",p:"unset",size:"$5",top:"50%",transform:"translateY(-50%)",transition:"color 0.15s ease-in-out","&:hover":{color:"$primaryMid"},"&:active":{color:"$primaryDark"},"&:disabled":{color:"$tonal100"}},m=o(a,n),c=o(l,n),p=e=>r.createElement(m,{...e},r.createElement(t,{is:s})),u=e=>r.createElement(c,{...e},r.createElement(t,{is:i}));export{u as CarouselArrowNext,p as CarouselArrowPrevious};
+import{ChevronLeft as s,ChevronRight as i}from"@atom-learning/icons";import{ButtonBack as a,ButtonNext as l}from"pure-react-carousel";import*as r from"react";import{Icon as o}from"../icon/Icon.js";import{styled as t}from"../../stitches.js";const n={alignItems:"center",bg:"unset",border:"unset",color:"$primary",cursor:"pointer",display:"flex",justifyContent:"center",p:"unset",size:"$5",top:"50%",transform:"translateY(-50%)",transition:"color 0.15s ease-in-out","&:hover":{color:"$primaryMid"},"&:active":{color:"$primaryDark"},"&:disabled":{color:"$tonal100"}},m=t(a,n),c=t(l,n),p=e=>r.createElement(m,{...e},r.createElement(o,{is:s})),u=e=>r.createElement(c,{...e},r.createElement(o,{is:i}));export{u as CarouselArrowNext,p as CarouselArrowPrevious};

package/dist/components/carousel/CarouselSlide.js

@@ -1 +1 @@
-import{Slide as r}from"pure-react-carousel";import*as e from"react";import{Box as m}from"../box/Box.js";import{styled as i}from"../../stitches.js";const l=i(r,{}),s=({children:t,...o})=>e.createElement(l,{...o,tag:"div"},e.createElement(m,{css:{px:"$3"}},t));export{s as CarouselSlide};
+import{Slide as t}from"pure-react-carousel";import*as e from"react";import{Box as m}from"../box/Box.js";import{styled as i}from"../../stitches.js";const l=i(t,{}),s=({children:o,...r})=>e.createElement(l,{...r,tag:"div"},e.createElement(m,{css:{px:"$3"}},o));export{s as CarouselSlide};

package/dist/components/checkbox-field/CheckboxField.js

@@ -1 +1 @@
-import*as t from"react";import{useFormContext as p,Controller as C}from"react-hook-form";import{Checkbox as h}from"../checkbox/Checkbox.js";import"../field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as F}from"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as k}from"../form/useFieldError.js";var b=(e=>(e.ON="on",e.OFF="off",e))(b||{});const i=({css:e,defaultChecked:r=!1,label:m,name:n,validation:o,description:d,...c})=>{const{control:f}=p(),{error:a}=k(n);return t.createElement(C,{control:f,name:n,defaultValue:r,rules:o,render:({onChange:u,value:l,name:s})=>t.createElement(F,{css:e,description:d,error:a,label:m,required:Boolean(o==null?void 0:o.required)},t.createElement(h,{defaultChecked:r,defaultValue:r?"on":"off",checked:l,name:s,onCheckedChange:u,value:l?"on":"off",...a&&{state:"error"},...c}))})};i.displayName="CheckboxField";export{i as CheckboxField};
+import*as n from"react";import{useFormContext as p,Controller as C}from"react-hook-form";import{Checkbox as h}from"../checkbox/Checkbox.js";import"../field-wrapper/FieldWrapper.js";import{InlineFieldWrapper as F}from"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as k}from"../form/useFieldError.js";var b=(e=>(e.ON="on",e.OFF="off",e))(b||{});const i=({css:e,defaultChecked:r=!1,label:m,name:t,validation:o,description:d,...c})=>{const{control:f}=p(),{error:a}=k(t);return n.createElement(C,{control:f,name:t,defaultValue:r,rules:o,render:({onChange:u,value:l,name:s})=>n.createElement(F,{css:e,description:d,error:a,label:m,required:Boolean(o==null?void 0:o.required)},n.createElement(h,{defaultChecked:r,defaultValue:r?"on":"off",checked:l,name:s,onCheckedChange:u,value:l?"on":"off",...a&&{state:"error"},...c}))})};i.displayName="CheckboxField";export{i as CheckboxField};

package/dist/components/chip/Chip.js

@@ -1 +1 @@
-import*as e from"react";import{Box as C}from"../box/Box.js";import{Flex as $}from"../flex/Flex.js";import{Icon as c}from"../icon/Icon.js";import{getTextVariant as a}from"../text/Text.js";import{styled as m}from"../../stitches.js";import{overrideStitchesVariantValue as g}from"../../utilities/override-stitches-variant-value/overrideStitchesVariantValue.js";const d={overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},h=m("span",{display:"inline-flex",alignItems:"center",px:"$1",flexGrow:1,...d,"& > *:not(:last-child)":{mr:"$1"}}),z={sm:"sm",md:"sm",lg:"md"},f=m(c,{flexShrink:0}),l=({...r})=>{const i=e.useContext(p),{size:t}=i,n=e.useMemo(()=>g(t,o=>z[o]),[t]);return e.createElement(f,{...r,size:n})},u=({children:r,...i})=>{const t=e.Children.toArray(r),n=t.length<=1;return e.createElement(h,{...i},t.map(o=>!n&&typeof o=="string"?e.createElement(C,{as:"span",css:d,key:o},o):e.isValidElement(o)&&o.type===c?e.createElement(l,{...o.props}):o))},x=m($,{px:"$2",border:"1px solid",borderRadius:"$0",alignItems:"center",fontFamily:"$body",maxWidth:"100%",borderColor:"$primary",color:"$primaryMid",bg:"$primaryLight","&[data-disabled]":{opacity:"0.3",pointerEvents:"none"},variants:{size:{sm:{height:"$2",...a({size:"sm"})},md:{height:"$3",...a({size:"sm"})},lg:{height:"$4",...a({size:"md"})}}}}),p=e.createContext({}),y=({size:r,children:i})=>{const t=e.useMemo(()=>({size:r}),[r]);return e.createElement(p.Provider,{value:t},i)},E=e.forwardRef(({asWorkaround:r,size:i="md",...t},n)=>e.createElement(y,{size:i},e.createElement(x,{ref:n,as:r,size:i,...t}))),s=E;s.Content=u,s.Icon=l,s.displayName="Chip";export{s as Chip,l as ChipIcon,p as ChipRootContext,y as ChipRootProvider,h as StyledChipContent,f as StyledChipIcon,x as StyledRoot};
+import*as e from"react";import{Box as C}from"../box/Box.js";import{Flex as g}from"../flex/Flex.js";import{Icon as c}from"../icon/Icon.js";import{getTextVariant as a}from"../text/Text.js";import{styled as m}from"../../stitches.js";import{overrideStitchesVariantValue as z}from"../../utilities/override-stitches-variant-value/overrideStitchesVariantValue.js";const d={overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},h=m("span",{display:"inline-flex",alignItems:"center",px:"$1",flexGrow:1,...d,"& > *:not(:last-child)":{mr:"$1"}}),$={sm:"sm",md:"sm",lg:"md"},f=m(c,{flexShrink:0}),l=({...r})=>{const i=e.useContext(p),{size:t}=i,n=e.useMemo(()=>z(t,o=>$[o]),[t]);return e.createElement(f,{...r,size:n})},u=({children:r,...i})=>{const t=e.Children.toArray(r),n=t.length<=1;return e.createElement(h,{...i},t.map(o=>!n&&typeof o=="string"?e.createElement(C,{as:"span",css:d,key:o},o):e.isValidElement(o)&&o.type===c?e.createElement(l,{...o.props}):o))},x=m(g,{px:"$2",border:"1px solid",borderRadius:"$0",alignItems:"center",fontFamily:"$body",maxWidth:"100%",borderColor:"$primary",color:"$primaryMid",bg:"$primaryLight","&[data-disabled]":{opacity:"0.3",pointerEvents:"none"},variants:{size:{sm:{height:"$2",...a({size:"sm"})},md:{height:"$3",...a({size:"sm"})},lg:{height:"$4",...a({size:"md"})}}}}),p=e.createContext({}),y=({size:r,children:i})=>{const t=e.useMemo(()=>({size:r}),[r]);return e.createElement(p.Provider,{value:t},i)},E=e.forwardRef(({asWorkaround:r,size:i="md",...t},n)=>e.createElement(y,{size:i},e.createElement(x,{ref:n,as:r,size:i,...t}))),s=E;s.Content=u,s.Icon=l,s.displayName="Chip";export{s as Chip,l as ChipIcon,p as ChipRootContext,y as ChipRootProvider,h as StyledChipContent,f as StyledChipIcon,x as StyledRoot};

package/dist/components/chip/ChipGroup.js

@@ -1 +1 @@
-import*as r from"react";import{Stack as a}from"../stack/Stack.js";const p=r.forwardRef(({gap:o=2,...t},e)=>r.createElement(a,{ref:e,direction:"row",gap:o,align:!1,...t}));export{p as ChipGroup};
+import*as r from"react";import{Stack as a}from"../stack/Stack.js";const p=r.forwardRef(({gap:o=2,...e},t)=>r.createElement(a,{ref:t,direction:"row",gap:o,align:!1,...e}));export{p as ChipGroup};

package/dist/components/chip-dismissible-group/ChipDismissibleGroupRoot.js

@@ -1 +1 @@
-import*as o from"react";import"../chip/Chip.js";import{ChipGroup as m}from"../chip/ChipGroup.js";import{DismissibleGroup as p}from"../dismissible-group/index.js";const t=o.forwardRef((r,i)=>o.createElement(m,{as:p,ref:i,...r}));export{t as ChipDismissibleGroupRoot};
+import*as o from"react";import"../chip/Chip.js";import{ChipGroup as m}from"../chip/ChipGroup.js";import{DismissibleGroup as p}from"../dismissible-group/index.js";const e=o.forwardRef((r,i)=>o.createElement(m,{as:p,ref:i,...r}));export{e as ChipDismissibleGroupRoot};

package/dist/components/data-table/DataTable.js

@@ -1 +1 @@
-import*as o from"react";import{DataTableBody as t}from"./DataTableBody.js";import{DataTableProvider as e}from"./DataTableContext.js";import{DataTableDataCell as m}from"./DataTableDataCell.js";import{DataTableError as l}from"./DataTableError.js";import{DataTableGlobalFilter as i}from"./DataTableGlobalFilter.js";import{DataTableHead as p}from"./DataTableHead.js";import{DataTableHeaderCell as b}from"./DataTableHeaderCell.js";import{DataTableLoading as D}from"./DataTableLoading.js";import{DataTableRow as T}from"./DataTableRow.js";import{DataTableTable as f}from"./DataTableTable.js";import"./drag-and-drop/DragAndDropContainer.js";import"../table/Table.js";import"@dnd-kit/utilities";import"@dnd-kit/sortable";import"@tanstack/react-table";import"./drag-and-drop/Handle.js";import{DragAndDropTable as d}from"./drag-and-drop/DragAndDropTable.js";import{Pagination as n}from"./pagination/Pagination.js";const a=r=>o.createElement(e,{...r});a.Body=t,a.DataCell=m,a.DragAndDropTable=d,a.Head=p,a.HeaderCell=b,a.Pagination=n,a.Row=T,a.GlobalFilter=i,a.Table=f,a.Loading=D,a.Error=l;export{a as DataTable};
+import*as r from"react";import{DataTableBody as t}from"./DataTableBody.js";import{DataTableProvider as e}from"./DataTableContext.js";import{DataTableDataCell as m}from"./DataTableDataCell.js";import{DataTableError as l}from"./DataTableError.js";import{DataTableGlobalFilter as i}from"./DataTableGlobalFilter.js";import{DataTableHead as p}from"./DataTableHead.js";import{DataTableHeaderCell as b}from"./DataTableHeaderCell.js";import{DataTableLoading as D}from"./DataTableLoading.js";import{DataTableRow as T}from"./DataTableRow.js";import{DataTableTable as f}from"./DataTableTable.js";import"./drag-and-drop/DragAndDropContainer.js";import"../table/Table.js";import"@dnd-kit/utilities";import"@dnd-kit/sortable";import"@tanstack/react-table";import"./drag-and-drop/Handle.js";import{DragAndDropTable as d}from"./drag-and-drop/DragAndDropTable.js";import{Pagination as n}from"./pagination/Pagination.js";const a=o=>r.createElement(e,{...o});a.Body=t,a.DataCell=m,a.DragAndDropTable=d,a.Head=p,a.HeaderCell=b,a.Pagination=n,a.Row=T,a.GlobalFilter=i,a.Table=f,a.Loading=D,a.Error=l;export{a as DataTable};

package/dist/components/data-table/DataTableBody.js

@@ -1 +1 @@
-import*as t from"react";import{Table as m}from"../table/Table.js";import{useDataTable as p}from"./DataTableContext.js";import{DataTable as i}from"./DataTable.js";const l=({striped:r=!1,...o})=>{const{getRowModel:a}=p();return t.createElement(m.Body,{...o,striped:r},a().rows.map(e=>t.createElement(i.Row,{row:e,key:e.id})))};export{l as DataTableBody};
+import*as o from"react";import{Table as m}from"../table/Table.js";import{useDataTable as p}from"./DataTableContext.js";import{DataTable as i}from"./DataTable.js";const l=({striped:r=!1,...t})=>{const{getRowModel:a}=p();return o.createElement(m.Body,{...t,striped:r},a().rows.map(e=>o.createElement(i.Row,{row:e,key:e.id})))};export{l as DataTableBody};

package/dist/components/data-table/DataTableDataCell.js

@@ -1 +1 @@
-import*as l from"react";import{Table as t}from"../table/Table.js";import{flexRender as o}from"@tanstack/react-table";const m=({cell:e})=>l.createElement(t.Cell,{key:e.id},o(e.column.columnDef.cell,e.getContext()));export{m as DataTableDataCell};
+import*as l from"react";import{Table as o}from"../table/Table.js";import{flexRender as t}from"@tanstack/react-table";const m=({cell:e})=>l.createElement(o.Cell,{key:e.id},t(e.column.columnDef.cell,e.getContext()));export{m as DataTableDataCell};

package/dist/components/data-table/DataTableRow.js

@@ -1 +1 @@
-import*as l from"react";import{Table as a}from"../table/Table.js";import{DataTableDataCell as o}from"./DataTableDataCell.js";const r=({row:t})=>l.createElement(a.Row,null,t.getVisibleCells().map((e,m)=>l.createElement(o,{key:e.id,cell:e})));export{r as DataTableRow};
+import*as l from"react";import{Table as t}from"../table/Table.js";import{DataTableDataCell as o}from"./DataTableDataCell.js";const r=({row:a})=>l.createElement(t.Row,null,a.getVisibleCells().map((e,m)=>l.createElement(o,{key:e.id,cell:e})));export{r as DataTableRow};

package/dist/components/data-table/drag-and-drop/DraggableRow.js

@@ -1 +1 @@
-import*as e from"react";import{Table as l}from"../../table/Table.js";import{DataTableDataCell as f}from"../DataTableDataCell.js";import{useDragAndDropTable as d}from"./DragAndDropContainer.js";import{CSS as g}from"@dnd-kit/utilities";import{useSortable as c}from"@dnd-kit/sortable";import{flexRender as b}from"@tanstack/react-table";import{Handle as D}from"./Handle.js";import"../DataTable.js";import"../DataTable.types.js";import"../DataTableContext.js";import"../DataTableLoading.js";const u=({row:t})=>{const{idColumn:i}=d(),{attributes:m,listeners:a,transform:n,setNodeRef:s,isDragging:o}=c({id:t.original[i]});return e.createElement(l.Row,{ref:s,css:{transform:g.Transform.toString(n),zIndex:o?5:void 0}},t.getVisibleCells().map((r,p)=>p===0?e.createElement(l.Cell,{key:r.id},e.createElement(D,{...m,...a,isDragging:o,css:{display:"inline-block"},label:"drag and drop"}),b(r.column.columnDef.cell,r.getContext())):e.createElement(f,{key:r.id,cell:r})))};export{u as DraggableRow};
+import*as e from"react";import{Table as l}from"../../table/Table.js";import{DataTableDataCell as f}from"../DataTableDataCell.js";import{useDragAndDropTable as d}from"./DragAndDropContainer.js";import{CSS as g}from"@dnd-kit/utilities";import{useSortable as c}from"@dnd-kit/sortable";import{flexRender as b}from"@tanstack/react-table";import{Handle as D}from"./Handle.js";import"../DataTable.js";import"../DataTable.types.js";import"../DataTableContext.js";import"../DataTableLoading.js";const u=({row:o})=>{const{idColumn:i}=d(),{attributes:m,listeners:a,transform:n,setNodeRef:s,isDragging:t}=c({id:o.original[i]});return e.createElement(l.Row,{ref:s,css:{transform:g.Transform.toString(n),zIndex:t?5:void 0}},o.getVisibleCells().map((r,p)=>p===0?e.createElement(l.Cell,{key:r.id},e.createElement(D,{...m,...a,isDragging:t,css:{display:"inline-block"},label:"drag and drop"}),b(r.column.columnDef.cell,r.getContext())):e.createElement(f,{key:r.id,cell:r})))};export{u as DraggableRow};

package/dist/components/data-table/drag-and-drop/Handle.js

@@ -1 +1 @@
-import{ActionIcon as n}from"../../action-icon/ActionIcon.js";import{Icon as s}from"../../icon/Icon.js";import{styled as m}from"../../../stitches.js";import{DragHandle as g}from"@atom-learning/icons";import*as r from"react";const i=m(n,{color:"inherit !important",fill:"currentColor",variants:{isDragging:{true:{cursor:"grabbing"},false:{cursor:"grab"}}}}),l=r.forwardRef(({isDragging:o,size:e,...t},a)=>r.createElement(i,{ref:a,isDragging:o,appearance:"simple",size:e,...t},r.createElement(s,{is:g,size:e})));export{l as Handle,i as StyledHandle};
+import{ActionIcon as n}from"../../action-icon/ActionIcon.js";import{Icon as s}from"../../icon/Icon.js";import{styled as m}from"../../../stitches.js";import{DragHandle as g}from"@atom-learning/icons";import*as r from"react";const i=m(n,{color:"inherit !important",fill:"currentColor",variants:{isDragging:{true:{cursor:"grabbing"},false:{cursor:"grab"}}}}),l=r.forwardRef(({isDragging:o,size:e,...a},t)=>r.createElement(i,{ref:t,isDragging:o,appearance:"simple",size:e,...a},r.createElement(s,{is:g,size:e})));export{l as Handle,i as StyledHandle};

package/dist/components/dialog/DialogContent.js

@@ -1 +1 @@
-import{Close as h}from"@atom-learning/icons";import{Overlay as x,Content as b,Portal as w,Close as g}from"@radix-ui/react-dialog";import*as o from"react";import{DIALOG_Z_INDEX as r}from"../../constants/zIndices.js";import{keyframes as n,styled as l}from"../../stitches.js";import{ActionIcon as v}from"../action-icon/ActionIcon.js";import{Icon as $}from"../icon/Icon.js";import{DialogBackground as s}from"./DialogBackground.js";import{fadeIn as z,fadeOut as C}from"../../utilities/style/keyframe-animations.js";const e="translate3d(-50%, -50%, 0)",m="translate3d(-50%, 50vh, 0)",d="modal_overlay",D=n({"0%":{transform:m},"100%":{transform:e}}),I=n({"0%":{transform:e},"100%":{transform:m}}),y=l(x,{backgroundColor:"$alpha600",inset:0,position:"fixed",overflowY:"auto",zIndex:r,"@allowMotion":{'&[data-state="open"]':{animation:`${z} 250ms ease-out`},'&[data-state="closed"]':{animation:`${C} 550ms ease-out`}}}),E=l(b,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",maxHeight:"90vh",overflowY:"auto",p:"$5",position:"fixed",top:"50%",transform:e,zIndex:r,"&:focus":{outline:"none"},"@allowMotion":{'&[data-state="open"]':{animation:`${D} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${I} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{xs:{width:"380px"},sm:{width:"480px"},md:{width:"600px"},lg:{width:"800px"},xl:{width:"1100px"}}}}),O=({size:p="sm",children:a,closeDialogText:f="Close dialog",showCloseButton:c=!0,...u})=>o.createElement(w,null,o.createElement(y,{id:d},o.Children.map(a,t=>(t==null?void 0:t.type)===s&&t),o.createElement(E,{size:p,"aria-label":"Dialog",onPointerDownOutside:t=>{const i=t.target;(i==null?void 0:i.id)!==d&&t.preventDefault()},...u},c&&o.createElement(v,{as:g,css:{position:"absolute",right:"$4",top:"$4"},label:f,size:"md",theme:"neutral"},o.createElement($,{is:h})),o.Children.map(a,t=>(t==null?void 0:t.type)!==s&&t))));export{O as DialogContent};
+import{Close as h}from"@atom-learning/icons";import{Overlay as x,Content as b,Portal as w,Close as g}from"@radix-ui/react-dialog";import*as t from"react";import{DIALOG_Z_INDEX as r}from"../../constants/zIndices.js";import{keyframes as n,styled as l}from"../../stitches.js";import{ActionIcon as v}from"../action-icon/ActionIcon.js";import{Icon as $}from"../icon/Icon.js";import{DialogBackground as s}from"./DialogBackground.js";import{fadeIn as z,fadeOut as C}from"../../utilities/style/keyframe-animations.js";const e="translate3d(-50%, -50%, 0)",m="translate3d(-50%, 50vh, 0)",d="modal_overlay",D=n({"0%":{transform:m},"100%":{transform:e}}),I=n({"0%":{transform:e},"100%":{transform:m}}),y=l(x,{backgroundColor:"$alpha600",inset:0,position:"fixed",overflowY:"auto",zIndex:r,"@allowMotion":{'&[data-state="open"]':{animation:`${z} 250ms ease-out`},'&[data-state="closed"]':{animation:`${C} 550ms ease-out`}}}),E=l(b,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",maxHeight:"90vh",overflowY:"auto",p:"$5",position:"fixed",top:"50%",transform:e,zIndex:r,"&:focus":{outline:"none"},"@allowMotion":{'&[data-state="open"]':{animation:`${D} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${I} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{xs:{width:"380px"},sm:{width:"480px"},md:{width:"600px"},lg:{width:"800px"},xl:{width:"1100px"}}}}),O=({size:p="sm",children:a,closeDialogText:f="Close dialog",showCloseButton:c=!0,...u})=>t.createElement(w,null,t.createElement(y,{id:d},t.Children.map(a,o=>(o==null?void 0:o.type)===s&&o),t.createElement(E,{size:p,"aria-label":"Dialog",onPointerDownOutside:o=>{const i=o.target;(i==null?void 0:i.id)!==d&&o.preventDefault()},...u},c&&t.createElement(v,{as:g,css:{position:"absolute",right:"$4",top:"$4"},label:f,size:"md",theme:"neutral"},t.createElement($,{is:h})),t.Children.map(a,o=>(o==null?void 0:o.type)!==s&&o))));export{O as DialogContent};

package/dist/components/dismissible/DismissibleRoot.js

@@ -1 +1 @@
-import*as e from"react";import{Slot as c}from"@radix-ui/react-slot";const r=e.createContext({isDismissed:!1,setIsDismissed:()=>null}),n=({children:t,disabled:s})=>{const[i,l]=e.useState(!1),o=e.useMemo(()=>({disabled:s,isDismissed:i,setIsDismissed:l}),[s,i]);return e.createElement(r.Provider,{value:o},t)},u=({asChild:t=!1,value:s,onDismiss:i,...l})=>{const o=e.useContext(r),{isDismissed:d,disabled:a}=o;if(e.useEffect(()=>{d&&(i==null||i(s))},[d]),d)return null;const m={...a&&{["data-disabled"]:""},...l};return e.createElement(t?c:"div",{...m})},b=({disabled:t=!1,...s})=>e.createElement(n,{disabled:t},e.createElement(u,{...s}));export{b as DismissibleRoot,r as DismissibleRootContext,n as DismissibleRootProvider};
+import*as e from"react";import{Slot as c}from"@radix-ui/react-slot";const r=e.createContext({isDismissed:!1,setIsDismissed:()=>null}),n=({children:i,disabled:s})=>{const[t,o]=e.useState(!1),l=e.useMemo(()=>({disabled:s,isDismissed:t,setIsDismissed:o}),[s,t]);return e.createElement(r.Provider,{value:l},i)},u=({asChild:i=!1,value:s,onDismiss:t,...o})=>{const l=e.useContext(r),{isDismissed:d,disabled:a}=l;if(e.useEffect(()=>{d&&(t==null||t(s))},[d]),d)return null;const m={...a&&{["data-disabled"]:""},...o};return e.createElement(i?c:"div",{...m})},b=({disabled:i=!1,...s})=>e.createElement(n,{disabled:i},e.createElement(u,{...s}));export{b as DismissibleRoot,r as DismissibleRootContext,n as DismissibleRootProvider};

package/dist/components/dismissible/DismissibleTrigger.js

@@ -1 +1 @@
-import*as t from"react";import{Slot as m}from"@radix-ui/react-slot";import{DismissibleRootContext as l}from"./DismissibleRoot.js";const b=s=>t.createElement("button",{type:"button",...s},"Dismiss"),a=({asChild:s=!1,...i})=>{const e=t.useContext(l);if(e===void 0)throw new Error("Dismissible.Trigger can only be used within a Dismissible.Item");const{setIsDismissed:o,disabled:r}=e,n={disabled:r,onClick:()=>{o(!0)},...i};return t.createElement(s?m:b,{...n})};export{a as DismissibleTrigger};
+import*as e from"react";import{Slot as m}from"@radix-ui/react-slot";import{DismissibleRootContext as l}from"./DismissibleRoot.js";const b=s=>e.createElement("button",{type:"button",...s},"Dismiss"),a=({asChild:s=!1,...t})=>{const i=e.useContext(l);if(i===void 0)throw new Error("Dismissible.Trigger can only be used within a Dismissible.Item");const{setIsDismissed:o,disabled:r}=i,n={disabled:r,onClick:()=>{o(!0)},...t};return e.createElement(s?m:b,{...n})};export{a as DismissibleTrigger};

package/dist/components/dropdown-menu/DropdownMenuLinkItem.js

@@ -1 +1 @@
-import e from"react";import{styled as n}from"../../stitches.js";import{DropdownMenuItem as m}from"./DropdownMenuItem.js";const i=n("a",{textDecoration:"none"}),l=({children:t,href:o,...r})=>e.createElement(m,{...r,asChild:!0},e.createElement(i,{href:o,role:"menuitem"},t));export{l as DropdownMenuLinkItem};
+import e from"react";import{styled as n}from"../../stitches.js";import{DropdownMenuItem as m}from"./DropdownMenuItem.js";const i=n("a",{textDecoration:"none"}),l=({children:o,href:t,...r})=>e.createElement(m,{...r,asChild:!0},e.createElement(i,{href:t,role:"menuitem"},o));export{l as DropdownMenuLinkItem};

package/dist/components/field-wrapper/FieldDescription.js

@@ -1 +1 @@
-import*as e from"react";import{Text as r}from"../text/Text.js";const s=({children:t,css:o})=>e.createElement(r,{size:"sm",css:{color:"$tonal300",maxWidth:"80ch",...o}},t);export{s as Description};
+import*as e from"react";import{Text as r}from"../text/Text.js";const s=({children:o,css:t})=>e.createElement(r,{size:"sm",css:{color:"$tonal300",maxWidth:"80ch",...t}},o);export{s as Description};