@atom-learning/components 2.25.0-beta.1 → 2.25.1

package/dist/components/data-table/DataTableLoading.d.ts

@@ -0,0 +1,273 @@
+import * as React from 'react';
+declare const PendingState: import("@stitches/react/types/styled-component").StyledComponent<React.FC<{
+    message?: string | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    css?: import("../../stitches").CSS | undefined;
+}>, {}, {
+    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;
+}, {
+    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;
+        warningText: 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";
+        };
+    };
+}>>;
+export declare const DataTableLoading: React.FC<React.ComponentProps<typeof PendingState>>;
+export {};

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

@@ -0,0 +1 @@
+import*as a from"react";import{styled as r}from"../../stitches.js";import{Loader as e}from"../loader/Loader.js";import{AsyncDataState as m}from"./DataTable.types.js";import{useDataTable as n}from"./DataTableContext.js";const s=r(e,{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",zIndex:1}),l=t=>{const{asyncDataState:o}=n();return o!==m.PENDING?null:a.createElement(s,{...t})};export{l as DataTableLoading};

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

@@ -1 +1 @@
-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=>l.createElement(o,{key:e.id,cell:e})));export{r as DataTableRow};
+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=>l.createElement(o,{key:e.id,cell:e})));export{r as DataTableRow};

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

@@ -1 +1 @@
-import*as e from"react";import{Table as l}from"../table/Table.js";import{DataTable as t}from"./DataTable.js";const b=({sortable:a,striped:r,theme:o,...m})=>e.createElement(l,{...m},e.createElement(t.Head,{theme:o,sortable:a}),e.createElement(t.Body,{striped:r}));export{b as DataTableTable};
+import*as e from"react";import{Table as i}from"../table/Table.js";import{DataTable as t}from"./DataTable.js";import{AsyncDataState as c}from"./DataTable.types.js";import{useDataTable as p}from"./DataTableContext.js";import{DataTableLoading as b}from"./DataTableLoading.js";const D=({sortable:a,striped:r,theme:o,css:m,...n})=>{const{asyncDataState:s}=p(),l=s===c.PENDING;return e.createElement(e.Fragment,null,e.createElement(b,null),e.createElement(i,{...n,css:{...m,...l&&{opacity:.5,pointerEvents:"none",transition:"opacity 250ms linear 150ms"}}},e.createElement(t.Head,{theme:o,sortable:a}),e.createElement(t.Body,{striped:r})))};export{D as DataTableTable};

package/dist/components/data-table/getNewAsyncData.d.ts

@@ -0,0 +1,3 @@
+import type { PaginationState, SortingState } from '@tanstack/react-table';
+import type { TAsyncDataOptions, TAsyncDataResult, TGetAsyncData } from './DataTable.types';
+export declare const getNewAsyncData: (getAsyncData: TGetAsyncData, asyncDataOptions: Partial<TAsyncDataOptions>, paginationState: PaginationState, sorting: SortingState, globalFilter: string) => Promise<TAsyncDataResult | undefined>;

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

@@ -0,0 +1 @@
+import c from"invariant";const h=e=>{if(e[0])return e[0].desc?"desc":"asc"},m=async(e,t,g,n,p)=>{var l,o,a,i,u,s;const{pageIndex:d,pageSize:y}=g,b={pageIndex:(l=t==null?void 0:t.pageIndex)!=null?l:d,pageSize:(o=t==null?void 0:t.pageSize)!=null?o:y,sortBy:(i=t==null?void 0:t.sortBy)!=null?i:(a=n[0])==null?void 0:a.id,sortDirection:(u=t==null?void 0:t.sortDirection)!=null?u:h(n),globalFilter:(s=t.globalFilter)!=null?s:p},r=await e(b);return c(Array.isArray(r==null?void 0:r.results),"The getAsyncData function must return an object with a property `result` which must be an array"),c(r&&Number.isInteger(r.total)&&r.total>=0,"The getAsyncData function must return an object with a property `total` which must be a positive integer or zero"),r};export{m as getNewAsyncData};

package/dist/components/data-table/pagination/Pagination.d.ts

@@ -265,9 +265,7 @@ declare const StyledNav: import("@stitches/react/types/styled-component").Styled
         };
     };
 }>>;
