npm - @atom-learning/components - Versions diffs - 2.33.0 → 2.34.0 - Mend

@atom-learning/components 2.33.0 → 2.34.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (458) hide show

package/dist/components/table/TableFooterCell.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TableFooterCell.js","sources":["../../../src/components/table/TableFooterCell.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nexport const TableFooterCell = styled('td', {\n color: '$tonal400',\n fontFamily: '$body',\n fontWeight: 600,\n p: '$2 $3',\n textAlign: 'left',\n verticalAlign: 'middle'\n})\n\nTableFooterCell.displayName = 'TableFooterCell'\n"],"names":["TableFooterCell","styled"],"mappings":"2CAEO,MAAMA,EAAkBC,EAAO,KAAM,CAC1C,MAAO,YACP,WAAY,QACZ,WAAY,IACZ,EAAG,QACH,UAAW,OACX,cAAe,QACjB,CAAC,EAEDD,EAAgB,YAAc"}

package/dist/components/table/TableHeader.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import l from"react";import{styled as o}from"../../stitches.js";import{TableHeaderCell as e}from"./TableHeaderCell.js";const r={PRIMARY:"primary",PRIMARY_DARK:"primaryDark",LIGHT:"light"},i=o("thead",{variants:{theme:{[r.PRIMARY]:{[`${e}`]:{bg:"$primary"}},[r.PRIMARY_DARK]:{[`${e}`]:{bg:"$primaryDark"}},[r.LIGHT]:{[`${e}`]:{bg:"$tonal50",color:"$tonal600"}}}}}),a=({theme:t="primaryDark",...m})=>l.createElement(i,{theme:t,...m});a.displayName="TableHeader";export{r as TABLE_HEADER_THEMES,a as TableHeader};
2	+ //# sourceMappingURL=TableHeader.js.map

package/dist/components/table/TableHeader.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TableHeader.js","sources":["../../../src/components/table/TableHeader.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { TableHeaderCell } from './TableHeaderCell'\n\nexport const TABLE_HEADER_THEMES = {\n PRIMARY: 'primary',\n PRIMARY_DARK: 'primaryDark',\n LIGHT: 'light'\n}\n\nconst StyledTableHeader = styled('thead', {\n variants: {\n theme: {\n [TABLE_HEADER_THEMES.PRIMARY]: {\n [`${TableHeaderCell}`]: {\n bg: '$primary'\n }\n },\n [TABLE_HEADER_THEMES.PRIMARY_DARK]: {\n [`${TableHeaderCell}`]: {\n bg: '$primaryDark'\n }\n },\n [TABLE_HEADER_THEMES.LIGHT]: {\n [`${TableHeaderCell}`]: {\n bg: '$tonal50',\n color: '$tonal600'\n }\n }\n }\n }\n})\n\ntype TableHeaderProps = React.ComponentProps<typeof StyledTableHeader>\n\nexport const TableHeader: React.FC<TableHeaderProps> = ({\n theme = 'primaryDark',\n ...rest\n}: TableHeaderProps) => <StyledTableHeader theme={theme} {...rest} />\n\nTableHeader.displayName = 'TableHeader'\n"],"names":["TABLE_HEADER_THEMES","StyledTableHeader","styled","TableHeaderCell","TableHeader","theme","rest","React"],"mappings":"uHAMa,MAAAA,EAAsB,CACjC,QAAS,UACT,aAAc,cACd,MAAO,OACT,EAEMC,EAAoBC,EAAO,QAAS,CACxC,SAAU,CACR,MAAO,CACL,CAACF,EAAoB,SAAU,CAC7B,CAAC,GAAGG,KAAoB,CACtB,GAAI,UACN,CACF,EACA,CAACH,EAAoB,cAAe,CAClC,CAAC,GAAGG,KAAoB,CACtB,GAAI,cACN,CACF,EACA,CAACH,EAAoB,OAAQ,CAC3B,CAAC,GAAGG,KAAoB,CACtB,GAAI,WACJ,MAAO,WACT,CACF,CACF,CACF,CACF,CAAC,EAIYC,EAA0C,CAAC,CACtD,MAAAC,EAAQ,iBACLC,CACL,IAAwBC,EAAA,cAACN,EAAA,CAAkB,MAAOI,EAAQ,GAAGC,CAAM,CAAA,EAEnEF,EAAY,YAAc"}

package/dist/components/table/TableHeaderCell.js CHANGED Viewed

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

package/dist/components/table/TableHeaderCell.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TableHeaderCell.js","sources":["../../../src/components/table/TableHeaderCell.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nexport const TableHeaderCell = styled('th', {\n color: 'white',\n fontFamily: '$body',\n fontWeight: 600,\n lineHeight: 1.5,\n p: '$2 $3',\n textAlign: 'left',\n verticalAlign: 'middle'\n})\n\nTableHeaderCell.displayName = 'TableHeaderCell'\n"],"names":["TableHeaderCell","styled"],"mappings":"2CAEa,MAAAA,EAAkBC,EAAO,KAAM,CAC1C,MAAO,QACP,WAAY,QACZ,WAAY,IACZ,WAAY,IACZ,EAAG,QACH,UAAW,OACX,cAAe,QACjB,CAAC,EAEDD,EAAgB,YAAc"}

package/dist/components/table/TableRow.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import*as e from"react";import{styled as l}from"../../stitches.js";const t=l("tr",{bg:"unset"}),o=e.forwardRef((r,a)=>e.createElement(t,{...r,ref:a}));o.displayName="TableRow";export{t as StyledRow,o as TableRow};
2	+ //# sourceMappingURL=TableRow.js.map

package/dist/components/table/TableRow.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TableRow.js","sources":["../../../src/components/table/TableRow.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nexport const StyledRow = styled('tr', {\n bg: 'unset'\n})\n\nexport const TableRow = React.forwardRef<\n HTMLTableRowElement,\n React.ComponentProps<typeof StyledRow>\n>((props, ref) => <StyledRow {...props} ref={ref} />)\n\nTableRow.displayName = 'TableRow'\n"],"names":["StyledRow","styled","TableRow","React","props","ref"],"mappings":"mEAIa,MAAAA,EAAYC,EAAO,KAAM,CACpC,GAAI,OACN,CAAC,EAEYC,EAAWC,EAAM,WAG5B,CAACC,EAAOC,IAAQF,EAAA,cAACH,EAAA,CAAW,GAAGI,EAAO,IAAKC,CAAAA,CAAK,CAAE,EAEpDH,EAAS,YAAc"}

package/dist/components/tabs/Tabs.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import{Root as i}from"@radix-ui/react-tabs";import*as e from"react";import{styled as m}from"../../stitches.js";import{TabsTriggerList as s}from"./TabsTriggerList.js";import{TabsTrigger as a}from"./TabsTrigger.js";import{TabsContent as g}from"./TabsContent.js";const T=m(i,{width:"100%"}),r=({children:t,...o})=>e.createElement(T,{...o},t);r.TriggerList=s,r.Trigger=a,r.Content=g,r.displayName="Tabs";export{r as Tabs};
2	+ //# sourceMappingURL=Tabs.js.map

package/dist/components/tabs/Tabs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Tabs.js","sources":["../../../src/components/tabs/Tabs.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-tabs'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { TabsTriggerList } from './TabsTriggerList'\nimport { TabsTrigger } from './TabsTrigger'\nimport { TabsContent } from './TabsContent'\n\ntype TabsProps = React.ComponentProps<typeof StyledRoot>\n\nconst StyledRoot = styled(Root, { width: '100%' })\n\nexport const Tabs: React.FC<TabsProps> & {\n TriggerList: typeof TabsTriggerList\n Trigger: typeof TabsTrigger\n Content: typeof TabsContent\n} = ({ children, ...remainingProps }) => {\n return <StyledRoot {...remainingProps}>{children}</StyledRoot>\n}\n\nTabs.TriggerList = TabsTriggerList\nTabs.Trigger = TabsTrigger\nTabs.Content = TabsContent\n\nTabs.displayName = 'Tabs'\n"],"names":["StyledRoot","styled","Root","Tabs","children","remainingProps","React","TabsTriggerList","TabsTrigger","TabsContent"],"mappings":"oQAWA,MAAMA,EAAaC,EAAOC,EAAM,CAAE,MAAO,MAAO,CAAC,EAEpCC,EAIT,CAAC,CAAE,SAAAC,KAAaC,CAAe,IAC1BC,EAAA,cAACN,EAAA,CAAY,GAAGK,CAAAA,EAAiBD,CAAS,EAGnDD,EAAK,YAAcI,EACnBJ,EAAK,QAAUK,EACfL,EAAK,QAAUM,EAEfN,EAAK,YAAc"}

package/dist/components/tabs/TabsContent.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import{Content as t}from"@radix-ui/react-tabs";import{styled as n}from"../../stitches.js";const e=n(t,{flexGrow:1,fontFamily:"$body"}),o=e;o.displayName="TabsContent";export{o as TabsContent};
2	+ //# sourceMappingURL=TabsContent.js.map

package/dist/components/tabs/TabsContent.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TabsContent.js","sources":["../../../src/components/tabs/TabsContent.tsx"],"sourcesContent":["import { Content } from '@radix-ui/react-tabs'\nimport { styled } from '~/stitches'\n\nconst StyledTabsContent = styled(Content, {\n flexGrow: 1,\n fontFamily: '$body'\n})\n\nexport const TabsContent = StyledTabsContent\n\nTabsContent.displayName = 'TabsContent'\n"],"names":["StyledTabsContent","styled","Content","TabsContent"],"mappings":"0FAGA,MAAMA,EAAoBC,EAAOC,EAAS,CACxC,SAAU,EACV,WAAY,OACd,CAAC,EAEYC,EAAcH,EAE3BG,EAAY,YAAc"}

package/dist/components/tabs/TabsTrigger.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import{Trigger as i}from"@radix-ui/react-tabs";import*as e from"react";import{styled as a}from"../../stitches.js";import{Text as n}from"../text/Text.js";import{focusVisibleStyleBlock as c}from"../../utilities/style/focus-visible-style-block.js";const s=a(i,{background:"none",border:"none",cursor:"pointer",flexShrink:0,p:"$4",userSelect:"none",borderBottom:"2px solid transparent",'&[data-state="active"]':{color:"$interactive1",fontWeight:600,letterSpacing:"-0.005em",borderColor:"currentColor"},"&[data-disabled]":{opacity:.3,cursor:"not-allowed"},"&:not([data-disabled])":{"&:hover, &:focus-visible":{color:"$interactive2",bg:"$accentA1"},"&:active":{color:"$interactive3"},"&:focus-visible":{...c()}}}),r=({children:o,...t})=>e.createElement(s,{asChild:!0,...t},e.createElement(n,{size:"sm",as:"button"},o));r.displayName="TabsTrigger";export{r as TabsTrigger};
2	+ //# sourceMappingURL=TabsTrigger.js.map

package/dist/components/tabs/TabsTrigger.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TabsTrigger.js","sources":["../../../src/components/tabs/TabsTrigger.tsx"],"sourcesContent":["import { Trigger } from '@radix-ui/react-tabs'\nimport * as React from 'react'\nimport { styled } from '~/stitches'\nimport { focusVisibleStyleBlock } from '~/utilities'\nimport { Text } from '../text'\n\nconst StyledTabsTrigger = styled(Trigger, {\n background: 'none',\n border: 'none',\n cursor: 'pointer',\n flexShrink: 0,\n p: '$4',\n userSelect: 'none',\n borderBottom: '2px solid transparent',\n '&[data-state=\"active\"]': {\n color: '$interactive1',\n fontWeight: 600,\n letterSpacing: '-0.005em',\n borderColor: 'currentColor'\n },\n '&[data-disabled]': {\n opacity: 0.3,\n cursor: 'not-allowed'\n },\n '&:not([data-disabled])': {\n '&:hover, &:focus-visible': {\n color: '$interactive2',\n bg: '$accentA1'\n },\n '&:active': {\n color: '$interactive3'\n },\n '&:focus-visible': {\n ...focusVisibleStyleBlock()\n }\n }\n})\n\ninterface TabsTriggerProps\n extends React.ComponentProps<typeof StyledTabsTrigger> {\n value: string\n}\n\nexport const TabsTrigger: React.FC<TabsTriggerProps> = ({\n children,\n ...rest\n}) => (\n <StyledTabsTrigger asChild {...rest}>\n <Text size=\"sm\" as=\"button\">\n {children}\n </Text>\n </StyledTabsTrigger>\n)\n\nTabsTrigger.displayName = 'TabsTrigger'\n"],"names":["StyledTabsTrigger","styled","Trigger","focusVisibleStyleBlock","TabsTrigger","children","rest","React","Text"],"mappings":"qPAMA,MAAMA,EAAoBC,EAAOC,EAAS,CACxC,WAAY,OACZ,OAAQ,OACR,OAAQ,UACR,WAAY,EACZ,EAAG,KACH,WAAY,OACZ,aAAc,wBACd,yBAA0B,CACxB,MAAO,gBACP,WAAY,IACZ,cAAe,WACf,YAAa,cACf,EACA,mBAAoB,CAClB,QAAS,GACT,OAAQ,aACV,EACA,yBAA0B,CACxB,2BAA4B,CAC1B,MAAO,gBACP,GAAI,WACN,EACA,WAAY,CACV,MAAO,eACT,EACA,kBAAmB,CACjB,GAAGC,EACL,CAAA,CACF,CACF,CAAC,EAOYC,EAA0C,CAAC,CACtD,SAAAC,KACGC,CACL,IACEC,EAAA,cAACP,EAAA,CAAkB,QAAO,GAAE,GAAGM,CAAAA,EAC7BC,EAAA,cAACC,EAAA,CAAK,KAAK,KAAK,GAAG,UAChBH,CACH,CACF,EAGFD,EAAY,YAAc"}

