@atom-learning/components 2.32.3-beta.0 → 2.34.0

package/dist/components/stepper/StepperStepBullet.js

@@ -1 +1,2 @@
 import{styled as e}from"../../stitches.js";import{Flex as o}from"../flex/Flex.js";const r=e(o,{position:"relative",p:"$2",justifyContent:"center",alignItems:"center",size:"$3",borderRadius:"50%",border:"none",bg:"$tonal100",zIndex:1,flex:"none",variants:{status:{default:{bg:"$tonal100",color:"$tonal300"},active:{bg:"white",color:"$primaryMid",border:"2px solid",borderColor:"currentColor"},viewed:{bg:"white",border:"2px solid $tonal200",color:"$tonal600"},completed:{bg:"$primary",color:"white"},reviewed:{bg:"$primaryMid",color:"white"},success:{bg:"$success",color:"white"}}}});export{r as StepperStepBullet};
+//# sourceMappingURL=StepperStepBullet.js.map

package/dist/components/stepper/StepperStepBullet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperStepBullet.js","sources":["../../../src/components/stepper/StepperStepBullet.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nimport { Flex } from '../flex'\n\nexport const StepperStepBullet = styled(Flex, {\n  position: 'relative',\n  p: '$2',\n  justifyContent: 'center',\n  alignItems: 'center',\n  size: '$3',\n  borderRadius: '50%',\n  border: 'none',\n  bg: '$tonal100',\n  zIndex: 1,\n  flex: 'none',\n  variants: {\n    status: {\n      default: { bg: '$tonal100', color: '$tonal300' },\n      active: {\n        bg: 'white',\n        color: '$primaryMid',\n        border: '2px solid',\n        borderColor: 'currentColor'\n      },\n      viewed: {\n        bg: 'white',\n        border: '2px solid $tonal200',\n        color: '$tonal600'\n      },\n      completed: { bg: '$primary', color: 'white' },\n      reviewed: { bg: '$primaryMid', color: 'white' },\n      success: { bg: '$success', color: 'white' }\n    }\n  }\n})\n"],"names":["StepperStepBullet","styled","Flex"],"mappings":"kFAIa,MAAAA,EAAoBC,EAAOC,EAAM,CAC5C,SAAU,WACV,EAAG,KACH,eAAgB,SAChB,WAAY,SACZ,KAAM,KACN,aAAc,MACd,OAAQ,OACR,GAAI,YACJ,OAAQ,EACR,KAAM,OACN,SAAU,CACR,OAAQ,CACN,QAAS,CAAE,GAAI,YAAa,MAAO,WAAY,EAC/C,OAAQ,CACN,GAAI,QACJ,MAAO,cACP,OAAQ,YACR,YAAa,cACf,EACA,OAAQ,CACN,GAAI,QACJ,OAAQ,sBACR,MAAO,WACT,EACA,UAAW,CAAE,GAAI,WAAY,MAAO,OAAQ,EAC5C,SAAU,CAAE,GAAI,cAAe,MAAO,OAAQ,EAC9C,QAAS,CAAE,GAAI,WAAY,MAAO,OAAQ,CAC5C,CACF,CACF,CAAC"}

package/dist/components/stepper/StepperStepContainer.js

@@ -1 +1,2 @@
 import{styled as t}from"../../stitches.js";import{Flex as i}from"../flex/Flex.js";const o=t(i,{position:"relative",fontFamily:"$body",fontWeight:600,fontSize:"$md",alignItems:"center","&:not(:last-child)::after":{content:"",position:"absolute"},"&:focus-visible":{outline:"none"},variants:{canInteract:{true:{}},direction:{vertical:{py:"$3",flexDirection:"row","&:not(:last-child)::after":{height:"100%",width:"4px",left:"14px",top:"50%"}},horizontal:{px:"$2",flexDirection:"column","&:not(:last-child)::after":{width:"100%",height:"4px",left:"50%",top:"14px"}}},separator:{default:{"&:not(:last-child)::after":{bg:"$tonal100"}},active:{"&:not(:last-child)::after":{bg:"$primary"}},success:{"&:not(:last-child)::after":{bg:"$success"}},viewed:{"&:not(:last-child)::after":{bg:"$tonal200"}}},status:{completed:{},active:{},default:{},viewed:{},success:{},reviewed:{}}},compoundVariants:[{canInteract:!0,status:"completed",css:{"&:hover":{"& :first-child":{bg:"$primaryMid",color:"white !important"},"& :last-child":{color:"$primaryMid"}},"&:focus-visible":{"& :first-child":{outline:"2px solid $primary",outlineOffset:"2px"}}}},{canInteract:!0,status:"active",css:{"&:hover":{"& :first-child":{borderColor:"$tonal400",color:"$tonal600"},"& :last-child":{color:"$tonal600"}},"&:focus-visible":{"& :first-child":{outline:"2px solid $primary",outlineOffset:"2px"}}}},{canInteract:!0,status:"viewed",css:{"&:hover":{"& :first-child":{borderColor:"$tonal400",color:"$tonal600"},"& :last-child":{color:"$tonal600"}},"&:focus-visible":{"& :first-child":{outline:"2px solid $primary !important",outlineOffset:"2px !important"}}}},{canInteract:!0,status:"reviewed",css:{"&:focus-visible":{"& :first-child":{outline:"2px solid $primary !important",outlineOffset:"2px !important"}}}}]});export{o as StepperStepContainer};
+//# sourceMappingURL=StepperStepContainer.js.map