-declare type PaginationProps = React.ComponentProps<typeof StyledNav> & {
-    pageSize?: number;
-};
+declare type PaginationProps = React.ComponentProps<typeof StyledNav>;
 /** Applies pagination to parent DataTableProvider and renders UI to switch pages etc */
 export declare const Pagination: React.FC<PaginationProps>;
 export {};

package/dist/components/data-table/pagination/Pagination.js

@@ -1 +1 @@
-import*as e from"react";import{styled as u}from"../../../stitches.js";import{useDataTable as P}from"../DataTableContext.js";import{GotoPageSelect as E,DirectionButton as s}from"./PaginationButtons.js";import{Flex as I}from"../../flex/Flex.js";import{Text as S}from"../../text/Text.js";const C=u("nav",{display:"flex",justifyContent:"space-between",alignItems:"center"}),y=({pageSize:n=10,...g})=>{const{applyPagination:o,getState:c,getRowModel:l,getPageCount:a,previousPage:m,nextPage:p,setPageIndex:d,setPageSize:i,getTotalRows:f}=P();e.useEffect(()=>{o()},[o]),e.useEffect(()=>{i(n)},[i,n]);const{pagination:t}=c(),r=t.pageIndex*t.pageSize+1,x=r+l().rows.length-1;return e.createElement(C,{...g},e.createElement(S,{size:"sm"},`${r.toString()} - ${x.toString()} of ${f()} items`),e.createElement(E,{gotoPage:d,pageCount:a(),pageIndex:t.pageIndex}),e.createElement(I,{css:{justifyContent:"flex-end"}},e.createElement(s,{direction:"previous",disabled:t.pageIndex===0,onClick:m,css:{mr:"$4"}}),e.createElement(s,{direction:"next",disabled:t.pageIndex===a()-1,onClick:p})))};export{y as Pagination};
+import*as e from"react";import{styled as E}from"../../../stitches.js";import{Flex as P}from"../../flex/Flex.js";import{Text as I}from"../../text/Text.js";import{AsyncDataState as s}from"../DataTable.types.js";import{useDataTable as b}from"../DataTableContext.js";import{GotoPageSelect as y,DirectionButton as m}from"./PaginationButtons.js";const C=E("nav",{display:"flex",justifyContent:"space-between",alignItems:"center",fontVariantNumeric:"tabular-nums"}),S=c=>{const{applyPagination:n,getState:g,getRowModel:l,getPageCount:o,previousPage:p,nextPage:d,setPageIndex:f,getTotalRows:u,asyncDataState:i}=b();e.useEffect(()=>{n()},[n]);const{pagination:t}=g(),r=t.pageIndex*t.pageSize+1,x=r+l().rows.length-1,a=i===s.PENDING||i===s.REJECTED;return e.createElement(C,{...c},e.createElement(I,{size:"sm"},`${r.toString()} - ${x.toString()} of ${u()} items`),e.createElement(y,{gotoPage:f,pageCount:o(),pageIndex:t.pageIndex,disabled:a}),e.createElement(P,{css:{justifyContent:"flex-end"}},e.createElement(m,{direction:"previous",disabled:t.pageIndex===0||a,onClick:p,css:{mr:"$4"}}),e.createElement(m,{direction:"next",disabled:t.pageIndex===o()-1||a,onClick:d})))};export{S as Pagination};

package/dist/components/data-table/pagination/PaginationButtons.d.ts