package/dist/components/tabs/TabsTriggerList.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import{List as y}from"@radix-ui/react-tabs";import e from"react";import{styled as m}from"../../stitches.js";import{ColorScheme as T}from"../../experiments/color-scheme/ColorScheme.js";import{useWindowSize as x}from"../../utilities/hooks/useWindowSize.js";import{useCallbackRefState as z}from"../../utilities/hooks/useCallbackRef.js";import{ActionIcon as $}from"../action-icon/ActionIcon.js";import{Icon as p}from"../icon/Icon.js";import{ChevronLeft as R,ChevronRight as I}from"@atom-learning/icons";const N=m(T,{position:"relative",borderBottom:"1px solid $base3",width:"100%"}),_=m(y,{flexShrink:0,display:"flex",width:"100%",overflowX:"auto","&::-webkit-scrollbar":{display:"none"},scrollbarWidth:"none"}),u=m($,{height:"100% !important",position:"absolute",top:"50%",transform:"translateY(-50%)",cursor:"pointer",background:"$background !important",color:"$interactive1 !important",borderRadius:0,opacity:.9}),A=10,b=({children:g,colorScheme:v={},...C})=>{const[t,k]=z(),{width:W}=x(),[w,i]=e.useState(!1),[E,s]=e.useState(!1),f=e.useCallback(c=>{if(!t)return;const{scrollWidth:r,scrollLeft:l,offsetWidth:a}=t,h=Math.round(r*(A/100));let n=l;if(c==="right"){const o=l+h;n=o+a<=r?o:r-a}else{const o=l-h;n=o>0?o:0}t.scroll({left:n,behavior:"smooth"}),setTimeout(()=>{const{scrollWidth:o,scrollLeft:d,offsetWidth:L}=t,S=o-(d+L);d===0?(i(!1),s(!0)):S<5?(s(!1),i(!0)):(i(!0),s(!0))},500)},[t]);return e.useEffect(()=>{var c;if(!t)return;const{offsetWidth:r,scrollWidth:l}=t,a=l>r;(c=t.scroll)==null\|\|c.call(t,{left:0}),i(!1),s(a)},[t,W]),e.createElement(N,{base:"slate",accent:"blue",interactive:"hiContrast1",...v,...C},w&&e.createElement(u,{label:"scroll left",size:"md",css:{left:0},onClick:()=>f("left")},e.createElement(p,{is:R})),e.createElement(_,{ref:k},g),E&&e.createElement(u,{label:"scroll right",size:"md",css:{right:0},onClick:()=>f("right")},e.createElement(p,{is:I})))};b.displayName="TabsTriggerList";export{b as TabsTriggerList};
2	+ //# sourceMappingURL=TabsTriggerList.js.map