package/dist/components/stepper/StepperStepContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperStepContainer.js","sources":["../../../src/components/stepper/StepperStepContainer.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nimport { Flex } from '../flex'\n\nexport const StepperStepContainer = styled(Flex, {\n  position: 'relative',\n  fontFamily: '$body',\n  fontWeight: 600,\n  fontSize: '$md',\n  alignItems: 'center',\n  '&:not(:last-child)::after': {\n    content: '',\n    position: 'absolute'\n  },\n  '&:focus-visible': {\n    outline: 'none'\n  },\n  variants: {\n    canInteract: { true: {} },\n    direction: {\n      vertical: {\n        py: '$3',\n        flexDirection: 'row',\n        '&:not(:last-child)::after': {\n          height: '100%',\n          width: '4px',\n          left: '14px',\n          top: '50%'\n        }\n      },\n      horizontal: {\n        px: '$2',\n        flexDirection: 'column',\n        '&:not(:last-child)::after': {\n          width: '100%',\n          height: '4px',\n          left: '50%',\n          top: '14px'\n        }\n      }\n    },\n    separator: {\n      default: { '&:not(:last-child)::after': { bg: '$tonal100' } },\n      active: { '&:not(:last-child)::after': { bg: '$primary' } },\n      success: { '&:not(:last-child)::after': { bg: '$success' } },\n      viewed: { '&:not(:last-child)::after': { bg: '$tonal200' } }\n    },\n    status: {\n      completed: {},\n      active: {},\n      default: {},\n      viewed: {},\n      success: {},\n      reviewed: {}\n    }\n  },\n  compoundVariants: [\n    {\n      canInteract: true,\n      status: 'completed',\n      css: {\n        '&:hover': {\n          '& :first-child': { bg: '$primaryMid', color: 'white !important' },\n          '& :last-child': { color: '$primaryMid' }\n        },\n        '&:focus-visible': {\n          '& :first-child': {\n            outline: '2px solid $primary',\n            outlineOffset: '2px'\n          }\n        }\n      }\n    },\n    {\n      canInteract: true,\n      status: 'active',\n      css: {\n        '&:hover': {\n          '& :first-child': { borderColor: '$tonal400', color: '$tonal600' },\n          '& :last-child': { color: '$tonal600' }\n        },\n        '&:focus-visible': {\n          '& :first-child': {\n            outline: '2px solid $primary',\n            outlineOffset: '2px'\n          }\n        }\n      }\n    },\n    {\n      canInteract: true,\n      status: 'viewed',\n      css: {\n        '&:hover': {\n          '& :first-child': { borderColor: '$tonal400', color: '$tonal600' },\n          '& :last-child': { color: '$tonal600' }\n        },\n        '&:focus-visible': {\n          '& :first-child': {\n            outline: '2px solid $primary !important',\n            outlineOffset: '2px !important'\n          }\n        }\n      }\n    },\n    {\n      canInteract: true,\n      status: 'reviewed',\n      css: {\n        '&:focus-visible': {\n          '& :first-child': {\n            outline: '2px solid $primary !important',\n            outlineOffset: '2px !important'\n          }\n        }\n      }\n    }\n  ]\n})\n"],"names":["StepperStepContainer","styled","Flex"],"mappings":"kFAIO,MAAMA,EAAuBC,EAAOC,EAAM,CAC/C,SAAU,WACV,WAAY,QACZ,WAAY,IACZ,SAAU,MACV,WAAY,SACZ,4BAA6B,CAC3B,QAAS,GACT,SAAU,UACZ,EACA,kBAAmB,CACjB,QAAS,MACX,EACA,SAAU,CACR,YAAa,CAAE,KAAM,EAAG,EACxB,UAAW,CACT,SAAU,CACR,GAAI,KACJ,cAAe,MACf,4BAA6B,CAC3B,OAAQ,OACR,MAAO,MACP,KAAM,OACN,IAAK,KACP,CACF,EACA,WAAY,CACV,GAAI,KACJ,cAAe,SACf,4BAA6B,CAC3B,MAAO,OACP,OAAQ,MACR,KAAM,MACN,IAAK,MACP,CACF,CACF,EACA,UAAW,CACT,QAAS,CAAE,4BAA6B,CAAE,GAAI,WAAY,CAAE,EAC5D,OAAQ,CAAE,4BAA6B,CAAE,GAAI,UAAW,CAAE,EAC1D,QAAS,CAAE,4BAA6B,CAAE,GAAI,UAAW,CAAE,EAC3D,OAAQ,CAAE,4BAA6B,CAAE,GAAI,WAAY,CAAE,CAC7D,EACA,OAAQ,CACN,UAAW,GACX,OAAQ,CAAA,EACR,QAAS,CACT,EAAA,OAAQ,CAAA,EACR,QAAS,CAAC,EACV,SAAU,EACZ,CACF,EACA,iBAAkB,CAChB,CACE,YAAa,GACb,OAAQ,YACR,IAAK,CACH,UAAW,CACT,iBAAkB,CAAE,GAAI,cAAe,MAAO,kBAAmB,EACjE,gBAAiB,CAAE,MAAO,aAAc,CAC1C,EACA,kBAAmB,CACjB,iBAAkB,CAChB,QAAS,qBACT,cAAe,KACjB,CACF,CACF,CACF,EACA,CACE,YAAa,GACb,OAAQ,SACR,IAAK,CACH,UAAW,CACT,iBAAkB,CAAE,YAAa,YAAa,MAAO,WAAY,EACjE,gBAAiB,CAAE,MAAO,WAAY,CACxC,EACA,kBAAmB,CACjB,iBAAkB,CAChB,QAAS,qBACT,cAAe,KACjB,CACF,CACF,CACF,EACA,CACE,YAAa,GACb,OAAQ,SACR,IAAK,CACH,UAAW,CACT,iBAAkB,CAAE,YAAa,YAAa,MAAO,WAAY,EACjE,gBAAiB,CAAE,MAAO,WAAY,CACxC,EACA,kBAAmB,CACjB,iBAAkB,CAChB,QAAS,gCACT,cAAe,gBACjB,CACF,CACF,CACF,EACA,CACE,YAAa,GACb,OAAQ,WACR,IAAK,CACH,kBAAmB,CACjB,iBAAkB,CAChB,QAAS,gCACT,cAAe,gBACjB,CACF,CACF,CACF,CACF,CACF,CAAC"}

package/dist/components/stepper/StepperStepForward.js

@@ -1 +1,2 @@
 import*as n from"react";import{Button as p}from"../button/Button.js";import{useStepper as m}from"./stepper-context/StepperContext.js";const c=({label:e,children:r,onClick:o,...i})=>{const{goToNextStep:t,activeStep:l}=m();return n.createElement(p,{size:"sm",...i,onClick:()=>{if(o)return o(t);t==null||t()},css:{ml:"auto"}},r||(e==null?void 0:e(l)))};export{c as StepperStepForward};
+//# sourceMappingURL=StepperStepForward.js.map

package/dist/components/stepper/StepperStepForward.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperStepForward.js","sources":["../../../src/components/stepper/StepperStepForward.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Button } from '../button'\nimport { useStepper } from './stepper-context/StepperContext'\nimport { IStepperNavigateProps } from './types'\n\nexport const StepperStepForward: React.FC<\n  IStepperNavigateProps & Omit<React.ComponentProps<typeof Button>, 'children'>\n> = ({ label, children, onClick, ...rest }) => {\n  const { goToNextStep, activeStep } = useStepper()\n\n  const handleClick = () => {\n    if (onClick) {\n      return onClick(goToNextStep)\n    }\n    goToNextStep?.()\n  }\n\n  return (\n    <Button size=\"sm\" {...rest} onClick={handleClick} css={{ ml: 'auto' }}>\n      {children || label?.(activeStep)}\n    </Button>\n  )\n}\n"],"names":["StepperStepForward","label","children","onClick","rest","goToNextStep","activeStep","useStepper","React","Button"],"mappings":"sIAMa,MAAAA,EAET,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,QAAAC,KAAYC,CAAK,IAAM,CAC7C,KAAM,CAAE,aAAAC,EAAc,WAAAC,CAAW,EAAIC,EAAW,EAShD,OACEC,EAAA,cAACC,EAAA,CAAO,KAAK,KAAM,GAAGL,EAAM,QARV,IAAM,CACxB,GAAID,EACF,OAAOA,EAAQE,CAAY,EAE7BA,GAAA,MAAAA,GACF,EAGoD,IAAK,CAAE,GAAI,MAAO,CAAA,EACjEH,IAAYD,GAAA,KAAAA,OAAAA,EAAQK,GACvB,CAEJ"}

package/dist/components/stepper/StepperStepLabel.js

@@ -1 +1,2 @@
 import{styled as t}from"../../stitches.js";import{Text as e}from"../text/Text.js";const o=t(e,{fontWeight:600,variants:{direction:{vertical:{ml:"$3",textAlign:"left"},horizontal:{mt:"$3",textAlign:"center"}},status:{default:{color:"$tonal300",fontWeight:400},active:{color:"$primaryMid"},viewed:{color:"$tonal600"},completed:{color:"$primary"},success:{color:"$success"},reviewed:{}}}});export{o as StepperStepLabel};
+//# sourceMappingURL=StepperStepLabel.js.map

package/dist/components/stepper/StepperStepLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperStepLabel.js","sources":["../../../src/components/stepper/StepperStepLabel.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nimport { Text } from '../text'\n\nexport const StepperStepLabel = styled(Text, {\n  fontWeight: 600,\n  variants: {\n    direction: {\n      vertical: { ml: '$3', textAlign: 'left' },\n      horizontal: { mt: '$3', textAlign: 'center' }\n    },\n    status: {\n      default: { color: '$tonal300', fontWeight: 400 },\n      active: {\n        color: '$primaryMid'\n      },\n      viewed: { color: '$tonal600' },\n      completed: { color: '$primary' },\n      success: { color: '$success' },\n      reviewed: {}\n    }\n  }\n})\n"],"names":["StepperStepLabel","styled","Text"],"mappings":"kFAIO,MAAMA,EAAmBC,EAAOC,EAAM,CAC3C,WAAY,IACZ,SAAU,CACR,UAAW,CACT,SAAU,CAAE,GAAI,KAAM,UAAW,MAAO,EACxC,WAAY,CAAE,GAAI,KAAM,UAAW,QAAS,CAC9C,EACA,OAAQ,CACN,QAAS,CAAE,MAAO,YAAa,WAAY,GAAI,EAC/C,OAAQ,CACN,MAAO,aACT,EACA,OAAQ,CAAE,MAAO,WAAY,EAC7B,UAAW,CAAE,MAAO,UAAW,EAC/B,QAAS,CAAE,MAAO,UAAW,EAC7B,SAAU,CAAA,CACZ,CACF,CACF,CAAC"}