@@ -12,6 +12,7 @@ export declare const GotoPageSelect: React.FC<{
     pageIndex: number;
     pageCount: number;
     gotoPage: (pageNumber: number) => void;
+    disabled: boolean;
 }>;
 declare type TooltipActionIconProps = React.ComponentProps<typeof ActionIcon> & React.ComponentProps<typeof Icon> & {
     icon: React.FC<React.SVGProps<SVGSVGElement>>;

package/dist/components/data-table/pagination/PaginationButtons.js

@@ -1 +1 @@
-import{ChevronRight as i,ChevronLeft as c}from"@atom-learning/icons";import e from"react";import{Flex as p}from"../../flex/Flex.js";import{Select as s}from"../../select/Select.js";import{Text as g}from"../../text/Text.js";import{ActionIcon as u}from"../../action-icon/ActionIcon.js";import{Icon as f}from"../../icon/Icon.js";import{Tooltip as a}from"../../tooltip/Tooltip.js";const E=({direction:n,...t})=>{const o=n==="next";return e.createElement(m,{appearance:"outline",icon:o?i:c,isRounded:!0,label:o?"Next page":"Previous page",name:o?"Next page":"Previous page",size:"md",...t})},x=({gotoPage:n,pageCount:t,pageIndex:o})=>e.createElement(p,{css:{alignItems:"center"}},e.createElement(s,{value:o,size:"sm",css:{mr:"$3"},onChange:r=>{n(Number(r.target.value))}},Array.from({length:t},(r,l)=>l).map(r=>e.createElement("option",{key:r,value:r},r+1))),e.createElement(g,{size:"sm",css:{flex:"none"}},`of ${t} ${t>1?"pages":"page"}`)),m=({icon:n,label:t,...o})=>e.createElement(a,null,e.createElement(a.Trigger,{asChild:!0},e.createElement(u,{label:t,...o},e.createElement(f,{is:n}))),e.createElement(a.Content,null,t));export{E as DirectionButton,x as GotoPageSelect,m as TooltipActionIcon};
+import{ChevronRight as c,ChevronLeft as p}from"@atom-learning/icons";import e from"react";import{Flex as s}from"../../flex/Flex.js";import{Select as g}from"../../select/Select.js";import{Text as u}from"../../text/Text.js";import{ActionIcon as f}from"../../action-icon/ActionIcon.js";import{Icon as d}from"../../icon/Icon.js";import{Tooltip as a}from"../../tooltip/Tooltip.js";const E=({direction:n,...t})=>{const o=n==="next";return e.createElement(l,{appearance:"outline",icon:o?c:p,isRounded:!0,label:o?"Next page":"Previous page",name:o?"Next page":"Previous page",size:"md",...t})},x=({gotoPage:n,pageCount:t,pageIndex:o,disabled:m})=>e.createElement(s,{css:{alignItems:"center"}},e.createElement(g,{value:o,size:"sm",css:{mr:"$3"},disabled:m,onChange:r=>{n(Number(r.target.value))}},Array.from({length:t},(r,i)=>i).map(r=>e.createElement("option",{key:r,value:r},r+1))),e.createElement(u,{size:"sm",css:{flex:"none"}},`of ${t} ${t>1?"pages":"page"}`)),l=({icon:n,label:t,...o})=>e.createElement(a,null,e.createElement(a.Trigger,{asChild:!0},e.createElement(f,{label:t,...o},e.createElement(d,{is:n}))),e.createElement(a.Content,null,t));export{E as DirectionButton,x as GotoPageSelect,l as TooltipActionIcon};

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 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};
+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};

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: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};
+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};

package/dist/components/dismissible/DismissibleTrigger.js

@@ -1 +1 @@
-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};
+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};

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:o,href:t,...r})=>e.createElement(m,{...r,asChild:!0},e.createElement(i,{href:t,role:"menuitem"},o));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:t,href:o,...r})=>e.createElement(m,{...r,asChild:!0},e.createElement(i,{href:o,role:"menuitem"},t));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:o,css:t})=>e.createElement(r,{size:"sm",css:{color:"$tonal300",maxWidth:"80ch",...t}},o);export{s as Description};
+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};

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