package/dist/components/tabs/TabsTriggerList.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TabsTriggerList.js","sources":["../../../src/components/tabs/TabsTriggerList.tsx"],"sourcesContent":["import { List } from '@radix-ui/react-tabs'\nimport React from 'react'\nimport { styled } from '~/stitches'\nimport { ColorScheme } from '~/experiments/color-scheme'\nimport { useWindowSize } from '~/utilities/hooks/useWindowSize'\nimport { useCallbackRefState } from '~/utilities/hooks/useCallbackRef'\nimport { ActionIcon } from '../action-icon'\nimport { Icon } from '../icon'\nimport { ChevronLeft, ChevronRight } from '@atom-learning/icons'\n\nconst StyledContainer = styled(ColorScheme, {\n position: 'relative',\n borderBottom: '1px solid $base3',\n width: '100%'\n})\n\nconst StyledTriggerList = styled(List, {\n flexShrink: 0,\n display: 'flex',\n width: '100%',\n overflowX: 'auto',\n '&::-webkit-scrollbar': { display: 'none' },\n scrollbarWidth: 'none'\n})\n\nconst StyledChevronActionIcon = styled(ActionIcon, {\n height: '100% !important',\n position: 'absolute',\n top: '50%',\n transform: 'translateY(-50%)',\n cursor: 'pointer',\n background: '$background !important',\n color: '$interactive1 !important',\n borderRadius: 0,\n opacity: 0.9\n})\n\nconst SCROLL_PERCENTAGE = 10\nexport const TabsTriggerList: React.FC<\n React.ComponentProps<typeof StyledTriggerList> & {\n colorScheme?: typeof ColorScheme\n }\n> = ({ children, colorScheme = {}, ...rest }) => {\n const [listRef, setListRefCallback] = useCallbackRefState()\n\n const { width: screenWidth } = useWindowSize()\n\n const [showLeftScroller, setShowLeftScroller] = React.useState<boolean>(false)\n const [showRightScroller, setShowRightScroller] =\n React.useState<boolean>(false)\n\n const scrollTriggerListTo = React.useCallback(\n (direction: 'left' | 'right') => {\n if (!listRef) return\n const { scrollWidth, scrollLeft, offsetWidth } = listRef\n const scrollAmount = Math.round(scrollWidth * (SCROLL_PERCENTAGE / 100))\n let left = scrollLeft\n if (direction === 'right') {\n const newScrollAmount = scrollLeft + scrollAmount\n left =\n newScrollAmount + offsetWidth <= scrollWidth\n ? newScrollAmount\n : scrollWidth - offsetWidth\n } else {\n const newScrollAmount = scrollLeft - scrollAmount\n left = newScrollAmount > 0 ? newScrollAmount : 0\n }\n\n listRef.scroll({\n left,\n behavior: 'smooth'\n })\n\n // Relying on setTimeout since scroll does not have a callback / doesn't return a promise :(\n setTimeout(() => {\n const { scrollWidth, scrollLeft, offsetWidth } = listRef\n const scrollDistance = scrollWidth - (scrollLeft + offsetWidth)\n if (scrollLeft === 0) {\n setShowLeftScroller(false)\n setShowRightScroller(true)\n } else if (scrollDistance < 5) {\n // sometimes right button does not hide due to few pixel precision\n setShowRightScroller(false)\n setShowLeftScroller(true)\n } else {\n setShowLeftScroller(true)\n setShowRightScroller(true)\n }\n }, 500)\n },\n [listRef]\n )\n\n React.useEffect(() => {\n if (!listRef) return\n const { offsetWidth, scrollWidth } = listRef\n\n const shouldShowScroller = scrollWidth > offsetWidth\n\n // Scroll to left on resize, hide left scroll button and then decide if right scroll button should be visible or not\n listRef.scroll?.({\n left: 0\n })\n setShowLeftScroller(false)\n setShowRightScroller(shouldShowScroller)\n }, [listRef, screenWidth])\n\n return (\n <StyledContainer\n base=\"slate\"\n accent=\"blue\"\n interactive=\"hiContrast1\"\n {...colorScheme}\n {...rest}\n >\n {showLeftScroller && (\n <StyledChevronActionIcon\n label=\"scroll left\"\n size=\"md\"\n css={{\n left: 0\n }}\n onClick={() => scrollTriggerListTo('left')}\n >\n <Icon is={ChevronLeft} />\n </StyledChevronActionIcon>\n )}\n\n <StyledTriggerList ref={setListRefCallback}>{children}</StyledTriggerList>\n\n {showRightScroller && (\n <StyledChevronActionIcon\n label=\"scroll right\"\n size=\"md\"\n css={{\n right: 0\n }}\n onClick={() => scrollTriggerListTo('right')}\n >\n <Icon is={ChevronRight} />\n </StyledChevronActionIcon>\n )}\n </StyledContainer>\n )\n}\n\nTabsTriggerList.displayName = 'TabsTriggerList'\n"],"names":["StyledContainer","styled","ColorScheme","StyledTriggerList","List","StyledChevronActionIcon","ActionIcon","SCROLL_PERCENTAGE","TabsTriggerList","children","colorScheme","rest","listRef","setListRefCallback","useCallbackRefState","screenWidth","useWindowSize","showLeftScroller","setShowLeftScroller","React","showRightScroller","setShowRightScroller","scrollTriggerListTo","direction","scrollWidth","scrollLeft","offsetWidth","scrollAmount","left","newScrollAmount","scrollDistance","_a","shouldShowScroller","Icon","ChevronLeft","ChevronRight"],"mappings":"mfAUA,MAAMA,EAAkBC,EAAOC,EAAa,CAC1C,SAAU,WACV,aAAc,mBACd,MAAO,MACT,CAAC,EAEKC,EAAoBF,EAAOG,EAAM,CACrC,WAAY,EACZ,QAAS,OACT,MAAO,OACP,UAAW,OACX,uBAAwB,CAAE,QAAS,MAAO,EAC1C,eAAgB,MAClB,CAAC,EAEKC,EAA0BJ,EAAOK,EAAY,CACjD,OAAQ,kBACR,SAAU,WACV,IAAK,MACL,UAAW,mBACX,OAAQ,UACR,WAAY,yBACZ,MAAO,2BACP,aAAc,EACd,QAAS,EACX,CAAC,EAEKC,EAAoB,GACbC,EAIT,CAAC,CAAE,SAAAC,EAAU,YAAAC,EAAc,CAAA,KAAOC,CAAK,IAAM,CAC/C,KAAM,CAACC,EAASC,CAAkB,EAAIC,IAEhC,CAAE,MAAOC,CAAY,EAAIC,EAAAA,EAEzB,CAACC,EAAkBC,CAAmB,EAAIC,EAAM,SAAkB,EAAK,EACvE,CAACC,EAAmBC,CAAoB,EAC5CF,EAAM,SAAkB,EAAK,EAEzBG,EAAsBH,EAAM,YAC/BI,GAAgC,CAC/B,GAAI,CAACX,EAAS,OACd,KAAM,CAAE,YAAAY,EAAa,WAAAC,EAAY,YAAAC,CAAY,EAAId,EAC3Ce,EAAe,KAAK,MAAMH,GAAejB,EAAoB,IAAI,EACvE,IAAIqB,EAAOH,EACX,GAAIF,IAAc,QAAS,CACzB,MAAMM,EAAkBJ,EAAaE,EACrCC,EACEC,EAAkBH,GAAeF,EAC7BK,EACAL,EAAcE,CACtB,KAAO,CACL,MAAMG,EAAkBJ,EAAaE,EACrCC,EAAOC,EAAkB,EAAIA,EAAkB,CACjD,CAEAjB,EAAQ,OAAO,CACb,KAAAgB,EACA,SAAU,QACZ,CAAC,EAGD,WAAW,IAAM,CACf,KAAM,CAAE,YAAAJ,EAAa,WAAAC,EAAY,YAAAC,CAAY,EAAId,EAC3CkB,EAAiBN,GAAeC,EAAaC,GAC/CD,IAAe,GACjBP,EAAoB,EAAK,EACzBG,EAAqB,EAAI,GAChBS,EAAiB,GAE1BT,EAAqB,EAAK,EAC1BH,EAAoB,EAAI,IAExBA,EAAoB,EAAI,EACxBG,EAAqB,EAAI,EAE7B,EAAG,GAAG,CACR,EACA,CAACT,CAAO,CACV,EAEA,OAAAO,EAAM,UAAU,IAAM,CA7FxB,IAAAY,EA8FI,GAAI,CAACnB,EAAS,OACd,KAAM,CAAE,YAAAc,EAAa,YAAAF,CAAY,EAAIZ,EAE/BoB,EAAqBR,EAAcE,GAGzCK,EAAAnB,EAAQ,SAAR,MAAAmB,EAAA,KAAAnB,EAAiB,CACf,KAAM,CACR,CAAA,EACAM,EAAoB,EAAK,EACzBG,EAAqBW,CAAkB,CACzC,EAAG,CAACpB,EAASG,CAAW,CAAC,EAGvBI,EAAA,cAACnB,EAAA,CACC,KAAK,QACL,OAAO,OACP,YAAY,cACX,GAAGU,EACH,GAAGC,CAEHM,EAAAA,GACCE,EAAA,cAACd,EAAA,CACC,MAAM,cACN,KAAK,KACL,IAAK,CACH,KAAM,CACR,EACA,QAAS,IAAMiB,EAAoB,MAAM,CAAA,EAEzCH,EAAA,cAACc,EAAA,CAAK,GAAIC,CAAAA,CAAa,CACzB,EAGFf,EAAA,cAAChB,EAAA,CAAkB,IAAKU,CAAqBJ,EAAAA,CAAS,EAErDW,GACCD,EAAA,cAACd,EAAA,CACC,MAAM,eACN,KAAK,KACL,IAAK,CACH,MAAO,CACT,EACA,QAAS,IAAMiB,EAAoB,OAAO,CAE1CH,EAAAA,EAAA,cAACc,EAAA,CAAK,GAAIE,CAAc,CAAA,CAC1B,CAEJ,CAEJ,EAEA3B,EAAgB,YAAc"}

package/dist/components/text/Text.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import*as o from"react";import{styled as f}from"../../stitches.js";import{capsize as e}from"../../utilities/style/capsize.js";const t={size:{xs:{fontSize:"$xs",lineHeight:1.6,...e(.4364)},sm:{fontSize:"$sm",lineHeight:1.53,...e(.4056)},md:{fontSize:"$md",lineHeight:1.5,...e(.3864)},lg:{fontSize:"$lg",lineHeight:1.52,...e(.3983)},xl:{fontSize:"$xl",lineHeight:1.42,...e(.3506)}},noCapsize:{true:{"&::before, &::after":{display:"none !important"}}}},l=({size:i,noCapsize:n})=>({...t.size[i],...t.noCapsize[`${n}`]}),a=f("p",{fontFamily:"$body",fontWeight:400,margin:0,"& > &":{"&:before, &:after":{display:"none"}},variants:t}),r=o.forwardRef(({size:i="md",...n},s)=>o.createElement(a,{size:i,...n,ref:s}));r.displayName="Text";export{a as StyledText,r as Text,l as getTextVariant,t as textVariants};
2	+ //# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"Text.js","sources":["../../../src/components/text/Text.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { CSS, styled } from '~/stitches'\nimport type { Override } from '~/utilities'\nimport { capsize } from '~/utilities'\n\nexport const textVariants = {\n size: {\n xs: { fontSize: '$xs', lineHeight: 1.6, ...capsize(0.4364) },\n sm: { fontSize: '$sm', lineHeight: 1.53, ...capsize(0.4056) },\n md: { fontSize: '$md', lineHeight: 1.5, ...capsize(0.3864) },\n lg: { fontSize: '$lg', lineHeight: 1.52, ...capsize(0.3983) },\n xl: { fontSize: '$xl', lineHeight: 1.42, ...capsize(0.3506) }\n },\n noCapsize: {\n true: {\n '&::before, &::after': { display: 'none !important' }\n }\n }\n}\n\nexport const getTextVariant: (options: {\n size: keyof typeof textVariants.size\n noCapsize?: boolean\n}) => CSS = ({ size, noCapsize }) => ({\n ...textVariants.size[size],\n ...textVariants.noCapsize[`${noCapsize}`]\n})\n\nexport const StyledText = styled('p', {\n fontFamily: '$body',\n fontWeight: 400,\n margin: 0,\n /** Allow nesting `<Text />` inside `<Text />` without forcing a new line and spacing. */\n '& > &': {\n '&:before, &:after': { display: 'none' }\n },\n variants: textVariants\n})\n\ntype TextProps = Override<\n React.ComponentProps<typeof StyledText>,\n {\n as?:\n | 'blockquote'\n | 'caption'\n | 'dd'\n | 'dt'\n | 'figcaption'\n | 'li'\n | 'p'\n | 'span'\n | 'legend'\n | React.ComponentType\n | React.ElementType\n }\n>\n\nexport const Text: React.ForwardRefExoticComponent<TextProps> =\n React.forwardRef(({ size = 'md', ...remainingProps }, ref) => (\n <StyledText size={size} {...remainingProps} ref={ref} />\n ))\n\nText.displayName = 'Text'\n"],"names":["textVariants","capsize","getTextVariant","size","noCapsize","StyledText","styled","Text","React","remainingProps","ref"],"mappings":"8HAMO,MAAMA,EAAe,CAC1B,KAAM,CACJ,GAAI,CAAE,SAAU,MAAO,WAAY,IAAK,GAAGC,EAAQ,KAAM,CAAE,EAC3D,GAAI,CAAE,SAAU,MAAO,WAAY,KAAM,GAAGA,EAAQ,KAAM,CAAE,EAC5D,GAAI,CAAE,SAAU,MAAO,WAAY,IAAK,GAAGA,EAAQ,KAAM,CAAE,EAC3D,GAAI,CAAE,SAAU,MAAO,WAAY,KAAM,GAAGA,EAAQ,KAAM,CAAE,EAC5D,GAAI,CAAE,SAAU,MAAO,WAAY,KAAM,GAAGA,EAAQ,KAAM,CAAE,CAC9D,EACA,UAAW,CACT,KAAM,CACJ,sBAAuB,CAAE,QAAS,iBAAkB,CACtD,CACF,CACF,EAEaC,EAGD,CAAC,CAAE,KAAAC,EAAM,UAAAC,CAAU,KAAO,CACpC,GAAGJ,EAAa,KAAKG,GACrB,GAAGH,EAAa,UAAU,GAAGI,IAC/B,GAEaC,EAAaC,EAAO,IAAK,CACpC,WAAY,QACZ,WAAY,IACZ,OAAQ,EAER,QAAS,CACP,oBAAqB,CAAE,QAAS,MAAO,CACzC,EACA,SAAUN,CACZ,CAAC,EAoBYO,EACXC,EAAM,WAAW,CAAC,CAAE,KAAAL,EAAO,QAASM,CAAe,EAAGC,IACpDF,EAAA,cAACH,EAAW,CAAA,KAAMF,EAAO,GAAGM,EAAgB,IAAKC,CAAAA,CAAK,CACvD,EAEHH,EAAK,YAAc"}

package/dist/components/textarea/Textarea.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import*as o from"react";import{styled as t}from"../../stitches.js";const n=t("textarea",{boxShadow:"none",fontSize:"$md",appearance:"none",border:"1px solid $tonal400",borderRadius:"$0",boxSizing:"border-box",color:"$tonal600",fontFamily:"$body",fontWeight:400,lineHeight:1.4,minHeight:"$7",px:"$3",py:"calc($2 + $1)",resize:"vertical",transition:"all 75ms ease-out",width:"100%","&:focus":{borderColor:"$primary",outline:"none"},"&[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},"&::placeholder":{color:"$tonal300",opacity:1},variants:{state:{error:{border:"1px solid $danger"}}}}),e=o.forwardRef((r,a)=>o.createElement(n,{...r,ref:a}));e.displayName="Textarea";export{e as Textarea};
2	+ //# sourceMappingURL=Textarea.js.map

package/dist/components/textarea/Textarea.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Textarea.js","sources":["../../../src/components/textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nconst StyledTextarea = styled('textarea', {\n boxShadow: 'none', // remove iOS default styling\n fontSize: '$md', // prevent iOS zooming on focus\n appearance: 'none',\n border: '1px solid $tonal400',\n borderRadius: '$0',\n boxSizing: 'border-box',\n color: '$tonal600',\n fontFamily: '$body',\n fontWeight: 400,\n lineHeight: 1.4,\n minHeight: '$7',\n px: '$3',\n py: 'calc($2 + $1)', // offset the line height of the text\n resize: 'vertical',\n transition: 'all 75ms ease-out',\n width: '100%',\n '&:focus': {\n borderColor: '$primary',\n outline: 'none'\n },\n '&[disabled]': {\n backgroundColor: '$tonal100',\n color: '$tonal400',\n cursor: 'not-allowed'\n },\n '&::placeholder': {\n color: '$tonal300',\n opacity: 1\n },\n variants: {\n state: {\n error: {\n border: '1px solid $danger'\n }\n }\n }\n})\n\nexport type TextareaProps = React.ComponentProps<typeof StyledTextarea>\n\nexport const Textarea: React.FC<TextareaProps> = React.forwardRef(\n (props, ref) => <StyledTextarea {...props} ref={ref} />\n)\n\nTextarea.displayName = 'Textarea'\n"],"names":["StyledTextarea","styled","Textarea","React","props","ref"],"mappings":"mEAIA,MAAMA,EAAiBC,EAAO,WAAY,CACxC,UAAW,OACX,SAAU,MACV,WAAY,OACZ,OAAQ,sBACR,aAAc,KACd,UAAW,aACX,MAAO,YACP,WAAY,QACZ,WAAY,IACZ,WAAY,IACZ,UAAW,KACX,GAAI,KACJ,GAAI,gBACJ,OAAQ,WACR,WAAY,oBACZ,MAAO,OACP,UAAW,CACT,YAAa,WACb,QAAS,MACX,EACA,cAAe,CACb,gBAAiB,YACjB,MAAO,YACP,OAAQ,aACV,EACA,iBAAkB,CAChB,MAAO,YACP,QAAS,CACX,EACA,SAAU,CACR,MAAO,CACL,MAAO,CACL,OAAQ,mBACV,CACF,CACF,CACF,CAAC,EAIYC,EAAoCC,EAAM,WACrD,CAACC,EAAOC,IAAQF,EAAA,cAACH,EAAA,CAAgB,GAAGI,EAAO,IAAKC,CAAK,CAAA,CACvD,EAEAH,EAAS,YAAc"}

package/dist/components/textarea-field/TextareaField.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import*as i from"react";import{useFormContext as c}from"react-hook-form";import{FieldWrapper as f}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as u}from"../form/useFieldError.js";import{Textarea as x}from"../textarea/Textarea.js";const a=({css:m=void 0,label:p,name:r,validation:e,prompt:l,description:d,...s})=>{const{register:o}=c(),{error:t}=u(r),n=e?o(e):o;return i.createElement(f,{css:m,description:d,error:t,fieldId:r,label:p,prompt:l,required:Boolean(e==null?void 0:e.required)},i.createElement(x,{id:r,name:r,ref:n,...t&&{state:"error"},...s}))};a.displayName="TextareaField";export{a as TextareaField};
2	+ //# sourceMappingURL=TextareaField.js.map

package/dist/components/textarea-field/TextareaField.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TextareaField.js","sources":["../../../src/components/textarea-field/TextareaField.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useFormContext } from 'react-hook-form'\n\nimport {\n FieldElementWrapperProps,\n FieldWrapper\n} from '~/components/field-wrapper'\nimport { useFieldError } from '~/components/form'\nimport { Textarea, TextareaProps } from '~/components/textarea'\n\ntype TextareaFieldProps = TextareaProps & FieldElementWrapperProps\n\nexport const TextareaField: React.FC<TextareaFieldProps> = ({\n css = undefined,\n label,\n name,\n validation,\n prompt,\n description,\n ...remainingProps\n}) => {\n const { register } = useFormContext()\n const { error } = useFieldError(name)\n\n const ref = validation ? register(validation) : register\n\n return (\n <FieldWrapper\n css={css}\n description={description}\n error={error}\n fieldId={name}\n label={label}\n prompt={prompt}\n required={Boolean(validation?.required)}\n >\n <Textarea\n id={name}\n name={name}\n ref={ref}\n {...(error && { state: 'error' })}\n {...remainingProps}\n />\n </FieldWrapper>\n )\n}\n\nTextareaField.displayName = 'TextareaField'\n"],"names":["TextareaField","css","label","name","validation","prompt","description","remainingProps","register","useFormContext","error","useFieldError","ref","React","FieldWrapper","Textarea"],"mappings":"kUAYaA,EAA8C,CAAC,CAC1D,IAAAC,EAAM,OACN,MAAAC,EACA,KAAAC,EACA,WAAAC,EACA,OAAAC,EACA,YAAAC,KACGC,CACL,IAAM,CACJ,KAAM,CAAE,SAAAC,CAAS,EAAIC,IACf,CAAE,MAAAC,CAAM,EAAIC,EAAcR,CAAI,EAE9BS,EAAMR,EAAaI,EAASJ,CAAU,EAAII,EAEhD,OACEK,EAAA,cAACC,EAAA,CACC,IAAKb,EACL,YAAaK,EACb,MAAOI,EACP,QAASP,EACT,MAAOD,EACP,OAAQG,EACR,SAAU,QAAQD,GAAA,KAAA,OAAAA,EAAY,QAAQ,CAAA,EAEtCS,EAAA,cAACE,EAAA,CACC,GAAIZ,EACJ,KAAMA,EACN,IAAKS,EACJ,GAAIF,GAAS,CAAE,MAAO,OAAQ,EAC9B,GAAGH,EACN,CACF,CAEJ,EAEAP,EAAc,YAAc"}

package/dist/components/toast/Toast.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import{Error as g,Close as h}from"@atom-learning/icons";import*as t from"react";import{toast as v}from"react-hot-toast";import{keyframes as a,styled as i}from"../../stitches.js";import{ActionIcon as y}from"../action-icon/ActionIcon.js";import{Icon as s}from"../icon/Icon.js";import{Loader as $}from"../loader/Loader.js";import{Text as w}from"../text/Text.js";const n=400,x=a({"0%":{transform:"translate3d(0,-100%,0)",opacity:0},"100%":{transform:"translate3d(0,0,0)",opacity:1}}),E=a({"0%":{transform:"translate3d(0,0,0)",opacity:1},"100%":{transform:"translate3d(0,-100%,0)",opacity:0}}),k=i("div",{position:"absolute",width:"100%",variants:{visible:{true:{"@allowMotion":{animation:`${x} 250ms cubic-bezier(0.22, 1, 0.36, 1)`}},false:{opacity:0,"@allowMotion":{animation:`${E} 250ms cubic-bezier(0.22, 1, 0.36, 1)`}}}}}),I=i("div",{pointerEvents:"auto",alignItems:"center",borderRadius:"$0",boxShadow:"$1",boxSizing:"border-box",color:"white",display:"flex",minHeight:"$5",pl:"$4",position:"relative",pr:"$6",py:"$4",transition:"background-color 50ms ease-out",width:"100%","@sm":{width:n},"@allowMotion":{transition:"background-color 50ms ease-out, transform 150ms ease-out"},variants:{status:{blank:{bg:"$primary"},error:{bg:"$danger"},loading:{bg:"$primary"},success:{bg:"$success"}}}}),T=t.memo(({ariaLive:l,height:m,id:e,message:c,role:p,type:o="blank",visible:d,calculateOffset:u,updateHeight:b})=>{const f=u(e,{reverseOrder:!0,margin:8});return t.createElement(k,{visible:d},t.createElement(I,{ref:r=>{r&&m===void 0&&b(e,r.getBoundingClientRect().height)},status:o,role:p,"aria-live":l,style:{transform:`translateY(${f}px)`}},o==="error"&&t.createElement(s,{size:"sm",css:{mr:"$3",flex:"0 0 auto"},is:g}),t.createElement(w,null,c),o==="loading"?t.createElement($,{css:{flex:"0 0 auto",ml:"auto"}}):t.createElement(y,{css:{position:"absolute",top:"$2",right:"$2",color:"white","&:hover,&:focus":{color:"white",opacity:.5}},label:"Close alert",onClick:()=>v.dismiss(e)},t.createElement(s,{is:h}))))});export{n as TOAST_WIDTH,T as Toast};
2	+ //# sourceMappingURL=Toast.js.map

package/dist/components/toast/Toast.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Toast.js","sources":["../../../src/components/toast/Toast.tsx"],"sourcesContent":["import { Close, Error } from '@atom-learning/icons'\nimport * as React from 'react'\nimport { toast } from 'react-hot-toast'\nimport type { Toast as ToastInterface } from 'react-hot-toast/dist/core/types'\n\nimport { keyframes, styled } from '~/stitches'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\nimport { Loader } from '../loader/Loader'\nimport { Text } from '../text/Text'\n\nexport const TOAST_WIDTH = 400\n\nconst slideIn = keyframes({\n '0%': { transform: `translate3d(0,-100%,0)`, opacity: 0 },\n '100%': { transform: `translate3d(0,0,0)`, opacity: 1 }\n})\nconst slideOut = keyframes({\n '0%': { transform: `translate3d(0,0,0)`, opacity: 1 },\n '100%': { transform: `translate3d(0,-100%,0)`, opacity: 0 }\n})\n\nconst ToastContainer = styled('div', {\n position: 'absolute',\n width: '100%',\n variants: {\n visible: {\n true: {\n '@allowMotion': {\n animation: `${slideIn} 250ms cubic-bezier(0.22, 1, 0.36, 1)`\n }\n },\n false: {\n opacity: 0,\n '@allowMotion': {\n animation: `${slideOut} 250ms cubic-bezier(0.22, 1, 0.36, 1)`\n }\n }\n }\n }\n})\n\nconst StyledToast = styled('div', {\n pointerEvents: 'auto',\n alignItems: 'center',\n borderRadius: '$0',\n boxShadow: '$1',\n boxSizing: 'border-box',\n color: 'white',\n display: 'flex',\n minHeight: '$5',\n pl: '$4',\n position: 'relative',\n pr: '$6',\n py: '$4',\n transition: 'background-color 50ms ease-out',\n width: '100%',\n '@sm': {\n width: TOAST_WIDTH\n },\n '@allowMotion': {\n transition: 'background-color 50ms ease-out, transform 150ms ease-out'\n },\n variants: {\n status: {\n blank: { bg: '$primary' },\n error: { bg: '$danger' },\n loading: { bg: '$primary' },\n success: { bg: '$success' }\n }\n }\n})\n\ntype ToastProps = React.ComponentProps<typeof StyledToast> &\n ToastInterface & {\n calculateOffset: (\n id: string,\n options?: {\n reverseOrder?: boolean\n margin?: number\n }\n ) => number\n updateHeight: (toastId: string, height: number) => void\n }\n\nexport const Toast: React.FC<ToastProps> = React.memo(\n ({\n ariaLive,\n height,\n id,\n message,\n role,\n type = 'blank',\n visible,\n calculateOffset,\n updateHeight\n }) => {\n const offset = calculateOffset(id, {\n reverseOrder: true,\n margin: 8\n })\n\n const ref = (el) => {\n if (el && height === undefined) {\n updateHeight(id, el.getBoundingClientRect().height)\n }\n }\n\n return (\n <ToastContainer visible={visible}>\n <StyledToast\n ref={ref}\n status={type}\n role={role}\n aria-live={ariaLive}\n style={{ transform: `translateY(${offset}px)` }}\n >\n {type === 'error' && (\n <Icon size=\"sm\" css={{ mr: '$3', flex: '0 0 auto' }} is={Error} />\n )}\n <Text>{message}</Text>\n {type === 'loading' ? (\n <Loader css={{ flex: '0 0 auto', ml: 'auto' }} />\n ) : (\n <ActionIcon\n css={{\n position: 'absolute',\n top: '$2',\n right: '$2',\n color: 'white',\n '&:hover,&:focus': { color: 'white', opacity: 0.5 }\n }}\n label=\"Close alert\"\n onClick={() => toast.dismiss(id)}\n >\n <Icon is={Close} />\n </ActionIcon>\n )}\n </StyledToast>\n </ToastContainer>\n )\n }\n)\n"],"names":["TOAST_WIDTH","slideIn","keyframes","slideOut","ToastContainer","styled","StyledToast","Toast","React","ariaLive","height","id","message","role","type","visible","calculateOffset","updateHeight","offset","el","Icon","Error","Text","Loader","ActionIcon","toast","Close"],"mappings":"6WAYaA,EAAc,IAErBC,EAAUC,EAAU,CACxB,KAAM,CAAE,UAAW,yBAA0B,QAAS,CAAE,EACxD,OAAQ,CAAE,UAAW,qBAAsB,QAAS,CAAE,CACxD,CAAC,EACKC,EAAWD,EAAU,CACzB,KAAM,CAAE,UAAW,qBAAsB,QAAS,CAAE,EACpD,OAAQ,CAAE,UAAW,yBAA0B,QAAS,CAAE,CAC5D,CAAC,EAEKE,EAAiBC,EAAO,MAAO,CACnC,SAAU,WACV,MAAO,OACP,SAAU,CACR,QAAS,CACP,KAAM,CACJ,eAAgB,CACd,UAAW,GAAGJ,wCAChB,CACF,EACA,MAAO,CACL,QAAS,EACT,eAAgB,CACd,UAAW,GAAGE,wCAChB,CACF,CACF,CACF,CACF,CAAC,EAEKG,EAAcD,EAAO,MAAO,CAChC,cAAe,OACf,WAAY,SACZ,aAAc,KACd,UAAW,KACX,UAAW,aACX,MAAO,QACP,QAAS,OACT,UAAW,KACX,GAAI,KACJ,SAAU,WACV,GAAI,KACJ,GAAI,KACJ,WAAY,iCACZ,MAAO,OACP,MAAO,CACL,MAAOL,CACT,EACA,eAAgB,CACd,WAAY,0DACd,EACA,SAAU,CACR,OAAQ,CACN,MAAO,CAAE,GAAI,UAAW,EACxB,MAAO,CAAE,GAAI,SAAU,EACvB,QAAS,CAAE,GAAI,UAAW,EAC1B,QAAS,CAAE,GAAI,UAAW,CAC5B,CACF,CACF,CAAC,EAcYO,EAA8BC,EAAM,KAC/C,CAAC,CACC,SAAAC,EACA,OAAAC,EACA,GAAAC,EACA,QAAAC,EACA,KAAAC,EACA,KAAAC,EAAO,QACP,QAAAC,EACA,gBAAAC,EACA,aAAAC,CACF,IAAM,CACJ,MAAMC,EAASF,EAAgBL,EAAI,CACjC,aAAc,GACd,OAAQ,CACV,CAAC,EAQD,OACEH,EAAA,cAACJ,EAAA,CAAe,QAASW,CAAAA,EACvBP,EAAA,cAACF,EAAA,CACC,IATOa,GAAO,CACdA,GAAMT,IAAW,QACnBO,EAAaN,EAAIQ,EAAG,sBAAA,EAAwB,MAAM,CAEtD,EAMM,OAAQL,EACR,KAAMD,EACN,YAAWJ,EACX,MAAO,CAAE,UAAW,cAAcS,MAAY,CAAA,EAE7CJ,IAAS,SACRN,EAAA,cAACY,EAAA,CAAK,KAAK,KAAK,IAAK,CAAE,GAAI,KAAM,KAAM,UAAW,EAAG,GAAIC,CAAO,CAAA,EAElEb,EAAA,cAACc,EAAA,KAAMV,CAAQ,EACdE,IAAS,UACRN,EAAA,cAACe,EAAA,CAAO,IAAK,CAAE,KAAM,WAAY,GAAI,MAAO,CAAA,CAAG,EAE/Cf,EAAA,cAACgB,EAAA,CACC,IAAK,CACH,SAAU,WACV,IAAK,KACL,MAAO,KACP,MAAO,QACP,kBAAmB,CAAE,MAAO,QAAS,QAAS,EAAI,CACpD,EACA,MAAM,cACN,QAAS,IAAMC,EAAM,QAAQd,CAAE,CAE/BH,EAAAA,EAAA,cAACY,EAAA,CAAK,GAAIM,CAAAA,CAAO,CACnB,CAEJ,CACF,CAEJ,CACF"}

package/dist/components/toast/ToastProvider.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import*as t from"react";import{useToaster as p}from"react-hot-toast";import{default as P}from"react-hot-toast";import{styled as c}from"../../stitches.js";import{TOAST_WIDTH as d,Toast as f}from"./Toast.js";import{MAX_Z_INDEX as u}from"../../constants/zIndices.js";const T=c("div",{left:"$2",position:"fixed",top:"$2",right:"$2",zIndex:u,"@sm":{top:"$3",right:"auto",left:`calc(50% - ${d/2}px)`}}),o=({children:a})=>{const{toasts:r,handlers:s}=p(),{startPause:i,endPause:m,calculateOffset:n,updateHeight:l}=s;return t.createElement(t.Fragment,null,t.createElement(T,{onMouseEnter:i,onMouseLeave:m},r.map(e=>t.createElement(f,{key:e.id,calculateOffset:n,updateHeight:l,...e}))),a)};o.displayName="ToastProvider";export{o as ToastProvider,P as toast};
2	+ //# sourceMappingURL=ToastProvider.js.map

package/dist/components/toast/ToastProvider.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ToastProvider.js","sources":["../../../src/components/toast/ToastProvider.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useToaster } from 'react-hot-toast'\n\nimport { styled } from '~/stitches'\n\nimport { Toast, TOAST_WIDTH } from './Toast'\n\nexport { default as toast } from 'react-hot-toast'\nimport { MAX_Z_INDEX } from '~/constants/zIndices'\n\nconst Container = styled('div', {\n left: '$2',\n position: 'fixed',\n top: '$2',\n right: '$2',\n zIndex: MAX_Z_INDEX,\n '@sm': {\n top: '$3',\n right: 'auto',\n left: `calc(50% - ${TOAST_WIDTH / 2}px)`\n }\n})\n\nexport const ToastProvider: React.FC = ({ children }) => {\n const { toasts, handlers } = useToaster()\n const { startPause, endPause, calculateOffset, updateHeight } = handlers\n\n return (\n <>\n <Container onMouseEnter={startPause} onMouseLeave={endPause}>\n {toasts.map((toast) => (\n <Toast\n key={toast.id}\n calculateOffset={calculateOffset}\n updateHeight={updateHeight}\n {...toast}\n />\n ))}\n </Container>\n {children}\n </>\n )\n}\n\nToastProvider.displayName = 'ToastProvider'\n"],"names":["Container","styled","MAX_Z_INDEX","TOAST_WIDTH","ToastProvider","children","toasts","handlers","useToaster","startPause","endPause","calculateOffset","updateHeight","React","toast","Toast"],"mappings":"wQAUA,MAAMA,EAAYC,EAAO,MAAO,CAC9B,KAAM,KACN,SAAU,QACV,IAAK,KACL,MAAO,KACP,OAAQC,EACR,MAAO,CACL,IAAK,KACL,MAAO,OACP,KAAM,cAAcC,EAAc,MACpC,CACF,CAAC,EAEYC,EAA0B,CAAC,CAAE,SAAAC,CAAS,IAAM,CACvD,KAAM,CAAE,OAAAC,EAAQ,SAAAC,CAAS,EAAIC,EAAW,EAClC,CAAE,WAAAC,EAAY,SAAAC,EAAU,gBAAAC,EAAiB,aAAAC,CAAa,EAAIL,EAEhE,OACEM,EAAA,cAAAA,EAAA,SACEA,KAAAA,EAAA,cAACb,EAAA,CAAU,aAAcS,EAAY,aAAcC,CAAAA,EAChDJ,EAAO,IAAKQ,GACXD,EAAA,cAACE,EAAA,CACC,IAAKD,EAAM,GACX,gBAAiBH,EACjB,aAAcC,EACb,GAAGE,CACN,CAAA,CACD,CACH,EACCT,CACH,CAEJ,EAEAD,EAAc,YAAc"}

package/dist/components/toggle-group/ToggleGroupButton.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	importas n from"react";import{styled as f}from"../../stitches.js";import{StyledIcon as g,Icon as r}from"../icon/Icon.js";import{StyledItem as h}from"./ToggleGroupItem.js";const s={sm:"32px",md:"40px",lg:"48px"},u={sm:"$4",md:"$5",lg:"$5"},x={sm:"$2",md:"$3",lg:"$3"},l=i=>({fontSize:`$${i}`,px:u[i],minHeight:s[i],"& > :not(:last-child)":{mr:x[i]}}),d=f(h,{flexGrow:1,display:"flex",alignItems:"center",justifyContent:"center",fontWeight:600,lineHeight:1,py:"$1",[`& ${g}`]:{flexShrink:0},variants:{size:{sm:l("sm"),md:l("md"),lg:l("lg")},isIconOnly:{true:{}}},compoundVariants:[{isIconOnly:!0,size:"sm",css:{minWidth:s.sm,p:0}},{isIconOnly:!0,size:"md",css:{minWidth:s.md,p:0}},{isIconOnly:!0,size:"lg",css:{minWidth:s.lg,p:0}}]}),I=n.forwardRef(({size:i="md",children:p,...c},y)=>{var m;const t=n.Children.toArray(p),o=t.length<=1,a=o&&n.isValidElement(t[0])&&((m=t[0])==null?void 0:m.type)===r;return n.createElement(d,{ref:y,size:i,isIconOnly:a,...c},t.map(e=>!o&&(typeof e=="string"\|\|typeof e=="number")?n.createElement("span",{key:e},e):n.isValidElement(e)&&(e==null?void 0:e.type)===r?n.cloneElement(e,{...e.props,size:i}):e))});export{d as StyledButton,I as ToggleGroupButton};
2	+ //# sourceMappingURL=ToggleGroupButton.js.map

package/dist/components/toggle-group/ToggleGroupButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ToggleGroupButton.js","sources":["../../../src/components/toggle-group/ToggleGroupButton.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Icon, StyledIcon } from '../icon'\nimport { StyledItem } from './ToggleGroupItem'\n\nconst minHeight = {\n sm: '32px',\n md: '40px',\n lg: '48px'\n}\n\nconst px = {\n sm: '$4',\n md: '$5',\n lg: '$5'\n}\n\nconst spacingBetweenElements = {\n sm: '$2',\n md: '$3',\n lg: '$3'\n}\n\nconst getSizeVariant = (size) => ({\n fontSize: `$${size}`,\n px: px[size],\n minHeight: minHeight[size],\n '& > *:not(:last-child)': {\n mr: spacingBetweenElements[size]\n }\n})\n\nexport const StyledButton = styled(StyledItem, {\n flexGrow: 1,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n fontWeight: 600,\n lineHeight: 1,\n py: '$1',\n [`& ${StyledIcon}`]: {\n flexShrink: 0\n },\n variants: {\n size: {\n sm: getSizeVariant('sm'),\n md: getSizeVariant('md'),\n lg: getSizeVariant('lg')\n },\n isIconOnly: {\n true: {}\n }\n },\n compoundVariants: [\n {\n isIconOnly: true,\n size: 'sm',\n css: {\n minWidth: minHeight.sm,\n p: 0\n }\n },\n {\n isIconOnly: true,\n size: 'md',\n css: {\n minWidth: minHeight.md,\n p: 0\n }\n },\n {\n isIconOnly: true,\n size: 'lg',\n css: {\n minWidth: minHeight.lg,\n p: 0\n }\n }\n ]\n})\n\nexport const ToggleGroupButton: React.ForwardRefExoticComponent<\n React.ComponentProps<typeof StyledButton>\n> = React.forwardRef(({ size = 'md', children, ...rest }, ref) => {\n const childrenArray = React.Children.toArray(children)\n const isSingleChild = childrenArray.length <= 1\n const isIconOnly =\n isSingleChild &&\n React.isValidElement(childrenArray[0]) &&\n childrenArray[0]?.type === Icon\n\n return (\n <StyledButton ref={ref} size={size} isIconOnly={isIconOnly} {...rest}>\n {\n childrenArray.map((child) => {\n if (\n !isSingleChild &&\n (typeof child === 'string' || typeof child === 'number')\n )\n return <span key={child}>{child}</span>\n if (React.isValidElement(child)) {\n if (child?.type === Icon)\n return React.cloneElement(child, { ...child.props, size })\n }\n return child\n }) as React.ReactElement[]\n }\n </StyledButton>\n )\n})\n"],"names":["minHeight","px","spacingBetweenElements","getSizeVariant","size","StyledButton","styled","StyledItem","StyledIcon","ToggleGroupButton","React","children","rest","ref","_a","childrenArray","isSingleChild","isIconOnly","Icon","child"],"mappings":"4KAOA,MAAMA,EAAY,CAChB,GAAI,OACJ,GAAI,OACJ,GAAI,MACN,EAEMC,EAAK,CACT,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEMC,EAAyB,CAC7B,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAEMC,EAAkBC,IAAU,CAChC,SAAU,IAAIA,IACd,GAAIH,EAAGG,GACP,UAAWJ,EAAUI,GACrB,yBAA0B,CACxB,GAAIF,EAAuBE,EAC7B,CACF,GAEaC,EAAeC,EAAOC,EAAY,CAC7C,SAAU,EACV,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,WAAY,IACZ,WAAY,EACZ,GAAI,KACJ,CAAC,KAAKC,KAAe,CACnB,WAAY,CACd,EACA,SAAU,CACR,KAAM,CACJ,GAAIL,EAAe,IAAI,EACvB,GAAIA,EAAe,IAAI,EACvB,GAAIA,EAAe,IAAI,CACzB,EACA,WAAY,CACV,KAAM,CACR,CAAA,CACF,EACA,iBAAkB,CAChB,CACE,WAAY,GACZ,KAAM,KACN,IAAK,CACH,SAAUH,EAAU,GACpB,EAAG,CACL,CACF,EACA,CACE,WAAY,GACZ,KAAM,KACN,IAAK,CACH,SAAUA,EAAU,GACpB,EAAG,CACL,CACF,EACA,CACE,WAAY,GACZ,KAAM,KACN,IAAK,CACH,SAAUA,EAAU,GACpB,EAAG,CACL,CACF,CACF,CACF,CAAC,EAEYS,EAETC,EAAM,WAAW,CAAC,CAAE,KAAAN,EAAO,KAAM,SAAAO,KAAaC,CAAK,EAAGC,IAAQ,CArFlE,IAAAC,EAsFE,MAAMC,EAAgBL,EAAM,SAAS,QAAQC,CAAQ,EAC/CK,EAAgBD,EAAc,QAAU,EACxCE,EACJD,GACAN,EAAM,eAAeK,EAAc,EAAE,KACrCD,EAAAC,EAAc,KAAd,KAAAD,OAAAA,EAAkB,QAASI,EAE7B,OACER,EAAA,cAACL,EAAA,CAAa,IAAKQ,EAAK,KAAMT,EAAM,WAAYa,EAAa,GAAGL,CAAAA,EAE5DG,EAAc,IAAKI,GAEf,CAACH,IACA,OAAOG,GAAU,UAAY,OAAOA,GAAU,UAExCT,EAAA,cAAC,OAAA,CAAK,IAAKS,CAAAA,EAAQA,CAAM,EAC9BT,EAAM,eAAeS,CAAK,IACxBA,GAAA,KAAA,OAAAA,EAAO,QAASD,EACXR,EAAM,aAAaS,EAAO,CAAE,GAAGA,EAAM,MAAO,KAAAf,CAAK,CAAC,EAEtDe,CACR,CAEL,CAEJ,CAAC"}

package/dist/components/toggle-group/ToggleGroupItem.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import*as t from"@radix-ui/react-toggle-group";import{styled as e}from"../../stitches.js";import{focusVisibleStyleBlock as o}from"../../utilities/style/focus-visible-style-block.js";const r=e(t.Item,{bg:"white",color:"$tonal400",border:"1px solid $tonal200",cursor:"pointer","&::before":{background:"$tonal200"},"&:not([disabled])":{'&:hover, &:focus-visible, &[data-state="on"]':{"&::before":{background:"none"}},"&:hover":{borderColor:"currentColor !important",color:"$primaryMid"},"&:focus-visible":{...o(),'&[data-state="off"]':{borderColor:"$tonal200 !important"},'&[data-state="on"]':{boxShadow:`inset currentColor 0px 0px 0px 1px, ${o().boxShadow}`}}},"&[disabled]":{opacity:.3,cursor:"not-allowed"},'&[data-state="on"]':{color:"$primary",borderColor:"currentColor !important",boxShadow:"inset currentColor 0px 0px 0px 1px"}}),a=r;export{r as StyledItem,a as ToggleGroupItem};
2	+ //# sourceMappingURL=ToggleGroupItem.js.map

package/dist/components/toggle-group/ToggleGroupItem.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ToggleGroupItem.js","sources":["../../../src/components/toggle-group/ToggleGroupItem.tsx"],"sourcesContent":["import * as ToggleGroup from '@radix-ui/react-toggle-group'\n\nimport { styled } from '~/stitches'\nimport { focusVisibleStyleBlock } from '~/utilities'\n\nexport const StyledItem = styled(ToggleGroup.Item, {\n bg: 'white',\n color: '$tonal400',\n border: '1px solid $tonal200',\n cursor: 'pointer',\n '&::before': {\n background: '$tonal200'\n },\n '&:not([disabled])': {\n '&:hover, &:focus-visible, &[data-state=\"on\"]': {\n '&::before': {\n background: 'none'\n }\n },\n '&:hover': {\n borderColor: 'currentColor !important',\n color: '$primaryMid'\n },\n '&:focus-visible': {\n ...focusVisibleStyleBlock(),\n '&[data-state=\"off\"]': {\n borderColor: '$tonal200 !important'\n },\n '&[data-state=\"on\"]': {\n boxShadow: `inset currentColor 0px 0px 0px 1px, ${\n focusVisibleStyleBlock().boxShadow\n }`\n }\n }\n },\n '&[disabled]': {\n opacity: 0.3,\n cursor: 'not-allowed'\n },\n '&[data-state=\"on\"]': {\n color: '$primary',\n borderColor: 'currentColor !important',\n boxShadow: 'inset currentColor 0px 0px 0px 1px'\n }\n})\n\nexport const ToggleGroupItem = StyledItem\n"],"names":["StyledItem","styled","ToggleGroup","focusVisibleStyleBlock","ToggleGroupItem"],"mappings":"sLAKO,MAAMA,EAAaC,EAAOC,EAAY,KAAM,CACjD,GAAI,QACJ,MAAO,YACP,OAAQ,sBACR,OAAQ,UACR,YAAa,CACX,WAAY,WACd,EACA,oBAAqB,CACnB,+CAAgD,CAC9C,YAAa,CACX,WAAY,MACd,CACF,EACA,UAAW,CACT,YAAa,0BACb,MAAO,aACT,EACA,kBAAmB,CACjB,GAAGC,EAAAA,EACH,sBAAuB,CACrB,YAAa,sBACf,EACA,qBAAsB,CACpB,UAAW,uCACTA,IAAyB,WAE7B,CACF,CACF,EACA,cAAe,CACb,QAAS,GACT,OAAQ,aACV,EACA,qBAAsB,CACpB,MAAO,WACP,YAAa,0BACb,UAAW,oCACb,CACF,CAAC,EAEYC,EAAkBJ"}

package/dist/components/toggle-group/ToggleGroupRoot.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	importas h from"@radix-ui/react-toggle-group";importas r from"react";import{Stack as f}from"../stack/Stack.js";import{styled as m}from"../../stitches.js";import{StyledItem as t}from"./ToggleGroupItem.js";const s=m(h.Root,{width:"fit-content",variants:{isFullWidth:{true:{width:"100%",[`& ${t}`]:{flexBasis:0,flexGrow:1}}},hasGap:{true:{[`& ${t}`]:{borderRadius:"$0"}},false:{borderRadius:"$0",bg:"white",[`& ${t}`]:{bg:"transparent",borderRadius:0,position:"relative","&:not(:last-child)::before":{content:"",position:"absolute"}}}},direction:{column:{},row:{}}},compoundVariants:[{hasGap:!1,direction:"row",css:{[`& ${t}`]:{"&:not(:last-child)::before":{top:"-1px",height:"calc(100% + 2px)",width:"1px",right:"0",transform:"translateX(150%)"},"&:not(:first-child)":{borderLeftColor:"transparent"},"&:not(:last-child)":{borderRightColor:"transparent"},"&:first-child":{borderTopLeftRadius:"$0",borderBottomLeftRadius:"$0"},"&:last-child":{borderTopRightRadius:"$0",borderBottomRightRadius:"$0"}}}},{hasGap:!1,direction:"column",css:{[`& ${t}`]:{"&:not(:last-child)::before":{bottom:0,left:"-1px",height:"1px",width:"calc(100% + 2px)",transform:"translateY(150%)"},"&:first-child":{borderTopLeftRadius:"$0",borderTopRightRadius:"$0"},"&:last-child":{borderBottomLeftRadius:"$0",borderBottomRightRadius:"$0"},"&:not(:first-child)":{borderTopColor:"transparent"},"&:not(:last-child)":{borderBottomColor:"transparent"}}}}]}),u=o=>o==="horizontal"?"row":"column",b=r.forwardRef(({orientation:o="horizontal",gap:i=!1,isFullWidth:n,children:d,wrap:l="no-wrap",...p},c)=>{const e=typeof i=="number",a=u(o);return r.createElement(s,{ref:c,direction:a,hasGap:e,isFullWidth:n,orientation:o,...p},r.createElement(f,{direction:a,gap:e&&i,align:!1,wrap:l},d))});export{s as StyledRoot,b as ToggleGroupRoot};
2	+ //# sourceMappingURL=ToggleGroupRoot.js.map

package/dist/components/toggle-group/ToggleGroupRoot.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ToggleGroupRoot.js","sources":["../../../src/components/toggle-group/ToggleGroupRoot.tsx"],"sourcesContent":["import * as ToggleGroup from '@radix-ui/react-toggle-group'\nimport * as React from 'react'\n\nimport { Stack } from '~/components/stack'\nimport { styled } from '~/stitches'\n\nimport { StyledItem } from './ToggleGroupItem'\n\ntype RootType = {\n orientation?: 'horizontal' | 'vertical'\n gap?: number\n isFullWidth?: boolean\n wrap?: 'wrap' | 'no-wrap' | 'wrap-reverse'\n}\n\nexport const StyledRoot = styled(ToggleGroup.Root, {\n width: 'fit-content',\n variants: {\n isFullWidth: {\n true: {\n width: '100%',\n [`& ${StyledItem}`]: {\n flexBasis: 0,\n flexGrow: 1\n }\n }\n },\n hasGap: {\n true: {\n [`& ${StyledItem}`]: { borderRadius: '$0' }\n },\n false: {\n borderRadius: '$0',\n bg: 'white',\n [`& ${StyledItem}`]: {\n bg: 'transparent',\n borderRadius: 0,\n position: 'relative',\n '&:not(:last-child)::before': {\n content: '',\n position: 'absolute'\n }\n }\n }\n },\n direction: {\n column: {},\n row: {}\n }\n },\n compoundVariants: [\n {\n hasGap: false,\n direction: 'row',\n css: {\n [`& ${StyledItem}`]: {\n '&:not(:last-child)::before': {\n top: '-1px',\n height: 'calc(100% + 2px)',\n width: '1px',\n right: '0',\n transform: 'translateX(150%)'\n },\n '&:not(:first-child)': {\n borderLeftColor: 'transparent'\n },\n '&:not(:last-child)': {\n borderRightColor: 'transparent'\n },\n '&:first-child': {\n borderTopLeftRadius: '$0',\n borderBottomLeftRadius: '$0'\n },\n '&:last-child': {\n borderTopRightRadius: '$0',\n borderBottomRightRadius: '$0'\n }\n }\n }\n },\n {\n hasGap: false,\n direction: 'column',\n css: {\n [`& ${StyledItem}`]: {\n '&:not(:last-child)::before': {\n bottom: 0,\n left: '-1px',\n height: '1px',\n width: 'calc(100% + 2px)',\n transform: 'translateY(150%)'\n },\n '&:first-child': {\n borderTopLeftRadius: '$0',\n borderTopRightRadius: '$0'\n },\n '&:last-child': {\n borderBottomLeftRadius: '$0',\n borderBottomRightRadius: '$0'\n },\n '&:not(:first-child)': {\n borderTopColor: 'transparent'\n },\n '&:not(:last-child)': {\n borderBottomColor: 'transparent'\n }\n }\n }\n }\n ]\n})\n\nconst orientationToDirection = (orientation) =>\n orientation === 'horizontal' ? 'row' : 'column'\n\nexport const ToggleGroupRoot: React.ForwardRefExoticComponent<\n React.ComponentProps<typeof StyledRoot> & RootType\n> = React.forwardRef(\n (\n {\n orientation = 'horizontal',\n gap = false,\n isFullWidth,\n children,\n wrap = 'no-wrap',\n ...rest\n },\n ref\n ) => {\n const hasGap = typeof gap === 'number'\n const direction = orientationToDirection(orientation)\n return (\n <StyledRoot\n ref={ref}\n direction={direction}\n hasGap={hasGap}\n isFullWidth={isFullWidth}\n orientation={orientation}\n {...rest}\n >\n <Stack\n direction={direction}\n gap={hasGap && gap}\n align={false}\n wrap={wrap}\n >\n {children}\n </Stack>\n </StyledRoot>\n )\n }\n)\n"],"names":["StyledRoot","styled","ToggleGroup","StyledItem","orientationToDirection","orientation","ToggleGroupRoot","React","gap","isFullWidth","children","wrap","rest","ref","hasGap","direction","Stack"],"mappings":"8MAea,MAAAA,EAAaC,EAAOC,EAAY,KAAM,CACjD,MAAO,cACP,SAAU,CACR,YAAa,CACX,KAAM,CACJ,MAAO,OACP,CAAC,KAAKC,KAAe,CACnB,UAAW,EACX,SAAU,CACZ,CACF,CACF,EACA,OAAQ,CACN,KAAM,CACJ,CAAC,KAAKA,KAAe,CAAE,aAAc,IAAK,CAC5C,EACA,MAAO,CACL,aAAc,KACd,GAAI,QACJ,CAAC,KAAKA,KAAe,CACnB,GAAI,cACJ,aAAc,EACd,SAAU,WACV,6BAA8B,CAC5B,QAAS,GACT,SAAU,UACZ,CACF,CACF,CACF,EACA,UAAW,CACT,OAAQ,CAAC,EACT,IAAK,EACP,CACF,EACA,iBAAkB,CAChB,CACE,OAAQ,GACR,UAAW,MACX,IAAK,CACH,CAAC,KAAKA,KAAe,CACnB,6BAA8B,CAC5B,IAAK,OACL,OAAQ,mBACR,MAAO,MACP,MAAO,IACP,UAAW,kBACb,EACA,sBAAuB,CACrB,gBAAiB,aACnB,EACA,qBAAsB,CACpB,iBAAkB,aACpB,EACA,gBAAiB,CACf,oBAAqB,KACrB,uBAAwB,IAC1B,EACA,eAAgB,CACd,qBAAsB,KACtB,wBAAyB,IAC3B,CACF,CACF,CACF,EACA,CACE,OAAQ,GACR,UAAW,SACX,IAAK,CACH,CAAC,KAAKA,KAAe,CACnB,6BAA8B,CAC5B,OAAQ,EACR,KAAM,OACN,OAAQ,MACR,MAAO,mBACP,UAAW,kBACb,EACA,gBAAiB,CACf,oBAAqB,KACrB,qBAAsB,IACxB,EACA,eAAgB,CACd,uBAAwB,KACxB,wBAAyB,IAC3B,EACA,sBAAuB,CACrB,eAAgB,aAClB,EACA,qBAAsB,CACpB,kBAAmB,aACrB,CACF,CACF,CACF,CACF,CACF,CAAC,EAEKC,EAA0BC,GAC9BA,IAAgB,aAAe,MAAQ,SAE5BC,EAETC,EAAM,WACR,CACE,CACE,YAAAF,EAAc,aACd,IAAAG,EAAM,GACN,YAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,aACJC,CACL,EACAC,IACG,CACH,MAAMC,EAAS,OAAON,GAAQ,SACxBO,EAAYX,EAAuBC,CAAW,EACpD,OACEE,EAAA,cAACP,EACC,CAAA,IAAKa,EACL,UAAWE,EACX,OAAQD,EACR,YAAaL,EACb,YAAaJ,EACZ,GAAGO,CAAAA,EAEJL,EAAA,cAACS,EAAA,CACC,UAAWD,EACX,IAAKD,GAAUN,EACf,MAAO,GACP,KAAMG,CAAAA,EAELD,CACH,CACF,CAEJ,CACF"}

package/dist/components/toggle-group/index.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import{ToggleGroupButton as o}from"./ToggleGroupButton.js";import{ToggleGroupItem as t}from"./ToggleGroupItem.js";import{ToggleGroupRoot as r}from"./ToggleGroupRoot.js";const g={Item:t,Button:o,Root:r};export{g as ToggleGroup};
2	+ //# sourceMappingURL=index.js.map

package/dist/components/toggle-group/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sources":["../../../src/components/toggle-group/index.ts"],"sourcesContent":["import { ToggleGroupButton as Button } from './ToggleGroupButton'\nimport { ToggleGroupItem as Item } from './ToggleGroupItem'\nimport { ToggleGroupRoot as Root } from './ToggleGroupRoot'\nexport const ToggleGroup = { Item, Button, Root }\n"],"names":["ToggleGroup","Item","Button","Root"],"mappings":"yKAGO,MAAMA,EAAc,CAAE,KAAAC,EAAM,OAAAC,EAAQ,KAAAC,CAAK"}

package/dist/components/tooltip/Tooltip.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import{Trigger as i,Root as l,Portal as a,Provider as m}from"@radix-ui/react-tooltip";import*as n from"react";import{styled as p}from"../../stitches.js";import{TooltipContent as d}from"./TooltipContent.js";const o=({children:r,delayDuration:t=350,...e})=>n.createElement(l,{delayDuration:t,...e},r);o.Content=d,o.Trigger=p(i,{}),o.Portal=a,o.Provider=m,o.displayName="Tooltip";export{o as Tooltip};
2	+ //# sourceMappingURL=Tooltip.js.map

package/dist/components/tooltip/Tooltip.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Tooltip.js","sources":["../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["import { Portal, Provider, Root, Trigger } from '@radix-ui/react-tooltip'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { TooltipContent } from './TooltipContent'\n\ntype TooltipProps = React.ComponentProps<typeof Root>\n\nexport const Tooltip: React.FC<TooltipProps> & {\n Content: typeof TooltipContent\n Portal: typeof Portal\n Trigger: typeof Trigger\n Provider: typeof Provider\n} = ({ children, delayDuration = 350, ...remainingProps }) => (\n <Root delayDuration={delayDuration} {...remainingProps}>\n {children}\n </Root>\n)\n\nTooltip.Content = TooltipContent\nTooltip.Trigger = styled(Trigger, {})\nTooltip.Portal = Portal\nTooltip.Provider = Provider\n\nTooltip.displayName = 'Tooltip'\n"],"names":["Tooltip","children","delayDuration","remainingProps","React","Root","TooltipContent","styled","Trigger","Portal","Provider"],"mappings":"8MASO,MAAMA,EAKT,CAAC,CAAE,SAAAC,EAAU,cAAAC,EAAgB,OAAQC,CAAe,IACtDC,EAAA,cAACC,EAAA,CAAK,cAAeH,EAAgB,GAAGC,CACrCF,EAAAA,CACH,EAGFD,EAAQ,QAAUM,EAClBN,EAAQ,QAAUO,EAAOC,EAAS,EAAE,EACpCR,EAAQ,OAASS,EACjBT,EAAQ,SAAWU,EAEnBV,EAAQ,YAAc"}

package/dist/components/tooltip/TooltipContent.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import{Content as m,Arrow as l}from"@radix-ui/react-tooltip";import*as t from"react";import{TOOLTIP_Z_INDEX as r}from"../../constants/zIndices.js";import{styled as a}from"../../stitches.js";import{slideDownAndFade as s,slideLeftAndFade as p,slideUpAndFade as f,slideRightAndFade as c}from"../../utilities/style/keyframe-animations.js";const h=a(m,{backgroundColor:"$tonal500",borderRadius:"$0",boxShadow:"$0",color:"white",fontFamily:"$body",fontSize:"$sm",lineHeight:1.5,whiteSpace:"normal",px:"$3",py:"$2",zIndex:r,"@allowMotion":{animationDuration:"75ms",animationTimingFunction:"cubic-bezier(0.16, 1, 0.3, 1)",willChange:"transform, opacity",'&[data-state="delayed-open"]':{'&[data-side="top"]':{animationName:s},'&[data-side="right"]':{animationName:p},'&[data-side="bottom"]':{animationName:f},'&[data-side="left"]':{animationName:c}}},variants:{size:{sm:{maxWidth:"100px"},md:{maxWidth:"250px"},lg:{maxWidth:"400px"}}}}),x=a(l,{fill:"$tonal500",'[data-align="end"] &':{mr:"$2"},'[data-align="start"] &':{ml:"$2"}}),$=({children:i,side:e="top",sideOffset:o=4,size:n="md",...d})=>t.createElement(h,{side:e,sideOffset:o,size:n,...d},i,t.createElement(x,null));export{$ as TooltipContent};
2	+ //# sourceMappingURL=TooltipContent.js.map

package/dist/components/tooltip/TooltipContent.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TooltipContent.js","sources":["../../../src/components/tooltip/TooltipContent.tsx"],"sourcesContent":["import { Arrow, Content } from '@radix-ui/react-tooltip'\nimport * as React from 'react'\n\nimport { TOOLTIP_Z_INDEX } from '~/constants/zIndices'\nimport { styled } from '~/stitches'\nimport {\n slideDownAndFade,\n slideLeftAndFade,\n slideRightAndFade,\n slideUpAndFade\n} from '~/utilities'\n\nconst StyledContent = styled(Content, {\n backgroundColor: '$tonal500',\n borderRadius: '$0',\n boxShadow: '$0',\n color: 'white',\n fontFamily: '$body',\n fontSize: '$sm',\n lineHeight: 1.5,\n whiteSpace: 'normal',\n px: '$3',\n py: '$2',\n zIndex: TOOLTIP_Z_INDEX,\n '@allowMotion': {\n animationDuration: '75ms',\n animationTimingFunction: 'cubic-bezier(0.16, 1, 0.3, 1)',\n willChange: 'transform, opacity',\n '&[data-state=\"delayed-open\"]': {\n '&[data-side=\"top\"]': { animationName: slideDownAndFade },\n '&[data-side=\"right\"]': { animationName: slideLeftAndFade },\n '&[data-side=\"bottom\"]': { animationName: slideUpAndFade },\n '&[data-side=\"left\"]': { animationName: slideRightAndFade }\n }\n },\n variants: {\n size: {\n sm: { maxWidth: '100px' },\n md: { maxWidth: '250px' },\n lg: { maxWidth: '400px' }\n }\n }\n})\n\nconst StyledArrow = styled(Arrow, {\n fill: '$tonal500',\n '[data-align=\"end\"] &': { mr: '$2' },\n '[data-align=\"start\"] &': { ml: '$2' }\n})\n\ntype TooltipContentProps = React.ComponentProps<typeof StyledContent> &\n React.ComponentProps<typeof Content>\n\nexport const TooltipContent: React.FC<TooltipContentProps> = ({\n children,\n side = 'top',\n sideOffset = 4,\n size = 'md',\n ...remainingProps\n}) => (\n <StyledContent\n side={side}\n sideOffset={sideOffset}\n size={size}\n {...remainingProps}\n >\n {children}\n <StyledArrow />\n </StyledContent>\n)\n"],"names":["StyledContent","styled","Content","TOOLTIP_Z_INDEX","slideDownAndFade","slideLeftAndFade","slideUpAndFade","slideRightAndFade","StyledArrow","Arrow","TooltipContent","children","side","sideOffset","size","remainingProps","React"],"mappings":"+UAYA,MAAMA,EAAgBC,EAAOC,EAAS,CACpC,gBAAiB,YACjB,aAAc,KACd,UAAW,KACX,MAAO,QACP,WAAY,QACZ,SAAU,MACV,WAAY,IACZ,WAAY,SACZ,GAAI,KACJ,GAAI,KACJ,OAAQC,EACR,eAAgB,CACd,kBAAmB,OACnB,wBAAyB,gCACzB,WAAY,qBACZ,+BAAgC,CAC9B,qBAAsB,CAAE,cAAeC,CAAiB,EACxD,uBAAwB,CAAE,cAAeC,CAAiB,EAC1D,wBAAyB,CAAE,cAAeC,CAAe,EACzD,sBAAuB,CAAE,cAAeC,CAAkB,CAC5D,CACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAE,SAAU,OAAQ,EACxB,GAAI,CAAE,SAAU,OAAQ,EACxB,GAAI,CAAE,SAAU,OAAQ,CAC1B,CACF,CACF,CAAC,EAEKC,EAAcP,EAAOQ,EAAO,CAChC,KAAM,YACN,uBAAwB,CAAE,GAAI,IAAK,EACnC,yBAA0B,CAAE,GAAI,IAAK,CACvC,CAAC,EAKYC,EAAgD,CAAC,CAC5D,SAAAC,EACA,KAAAC,EAAO,MACP,WAAAC,EAAa,EACb,KAAAC,EAAO,QACJC,CACL,IACEC,EAAA,cAAChB,EAAA,CACC,KAAMY,EACN,WAAYC,EACZ,KAAMC,EACL,GAAGC,CAEHJ,EAAAA,EACDK,EAAA,cAACR,EAAA,IAAY,CACf"}

package/dist/components/top-bar/TopBar.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import t from"react";import{styled as r}from"../../stitches.js";import{useWindowScrollPosition as s}from"../../utilities/hooks/useWindowScrollPosition.js";import{Divider as d}from"../divider/Divider.js";import{Flex as m}from"../flex/Flex.js";import{TopBarActionIcon as l}from"./TopBarActionIcon.js";import{TopBarBrandLogo as e,TopBarBrand as p,TopBarBrandName as h}from"./TopBarBrand.js";const c=()=>t.createElement(d,{orientation:"vertical",css:{height:"$2",bg:"$tonal100"}}),g=r("div",{bg:"white",position:"sticky",display:"flex",alignItems:"center",width:"100vw",top:"0",zIndex:1,borderBottom:"1px solid $tonal100",transition:"box-shadow .2s ease-out",variants:{hasScrolled:{true:{boxShadow:"0px 4px 4px -2px rgba(31, 31, 31, 0.1);"}},size:{md:{height:"$6",[`& ${e}`]:{'&[src$=".svg"]':{height:24,width:"auto"}}},lg:{height:"$7",[`& ${e}`]:{'&[src$=".svg"]':{height:32,width:"auto"}}}}}}),x=r(m,{alignItems:"center",height:"$4",mx:"$4",width:"100%","@md":{mx:"$5"}}),o=({size:i="md",...a})=>{const{y:n}=s();return t.createElement(g,{hasScrolled:!!n,size:i},t.createElement(x,{...a}))};o.Brand=p,o.BrandLogo=e,o.BrandName=h,o.ActionIcon=l,o.Divider=c,o.displayName="TopBar";export{o as TopBar};
2	+ //# sourceMappingURL=TopBar.js.map

package/dist/components/top-bar/TopBar.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TopBar.js","sources":["../../../src/components/top-bar/TopBar.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CSS, styled } from '~/stitches'\nimport { useWindowScrollPosition } from '~/utilities/hooks/useWindowScrollPosition'\n\nimport { Divider } from '../divider'\nimport { Flex } from '../flex'\nimport { TopBarActionIcon } from './TopBarActionIcon'\nimport { TopBarBrand, TopBarBrandLogo, TopBarBrandName } from './TopBarBrand'\n\ninterface TopBarSubComponents {\n Brand: typeof TopBarBrand\n BrandLogo: typeof TopBarBrandLogo\n BrandName: typeof TopBarBrandName\n ActionIcon: typeof TopBarActionIcon\n Divider: typeof TopBarDivider\n}\n\nconst TopBarDivider = () => (\n <Divider orientation=\"vertical\" css={{ height: '$2', bg: '$tonal100' }} />\n)\n\nconst StyledRoot = styled('div', {\n bg: 'white',\n position: 'sticky',\n display: 'flex',\n alignItems: 'center',\n width: '100vw',\n top: '0',\n zIndex: 1,\n borderBottom: '1px solid $tonal100',\n transition: 'box-shadow .2s ease-out',\n variants: {\n hasScrolled: {\n true: {\n boxShadow: '0px 4px 4px -2px rgba(31, 31, 31, 0.1);'\n }\n },\n size: {\n md: {\n height: '$6',\n [`& ${TopBarBrandLogo}`]: {\n '&[src$=\".svg\"]': {\n height: 24,\n width: 'auto'\n }\n }\n },\n lg: {\n height: '$7',\n [`& ${TopBarBrandLogo}`]: {\n '&[src$=\".svg\"]': {\n height: 32,\n width: 'auto'\n }\n }\n }\n }\n }\n})\n\nconst Container = styled(Flex, {\n alignItems: 'center',\n height: '$4',\n mx: '$4',\n width: '100%',\n '@md': {\n mx: '$5'\n }\n})\n\ntype StyledRootProps = React.ComponentProps<typeof StyledRoot>\n\ninterface TopBarProps extends StyledRootProps {\n css?: CSS\n}\n\nexport const TopBar: React.FC<TopBarProps> & TopBarSubComponents = ({\n size = 'md',\n ...props\n}) => {\n const { y: scrollPositionY } = useWindowScrollPosition()\n\n return (\n <StyledRoot hasScrolled={!!scrollPositionY} size={size}>\n <Container {...props} />\n </StyledRoot>\n )\n}\n\nTopBar.Brand = TopBarBrand\nTopBar.BrandLogo = TopBarBrandLogo\nTopBar.BrandName = TopBarBrandName\nTopBar.ActionIcon = TopBarActionIcon\nTopBar.Divider = TopBarDivider\n\nTopBar.displayName = 'TopBar'\n"],"names":["TopBarDivider","React","Divider","StyledRoot","styled","TopBarBrandLogo","Container","Flex","TopBar","size","props","scrollPositionY","useWindowScrollPosition","TopBarBrand","TopBarBrandName","TopBarActionIcon"],"mappings":"oYAkBA,MAAMA,EAAgB,IACpBC,EAAA,cAACC,EAAA,CAAQ,YAAY,WAAW,IAAK,CAAE,OAAQ,KAAM,GAAI,WAAY,CAAA,CAAG,EAGpEC,EAAaC,EAAO,MAAO,CAC/B,GAAI,QACJ,SAAU,SACV,QAAS,OACT,WAAY,SACZ,MAAO,QACP,IAAK,IACL,OAAQ,EACR,aAAc,sBACd,WAAY,0BACZ,SAAU,CACR,YAAa,CACX,KAAM,CACJ,UAAW,yCACb,CACF,EACA,KAAM,CACJ,GAAI,CACF,OAAQ,KACR,CAAC,KAAKC,KAAoB,CACxB,iBAAkB,CAChB,OAAQ,GACR,MAAO,MACT,CACF,CACF,EACA,GAAI,CACF,OAAQ,KACR,CAAC,KAAKA,KAAoB,CACxB,iBAAkB,CAChB,OAAQ,GACR,MAAO,MACT,CACF,CACF,CACF,CACF,CACF,CAAC,EAEKC,EAAYF,EAAOG,EAAM,CAC7B,WAAY,SACZ,OAAQ,KACR,GAAI,KACJ,MAAO,OACP,MAAO,CACL,GAAI,IACN,CACF,CAAC,EAQYC,EAAsD,CAAC,CAClE,KAAAC,EAAO,QACJC,CACL,IAAM,CACJ,KAAM,CAAE,EAAGC,CAAgB,EAAIC,IAE/B,OACEX,EAAA,cAACE,EAAA,CAAW,YAAa,CAAC,CAACQ,EAAiB,KAAMF,GAChDR,EAAA,cAACK,EAAA,CAAW,GAAGI,EAAO,CACxB,CAEJ,EAEAF,EAAO,MAAQK,EACfL,EAAO,UAAYH,EACnBG,EAAO,UAAYM,EACnBN,EAAO,WAAaO,EACpBP,EAAO,QAAUR,EAEjBQ,EAAO,YAAc"}

package/dist/components/top-bar/TopBarActionIcon.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import e from"react";import{ActionIcon as m}from"../action-icon/ActionIcon.js";import{Icon as n}from"../icon/Icon.js";const c=e.forwardRef(({icon:o,...r},t)=>e.createElement(m,{size:"md",appearance:"simple",theme:"neutral",ref:t,...r},e.createElement(n,{is:o})));export{c as TopBarActionIcon};
2	+ //# sourceMappingURL=TopBarActionIcon.js.map

package/dist/components/top-bar/TopBarActionIcon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TopBarActionIcon.js","sources":["../../../src/components/top-bar/TopBarActionIcon.tsx"],"sourcesContent":["import React from 'react'\n\nimport { ActionIcon } from '../action-icon'\nimport { Icon } from '../icon'\n\ntype TopBarActionIconProps = Omit<\n React.ComponentProps<typeof ActionIcon>,\n 'size' | 'children'\n> & { icon: React.FC<React.SVGProps<SVGSVGElement>>; label: string }\n\nexport const TopBarActionIcon: React.ForwardRefExoticComponent<TopBarActionIconProps> =\n React.forwardRef(({ icon, ...rest }, forwardedRef) => {\n return (\n <ActionIcon\n size=\"md\"\n appearance=\"simple\"\n theme=\"neutral\"\n ref={forwardedRef}\n {...rest}\n >\n <Icon is={icon} />\n </ActionIcon>\n )\n })\n"],"names":["TopBarActionIcon","React","icon","rest","forwardedRef","ActionIcon","Icon"],"mappings":"sHAUa,MAAAA,EACXC,EAAM,WAAW,CAAC,CAAE,KAAAC,KAASC,CAAK,EAAGC,IAEjCH,EAAA,cAACI,EAAA,CACC,KAAK,KACL,WAAW,SACX,MAAM,UACN,IAAKD,EACJ,GAAGD,CAAAA,EAEJF,EAAA,cAACK,EAAA,CAAK,GAAIJ,CAAAA,CAAM,CAClB,CAEH"}

package/dist/components/top-bar/TopBarBrand.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import n from"react";import{styled as o}from"../../stitches.js";import{Image as l}from"../image/Image.js";import{Text as m}from"../text/Text.js";const r=({src:t,alt:a="Atom Learning logo",css:e})=>n.createElement(l,{className:"topbar-brand-logo",src:t,alt:a,css:{mr:"$3",mb:"5px",...e}});r.toString=()=>".topbar-brand-logo";const c=o(m,{color:"$tonal400"}),s=o("a",{display:"flex",alignItems:"center",textDecoration:"none",color:"$tonal400","&:hover, &:focus":{textDecoration:"none"}});export{s as TopBarBrand,r as TopBarBrandLogo,c as TopBarBrandName};
2	+ //# sourceMappingURL=TopBarBrand.js.map

package/dist/components/top-bar/TopBarBrand.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TopBarBrand.js","sources":["../../../src/components/top-bar/TopBarBrand.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CSS, styled } from '~/stitches'\n\nimport { Image } from '../image'\nimport { Text } from '../text'\n\ntype TopBarBrandLogoProps = {\n src: string\n alt?: string\n css?: CSS\n}\n\nexport const TopBarBrandLogo = ({\n src,\n alt = 'Atom Learning logo',\n css\n}: TopBarBrandLogoProps): JSX.Element => {\n return (\n <Image\n className=\"topbar-brand-logo\"\n src={src}\n alt={alt}\n css={{\n mr: '$3',\n mb: '5px',\n ...css\n }}\n />\n )\n}\n\nTopBarBrandLogo.toString = () => '.topbar-brand-logo'\n\nexport const TopBarBrandName = styled(Text, {\n color: '$tonal400'\n})\n\nexport const TopBarBrand = styled('a', {\n display: 'flex',\n alignItems: 'center',\n textDecoration: 'none',\n color: '$tonal400',\n '&:hover, &:focus': { textDecoration: 'none' }\n})\n"],"names":["TopBarBrandLogo","src","alt","css","React","Image","TopBarBrandName","styled","Text","TopBarBrand"],"mappings":"iJAaO,MAAMA,EAAkB,CAAC,CAC9B,IAAAC,EACA,IAAAC,EAAM,qBACN,IAAAC,CACF,IAEIC,EAAA,cAACC,EAAA,CACC,UAAU,oBACV,IAAKJ,EACL,IAAKC,EACL,IAAK,CACH,GAAI,KACJ,GAAI,MACJ,GAAGC,CACL,CAAA,CACF,EAIJH,EAAgB,SAAW,IAAM,2BAEpBM,EAAkBC,EAAOC,EAAM,CAC1C,MAAO,WACT,CAAC,EAEYC,EAAcF,EAAO,IAAK,CACrC,QAAS,OACT,WAAY,SACZ,eAAgB,OAChB,MAAO,YACP,mBAAoB,CAAE,eAAgB,MAAO,CAC/C,CAAC"}

package/dist/components/video/Video.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	importas e from"react";import m from"react-player/vimeo";import{Box as p}from"../box/Box.js";import{styled as a}from"../../stitches.js";import{CSSWrapper as l}from"../../utilities/css-wrapper/CSSWrapper.js";const f=a(m,{}),o=e.forwardRef(({id:t,ratio:r=9/16,css:i,...s},d)=>e.createElement(l,{css:i},e.createElement(p,{css:{borderRadius:"$0",position:"relative",paddingTop:`${r100}%`,overflow:"hidden",height:0,width:"100%"}},e.createElement(f,{...s,role:"figure",url:`https://player.vimeo.com/video/${t}`,height:"100%",width:"100%",css:{position:"absolute",top:0,left:0},ref:d}))));o.displayName="Video";export{o as Video};
2	+ //# sourceMappingURL=Video.js.map

package/dist/components/video/Video.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Video.js","sources":["../../../src/components/video/Video.tsx"],"sourcesContent":["import * as React from 'react'\n// Note: Only loading vimeo to reduce the bundle size https://www.npmjs.com/package/react-player\nimport ReactPlayer from 'react-player/vimeo'\n\nimport { Box } from '~/components/box'\nimport { CSS, styled } from '~/stitches'\nimport { CSSWrapper } from '~/utilities/css-wrapper'\nimport { Override } from '~/utilities/types'\n\nconst StyledVideo = styled(ReactPlayer, {})\n\ntype VideoProps = Override<\n React.ComponentPropsWithoutRef<typeof StyledVideo>,\n {\n id: string\n ratio?: number\n css?: CSS\n }\n>\n\nexport const Video = React.forwardRef<typeof StyledVideo, VideoProps>(\n ({ id, ratio = 9 / 16, css, ...remainingProps }, ref) => (\n <CSSWrapper css={css}>\n <Box\n css={{\n borderRadius: '$0',\n position: 'relative',\n paddingTop: `${ratio * 100}%`,\n overflow: 'hidden',\n height: 0,\n width: '100%'\n }}\n >\n <StyledVideo\n {...remainingProps}\n role=\"figure\"\n url={`https://player.vimeo.com/video/${id}`}\n height=\"100%\"\n width=\"100%\"\n css={{ position: 'absolute', top: 0, left: 0 }}\n ref={ref}\n />\n </Box>\n </CSSWrapper>\n )\n)\n\nVideo.displayName = 'Video'\n"],"names":["StyledVideo","styled","ReactPlayer","Video","React","id","ratio","css","remainingProps","ref","CSSWrapper","Box"],"mappings":"gNASA,MAAMA,EAAcC,EAAOC,EAAa,CAAA,CAAE,EAW7BC,EAAQC,EAAM,WACzB,CAAC,CAAE,GAAAC,EAAI,MAAAC,EAAQ,EAAI,GAAI,IAAAC,KAAQC,CAAe,EAAGC,IAC/CL,EAAA,cAACM,EAAA,CAAW,IAAKH,CAAAA,EACfH,EAAA,cAACO,EAAA,CACC,IAAK,CACH,aAAc,KACd,SAAU,WACV,WAAY,GAAGL,EAAQ,OACvB,SAAU,SACV,OAAQ,EACR,MAAO,MACT,CAAA,EAEAF,EAAA,cAACJ,EAAA,CACE,GAAGQ,EACJ,KAAK,SACL,IAAK,kCAAkCH,IACvC,OAAO,OACP,MAAM,OACN,IAAK,CAAE,SAAU,WAAY,IAAK,EAAG,KAAM,CAAE,EAC7C,IAAKI,CAAAA,CACP,CACF,CACF,CAEJ,EAEAN,EAAM,YAAc"}

package/dist/constants/zIndices.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	const _=2147483647,D=1147483646,I=10,O=10,s=10;export{D as DIALOG_Z_INDEX,I as DROPDOWN_Z_INDEX,_ as MAX_Z_INDEX,s as POPOVER_Z_INDEX,O as TOOLTIP_Z_INDEX};
2	+ //# sourceMappingURL=zIndices.js.map

package/dist/constants/zIndices.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"zIndices.js","sources":["../../src/constants/zIndices.ts"],"sourcesContent":["const MAX_Z_INDEX = 2147483647\nconst DIALOG_Z_INDEX = 1147483646\nconst DROPDOWN_Z_INDEX = 10\nconst TOOLTIP_Z_INDEX = 10\nconst POPOVER_Z_INDEX = 10\n\nexport {\n MAX_Z_INDEX,\n DIALOG_Z_INDEX,\n DROPDOWN_Z_INDEX,\n POPOVER_Z_INDEX,\n TOOLTIP_Z_INDEX\n}\n"],"names":["MAX_Z_INDEX","DIALOG_Z_INDEX","DROPDOWN_Z_INDEX","TOOLTIP_Z_INDEX","POPOVER_Z_INDEX"],"mappings":"AAAA,MAAMA,EAAc,WACdC,EAAiB,WACjBC,EAAmB,GACnBC,EAAkB,GAClBC,EAAkB"}

package/dist/experiments/color-scheme/ColorScheme.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import*as o from"react";import{styled as f,colorSchemes as e}from"./stitches.colorscheme.config.js";import{Slot as d}from"@radix-ui/react-slot";const p=f("div"),t=o.forwardRef(({base:r="",accent:a="",interactive:c="",className:m,asChild:s=!1,...i},l)=>{const n=[m,e[`interactive-${c}`],e[`accent-${a}`],e[`base-${r}`]].filter(Boolean).join(" ");return o.createElement(s?d:p,{ref:l,className:n,...i})});t.displayName="ColorScheme";export{t as ColorScheme};
2	+ //# sourceMappingURL=ColorScheme.js.map

package/dist/experiments/color-scheme/ColorScheme.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ColorScheme.js","sources":["../../../src/experiments/color-scheme/ColorScheme.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n bases,\n accents,\n colorSchemes,\n styled\n} from './stitches.colorscheme.config'\nimport { Slot } from '@radix-ui/react-slot'\n\ntype TColorSchemeOwnProps = {\n base?: keyof typeof bases\n accent?: keyof typeof accents\n interactive?: 'loContrast1' | 'loContrast2' | 'hiContrast1' | 'hiContrast2'\n asChild?: boolean\n}\n\nconst StyledColorScheme = styled('div')\n\ntype TColorSchemeProps = React.ComponentProps<typeof StyledColorScheme> &\n TColorSchemeOwnProps\n\n/**\n * @experimental Component has not been finalised. Further design input required. Use with caution.\n */\nexport const ColorScheme = React.forwardRef<HTMLDivElement, TColorSchemeProps>(\n (\n {\n base = '',\n accent = '',\n interactive = '',\n className,\n asChild = false,\n ...rest\n },\n ref\n ) => {\n const c = [\n className,\n colorSchemes[`interactive-${interactive}`],\n colorSchemes[`accent-${accent}`],\n colorSchemes[`base-${base}`]\n ]\n .filter(Boolean)\n .join(' ')\n\n const Component = asChild ? Slot : StyledColorScheme\n return <Component ref={ref} className={c} {...rest} />\n }\n)\n\nColorScheme.displayName = 'ColorScheme'\n"],"names":["StyledColorScheme","styled","ColorScheme","React","base","accent","interactive","className","asChild","rest","ref","c","colorSchemes","Slot"],"mappings":"gJAiBA,MAAMA,EAAoBC,EAAO,KAAK,EAQzBC,EAAcC,EAAM,WAC/B,CACE,CACE,KAAAC,EAAO,GACP,OAAAC,EAAS,GACT,YAAAC,EAAc,GACd,UAAAC,EACA,QAAAC,EAAU,MACPC,CACL,EACAC,IACG,CACH,MAAMC,EAAI,CACRJ,EACAK,EAAa,eAAeN,KAC5BM,EAAa,UAAUP,KACvBO,EAAa,QAAQR,IACvB,EACG,OAAO,OAAO,EACd,KAAK,GAAG,EAGX,OAAOD,EAAA,cADWK,EAAUK,EAAOb,EAC3B,CAAU,IAAKU,EAAK,UAAWC,EAAI,GAAGF,CAAAA,CAAM,CACtD,CACF,EAEAP,EAAY,YAAc"}

package/dist/experiments/color-scheme/blue.json.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	var e="#F3F8FF",l="#E5F1FF",u="#D6EAFF",b="#C2DEFF",F="#B3D4FA",a="#057AFF",r="#0F67F5",v="#194DCC",D="#102DA3",A="#15235E",E={blue1:e,blue2:l,blue3:u,blue4:b,blue5:F,blue6:a,blue7:r,blue8:v,blue9:D,blue10:A};export{e as blue1,A as blue10,l as blue2,u as blue3,b as blue4,F as blue5,a as blue6,r as blue7,v as blue8,D as blue9,E as default};
2	+ //# sourceMappingURL=blue.json.js.map

package/dist/experiments/color-scheme/blue.json.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"blue.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/experiments/color-scheme/generateAlphaColors.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import{parseToRgba as u}from"color2k";const M=[255,255,255,1],r=[.05,.1,.15,.2,.27,.35,.5,.7,.8,.95],n=a=>Math.round(Math.max(Math.min(a,255),0)),$=(a,h)=>{const e={};return Object.entries(h).forEach(([f,i],o)=>{const[m,p,b]=u(i),[t,s,c]=M,g=[n((m-t)/r[o]+t),n((p-s)/r[o]+s),n((b-c)/r[o]+c),r[o]];e[`${a}A${o+1}`]=`rgba(${g.join(",")})`}),e};export{$ as generateAlphaColors};
2	+ //# sourceMappingURL=generateAlphaColors.js.map

package/dist/experiments/color-scheme/generateAlphaColors.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"generateAlphaColors.js","sources":["../../../src/experiments/color-scheme/generateAlphaColors.ts"],"sourcesContent":["import { parseToRgba } from 'color2k'\n\nconst whiteRgba = [255, 255, 255, 1]\nconst alphaStep = [0.05, 0.1, 0.15, 0.2, 0.27, 0.35, 0.5, 0.7, 0.8, 0.95]\nconst keepWithinRgbaLimit = (arg: number): number =>\n Math.round(Math.max(Math.min(arg, 255), 0))\n\n// (!) Attempt to match to match transparency matching initial colours over white. (Alpha compositing)\n// (!) This function is CLOSE but does not produce exactly the expected colours. It might have to do with the alpha step.\nexport const generateAlphaColors = (\n colorName: string,\n colors: Record<string, string>\n): Record<string, string> => {\n const colorsA = {}\n Object.entries(colors).forEach(([key, value], index) => {\n const [r1, g1, b1] = parseToRgba(value)\n const [r2, g2, b2] = whiteRgba\n const alphaRgbColor = [\n keepWithinRgbaLimit((r1 - r2) / alphaStep[index] + r2),\n keepWithinRgbaLimit((g1 - g2) / alphaStep[index] + g2),\n keepWithinRgbaLimit((b1 - b2) / alphaStep[index] + b2),\n alphaStep[index]\n ]\n\n colorsA[`${colorName}A${index + 1}`] = `rgba(${alphaRgbColor.join(',')})`\n })\n return colorsA\n}\n"],"names":["whiteRgba","alphaStep","keepWithinRgbaLimit","arg","generateAlphaColors","colorName","colors","colorsA","key","value","index","r1","g1","b1","parseToRgba","r2","g2","b2","alphaRgbColor"],"mappings":"sCAEA,MAAMA,EAAY,CAAC,IAAK,IAAK,IAAK,CAAC,EAC7BC,EAAY,CAAC,IAAM,GAAK,IAAM,GAAK,IAAM,IAAM,GAAK,GAAK,GAAK,GAAI,EAClEC,EAAuBC,GAC3B,KAAK,MAAM,KAAK,IAAI,KAAK,IAAIA,EAAK,GAAG,EAAG,CAAC,CAAC,EAI/BC,EAAsB,CACjCC,EACAC,IAC2B,CAC3B,MAAMC,EAAU,CAAC,EACjB,OAAO,OAAA,QAAQD,CAAM,EAAE,QAAQ,CAAC,CAACE,EAAKC,CAAK,EAAGC,IAAU,CACtD,KAAM,CAACC,EAAIC,EAAIC,CAAE,EAAIC,EAAYL,CAAK,EAChC,CAACM,EAAIC,EAAIC,CAAE,EAAIjB,EACfkB,EAAgB,CACpBhB,GAAqBS,EAAKI,GAAMd,EAAUS,GAASK,CAAE,EACrDb,GAAqBU,EAAKI,GAAMf,EAAUS,GAASM,CAAE,EACrDd,GAAqBW,EAAKI,GAAMhB,EAAUS,GAASO,CAAE,EACrDhB,EAAUS,EACZ,EAEAH,EAAQ,GAAGF,KAAaK,EAAQ,KAAO,QAAQQ,EAAc,KAAK,GAAG,IACvE,CAAC,EACMX,CACT"}