package/dist/components/stepper/StepperSteps.js

@@ -1 +1,2 @@
 import{Ok as h}from"@atom-learning/icons";import*as n from"react";import{styled as b}from"../../stitches.js";import{Flex as v}from"../flex/Flex.js";import{Icon as D}from"../icon/Icon.js";import{useStepper as I}from"./stepper-context/StepperContext.js";import{StepperStepBullet as g}from"./StepperStepBullet.js";import{StepperStepContainer as T}from"./StepperStepContainer.js";import{StepperStepLabel as w}from"./StepperStepLabel.js";import{Status as t}from"./types.js";const L=b(v,{justifyContent:"space-between",variants:{direction:{vertical:{flexDirection:"column"},horizontal:{flexDirection:"row"}}}}),U=({css:S})=>{const{steps:i,goToStep:m,activeStep:r,viewedSteps:a,allowSkip:l,direction:c,hideLabels:E,completedSteps:p,showCompletedIcons:u}=I(),d=o=>{const e=i[o];return e.status?e.status:p.length===i.length?t.SUCCESS:r===o&&p.includes(r)?t.REVIEWED:r===o?t.ACTIVE:p.includes(o)?t.COMPLETED:a.includes(o)?t.VIEWED:t.DEFAULT},C=o=>{var e;const s=(e=i[o])==null?void 0:e.status;return p.length===i.length?t.SUCCESS:s===t.SUCCESS?t.SUCCESS:s===t.COMPLETED||o<Math.max(...a)?t.ACTIVE:s===t.VIEWED?t.VIEWED:t.DEFAULT};return n.createElement(L,{css:S,direction:c},i.map((o,e)=>{const s=d(e),f=C(e);return n.createElement(T,{tabIndex:0,key:`step_${e}`,direction:c,separator:f,status:s,css:c==="horizontal"?{width:`calc(100% / ${i.length})`}:{height:`calc(100% / ${i.length})`},canInteract:l},n.createElement(g,{as:l?"button":"div",onClick:()=>l&&a.includes(e)?m==null?void 0:m(e):void 0,status:s,"aria-current":e===r?"step":void 0,"aria-label":o.label?"":`step ${e+1}`,"aria-labelledby":o.label?`step-${e}`:void 0,css:{cursor:l&&a.includes(e)?"pointer":"auto"}},o.status===t.SUCCESS||u&&s===t.COMPLETED?n.createElement(D,{is:h}):e+1),o.label&&!E&&n.createElement(w,{as:"span",id:`step-${e}`,direction:c,status:s},o.label))}))};export{U as StepperSteps};
+//# sourceMappingURL=StepperSteps.js.map