@@ -1 +1 @@
-import*as e from"react";import{Box as m}from"../box/Box.js";import{Checkbox as d}from"../checkbox/Checkbox.js";import{Label as f}from"../label/Label.js";import{RadioButton as $}from"../radio-button/RadioButton.js";import"../radio-button/RadioButtonGroup.js";import{InlineMessage as u}from"../inline-message/InlineMessage.js";import{Description as E}from"./FieldDescription.js";const l=({align:n="start",children:a,css:s,description:i,direction:t="row",error:o,label:p,required:c})=>e.createElement(m,{css:s},e.createElement(f,{align:n,direction:t,required:c,type:"inline"},e.Children.map(a,r=>e.createElement(m,{css:{[t==="reverse"?"ml":"mr"]:"$3",...((r==null?void 0:r.type)===d||(r==null?void 0:r.type)===$)&&{transform:"translateY($space$1)"}}},r)),p),o&&e.createElement(u,{css:{mt:"$2"}},o),i&&e.createElement(E,{css:{mt:"$2",[t==="reverse"?"mr":"ml"]:"calc($space$3 + $sizes$1)"}},i));l.displayName="InlineFieldWrapper";export{l as InlineFieldWrapper};
+import*as e from"react";import{Box as o}from"../box/Box.js";import{Checkbox as d}from"../checkbox/Checkbox.js";import{Label as f}from"../label/Label.js";import{RadioButton as $}from"../radio-button/RadioButton.js";import"../radio-button/RadioButtonGroup.js";import{InlineMessage as u}from"../inline-message/InlineMessage.js";import{Description as E}from"./FieldDescription.js";const l=({align:n="start",children:a,css:s,description:i,direction:t="row",error:m,label:p,required:c})=>e.createElement(o,{css:s},e.createElement(f,{align:n,direction:t,required:c,type:"inline"},e.Children.map(a,r=>e.createElement(o,{css:{[t==="reverse"?"ml":"mr"]:"$3",...((r==null?void 0:r.type)===d||(r==null?void 0:r.type)===$)&&{transform:"translateY($space$1)"}}},r)),p),m&&e.createElement(u,{css:{mt:"$2"}},m),i&&e.createElement(E,{css:{mt:"$2",[t==="reverse"?"mr":"ml"]:"calc($space$3 + $sizes$1)"}},i));l.displayName="InlineFieldWrapper";export{l as InlineFieldWrapper};

package/dist/components/file-input/FileInput.js

@@ -1 +1 @@
-import{Upload as c}from"@atom-learning/icons";import*as e from"react";import{Button as s}from"../button/Button.js";import{Icon as u}from"../icon/Icon.js";const t=({accept:l,children:o,multiple:i=!1,onFileSelect:n,...r})=>{const p=a=>{const{files:m}=a.target;n(m)};return e.createElement(s,{as:"label",...r},e.createElement(u,{is:c}),o,e.createElement("input",{type:"file",onChange:p,accept:l,multiple:i,hidden:!0}))};t.displayName="FileInput";export{t as FileInput};
+import{Upload as c}from"@atom-learning/icons";import*as e from"react";import{Button as s}from"../button/Button.js";import{Icon as u}from"../icon/Icon.js";const t=({accept:l,children:i,multiple:n=!1,onFileSelect:o,...r})=>{const p=a=>{const{files:m}=a.target;o(m)};return e.createElement(s,{as:"label",...r},e.createElement(u,{is:c}),i,e.createElement("input",{type:"file",onChange:p,accept:l,multiple:n,hidden:!0}))};t.displayName="FileInput";export{t as FileInput};

package/dist/components/grid/Grid.js

@@ -1 +1 @@
-import*as s from"react";import{styled as p}from"../../stitches.js";import{createThemeVariants as o}from"../../utilities/create-theme-variants/createThemeVariants.js";const d=p("div",{display:"grid",variants:{gap:o("space",{gap:"$key"})}}),a=({css:m,gap:t=2,minItemSize:e,maxItemSize:i="1fr",...r})=>s.createElement(d,{css:{...e&&{gridTemplateColumns:`repeat(auto-fit, minmax(${e}, ${i}))`},...m},gap:t,...r});a.displayName="Grid";export{a as Grid};
+import*as s from"react";import{styled as p}from"../../stitches.js";import{createThemeVariants as o}from"../../utilities/create-theme-variants/createThemeVariants.js";const d=p("div",{display:"grid",variants:{gap:o("space",{gap:"$key"})}}),a=({css:t,gap:m=2,minItemSize:e,maxItemSize:i="1fr",...r})=>s.createElement(d,{css:{...e&&{gridTemplateColumns:`repeat(auto-fit, minmax(${e}, ${i}))`},...t},gap:m,...r});a.displayName="Grid";export{a as Grid};

package/dist/components/icon/Icon.js