package/dist/experiments/color-scheme/slate.json.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	var a="#F6F6F6",e="#EBEBEB",t="#E0E0E0",l="#CECECE",s="#C2C2C2",r="#757575",v="#545454",C="#333333",E="#1F1F1F",F="#1C1C1C",B={slate1:a,slate2:e,slate3:t,slate4:l,slate5:s,slate6:r,slate7:v,slate8:C,slate9:E,slate10:F};export{B as default,a as slate1,F as slate10,e as slate2,t as slate3,l as slate4,s as slate5,r as slate6,v as slate7,C as slate8,E as slate9};
2	+ //# sourceMappingURL=slate.json.js.map

package/dist/experiments/color-scheme/slate.json.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"slate.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/experiments/color-scheme/stitches.colorscheme.config.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import{createStitches as u}from"@stitches/react";import a from"./blue.json.js";import i from"./slate.json.js";import{generateAlphaColors as s}from"./generateAlphaColors.js";import{utils as m,media as d}from"../../stitches.js";const e={},l=(c,o)=>{const t={};for(let n=1;n<=10;n++)t[`${c}${n}`]=`$${o}${n}`,t[`${c}A${n}`]=`$${o}A${n}`;return t},{styled:f,createTheme:r}=u({theme:{colors:{background:"white",foreground:i.slate9,foreground6plus:"white",...a,...s("blue",a),...i,...s("slate",i)}},utils:m,media:d});e["interactive-loContrast1"]=r("interactive-loContrast1",{colors:{interactiveForeground:"$foreground",interactive1:"white",interactive2:"$accent1",interactive3:"$accent2"}}),e["interactive-loContrast2"]=r("interactive-loContrast2",{colors:{interactiveForeground:"$foreground",interactive1:"$accent1",interactive2:"$accent2",interactive3:"$accent3"}}),e["interactive-hiContrast1"]=r("interactive-hiContrast1",{colors:{interactiveForeground:"$foreground6plus",interactive1:"$accent7",interactive2:"$accent8",interactive3:"$accent9"}}),e["interactive-hiContrast2"]=r("interactive-hiContrast2",{colors:{interactiveForeground:"$foreground6plus",interactive1:"$accent8",interactive2:"$accent9",interactive3:"$accent10"}});const $={slate:"slate"},h=()=>{Object.entries($).forEach(([c,o])=>{const t=`base-${c}`;e[t]=r(t,{colors:l("base",o)})})},v={slate:"slate",blue:"blue"},g=()=>{Object.entries(v).forEach(([c,o])=>{const t=`accent-${c}`;e[t]=r(t,{colors:l("accent",o)})})};h(),g();export{v as accents,$ as bases,e as colorSchemes,r as createTheme,f as styled};
2	+ //# sourceMappingURL=stitches.colorscheme.config.js.map