package/dist/components/stepper/StepperSteps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperSteps.js","sources":["../../../src/components/stepper/StepperSteps.tsx"],"sourcesContent":["import { Ok } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Flex } from '../flex'\nimport { Icon } from '../icon'\nimport { useStepper } from './stepper-context/StepperContext'\nimport { StepperStepBullet } from './StepperStepBullet'\nimport { StepperStepContainer } from './StepperStepContainer'\nimport { StepperStepLabel } from './StepperStepLabel'\nimport { IStepperStepsProps, Status } from './types'\n\nconst StepperStepsContainer = styled(Flex, {\n  justifyContent: 'space-between',\n  variants: {\n    direction: {\n      vertical: { flexDirection: 'column' },\n      horizontal: { flexDirection: 'row' }\n    }\n  }\n})\n\nexport const StepperSteps: React.FC<IStepperStepsProps> = ({ css }) => {\n  const {\n    steps,\n    goToStep,\n    activeStep,\n    viewedSteps,\n    allowSkip,\n    direction,\n    hideLabels,\n    completedSteps,\n    showCompletedIcons\n  } = useStepper()\n\n  const getBulletStatus = (index: number) => {\n    const activeBullet = steps[index]\n\n    if (activeBullet.status) return activeBullet.status\n    if (completedSteps.length === steps.length) return Status.SUCCESS\n    if (activeStep === index && completedSteps.includes(activeStep))\n      return Status.REVIEWED\n    if (activeStep === index) return Status.ACTIVE\n    if (completedSteps.includes(index)) return Status.COMPLETED\n    if (viewedSteps.includes(index)) return Status.VIEWED\n    return Status.DEFAULT\n  }\n\n  const getSeparatorStatus = (index: number) => {\n    const bulletStatus = steps[index]?.status\n\n    if (completedSteps.length === steps.length) {\n      return Status.SUCCESS\n    }\n\n    if (bulletStatus === Status.SUCCESS) {\n      return Status.SUCCESS\n    }\n\n    if (bulletStatus === Status.COMPLETED || index < Math.max(...viewedSteps)) {\n      return Status.ACTIVE\n    }\n\n    if (bulletStatus === Status.VIEWED) {\n      return Status.VIEWED\n    }\n\n    return Status.DEFAULT\n  }\n\n  return (\n    <StepperStepsContainer css={css} direction={direction}>\n      {steps.map((step, index) => {\n        const bulletStatus = getBulletStatus(index)\n        const separatorStatus = getSeparatorStatus(index)\n\n        return (\n          <StepperStepContainer\n            tabIndex={0}\n            key={`step_${index}`}\n            direction={direction}\n            separator={separatorStatus}\n            status={bulletStatus}\n            css={\n              direction === 'horizontal'\n                ? { width: `calc(100% / ${steps.length})` }\n                : { height: `calc(100% / ${steps.length})` }\n            }\n            canInteract={allowSkip}\n          >\n            <StepperStepBullet\n              as={allowSkip ? 'button' : 'div'}\n              onClick={() =>\n                allowSkip && viewedSteps.includes(index)\n                  ? goToStep?.(index)\n                  : undefined\n              }\n              status={bulletStatus}\n              aria-current={index === activeStep ? 'step' : undefined}\n              aria-label={!step.label ? `step ${index + 1}` : ''}\n              aria-labelledby={step.label ? `step-${index}` : undefined}\n              css={{\n                cursor:\n                  allowSkip && viewedSteps.includes(index) ? 'pointer' : 'auto'\n              }}\n            >\n              {step.status === Status.SUCCESS ||\n              (showCompletedIcons && bulletStatus === Status.COMPLETED) ? (\n                <Icon is={Ok} />\n              ) : (\n                index + 1\n              )}\n            </StepperStepBullet>\n\n            {step.label && !hideLabels && (\n              <StepperStepLabel\n                as=\"span\"\n                id={`step-${index}`}\n                direction={direction}\n                status={bulletStatus}\n              >\n                {step.label}\n              </StepperStepLabel>\n            )}\n          </StepperStepContainer>\n        )\n      })}\n    </StepperStepsContainer>\n  )\n}\n"],"names":["StepperStepsContainer","styled","Flex","StepperSteps","css","steps","goToStep","activeStep","viewedSteps","allowSkip","direction","hideLabels","completedSteps","showCompletedIcons","useStepper","getBulletStatus","index","activeBullet","Status","getSeparatorStatus","_a","bulletStatus","React","step","separatorStatus","StepperStepContainer","StepperStepBullet","Icon","Ok","StepperStepLabel"],"mappings":"qdAaA,MAAMA,EAAwBC,EAAOC,EAAM,CACzC,eAAgB,gBAChB,SAAU,CACR,UAAW,CACT,SAAU,CAAE,cAAe,QAAS,EACpC,WAAY,CAAE,cAAe,KAAM,CACrC,CACF,CACF,CAAC,EAEYC,EAA6C,CAAC,CAAE,IAAAC,CAAI,IAAM,CACrE,KAAM,CACJ,MAAAC,EACA,SAAAC,EACA,WAAAC,EACA,YAAAC,EACA,UAAAC,EACA,UAAAC,EACA,WAAAC,EACA,eAAAC,EACA,mBAAAC,CACF,EAAIC,EAAW,EAETC,EAAmBC,GAAkB,CACzC,MAAMC,EAAeZ,EAAMW,GAE3B,OAAIC,EAAa,OAAeA,EAAa,OACzCL,EAAe,SAAWP,EAAM,OAAea,EAAO,QACtDX,IAAeS,GAASJ,EAAe,SAASL,CAAU,EACrDW,EAAO,SACZX,IAAeS,EAAcE,EAAO,OACpCN,EAAe,SAASI,CAAK,EAAUE,EAAO,UAC9CV,EAAY,SAASQ,CAAK,EAAUE,EAAO,OACxCA,EAAO,OAChB,EAEMC,EAAsBH,GAAkB,CAjDhD,IAAAI,EAkDI,MAAMC,GAAeD,EAAAf,EAAMW,KAAN,KAAA,OAAAI,EAAc,OAEnC,OAAIR,EAAe,SAAWP,EAAM,OAC3Ba,EAAO,QAGZG,IAAiBH,EAAO,QACnBA,EAAO,QAGZG,IAAiBH,EAAO,WAAaF,EAAQ,KAAK,IAAI,GAAGR,CAAW,EAC/DU,EAAO,OAGZG,IAAiBH,EAAO,OACnBA,EAAO,OAGTA,EAAO,OAChB,EAEA,OACEI,EAAA,cAACtB,EAAA,CAAsB,IAAKI,EAAK,UAAWM,CAAAA,EACzCL,EAAM,IAAI,CAACkB,EAAMP,IAAU,CAC1B,MAAMK,EAAeN,EAAgBC,CAAK,EACpCQ,EAAkBL,EAAmBH,CAAK,EAEhD,OACEM,EAAA,cAACG,EAAA,CACC,SAAU,EACV,IAAK,QAAQT,IACb,UAAWN,EACX,UAAWc,EACX,OAAQH,EACR,IACEX,IAAc,aACV,CAAE,MAAO,eAAeL,EAAM,SAAU,EACxC,CAAE,OAAQ,eAAeA,EAAM,SAAU,EAE/C,YAAaI,CAEba,EAAAA,EAAA,cAACI,EAAA,CACC,GAAIjB,EAAY,SAAW,MAC3B,QAAS,IACPA,GAAaD,EAAY,SAASQ,CAAK,EACnCV,GAAA,KAAA,OAAAA,EAAWU,CACX,EAAA,OAEN,OAAQK,EACR,eAAcL,IAAUT,EAAa,OAAS,OAC9C,aAAagB,EAAK,MAA8B,GAAtB,QAAQP,EAAQ,IAC1C,kBAAiBO,EAAK,MAAQ,QAAQP,IAAU,OAChD,IAAK,CACH,OACEP,GAAaD,EAAY,SAASQ,CAAK,EAAI,UAAY,MAC3D,CAECO,EAAAA,EAAK,SAAWL,EAAO,SACvBL,GAAsBQ,IAAiBH,EAAO,UAC7CI,EAAA,cAACK,EAAA,CAAK,GAAIC,EAAI,EAEdZ,EAAQ,CAEZ,EAECO,EAAK,OAAS,CAACZ,GACdW,EAAA,cAACO,EAAA,CACC,GAAG,OACH,GAAI,QAAQb,IACZ,UAAWN,EACX,OAAQW,GAEPE,EAAK,KACR,CAEJ,CAEJ,CAAC,CACH,CAEJ"}

package/dist/components/stepper/stepper-context/StepperContext.js

@@ -1 +1,2 @@
 import*as o from"react";const d=o.createContext({steps:[],goToPreviousStep:()=>null,goToNextStep:()=>null,goToStep:()=>null,activeStep:0,viewedSteps:[],allowSkip:!1,direction:"horizontal",hideLabels:!1,completedSteps:[],showCompletedIcons:!1}),b=({children:s,stepCount:i,allowSkip:S,onComplete:p,onStepChange:l,direction:a,steps:h,hideLabels:v,showCompletedIcons:w})=>{const[e,r]=o.useState(0),[m,g]=o.useState([0]),[C,f]=o.useState([]),c=!i;o.useEffect(()=>{g(t=>t.includes(e)?t:[...t,e]),l==null||l(e)},[e,l]);const T=()=>{const t=p&&e===i-1,u=e<i-1;if((p||u)&&f(n=>n.includes(e)?n:[...n,e]),t)return p==null?void 0:p();if(u)return r(n=>n+1)},x=()=>{r(t=>t-1)},P=t=>{r(t)};return o.createElement(d.Provider,{value:{steps:h||Array(i).fill(""),goToPreviousStep:c?void 0:x,goToNextStep:c?void 0:T,goToStep:c?void 0:P,activeStep:e,viewedSteps:m,completedSteps:C,allowSkip:S,direction:a,hideLabels:v,showCompletedIcons:w}},s)},E=()=>{const s=o.useContext(d);if(!s)throw new Error("Ensure that you wrap any components with the root component Stepper");return s};export{b as StepperProvider,E as useStepper};
+//# sourceMappingURL=StepperContext.js.map

package/dist/components/stepper/stepper-context/StepperContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperContext.js","sources":["../../../../src/components/stepper/stepper-context/StepperContext.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Context, StepperProviderProps } from '../types'\n\nconst StepperContext = React.createContext<Context>({\n  steps: [],\n  goToPreviousStep: () => null,\n  goToNextStep: () => null,\n  goToStep: () => null,\n  activeStep: 0,\n  viewedSteps: [],\n  allowSkip: false,\n  direction: 'horizontal',\n  hideLabels: false,\n  completedSteps: [],\n  showCompletedIcons: false\n})\n\nexport const StepperProvider: React.FC<StepperProviderProps> = ({\n  children,\n  stepCount,\n  allowSkip,\n  onComplete,\n  onStepChange,\n  direction,\n  steps,\n  hideLabels,\n  showCompletedIcons\n}) => {\n  const [activeStep, setActiveStep] = React.useState(0)\n\n  const [viewedSteps, setviewedSteps] = React.useState<number[]>([0])\n  const [completedSteps, setCompletedSteps] = React.useState<number[]>([])\n\n  const isControlled = !stepCount\n\n  React.useEffect(() => {\n    setviewedSteps((prev) =>\n      prev.includes(activeStep) ? prev : [...prev, activeStep]\n    )\n\n    onStepChange?.(activeStep)\n  }, [activeStep, onStepChange])\n\n  const goToNextStep = () => {\n    const isCompleted = onComplete && activeStep === stepCount - 1\n    const isNextStep = activeStep < stepCount - 1\n\n    if (onComplete || isNextStep) {\n      setCompletedSteps((prev) =>\n        prev.includes(activeStep) ? prev : [...prev, activeStep]\n      )\n    }\n\n    if (isCompleted) {\n      return onComplete?.()\n    }\n    if (isNextStep) {\n      return setActiveStep((current) => current + 1)\n    }\n  }\n\n  const goToPreviousStep = () => {\n    setActiveStep((current) => current - 1)\n  }\n\n  const goToStep = (index: number) => {\n    setActiveStep(index)\n  }\n\n  return (\n    <StepperContext.Provider\n      value={{\n        steps: steps || Array(stepCount).fill(''),\n        goToPreviousStep: isControlled ? undefined : goToPreviousStep,\n        goToNextStep: isControlled ? undefined : goToNextStep,\n        goToStep: isControlled ? undefined : goToStep,\n        activeStep,\n        viewedSteps,\n        completedSteps,\n        allowSkip,\n        direction,\n        hideLabels,\n        showCompletedIcons\n      }}\n    >\n      {children}\n    </StepperContext.Provider>\n  )\n}\n\nexport const useStepper = (): Context => {\n  const context = React.useContext(StepperContext)\n  if (!context)\n    throw new Error(\n      'Ensure that you wrap any components with the root component Stepper'\n    )\n\n  return context\n}\n"],"names":["StepperContext","React","StepperProvider","children","stepCount","allowSkip","onComplete","onStepChange","direction","steps","hideLabels","showCompletedIcons","activeStep","setActiveStep","viewedSteps","setviewedSteps","completedSteps","setCompletedSteps","isControlled","prev","goToNextStep","isCompleted","isNextStep","current","goToPreviousStep","goToStep","index","useStepper","context"],"mappings":"wBAIA,MAAMA,EAAiBC,EAAM,cAAuB,CAClD,MAAO,CAAA,EACP,iBAAkB,IAAM,KACxB,aAAc,IAAM,KACpB,SAAU,IAAM,KAChB,WAAY,EACZ,YAAa,CAAC,EACd,UAAW,GACX,UAAW,aACX,WAAY,GACZ,eAAgB,CAAC,EACjB,mBAAoB,EACtB,CAAC,EAEYC,EAAkD,CAAC,CAC9D,SAAAC,EACA,UAAAC,EACA,UAAAC,EACA,WAAAC,EACA,aAAAC,EACA,UAAAC,EACA,MAAAC,EACA,WAAAC,EACA,mBAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAYC,CAAa,EAAIZ,EAAM,SAAS,CAAC,EAE9C,CAACa,EAAaC,CAAc,EAAId,EAAM,SAAmB,CAAC,CAAC,CAAC,EAC5D,CAACe,EAAgBC,CAAiB,EAAIhB,EAAM,SAAmB,CAAE,CAAA,EAEjEiB,EAAe,CAACd,EAEtBH,EAAM,UAAU,IAAM,CACpBc,EAAgBI,GACdA,EAAK,SAASP,CAAU,EAAIO,EAAO,CAAC,GAAGA,EAAMP,CAAU,CACzD,EAEAL,GAAA,MAAAA,EAAeK,CAAAA,CACjB,EAAG,CAACA,EAAYL,CAAY,CAAC,EAE7B,MAAMa,EAAe,IAAM,CACzB,MAAMC,EAAcf,GAAcM,IAAeR,EAAY,EACvDkB,EAAaV,EAAaR,EAAY,EAQ5C,IANIE,GAAcgB,IAChBL,EAAmBE,GACjBA,EAAK,SAASP,CAAU,EAAIO,EAAO,CAAC,GAAGA,EAAMP,CAAU,CACzD,EAGES,EACF,OAAOf,GAAA,YAAAA,EAET,EAAA,GAAIgB,EACF,OAAOT,EAAeU,GAAYA,EAAU,CAAC,CAEjD,EAEMC,EAAmB,IAAM,CAC7BX,EAAeU,GAAYA,EAAU,CAAC,CACxC,EAEME,EAAYC,GAAkB,CAClCb,EAAca,CAAK,CACrB,EAEA,OACEzB,EAAA,cAACD,EAAe,SAAf,CACC,MAAO,CACL,MAAOS,GAAS,MAAML,CAAS,EAAE,KAAK,EAAE,EACxC,iBAAkBc,EAAe,OAAYM,EAC7C,aAAcN,EAAe,OAAYE,EACzC,SAAUF,EAAe,OAAYO,EACrC,WAAAb,EACA,YAAAE,EACA,eAAAE,EACA,UAAAX,EACA,UAAAG,EACA,WAAAE,EACA,mBAAAC,CACF,CAECR,EAAAA,CACH,CAEJ,EAEawB,EAAa,IAAe,CACvC,MAAMC,EAAU3B,EAAM,WAAWD,CAAc,EAC/C,GAAI,CAAC4B,EACH,MAAM,IAAI,MACR,qEACF,EAEF,OAAOA,CACT"}

package/dist/components/stepper/types.js

@@ -1 +1,2 @@
 var t=(E=>(E.ACTIVE="active",E.VIEWED="viewed",E.SUCCESS="success",E.DEFAULT="default",E.COMPLETED="completed",E.REVIEWED="reviewed",E))(t||{});export{t as Status};
+//# sourceMappingURL=types.js.map

package/dist/components/stepper/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/components/stepper/types.ts"],"sourcesContent":["import { CSS } from '~/stitches'\n\nexport enum Status {\n  ACTIVE = 'active',\n  VIEWED = 'viewed',\n  SUCCESS = 'success',\n  DEFAULT = 'default',\n  COMPLETED = 'completed',\n  REVIEWED = 'reviewed'\n}\nexport interface Step {\n  label?: string\n  status: `${Status}`\n}\n\nexport type Direction = 'vertical' | 'horizontal'\n\nexport type Context = {\n  steps: Step[]\n  goToPreviousStep?: () => void\n  goToNextStep?: () => void\n  goToStep?: (index: number) => void\n  activeStep: number\n  viewedSteps: number[]\n  completedSteps: number[]\n  allowSkip?: boolean\n  direction?: Direction\n  hideLabels: boolean\n  showCompletedIcons: boolean\n}\n\nexport type StepperProviderProps = {\n  stepCount: number\n  allowSkip?: boolean\n  onComplete?: () => void\n  onStepChange?: (activeStep: number) => void\n  direction?: Direction\n  steps: Step[]\n  hideLabels: boolean\n  showCompletedIcons: boolean\n}\n\nexport interface IStepperProps {\n  css?: CSS\n  stepCount?: number\n  allowSkip?: boolean\n  onComplete?: () => void\n  onStepChange?: (activeStep: number) => void\n  direction?: Direction\n  steps?: Step[]\n  hideLabels?: boolean\n  showCompletedIcons?: boolean\n}\n\nexport interface IStepperNavigateProps {\n  label?: (currentStep?: number) => string\n  onClick?: (next: () => void) => void\n}\n\nexport interface IStepperStepsProps {\n  css?: CSS\n}\n"],"names":["Status"],"mappings":"AAEY,IAAAA,GAAAA,IACVA,EAAA,OAAS,SACTA,EAAA,OAAS,SACTA,EAAA,QAAU,UACVA,EAAA,QAAU,UACVA,EAAA,UAAY,YACZA,EAAA,SAAW,WANDA,IAAAA,GAAA,CAAA,CAAA"}

package/dist/components/switch/Switch.js

@@ -1 +1,2 @@
 import*as o from"@radix-ui/react-switch";import*as r from"react";import{styled as a}from"../../stitches.js";const n=a(o.Root,{appearance:"none",backgroundColor:"$tonal200",border:"none",borderRadius:"$round",cursor:"pointer",display:"flex",overflow:"hidden",p:"$0",position:"relative",transition:"all 50ms ease-out",width:"$4","&:hover":{backgroundColor:"$tonal300"},"&:focus":{outline:"2px solid $primary",outlineOffset:"1px"},'&[data-state="checked"]':{backgroundColor:"$primary"},'&[data-state="checked"]:hover':{backgroundColor:"$primaryMid"}}),i=a(o.Thumb,{backgroundColor:"white",borderRadius:"$round",display:"block",size:"$1",transition:"transform 50ms",willChange:"transform",'&[data-state="checked"]':{transform:"translateX(calc($sizes$2 - $space$1))"}}),e=t=>r.createElement(n,{...t},r.createElement(i,null));e.displayName="Switch";export{e as Switch};
+//# sourceMappingURL=Switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sources":["../../../src/components/switch/Switch.tsx"],"sourcesContent":["import * as RadixSwitch from '@radix-ui/react-switch'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nconst StyledSwitch = styled(RadixSwitch.Root, {\n  appearance: 'none',\n  backgroundColor: '$tonal200',\n  border: 'none',\n  borderRadius: '$round',\n  cursor: 'pointer',\n  display: 'flex',\n  overflow: 'hidden',\n  p: '$0',\n  position: 'relative',\n  transition: 'all 50ms ease-out',\n  width: '$4',\n  '&:hover': {\n    backgroundColor: '$tonal300'\n  },\n  '&:focus': {\n    outline: '2px solid $primary',\n    outlineOffset: '1px'\n  },\n  '&[data-state=\"checked\"]': {\n    backgroundColor: '$primary'\n  },\n  '&[data-state=\"checked\"]:hover': {\n    backgroundColor: '$primaryMid'\n  }\n})\n\nconst StyledThumb = styled(RadixSwitch.Thumb, {\n  backgroundColor: 'white',\n  borderRadius: '$round',\n  display: 'block',\n  size: '$1',\n  transition: 'transform 50ms',\n  willChange: 'transform',\n  '&[data-state=\"checked\"]': {\n    transform: 'translateX(calc($sizes$2 - $space$1))'\n  }\n})\n\ntype SwitchProps = React.ComponentProps<typeof StyledSwitch>\n\nexport const Switch: React.FC<SwitchProps> = (props) => (\n  <StyledSwitch {...props}>\n    <StyledThumb />\n  </StyledSwitch>\n)\n\nSwitch.displayName = 'Switch'\n"],"names":["StyledSwitch","styled","RadixSwitch","StyledThumb","Switch","props","React"],"mappings":"4GAKA,MAAMA,EAAeC,EAAOC,EAAY,KAAM,CAC5C,WAAY,OACZ,gBAAiB,YACjB,OAAQ,OACR,aAAc,SACd,OAAQ,UACR,QAAS,OACT,SAAU,SACV,EAAG,KACH,SAAU,WACV,WAAY,oBACZ,MAAO,KACP,UAAW,CACT,gBAAiB,WACnB,EACA,UAAW,CACT,QAAS,qBACT,cAAe,KACjB,EACA,0BAA2B,CACzB,gBAAiB,UACnB,EACA,gCAAiC,CAC/B,gBAAiB,aACnB,CACF,CAAC,EAEKC,EAAcF,EAAOC,EAAY,MAAO,CAC5C,gBAAiB,QACjB,aAAc,SACd,QAAS,QACT,KAAM,KACN,WAAY,iBACZ,WAAY,YACZ,0BAA2B,CACzB,UAAW,uCACb,CACF,CAAC,EAIYE,EAAiCC,GAC5CC,EAAA,cAACN,EAAA,CAAc,GAAGK,CAAAA,EAChBC,EAAA,cAACH,EAAA,IAAY,CACf,EAGFC,EAAO,YAAc"}

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

@@ -6,7 +6,6 @@ import { TableFooterCell } from './TableFooterCell';
 import { TableHeader } from './TableHeader';
 import { TableHeaderCell } from './TableHeaderCell';
 import { TableRow } from './TableRow';
-import { TableStickyColumnsContainer } from './TableStickyColumnsContainer';
 declare type TableSubComponents = {
     Body: typeof TableBody;
     Cell: typeof TableCell;
@@ -15,7 +14,6 @@ declare type TableSubComponents = {
     Header: typeof TableHeader;
     HeaderCell: typeof TableHeaderCell;
     Row: typeof TableRow;
-    StickyColumnsContainer: typeof TableStickyColumnsContainer;
 };
 declare const StyledTable: import("@stitches/react/types/styled-component").StyledComponent<"table", {
     size?: "md" | "lg" | undefined;
@@ -196,8 +194,6 @@ declare const StyledTable: import("@stitches/react/types/styled-component").Styl
         marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
     };
 }>>;
-declare type TableProps = React.ComponentProps<typeof StyledTable> & {
-    numberOfStickyColumns?: number;
-};
+declare type TableProps = React.ComponentProps<typeof StyledTable>;
 export declare const Table: React.FC<TableProps> & TableSubComponents;
 export {};

package/dist/components/table/Table.js

@@ -1 +1,2 @@
-import*as i from"react";import{styled as f}from"../../stitches.js";import{TableBody as b}from"./TableBody.js";import{TableCell as o}from"./TableCell.js";import{TableFooter as p}from"./TableFooter.js";import{TableFooterCell as t}from"./TableFooterCell.js";import{TableHeader as $}from"./TableHeader.js";import{TableHeaderCell as r}from"./TableHeaderCell.js";import{StyledRow as c,TableRow as u}from"./TableRow.js";import{TableStickyColumnsContainer as m}from"./TableStickyColumnsContainer.js";const C=f("table",{borderCollapse:"separate",borderSpacing:0,fontFamily:"$sans",fontSize:"$sm",width:"100%",variants:{size:{md:{[`${o}, ${r}, ${t}`]:{height:"$4"}},lg:{[`${o}, ${r}, ${t}`]:{height:"$5"}}},corners:{round:{[`${r}`]:{"&:first-of-type":{borderTopLeftRadius:"$0"},"&:last-of-type":{borderTopRightRadius:"$0"}},[`${c}:last-child`]:{[`${o}:first-child`]:{borderBottomLeftRadius:"$0"},[`${o}:last-child`]:{borderBottomRightRadius:"$0"}}},square:{}}}}),e=({size:s="md",corners:d="round",numberOfStickyColumns:l=0,...n})=>{const a=i.createElement(C,{size:s,corners:d,...n});return l?i.createElement(m,{numberOfStickyColumns:l},a):a};e.Body=b,e.Cell=o,e.Footer=p,e.FooterCell=t,e.Header=$,e.HeaderCell=r,e.Row=u,e.StickyColumnsContainer=m,e.displayName="Table";export{e as Table};
+import*as d from"react";import{styled as s}from"../../stitches.js";import{TableBody as m}from"./TableBody.js";import{TableCell as o}from"./TableCell.js";import{TableFooter as p}from"./TableFooter.js";import{TableFooterCell as t}from"./TableFooterCell.js";import{TableHeader as $}from"./TableHeader.js";import{TableHeaderCell as r}from"./TableHeaderCell.js";import{StyledRow as f,TableRow as b}from"./TableRow.js";const n=s("table",{borderCollapse:"separate",borderSpacing:0,fontFamily:"$sans",fontSize:"$sm",width:"100%",variants:{size:{md:{[`${o}, ${r}, ${t}`]:{height:"$4"}},lg:{[`${o}, ${r}, ${t}`]:{height:"$5"}}},corners:{round:{[`${r}`]:{"&:first-of-type":{borderTopLeftRadius:"$0"},"&:last-of-type":{borderTopRightRadius:"$0"}},[`${f}:last-child`]:{[`${o}:first-child`]:{borderBottomLeftRadius:"$0"},[`${o}:last-child`]:{borderBottomRightRadius:"$0"}}},square:{}}}}),e=({size:l="md",corners:a="round",...i})=>d.createElement(n,{size:l,corners:a,...i});e.Body=m,e.Cell=o,e.Footer=p,e.FooterCell=t,e.Header=$,e.HeaderCell=r,e.Row=b,e.displayName="Table";export{e as Table};
+//# sourceMappingURL=Table.js.map

package/dist/components/table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { TableBody } from './TableBody'\nimport { TableCell } from './TableCell'\nimport { TableFooter } from './TableFooter'\nimport { TableFooterCell } from './TableFooterCell'\nimport { TableHeader } from './TableHeader'\nimport { TableHeaderCell } from './TableHeaderCell'\nimport { StyledRow, TableRow } from './TableRow'\n\ntype TableSubComponents = {\n  Body: typeof TableBody\n  Cell: typeof TableCell\n  Footer: typeof TableFooter\n  FooterCell: typeof TableFooterCell\n  Header: typeof TableHeader\n  HeaderCell: typeof TableHeaderCell\n  Row: typeof TableRow\n}\n\nconst StyledTable = styled('table', {\n  borderCollapse: 'separate',\n  borderSpacing: 0,\n  fontFamily: '$sans',\n  fontSize: '$sm',\n  width: '100%',\n  variants: {\n    size: {\n      md: {\n        [`${TableCell}, ${TableHeaderCell}, ${TableFooterCell}`]: {\n          height: '$4'\n        }\n      },\n      lg: {\n        [`${TableCell}, ${TableHeaderCell}, ${TableFooterCell}`]: {\n          height: '$5'\n        }\n      }\n    },\n    corners: {\n      round: {\n        [`${TableHeaderCell}`]: {\n          '&:first-of-type': { borderTopLeftRadius: '$0' },\n          '&:last-of-type': { borderTopRightRadius: '$0' }\n        },\n        [`${StyledRow}:last-child`]: {\n          [`${TableCell}:first-child`]: { borderBottomLeftRadius: '$0' },\n          [`${TableCell}:last-child`]: { borderBottomRightRadius: '$0' }\n        }\n      },\n      square: {}\n    }\n  }\n})\n\ntype TableProps = React.ComponentProps<typeof StyledTable>\n\nexport const Table: React.FC<TableProps> & TableSubComponents = ({\n  size = 'md',\n  corners = 'round',\n  ...rest\n}: TableProps) => <StyledTable size={size} corners={corners} {...rest} />\n\nTable.Body = TableBody\nTable.Cell = TableCell\nTable.Footer = TableFooter\nTable.FooterCell = TableFooterCell\nTable.Header = TableHeader\nTable.HeaderCell = TableHeaderCell\nTable.Row = TableRow\n\nTable.displayName = 'Table'\n"],"names":["StyledTable","styled","TableCell","TableHeaderCell","TableFooterCell","StyledRow","Table","size","corners","rest","React","TableBody","TableFooter","TableHeader","TableRow"],"mappings":"6ZAsBA,MAAMA,EAAcC,EAAO,QAAS,CAClC,eAAgB,WAChB,cAAe,EACf,WAAY,QACZ,SAAU,MACV,MAAO,OACP,SAAU,CACR,KAAM,CACJ,GAAI,CACF,CAAC,GAAGC,MAAcC,MAAoBC,KAAoB,CACxD,OAAQ,IACV,CACF,EACA,GAAI,CACF,CAAC,GAAGF,MAAcC,MAAoBC,KAAoB,CACxD,OAAQ,IACV,CACF,CACF,EACA,QAAS,CACP,MAAO,CACL,CAAC,GAAGD,KAAoB,CACtB,kBAAmB,CAAE,oBAAqB,IAAK,EAC/C,iBAAkB,CAAE,qBAAsB,IAAK,CACjD,EACA,CAAC,GAAGE,gBAAyB,CAC3B,CAAC,GAAGH,iBAA0B,CAAE,uBAAwB,IAAK,EAC7D,CAAC,GAAGA,gBAAyB,CAAE,wBAAyB,IAAK,CAC/D,CACF,EACA,OAAQ,CAAA,CACV,CACF,CACF,CAAC,EAIYI,EAAmD,CAAC,CAC/D,KAAAC,EAAO,KACP,QAAAC,EAAU,WACPC,CACL,IAAkBC,EAAA,cAACV,EAAA,CAAY,KAAMO,EAAM,QAASC,EAAU,GAAGC,CAAAA,CAAM,EAEvEH,EAAM,KAAOK,EACbL,EAAM,KAAOJ,EACbI,EAAM,OAASM,EACfN,EAAM,WAAaF,EACnBE,EAAM,OAASO,EACfP,EAAM,WAAaH,EACnBG,EAAM,IAAMQ,EAEZR,EAAM,YAAc"}

package/dist/components/table/TableBody.js

@@ -1 +1,2 @@
-import*as r from"react";import{styled as i}from"../../stitches.js";import{StyledRow as t}from"./TableRow.js";const l=i("tbody",{variants:{striped:{true:{[`${t}`]:{"&:nth-child(odd)":{bg:"white"},"&:nth-child(even)":{bg:"$tonal50"}}},false:{[`${t}`]:{bg:"white"}}}}}),e=({striped:o=!0,...d})=>r.createElement(l,{striped:o,...d});e.displayName="TableBody";export{e as TableBody};
+import*as d from"react";import{styled as r}from"../../stitches.js";import{StyledRow as i}from"./TableRow.js";const l=r("tbody",{variants:{striped:{true:{[`${i}`]:{"&:nth-child(odd)":{bg:"white"},"&:nth-child(even)":{bg:"$tonal50"}}},false:{bg:"white"}}}}),t=({striped:e=!0,...o})=>d.createElement(l,{striped:e,...o});t.displayName="TableBody";export{t as TableBody};
+//# sourceMappingURL=TableBody.js.map

package/dist/components/table/TableBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.js","sources":["../../../src/components/table/TableBody.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { StyledRow } from './TableRow'\n\nconst StyledTableBody = styled('tbody', {\n  variants: {\n    striped: {\n      true: {\n        [`${StyledRow}`]: {\n          '&:nth-child(odd)': { bg: 'white' },\n          '&:nth-child(even)': { bg: '$tonal50' }\n        }\n      },\n      false: {\n        bg: 'white'\n      }\n    }\n  }\n})\n\ntype TableBodyProps = React.ComponentProps<typeof StyledTableBody>\n\nexport const TableBody: React.FC<TableBodyProps> = ({\n  striped = true,\n  ...rest\n}) => <StyledTableBody striped={striped} {...rest} />\n\nTableBody.displayName = 'TableBody'\n"],"names":["StyledTableBody","styled","StyledRow","TableBody","striped","rest","React"],"mappings":"6GAMA,MAAMA,EAAkBC,EAAO,QAAS,CACtC,SAAU,CACR,QAAS,CACP,KAAM,CACJ,CAAC,GAAGC,KAAc,CAChB,mBAAoB,CAAE,GAAI,OAAQ,EAClC,oBAAqB,CAAE,GAAI,UAAW,CACxC,CACF,EACA,MAAO,CACL,GAAI,OACN,CACF,CACF,CACF,CAAC,EAIYC,EAAsC,CAAC,CAClD,QAAAC,EAAU,MACPC,CACL,IAAMC,EAAA,cAACN,EAAA,CAAgB,QAASI,EAAU,GAAGC,CAAM,CAAA,EAEnDF,EAAU,YAAc"}

package/dist/components/table/TableCell.js

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

package/dist/components/table/TableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.js","sources":["../../../src/components/table/TableCell.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nexport const TableCell = styled('td', {\n  borderBottom: '1px solid $tonal100',\n  boxSizing: 'border-box',\n  color: '$tonal400',\n  fontFamily: '$body',\n  lineHeight: 1.5,\n  p: '$2 $3',\n  textAlign: 'left',\n  verticalAlign: 'middle',\n  '&:first-child': { fontWeight: 'bold' }\n})\n\nTableCell.displayName = 'TableCell'\n"],"names":["TableCell","styled"],"mappings":"2CAEO,MAAMA,EAAYC,EAAO,KAAM,CACpC,aAAc,sBACd,UAAW,aACX,MAAO,YACP,WAAY,QACZ,WAAY,IACZ,EAAG,QACH,UAAW,OACX,cAAe,SACf,gBAAiB,CAAE,WAAY,MAAO,CACxC,CAAC,EAEDD,EAAU,YAAc"}

package/dist/components/table/TableFooter.js

@@ -1 +1,2 @@
 import{styled as t}from"../../stitches.js";const o=t("tfoot",{});o.displayName="TableFooter";export{o as TableFooter};
+//# sourceMappingURL=TableFooter.js.map

package/dist/components/table/TableFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFooter.js","sources":["../../../src/components/table/TableFooter.tsx"],"sourcesContent":["import { styled } from '~/stitches'\n\nexport const TableFooter = styled('tfoot', {})\n\nTableFooter.displayName = 'TableFooter'\n"],"names":["TableFooter","styled"],"mappings":"2CAEa,MAAAA,EAAcC,EAAO,QAAS,CAAE,CAAA,EAE7CD,EAAY,YAAc"}

package/dist/components/table/TableFooterCell.js

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

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

@@ -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

@@ -1 +1,2 @@
-import o from"react";import{styled as l}from"../../stitches.js";import{TableHeaderCell as e}from"./TableHeaderCell.js";const r={PRIMARY:"primary",PRIMARY_DARK:"primaryDark",LIGHT:"light"},i=l("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})=>o.createElement(i,{theme:t,...m});a.displayName="TableHeader";export{r as TABLE_HEADER_THEMES,a as TableHeader};
+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};
+//# sourceMappingURL=TableHeader.js.map

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

@@ -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

@@ -1 +1,2 @@
 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};
+//# sourceMappingURL=TableHeaderCell.js.map

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

@@ -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

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

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

@@ -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

@@ -1 +1,2 @@
-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:o,...t})=>e.createElement(T,{...t},o);r.TriggerList=s,r.Trigger=a,r.Content=g,r.displayName="Tabs";export{r as Tabs};
+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};
+//# sourceMappingURL=Tabs.js.map

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

@@ -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

@@ -1 +1,2 @@
 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};