@@ -1 +1 @@
-import*as e from"react";import{styled as n}from"../../stitches.js";const i=n("svg",{display:"inline-block",fill:"none",stroke:"currentcolor",strokeLinecap:"round",strokeLinejoin:"round",verticalAlign:"middle",variants:{size:{sm:{size:"$1",strokeWidth:"1.5"},md:{size:"$2",strokeWidth:"1.75"},lg:{size:"$3",strokeWidth:"2"}}}}),d=e.forwardRef(({is:r,size:o="md",...s},t)=>e.createElement(i,{size:o,"aria-hidden":"true",...s,as:r,ref:t}));export{d as Icon,i as StyledIcon};
+import*as e from"react";import{styled as n}from"../../stitches.js";const i=n("svg",{display:"inline-block",fill:"none",stroke:"currentcolor",strokeLinecap:"round",strokeLinejoin:"round",verticalAlign:"middle",variants:{size:{sm:{size:"$1",strokeWidth:"1.5"},md:{size:"$2",strokeWidth:"1.75"},lg:{size:"$3",strokeWidth:"2"}}}}),d=e.forwardRef(({is:r,size:o="md",...t},s)=>e.createElement(i,{size:o,"aria-hidden":"true",...t,as:r,ref:s}));export{d as Icon,i as StyledIcon};

package/dist/components/index.d.ts

@@ -1,6 +1,5 @@
 export type { ValidationOptions } from './form';
 export { Accordion } from './accordion';
-export { EmptyState } from './empty-state';
 export { ActionIcon } from './action-icon';
 export { AlertDialog, useAlert, AlertProvider } from './alert-dialog';
 export { Avatar } from './avatar';
@@ -15,14 +14,16 @@ export { ChipDismissibleGroup } from './chip-dismissible-group';
 export { ChipToggleGroup } from './chip-toggle-group';
 export { Combobox } from './combobox';
 export { DataTable, useDataTable } from './data-table';
-export { Dialog } from './dialog';
-export { DateInput } from './date-input';
 export { DateField } from './date-field';
+export { DateInput } from './date-input';
+export { Dialog } from './dialog';
 export { Dismissible } from './dismissible';
 export { DismissibleGroup } from './dismissible-group';
 export { Divider } from './divider';
 export { DropdownMenu } from './dropdown-menu';
+export { EmptyState } from './empty-state';
 export { FieldWrapper, InlineFieldWrapper } from './field-wrapper';
+export { FileInput } from './file-input';
 export { Flex } from './flex';
 export { Form } from './form';
 export { Grid } from './grid';
@@ -31,32 +32,33 @@ export { Icon } from './icon';
 export { Image } from './image';
 export { InlineMessage } from './inline-message';
 export { Input } from './input';
-export { FileInput } from './file-input';
 export { InputField } from './input-field';
 export { Label } from './label';
 export { Link, StyledLink } from './link';
 export { List } from './list';
 export { Loader } from './loader';
 export { MarkdownContent } from './markdown-content';
-export { TopBar } from './top-bar';
+export { NavigationMenu } from './navigation';
 export { NotificationBadge } from './notification-badge';
+export { NumberInput } from './number-input';
+export { NumberInputField } from './number-input-field';
 export { PasswordField } from './password-field';
 export { PasswordInput } from './password-input';
 export { Popover } from './popover';
 export { ProgressBar } from './progress-bar';
-export { Sidedrawer } from './sidedrawer';
-export { Stepper } from './stepper';
 export { RadioButton, RadioButtonGroup } from './radio-button';
 export { RadioButtonField } from './radio-button-field';
 export { RadioCard, RadioCardGroup } from './radio-card';
-export { SearchInput } from './search-input';
 export { SearchField } from './search-field';
+export { SearchInput } from './search-input';
 export { Select } from './select';
 export { SelectField } from './select-field';
+export { Sidedrawer } from './sidedrawer';
 export { Slider } from './slider';
 export { SliderField } from './slider-field';
 export { Stack } from './stack';
 export { StackContent } from './stack-content';
+export { Stepper } from './stepper';
 export { Switch } from './switch';
 export { Table } from './table';
 export { Tabs } from './tabs';
@@ -66,7 +68,5 @@ export { TextareaField } from './textarea-field';
 export { ToastProvider, toast } from './toast';
 export { ToggleGroup } from './toggle-group';
 export { Tooltip } from './tooltip';
+export { TopBar } from './top-bar';
 export { Video } from './video';
-export { NavigationMenu } from './navigation';
-export { NumberInput } from './number-input';
-export { NumberInputField } from './number-input-field';

package/dist/components/inline-message/InlineMessage.js