package/dist/experiments/color-scheme/stitches.colorscheme.config.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"stitches.colorscheme.config.js","sources":["../../../src/experiments/color-scheme/stitches.colorscheme.config.ts"],"sourcesContent":["import { createStitches } from '@stitches/react'\nimport blue from './blue.json'\nimport slate from './slate.json'\nimport { generateAlphaColors } from './generateAlphaColors'\nimport { utils, media } from '../../stitches'\n\nexport const colorSchemes = {}\n\nconst generateColors = (tokenPrefix, colorName) => {\n const colors = {}\n for (let i = 1; i <= 10; i++) {\n colors[`${tokenPrefix}${i}`] = `$${colorName}${i}`\n colors[`${tokenPrefix}A${i}`] = `$${colorName}A${i}`\n }\n return colors\n}\n\nexport const { styled, createTheme } = createStitches({\n theme: {\n colors: {\n background: 'white',\n foreground: slate.slate9,\n foreground6plus: 'white',\n ...blue,\n ...generateAlphaColors('blue', blue),\n ...slate,\n ...generateAlphaColors('slate', slate)\n }\n },\n utils,\n media\n})\n\ncolorSchemes['interactive-loContrast1'] = createTheme(\n 'interactive-loContrast1',\n {\n colors: {\n interactiveForeground: '$foreground',\n interactive1: 'white',\n interactive2: '$accent1',\n interactive3: '$accent2'\n }\n }\n)\n\ncolorSchemes['interactive-loContrast2'] = createTheme(\n 'interactive-loContrast2',\n {\n colors: {\n interactiveForeground: '$foreground',\n interactive1: '$accent1',\n interactive2: '$accent2',\n interactive3: '$accent3'\n }\n }\n)\n\ncolorSchemes['interactive-hiContrast1'] = createTheme(\n 'interactive-hiContrast1',\n {\n colors: {\n interactiveForeground: '$foreground6plus',\n interactive1: '$accent7',\n interactive2: '$accent8',\n interactive3: '$accent9'\n }\n }\n)\n\ncolorSchemes['interactive-hiContrast2'] = createTheme(\n 'interactive-hiContrast2',\n {\n colors: {\n interactiveForeground: '$foreground6plus',\n interactive1: '$accent8',\n interactive2: '$accent9',\n interactive3: '$accent10'\n }\n }\n)\n\nexport const bases = {\n slate: 'slate'\n}\nconst generateBase = () => {\n Object.entries(bases).forEach(([themeName, colorName]) => {\n const baseThemeName = `base-${themeName}`\n colorSchemes[baseThemeName] = createTheme(baseThemeName, {\n colors: generateColors('base', colorName)\n })\n })\n}\n\nexport const accents = {\n slate: 'slate',\n blue: 'blue'\n}\nconst generateAccent = () => {\n Object.entries(accents).forEach(([themeName, colorName]) => {\n const accentThemeName = `accent-${themeName}`\n colorSchemes[accentThemeName] = createTheme(accentThemeName, {\n colors: generateColors('accent', colorName)\n })\n })\n}\n\ngenerateBase()\ngenerateAccent()\n"],"names":["colorSchemes","generateColors","tokenPrefix","colorName","colors","i","styled","createTheme","createStitches","slate","blue","generateAlphaColors","utils","media","bases","generateBase","themeName","baseThemeName","accents","generateAccent","accentThemeName"],"mappings":"kOAMO,MAAMA,EAAe,CAE5B,EAAMC,EAAiB,CAACC,EAAaC,IAAc,CACjD,MAAMC,EAAS,CAAA,EACf,QAASC,EAAI,EAAGA,GAAK,GAAIA,IACvBD,EAAO,GAAGF,IAAcG,KAAO,IAAIF,IAAYE,IAC/CD,EAAO,GAAGF,KAAeG,KAAO,IAAIF,KAAaE,IAEnD,OAAOD,CACT,EAEa,CAAE,OAAAE,EAAQ,YAAAC,CAAY,EAAIC,EAAe,CACpD,MAAO,CACL,OAAQ,CACN,WAAY,QACZ,WAAYC,EAAM,OAClB,gBAAiB,QACjB,GAAGC,EACH,GAAGC,EAAoB,OAAQD,CAAI,EACnC,GAAGD,EACH,GAAGE,EAAoB,QAASF,CAAK,CACvC,CACF,EACA,MAAAG,EACA,MAAAC,CACF,CAAC,EAEDb,EAAa,2BAA6BO,EACxC,0BACA,CACE,OAAQ,CACN,sBAAuB,cACvB,aAAc,QACd,aAAc,WACd,aAAc,UAChB,CACF,CACF,EAEAP,EAAa,2BAA6BO,EACxC,0BACA,CACE,OAAQ,CACN,sBAAuB,cACvB,aAAc,WACd,aAAc,WACd,aAAc,UAChB,CACF,CACF,EAEAP,EAAa,2BAA6BO,EACxC,0BACA,CACE,OAAQ,CACN,sBAAuB,mBACvB,aAAc,WACd,aAAc,WACd,aAAc,UAChB,CACF,CACF,EAEAP,EAAa,2BAA6BO,EACxC,0BACA,CACE,OAAQ,CACN,sBAAuB,mBACvB,aAAc,WACd,aAAc,WACd,aAAc,WAChB,CACF,CACF,EAEa,MAAAO,EAAQ,CACnB,MAAO,OACT,EACMC,EAAe,IAAM,CACzB,OAAO,QAAQD,CAAK,EAAE,QAAQ,CAAC,CAACE,EAAWb,CAAS,IAAM,CACxD,MAAMc,EAAgB,QAAQD,IAC9BhB,EAAaiB,GAAiBV,EAAYU,EAAe,CACvD,OAAQhB,EAAe,OAAQE,CAAS,CAC1C,CAAC,CACH,CAAC,CACH,EAEae,EAAU,CACrB,MAAO,QACP,KAAM,MACR,EACMC,EAAiB,IAAM,CAC3B,OAAO,QAAQD,CAAO,EAAE,QAAQ,CAAC,CAACF,EAAWb,CAAS,IAAM,CAC1D,MAAMiB,EAAkB,UAAUJ,IAClChB,EAAaoB,GAAmBb,EAAYa,EAAiB,CAC3D,OAAQnB,EAAe,SAAUE,CAAS,CAC5C,CAAC,CACH,CAAC,CACH,EAEAY,EAAa,EACbI,EAAe"}