+//# sourceMappingURL=TabsContent.js.map

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

@@ -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

@@ -1 +1,2 @@
-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()}}}),o=({children:r,...t})=>e.createElement(s,{asChild:!0,...t},e.createElement(n,{size:"sm",as:"button"},r));o.displayName="TabsTrigger";export{o as TabsTrigger};
+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};
+//# sourceMappingURL=TabsTrigger.js.map

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

@@ -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

@@ -1 +1,2 @@
-import{List as y}from"@radix-ui/react-tabs";import e from"react";import{styled as m}from"../../stitches.js";import{useWindowSize as T}from"../../utilities/hooks/useWindowSize.js";import{useCallbackRefState as x}from"../../utilities/hooks/useCallbackRef.js";import{ActionIcon as z}from"../action-icon/ActionIcon.js";import{Icon as p}from"../icon/Icon.js";import{ChevronLeft as $,ChevronRight as R}from"@atom-learning/icons";import{ColorScheme as I}from"../../experiments/color-scheme/ColorScheme.js";const N=m(I,{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(z,{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]=x(),{width:W}=T(),[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:$})),e.createElement(_,{ref:k},g),E&&e.createElement(u,{label:"scroll right",size:"md",css:{right:0},onClick:()=>f("right")},e.createElement(p,{is:R})))};b.displayName="TabsTriggerList";export{b as TabsTriggerList};
+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};
+//# sourceMappingURL=TabsTriggerList.js.map

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