@@ -1 +1 @@
-import*as e from"react";import{INLINE_MESSAGE_THEMES as a,INLINE_MESSAGE_ICONS as c}from"./InlineMessage.config.js";import{Flex as E}from"../flex/Flex.js";import{Text as f}from"../text/Text.js";import{Icon as l}from"../icon/Icon.js";import{styled as s}from"../../stitches.js";const p=s(E,{variants:{theme:a}}),I=s(l,{flexShrink:"0",mr:"$2"}),S=({css:t,showIcon:m=!0,theme:r="error",size:o="sm",children:n,...i})=>e.createElement(p,{theme:r,css:t,...i},m&&e.createElement(I,{size:"sm",is:c[r]}),e.createElement(f,{as:"span",size:o,css:{transform:"translateY($space$0)"}},n));export{S as InlineMessage};
+import*as e from"react";import{INLINE_MESSAGE_THEMES as a,INLINE_MESSAGE_ICONS as c}from"./InlineMessage.config.js";import{Flex as E}from"../flex/Flex.js";import{Text as f}from"../text/Text.js";import{Icon as l}from"../icon/Icon.js";import{styled as t}from"../../stitches.js";const p=t(E,{variants:{theme:a}}),I=t(l,{flexShrink:"0",mr:"$2"}),S=({css:s,showIcon:m=!0,theme:r="error",size:o="sm",children:n,...i})=>e.createElement(p,{theme:r,css:s,...i},m&&e.createElement(I,{size:"sm",is:c[r]}),e.createElement(f,{as:"span",size:o,css:{transform:"translateY($space$0)"}},n));export{S as InlineMessage};

package/dist/components/label/Label.js

@@ -1 +1 @@
-import*as e from"react";import{styled as i}from"../../stitches.js";import{getTextVariant as t}from"../text/Text.js";const p=i("label",{color:"$tonal500",fontFamily:"$body",m:0,variants:{size:{sm:t({size:"sm"}),md:t({size:"md"})},type:{block:{display:"block",fontWeight:600},inline:{display:"flex",fontWeight:400,maxWidth:"max-content"}},align:{start:{},center:{}},direction:{reverse:{},row:{}}},compoundVariants:[{type:"inline",align:"start",css:{alignItems:"flex-start"}},{type:"inline",align:"center",css:{alignItems:"center"}},{type:"inline",direction:"reverse",css:{flexDirection:"row-reverse"}},{type:"inline",direction:"row",css:{flexDirection:"row"}}]}),y=i("span",{color:"$danger",ml:"$1",fontWeight:400}),n=({align:r="start",as:a="label",direction:o="row",size:l="md",type:s="block",children:c,required:m,...d})=>e.createElement(p,{as:a,size:l,type:s,align:r,direction:o,...d},c,m&&e.createElement(y,{"aria-hidden":!0},"*"));n.displayName="Label";export{n as Label};
+import*as e from"react";import{styled as t}from"../../stitches.js";import{getTextVariant as i}from"../text/Text.js";const p=t("label",{color:"$tonal500",fontFamily:"$body",m:0,variants:{size:{sm:i({size:"sm"}),md:i({size:"md"})},type:{block:{display:"block",fontWeight:600},inline:{display:"flex",fontWeight:400,maxWidth:"max-content"}},align:{start:{},center:{}},direction:{reverse:{},row:{}}},compoundVariants:[{type:"inline",align:"start",css:{alignItems:"flex-start"}},{type:"inline",align:"center",css:{alignItems:"center"}},{type:"inline",direction:"reverse",css:{flexDirection:"row-reverse"}},{type:"inline",direction:"row",css:{flexDirection:"row"}}]}),y=t("span",{color:"$danger",ml:"$1",fontWeight:400}),n=({align:r="start",as:a="label",direction:l="row",size:o="md",type:s="block",children:c,required:m,...d})=>e.createElement(p,{as:a,size:o,type:s,align:r,direction:l,...d},c,m&&e.createElement(y,{"aria-hidden":!0},"*"));n.displayName="Label";export{n as Label};

package/dist/components/link/Link.js