@@ -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

@@ -1 +1,2 @@
-import*as o from"react";import{styled as f}from"../../stitches.js";import{capsize as e}from"../../utilities/style/capsize.js";const i={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"}}}},l=({size:t,noCapsize:n})=>({...i.size[t],...i.noCapsize[`${n}`]}),a=f("p",{fontFamily:"$body",fontWeight:400,margin:0,"& > &":{"&:before, &:after":{display:"none"}},variants:i}),s=o.forwardRef(({size:t="md",...n},r)=>o.createElement(a,{size:t,...n,ref:r}));s.displayName="Text";export{a as StyledText,s as Text,l as getTextVariant,i as textVariants};
+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};
+//# sourceMappingURL=Text.js.map

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

@@ -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

@@ -1 +1,2 @@
 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};
+//# sourceMappingURL=Textarea.js.map

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

@@ -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

@@ -1 +1,2 @@
 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};
+//# sourceMappingURL=TextareaField.js.map

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

@@ -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

@@ -1 +1,2 @@
-import{Error as g,Close as $}from"@atom-learning/icons";import*as t from"react";import{toast as h}from"react-hot-toast";import{keyframes as a,styled as i}from"../../stitches.js";import{ActionIcon as v}from"../action-icon/ActionIcon.js";import{Icon as s}from"../icon/Icon.js";import{Loader as y}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(y,{css:{flex:"0 0 auto",ml:"auto"}}):t.createElement(v,{css:{position:"absolute",top:"$2",right:"$2",color:"white","&:hover,&:focus":{color:"white",opacity:.5}},label:"Close alert",onClick:()=>h.dismiss(e)},t.createElement(s,{is:$}))))});export{n as TOAST_WIDTH,T as Toast};
+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};
+//# sourceMappingURL=Toast.js.map

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

@@ -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

@@ -1 +1,2 @@
-import*as t from"react";import{useToaster as p}from"react-hot-toast";import{default as _}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,_ as toast};
+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};
+//# sourceMappingURL=ToastProvider.js.map

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

@@ -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

@@ -1 +1,2 @@
-import*as 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 t={sm:"32px",md:"40px",lg:"48px"},$={sm:"$4",md:"$5",lg:"$5"},u={sm:"$2",md:"$3",lg:"$3"},l=i=>({fontSize:`$${i}`,px:$[i],minHeight:t[i],"& > *:not(:last-child)":{mr:u[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:t.sm,p:0}},{isIconOnly:!0,size:"md",css:{minWidth:t.md,p:0}},{isIconOnly:!0,size:"lg",css:{minWidth:t.lg,p:0}}]}),x=n.forwardRef(({size:i="md",children:p,...c},y)=>{var o;const s=n.Children.toArray(p),m=s.length<=1,a=m&&n.isValidElement(s[0])&&((o=s[0])==null?void 0:o.type)===r;return n.createElement(d,{ref:y,size:i,isIconOnly:a,...c},s.map(e=>!m&&(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,x as ToggleGroupButton};
+import*as 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};
+//# sourceMappingURL=ToggleGroupButton.js.map

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

@@ -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

@@ -1 +1,2 @@
 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};
+//# sourceMappingURL=ToggleGroupItem.js.map

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

@@ -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

@@ -1 +1,2 @@
 import*as h from"@radix-ui/react-toggle-group";import*as 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};
+//# sourceMappingURL=ToggleGroupRoot.js.map

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

@@ -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

@@ -1 +1,2 @@
 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};
+//# sourceMappingURL=index.js.map

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

@@ -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

@@ -1 +1,2 @@
 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};
+//# sourceMappingURL=Tooltip.js.map

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

@@ -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

@@ -1 +1,2 @@
-import{Content as m,Arrow as l}from"@radix-ui/react-tooltip";import*as a from"react";import{TOOLTIP_Z_INDEX as r}from"../../constants/zIndices.js";import{styled as t}from"../../stitches.js";import{slideDownAndFade as s,slideLeftAndFade as p,slideUpAndFade as f,slideRightAndFade as c}from"../../utilities/style/keyframe-animations.js";const h=t(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=t(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})=>a.createElement(h,{side:e,sideOffset:o,size:n,...d},i,a.createElement(x,null));export{$ as TooltipContent};
+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};
+//# sourceMappingURL=TooltipContent.js.map

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

@@ -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

@@ -1 +1,2 @@
 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};
+//# sourceMappingURL=TopBar.js.map