@@ -1 +1 @@
-import*as r from"react";import{styled as m}from"../../stitches.js";import{StyledHeading as f}from"../heading/Heading.js";import{StyledLi as s}from"../list/List.js";import{StyledText as d,textVariants as l}from"../text/Text.js";const o=m("a",{bg:"unset",border:"unset",p:"unset",color:"$primary",cursor:"pointer",fontFamily:"$body",textDecoration:"none","&:focus, &:hover":{color:"$primaryMid",textDecoration:"underline"},"&:active":{color:"$primaryDark"},[`${d} > &, ${f} > &, ${s} > &`]:{fontSize:"100%",lineHeight:1,"&::before, &::after":{content:"none"}},variants:l}),t=r.forwardRef(({size:i="md",href:e,...n},a)=>r.createElement(o,{...!e&&{as:"button",noCapsize:!0},size:i,href:e,...n,ref:a}));t.displayName="Link";export{t as Link,o as StyledLink};
+import*as t from"react";import{styled as a}from"../../stitches.js";import{StyledHeading as p}from"../heading/Heading.js";import{StyledLi as s}from"../list/List.js";import"../markdown-content/components/MarkdownCode.js";import{StyledMarkdownEmphasis as f}from"../markdown-content/components/MarkdownEmphasis.js";import"../markdown-content/components/MarkdownInlineCode.js";import"../image/Image.js";import{StyledText as d,textVariants as l}from"../text/Text.js";import"../markdown-content/components/MarkdownStrong.js";import"../divider/Divider.js";const e=a("a",{bg:"unset",border:"unset",p:"unset",color:"$primary",cursor:"pointer",fontFamily:"$body",textDecoration:"none","&:focus, &:hover":{color:"$primaryMid",textDecoration:"underline"},"&:active":{color:"$primaryDark"},[`${d} > &, ${p} > &, ${s} > &, ${f} > &`]:{fontSize:"100%",lineHeight:1,"&::before, &::after":{content:"none"}},variants:l}),o=t.forwardRef(({size:i="md",href:r,...n},m)=>t.createElement(e,{...!r&&{as:"button",noCapsize:!0},size:i,href:r,...n,ref:m}));o.displayName="Link";export{o as Link,e as StyledLink};

package/dist/components/loader/Loader.js

@@ -1 +1 @@
-import*as o from"@radix-ui/react-visually-hidden";import*as e from"react";import{Flex as m}from"../flex/Flex.js";import{keyframes as r,styled as s}from"../../stitches.js";const l=r({"0%":{opacity:0},"30%":{opacity:1},"50%":{opacity:1},"80%":{opacity:0},"100%":{opacity:0}}),t=s("div",{animationName:`${l}`,animationDuration:"1s",animationFillMode:"both",animationIterationCount:"infinite",animationTimingFunction:"linear",backgroundColor:"currentColor",borderRadius:"$round","&:nth-child(1)":{animationDelay:"-300ms"},"&:nth-child(2)":{animationDelay:"-150ms"},"&:nth-child(3)":{animationDelay:0},variants:{size:{sm:{size:"4px",mx:"2px"},md:{size:"6px",mx:"2px"},lg:{size:"8px",mx:"3px"}}}}),c=({css:n={},message:a="Loading",size:i="md"})=>e.createElement(m,{css:{justifyContent:"center",...n},role:"alert"},e.createElement(o.Root,null,a),e.createElement(t,{size:i}),e.createElement(t,{size:i}),e.createElement(t,{size:i}));export{c as Loader};
+import*as m from"@radix-ui/react-visually-hidden";import*as e from"react";import{Flex as r}from"../flex/Flex.js";import{keyframes as s,styled as l}from"../../stitches.js";const c=s({"0%":{opacity:0},"30%":{opacity:1},"50%":{opacity:1},"80%":{opacity:0},"100%":{opacity:0}}),t=l("div",{animationName:`${c}`,animationDuration:"1s",animationFillMode:"both",animationIterationCount:"infinite",animationTimingFunction:"linear",backgroundColor:"currentColor",borderRadius:"$round","&:nth-child(1)":{animationDelay:"-300ms"},"&:nth-child(2)":{animationDelay:"-150ms"},"&:nth-child(3)":{animationDelay:0},variants:{size:{sm:{size:"4px",mx:"2px"},md:{size:"6px",mx:"2px"},lg:{size:"8px",mx:"3px"}}}}),p=({css:n={},message:a="Loading",size:i="md",...o})=>e.createElement(r,{css:{justifyContent:"center",...n},role:"alert",...o},e.createElement(m.Root,null,a),e.createElement(t,{size:i}),e.createElement(t,{size:i}),e.createElement(t,{size:i}));export{p as Loader};