@atom-learning/components 2.33.0 → 2.34.0

package/dist/components/chip/Chip.js

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

package/dist/components/chip/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","sources":["../../../src/components/chip/Chip.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '~/components/box'\nimport { Flex } from '~/components/flex'\nimport { Icon } from '~/components/icon'\nimport { getTextVariant } from '~/components/text'\nimport { styled } from '~/stitches'\nimport { overrideStitchesVariantValue } from '~/utilities/override-stitches-variant-value/overrideStitchesVariantValue'\n\nconst overflowElipsis = {\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap'\n}\nexport const StyledChipContent = styled('span', {\n  display: 'inline-flex',\n  alignItems: 'center',\n  px: '$1',\n  flexGrow: 1,\n  ...overflowElipsis,\n  '& > *:not(:last-child)': {\n    mr: '$1'\n  }\n})\n\nconst toIconSize = { sm: 'sm', md: 'sm', lg: 'md' }\nexport const StyledChipIcon = styled(Icon, {\n  flexShrink: 0\n})\nexport const ChipIcon: typeof Icon = ({ ...props }) => {\n  const rootContext = React.useContext(ChipRootContext)\n  const { size } = rootContext\n  const iconSize = React.useMemo(\n    () => overrideStitchesVariantValue(size, (s) => toIconSize[s]),\n    [size]\n  )\n  return <StyledChipIcon {...props} size={iconSize} />\n}\n\nconst ChipContent = ({ children, ...rest }) => {\n  const childrenArray = React.Children.toArray(children)\n  const isSingleChild = childrenArray.length <= 1\n  return (\n    <StyledChipContent {...rest}>\n      {\n        childrenArray.map((child, index) => {\n          if (!isSingleChild && typeof child === 'string')\n            return (\n              <Box as=\"span\" css={overflowElipsis} key={child}>\n                {child}\n              </Box>\n            )\n          if (React.isValidElement(child) && child.type === Icon) {\n            return <ChipIcon key={`icon-${index}`} {...child.props} />\n          }\n          return child\n        }) as React.ReactElement[]\n      }\n    </StyledChipContent>\n  )\n}\n\nexport const StyledRoot = styled(Flex, {\n  px: '$2',\n  border: '1px solid',\n  borderRadius: '$0',\n  alignItems: 'center',\n  fontFamily: '$body',\n  maxWidth: '100%',\n  borderColor: '$primary',\n  color: '$primaryMid',\n  bg: '$primaryLight',\n  '&[data-disabled]': {\n    opacity: '0.3',\n    pointerEvents: 'none'\n  },\n  variants: {\n    size: {\n      sm: {\n        height: '$2',\n        ...getTextVariant({ size: 'sm' })\n      },\n      md: {\n        height: '$3',\n        ...getTextVariant({ size: 'sm' })\n      },\n      lg: {\n        height: '$4',\n        ...getTextVariant({ size: 'md' })\n      }\n    }\n  }\n})\n\nexport type TChipRootContext = React.ComponentProps<typeof StyledRoot>\nexport type TChipRootProviderProps = TChipRootContext\n\nexport const ChipRootContext = React.createContext<TChipRootContext>({})\n\nexport const ChipRootProvider: React.FC<TChipRootProviderProps> = ({\n  size,\n  children\n}) => {\n  const value = React.useMemo<TChipRootContext>(() => ({ size }), [size])\n  return (\n    <ChipRootContext.Provider value={value}>\n      {children}\n    </ChipRootContext.Provider>\n  )\n}\n\nexport type TChipRootProps = TChipRootProviderProps & {\n  asWorkaround?: React.ElementType // (!?) `asWorkaround` rather than `as` because, it seems, when we extend this via `styled()` stitches overrides this component from the first argument for the value in `as`\n}\n\nconst ChipRoot: React.ForwardRefExoticComponent<TChipRootProps> =\n  React.forwardRef(({ asWorkaround, size = 'md', ...rest }, ref) => {\n    return (\n      <ChipRootProvider size={size}>\n        <StyledRoot ref={ref} as={asWorkaround} size={size} {...rest} />\n      </ChipRootProvider>\n    )\n  })\n\ntype TChipType = typeof ChipRoot & {\n  Content: typeof ChipContent\n  Icon: typeof ChipIcon\n}\n\nexport const Chip = ChipRoot as TChipType\nChip.Content = ChipContent\nChip.Icon = ChipIcon\nChip.displayName = 'Chip'\n"],"names":["overflowElipsis","StyledChipContent","styled","toIconSize","StyledChipIcon","Icon","ChipIcon","props","rootContext","React","ChipRootContext","size","iconSize","overrideStitchesVariantValue","s","ChipContent","children","rest","childrenArray","isSingleChild","child","index","Box","StyledRoot","Flex","getTextVariant","ChipRootProvider","value","ChipRoot","asWorkaround","ref","Chip"],"mappings":"qWASA,MAAMA,EAAkB,CACtB,SAAU,SACV,aAAc,WACd,WAAY,QACd,EACaC,EAAoBC,EAAO,OAAQ,CAC9C,QAAS,cACT,WAAY,SACZ,GAAI,KACJ,SAAU,EACV,GAAGF,EACH,yBAA0B,CACxB,GAAI,IACN,CACF,CAAC,EAEKG,EAAa,CAAE,GAAI,KAAM,GAAI,KAAM,GAAI,IAAK,EACrCC,EAAiBF,EAAOG,EAAM,CACzC,WAAY,CACd,CAAC,EACYC,EAAwB,CAAC,IAAKC,CAAM,IAAM,CACrD,MAAMC,EAAcC,EAAM,WAAWC,CAAe,EAC9C,CAAE,KAAAC,CAAK,EAAIH,EACXI,EAAWH,EAAM,QACrB,IAAMI,EAA6BF,EAAOG,GAAMX,EAAWW,EAAE,EAC7D,CAACH,CAAI,CACP,EACA,OAAOF,EAAA,cAACL,EAAgB,CAAA,GAAGG,EAAO,KAAMK,CAAAA,CAAU,CACpD,EAEMG,EAAc,CAAC,CAAE,SAAAC,KAAaC,CAAK,IAAM,CAC7C,MAAMC,EAAgBT,EAAM,SAAS,QAAQO,CAAQ,EAC/CG,EAAgBD,EAAc,QAAU,EAC9C,OACET,EAAA,cAACR,EAAmB,CAAA,GAAGgB,GAEnBC,EAAc,IAAI,CAACE,EAAOC,IACpB,CAACF,GAAiB,OAAOC,GAAU,SAEnCX,EAAA,cAACa,EAAA,CAAI,GAAG,OAAO,IAAKtB,EAAiB,IAAKoB,CACvCA,EAAAA,CACH,EAEAX,EAAM,eAAeW,CAAK,GAAKA,EAAM,OAASf,EACzCI,EAAA,cAACH,EAAA,CAAS,IAAK,QAAQe,IAAU,GAAGD,EAAM,KAAO,CAAA,EAEnDA,CACR,CAEL,CAEJ,EAEaG,EAAarB,EAAOsB,EAAM,CACrC,GAAI,KACJ,OAAQ,YACR,aAAc,KACd,WAAY,SACZ,WAAY,QACZ,SAAU,OACV,YAAa,WACb,MAAO,cACP,GAAI,gBACJ,mBAAoB,CAClB,QAAS,MACT,cAAe,MACjB,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CACF,OAAQ,KACR,GAAGC,EAAe,CAAE,KAAM,IAAK,CAAC,CAClC,EACA,GAAI,CACF,OAAQ,KACR,GAAGA,EAAe,CAAE,KAAM,IAAK,CAAC,CAClC,EACA,GAAI,CACF,OAAQ,KACR,GAAGA,EAAe,CAAE,KAAM,IAAK,CAAC,CAClC,CACF,CACF,CACF,CAAC,EAKYf,EAAkBD,EAAM,cAAgC,EAAE,EAE1DiB,EAAqD,CAAC,CACjE,KAAAf,EACA,SAAAK,CACF,IAAM,CACJ,MAAMW,EAAQlB,EAAM,QAA0B,KAAO,CAAE,KAAAE,CAAK,GAAI,CAACA,CAAI,CAAC,EACtE,OACEF,EAAA,cAACC,EAAgB,SAAhB,CAAyB,MAAOiB,CAC9BX,EAAAA,CACH,CAEJ,EAMMY,EACJnB,EAAM,WAAW,CAAC,CAAE,aAAAoB,EAAc,KAAAlB,EAAO,QAASM,CAAK,EAAGa,IAEtDrB,EAAA,cAACiB,EAAA,CAAiB,KAAMf,CACtBF,EAAAA,EAAA,cAACc,EAAW,CAAA,IAAKO,EAAK,GAAID,EAAc,KAAMlB,EAAO,GAAGM,CAAM,CAAA,CAChE,CAEH,EAOUc,EAAOH,EACpBG,EAAK,QAAUhB,EACfgB,EAAK,KAAOzB,EACZyB,EAAK,YAAc"}

package/dist/components/chip/ChipGroup.js

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

package/dist/components/chip/ChipGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipGroup.js","sources":["../../../src/components/chip/ChipGroup.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Stack } from '~/components/stack'\n\ntype TChipGroupProps = {\n  gap: 1 | 2 | 3\n}\n\nexport const ChipGroup: React.ForwardRefExoticComponent<\n  TChipGroupProps & React.ComponentProps<typeof Stack>\n> = React.forwardRef(({ gap = 2, ...rest }, ref) => {\n  return <Stack ref={ref} direction=\"row\" gap={gap} align={false} {...rest} />\n})\n"],"names":["ChipGroup","React","gap","rest","ref","Stack"],"mappings":"kEAQO,MAAMA,EAETC,EAAM,WAAW,CAAC,CAAE,IAAAC,EAAM,KAAMC,CAAK,EAAGC,IACnCH,EAAA,cAACI,EAAA,CAAM,IAAKD,EAAK,UAAU,MAAM,IAAKF,EAAK,MAAO,GAAQ,GAAGC,EAAM,CAC3E"}

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

@@ -1 +1,2 @@
 import*as e from"react";import{styled as l}from"../../stitches.js";import{Chip as i}from"../chip/Chip.js";import"../chip/ChipGroup.js";import{DismissibleGroup as m}from"../dismissible-group/index.js";import{ActionIcon as n}from"../action-icon/ActionIcon.js";import{Icon as c}from"../icon/Icon.js";import{Close as p}from"@atom-learning/icons";const a=l(i,{px:"$1"}),f=({size:t="md",children:o,dismissActionLabel:r="Dismiss",...s})=>e.createElement(m.Item,{asChild:!0,...s},e.createElement(a,{size:t},e.createElement(i.Content,null,o),e.createElement(m.Trigger,{asChild:!0},e.createElement(n,{label:r,css:{color:"$tonal200"},size:t==="sm"?"xs":"sm"},e.createElement(c,{is:p})))));export{f as ChipDismissibleGroupItem};
+//# sourceMappingURL=ChipDismissibleGroupItem.js.map

package/dist/components/chip-dismissible-group/ChipDismissibleGroupItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipDismissibleGroupItem.js","sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupItem.tsx"],"sourcesContent":["import * as React from 'react'\nimport { styled } from '~/stitches'\nimport { Chip } from '~/components/chip'\nimport { DismissibleGroup } from '~/components/dismissible-group'\nimport { ActionIcon } from '../action-icon'\nimport { Icon } from '../icon'\nimport { Close } from '@atom-learning/icons'\n\nconst StyledChipDismissibleGroupItem = styled(Chip, { px: '$1' })\n\nexport type TChipDismissibleGroupItem = React.ComponentProps<\n  typeof DismissibleGroup.Item\n> &\n  React.ComponentProps<typeof StyledChipDismissibleGroupItem> & {\n    dismissActionLabel: string\n  }\n\nexport const ChipDismissibleGroupItem: React.FC<TChipDismissibleGroupItem> = ({\n  size = 'md',\n  children,\n  dismissActionLabel = 'Dismiss',\n  ...rest\n}) => {\n  return (\n    <DismissibleGroup.Item asChild {...rest}>\n      <StyledChipDismissibleGroupItem size={size}>\n        <Chip.Content>{children}</Chip.Content>\n        <DismissibleGroup.Trigger asChild>\n          <ActionIcon\n            label={dismissActionLabel}\n            css={{ color: '$tonal200' }}\n            size={size === 'sm' ? 'xs' : 'sm'}\n          >\n            <Icon is={Close} />\n          </ActionIcon>\n        </DismissibleGroup.Trigger>\n      </StyledChipDismissibleGroupItem>\n    </DismissibleGroup.Item>\n  )\n}\n"],"names":["StyledChipDismissibleGroupItem","styled","Chip","ChipDismissibleGroupItem","size","children","dismissActionLabel","rest","React","DismissibleGroup","ActionIcon","Icon","Close"],"mappings":"sVAQA,MAAMA,EAAiCC,EAAOC,EAAM,CAAE,GAAI,IAAK,CAAC,EASnDC,EAAgE,CAAC,CAC5E,KAAAC,EAAO,KACP,SAAAC,EACA,mBAAAC,EAAqB,aAClBC,CACL,IAEIC,EAAA,cAACC,EAAiB,KAAjB,CAAsB,QAAO,GAAE,GAAGF,GACjCC,EAAA,cAACR,EAAA,CAA+B,KAAMI,CAAAA,EACpCI,EAAA,cAACN,EAAK,QAAL,KAAcG,CAAS,EACxBG,EAAA,cAACC,EAAiB,QAAjB,CAAyB,QAAO,EAAA,EAC/BD,EAAA,cAACE,EAAA,CACC,MAAOJ,EACP,IAAK,CAAE,MAAO,WAAY,EAC1B,KAAMF,IAAS,KAAO,KAAO,IAAA,EAE7BI,EAAA,cAACG,EAAA,CAAK,GAAIC,CAAO,CAAA,CACnB,CACF,CACF,CACF"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChipDismissibleGroupRoot.js","sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ChipGroup } from '~/components/chip'\nimport { DismissibleGroup } from '~/components/dismissible-group'\n\ntype TChipDismissibleGroupRootProps = React.ComponentProps<typeof ChipGroup> &\n  React.ComponentProps<typeof DismissibleGroup>\n\nexport const ChipDismissibleGroupRoot = React.forwardRef<\n  HTMLDivElement,\n  TChipDismissibleGroupRootProps\n>((props, ref) => {\n  return <ChipGroup as={DismissibleGroup} ref={ref} {...props} />\n})\n"],"names":["ChipDismissibleGroupRoot","React","props","ref","ChipGroup","DismissibleGroup"],"mappings":"kKAQO,MAAMA,EAA2BC,EAAM,WAG5C,CAACC,EAAOC,IACDF,EAAA,cAACG,EAAA,CAAU,GAAIC,EAAkB,IAAKF,EAAM,GAAGD,CAAAA,CAAO,CAC9D"}

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

@@ -1 +1,2 @@
 import{ChipDismissibleGroupItem as s}from"./ChipDismissibleGroupItem.js";import{ChipDismissibleGroupRoot as o}from"./ChipDismissibleGroupRoot.js";const i=o;i.Item=s,i.displayName="ChipDismissibleGroup";export{i as ChipDismissibleGroup};
+//# sourceMappingURL=index.js.map

package/dist/components/chip-dismissible-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/chip-dismissible-group/index.ts"],"sourcesContent":["import { ChipDismissibleGroupItem } from './ChipDismissibleGroupItem'\nimport { ChipDismissibleGroupRoot } from './ChipDismissibleGroupRoot'\n\ntype TChipDismissibleGroup = typeof ChipDismissibleGroupRoot & {\n  Item: typeof ChipDismissibleGroupItem\n}\n\nexport const ChipDismissibleGroup =\n  ChipDismissibleGroupRoot as TChipDismissibleGroup\nChipDismissibleGroup.Item = ChipDismissibleGroupItem\nChipDismissibleGroup.displayName = 'ChipDismissibleGroup'\n"],"names":["ChipDismissibleGroup","ChipDismissibleGroupRoot","ChipDismissibleGroupItem"],"mappings":"kJAOa,MAAAA,EACXC,EACFD,EAAqB,KAAOE,EAC5BF,EAAqB,YAAc"}

package/dist/components/chip-toggle-group/ChipToggleGroupItem.js

@@ -1 +1,2 @@
 import{Ok as i}from"@atom-learning/icons";import*as m from"@radix-ui/react-toggle-group";import*as o from"react";import{Chip as t}from"../chip/Chip.js";import"../chip/ChipGroup.js";import{Icon as s}from"../icon/Icon.js";import{styled as r}from"../../stitches.js";import{focusVisibleStyleBlock as c}from"../../utilities/style/focus-visible-style-block.js";const e=r(s,{display:"none"}),p=r(t,{"&:not([disabled])":{cursor:"pointer","&:hover":{bg:"$tonal100",color:"$tonal600",borderColor:"currentColor"},"&:focus-visible":{...c()},'&[data-state="on"]':{"&:hover":{bg:"$white",color:"$primaryDark"}}},'&[data-state="off"]':{color:"$tonal400",bg:"$tonal50",borderColor:"$tonal200"},'&[data-state="on"]':{[`& ${e}`]:{display:"block"}}}),d=({size:l="md",children:a,...n})=>o.createElement(m.Item,{...n,asChild:!0},o.createElement(p,{asWorkaround:"button"},o.createElement(e,{is:i,size:l==="lg"?"md":"sm"}),o.createElement(t.Content,null,a)));export{d as ChipToggleGroupItem};
+//# sourceMappingURL=ChipToggleGroupItem.js.map

package/dist/components/chip-toggle-group/ChipToggleGroupItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipToggleGroupItem.js","sources":["../../../src/components/chip-toggle-group/ChipToggleGroupItem.tsx"],"sourcesContent":["import { Ok } from '@atom-learning/icons'\nimport * as ToggleGroup from '@radix-ui/react-toggle-group'\nimport * as React from 'react'\n\nimport { Chip } from '~/components/chip'\nimport { Icon } from '~/components/icon'\nimport { styled } from '~/stitches'\nimport { focusVisibleStyleBlock } from '~/utilities'\n\nconst StyledChipToggleIcon = styled(Icon, {\n  display: 'none'\n})\n\nconst StyledChipToggleGroupItem = styled(Chip, {\n  '&:not([disabled])': {\n    cursor: 'pointer',\n    '&:hover': {\n      bg: '$tonal100',\n      color: '$tonal600',\n      borderColor: 'currentColor'\n    },\n    '&:focus-visible': {\n      ...focusVisibleStyleBlock()\n    },\n    '&[data-state=\"on\"]': {\n      '&:hover': {\n        bg: '$white',\n        color: '$primaryDark'\n      }\n    }\n  },\n  '&[data-state=\"off\"]': {\n    color: '$tonal400',\n    bg: '$tonal50',\n    borderColor: '$tonal200'\n  },\n  '&[data-state=\"on\"]': {\n    [`& ${StyledChipToggleIcon}`]: {\n      display: 'block'\n    }\n  }\n})\n\ntype TChipToggleGroupItem = React.ComponentProps<typeof ToggleGroup.Item> &\n  React.ComponentProps<typeof StyledChipToggleGroupItem>\n\nexport const ChipToggleGroupItem: React.FC<TChipToggleGroupItem> = ({\n  size = 'md',\n  children,\n  ...rest\n}) => {\n  return (\n    <ToggleGroup.Item {...rest} asChild>\n      <StyledChipToggleGroupItem asWorkaround=\"button\">\n        <StyledChipToggleIcon is={Ok} size={size === 'lg' ? 'md' : 'sm'} />\n        <Chip.Content>{children}</Chip.Content>\n      </StyledChipToggleGroupItem>\n    </ToggleGroup.Item>\n  )\n}\n"],"names":["StyledChipToggleIcon","styled","Icon","StyledChipToggleGroupItem","Chip","focusVisibleStyleBlock","ChipToggleGroupItem","size","children","rest","React","ToggleGroup","Ok"],"mappings":"mWASA,MAAMA,EAAuBC,EAAOC,EAAM,CACxC,QAAS,MACX,CAAC,EAEKC,EAA4BF,EAAOG,EAAM,CAC7C,oBAAqB,CACnB,OAAQ,UACR,UAAW,CACT,GAAI,YACJ,MAAO,YACP,YAAa,cACf,EACA,kBAAmB,CACjB,GAAGC,EAAAA,CACL,EACA,qBAAsB,CACpB,UAAW,CACT,GAAI,SACJ,MAAO,cACT,CACF,CACF,EACA,sBAAuB,CACrB,MAAO,YACP,GAAI,WACJ,YAAa,WACf,EACA,qBAAsB,CACpB,CAAC,KAAKL,KAAyB,CAC7B,QAAS,OACX,CACF,CACF,CAAC,EAKYM,EAAsD,CAAC,CAClE,KAAAC,EAAO,KACP,SAAAC,KACGC,CACL,IAEIC,EAAA,cAACC,EAAY,KAAZ,CAAkB,GAAGF,EAAM,QAAO,EAAA,EACjCC,EAAA,cAACP,EAAA,CAA0B,aAAa,QAAA,EACtCO,EAAA,cAACV,EAAA,CAAqB,GAAIY,EAAI,KAAML,IAAS,KAAO,KAAO,IAAM,CAAA,EACjEG,EAAA,cAACN,EAAK,QAAL,KAAcI,CAAS,CAC1B,CACF"}

package/dist/components/chip-toggle-group/ChipToggleGroupRoot.js

@@ -1 +1,2 @@
 import*as e from"@radix-ui/react-toggle-group";import*as o from"react";import"../chip/Chip.js";import{ChipGroup as i}from"../chip/ChipGroup.js";const p=o.forwardRef((r,t)=>o.createElement(i,{ref:t,as:e.Root,orientation:"horizontal",...r}));export{p as ChipToggleGroupRoot};
+//# sourceMappingURL=ChipToggleGroupRoot.js.map

package/dist/components/chip-toggle-group/ChipToggleGroupRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipToggleGroupRoot.js","sources":["../../../src/components/chip-toggle-group/ChipToggleGroupRoot.tsx"],"sourcesContent":["import * as ToggleGroup from '@radix-ui/react-toggle-group'\nimport * as React from 'react'\n\nimport { ChipGroup } from '~/components/chip'\n\ntype TChipToggleGroupRootProps = React.ComponentProps<typeof ChipGroup> &\n  React.ComponentProps<typeof ToggleGroup.Root>\n\nexport const ChipToggleGroupRoot = React.forwardRef<\n  HTMLDivElement,\n  TChipToggleGroupRootProps\n>((props, ref) => {\n  return (\n    <ChipGroup\n      ref={ref}\n      as={ToggleGroup.Root}\n      orientation=\"horizontal\"\n      {...props}\n    />\n  )\n})\n"],"names":["ChipToggleGroupRoot","React","props","ref","ChipGroup","ToggleGroup"],"mappings":"gJAQO,MAAMA,EAAsBC,EAAM,WAGvC,CAACC,EAAOC,IAENF,EAAA,cAACG,EAAA,CACC,IAAKD,EACL,GAAIE,EAAY,KAChB,YAAY,aACX,GAAGH,EACN,CAEH"}

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

@@ -1 +1,2 @@
 import{ChipToggleGroupItem as p}from"./ChipToggleGroupItem.js";import{ChipToggleGroupRoot as e}from"./ChipToggleGroupRoot.js";const o=e;o.Item=p,o.displayName="ChipToggleGroupItem";export{o as ChipToggleGroup};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/chip-toggle-group/index.ts"],"sourcesContent":["import { ChipToggleGroupItem } from './ChipToggleGroupItem'\nimport { ChipToggleGroupRoot } from './ChipToggleGroupRoot'\n\ntype TChipToggleGroup = typeof ChipToggleGroupRoot & {\n  Item: typeof ChipToggleGroupItem\n}\n\nexport const ChipToggleGroup = ChipToggleGroupRoot as TChipToggleGroup\nChipToggleGroup.Item = ChipToggleGroupItem\nChipToggleGroup.displayName = 'ChipToggleGroupItem'\n"],"names":["ChipToggleGroup","ChipToggleGroupRoot","ChipToggleGroupItem"],"mappings":"8HAOa,MAAAA,EAAkBC,EAC/BD,EAAgB,KAAOE,EACvBF,EAAgB,YAAc"}

package/dist/components/combobox/Combobox.js

@@ -1 +1,2 @@
 import{Combobox as t,ComboboxOptionText as b}from"@reach/combobox";import*as r from"react";import{globalCss as p,styled as i}from"../../stitches.js";import{ComboboxInput as x}from"./ComboboxInput.js";import{ComboboxList as e}from"./ComboboxList.js";import{ComboboxOption as n}from"./ComboboxOption.js";import{ComboboxPopover as s}from"./ComboboxPopover.js";p({":root":{"--reach-combobox":1}})();const C=i(t,{}),o=m=>r.createElement(C,{...m});o.displayName="Combobox",o.Option=n,o.Input=x,o.Popover=s,o.List=e,o.OptionText=b;export{o as Combobox};
+//# sourceMappingURL=Combobox.js.map

package/dist/components/combobox/Combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","sources":["../../../src/components/combobox/Combobox.tsx"],"sourcesContent":["import { Combobox as BaseCombobox, ComboboxOptionText } from '@reach/combobox'\nimport * as React from 'react'\n\nimport { globalCss, styled } from '~/stitches'\n\nimport { ComboboxInput } from './ComboboxInput'\nimport { ComboboxList } from './ComboboxList'\nimport { ComboboxOption } from './ComboboxOption'\nimport { ComboboxPopover } from './ComboboxPopover'\n\nglobalCss({ ':root': { '--reach-combobox': 1 } })()\n\nconst StyledCombobox = styled(BaseCombobox, {})\n\ntype ComboboxProps = React.ComponentProps<typeof StyledCombobox>\n\nexport const Combobox: React.FC<ComboboxProps> & {\n  Input: typeof ComboboxInput\n  Popover: typeof ComboboxPopover\n  List: typeof ComboboxList\n  Option: typeof ComboboxOption\n  OptionText: typeof ComboboxOptionText\n} = (props) => <StyledCombobox {...props} />\n\nCombobox.displayName = 'Combobox'\nCombobox.Option = ComboboxOption\nCombobox.Input = ComboboxInput\nCombobox.Popover = ComboboxPopover\nCombobox.List = ComboboxList\nCombobox.OptionText = ComboboxOptionText\n"],"names":["globalCss","StyledCombobox","styled","BaseCombobox","Combobox","props","React","ComboboxOption","ComboboxInput","ComboboxPopover","ComboboxList","ComboboxOptionText"],"mappings":"qWAUAA,EAAU,CAAE,QAAS,CAAE,mBAAoB,CAAE,CAAE,CAAC,EAAE,EAElD,MAAMC,EAAiBC,EAAOC,EAAc,CAAA,CAAE,EAIjCC,EAMRC,GAAUC,EAAA,cAACL,EAAA,CAAgB,GAAGI,CAAO,CAAA,EAE1CD,EAAS,YAAc,WACvBA,EAAS,OAASG,EAClBH,EAAS,MAAQI,EACjBJ,EAAS,QAAUK,EACnBL,EAAS,KAAOM,EAChBN,EAAS,WAAaO"}

package/dist/components/combobox/ComboboxInput.js

@@ -1 +1,2 @@
 import{ComboboxInput as o}from"@reach/combobox";import{styled as r,theme as e}from"../../stitches.js";import{encodeBackgroundIcon as a}from"../../utilities/style/encode-background-icon.js";const t=r(o,{boxShadow:"none",fontSize:"$md",appearance:"none",backgroundImage:a(e.colors.tonal300.value,"chevron"),backgroundPosition:"right $space$3 top 50%, 0 0",backgroundRepeat:"no-repeat, repeat",backgroundSize:"20px auto, 100%",border:"1px solid $tonal300",borderRadius:"$0",boxSizing:"border-box",color:"$tonal600",cursor:"text",display:"block",fontFamily:"$body",height:"$4",pl:"$3",pr:"$6",transition:"all 100ms ease-out",width:"100%","&::placeholder":{color:"$tonal300",opacity:1},"&:focus-within":{borderColor:"$primary",outline:"none"},"&[disabled]":{backgroundColor:"$tonal100",color:"$tonal400",cursor:"not-allowed"},variants:{state:{error:{border:"1px solid $danger"}}}});export{t as ComboboxInput};
+//# sourceMappingURL=ComboboxInput.js.map

package/dist/components/combobox/ComboboxInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxInput.js","sources":["../../../src/components/combobox/ComboboxInput.tsx"],"sourcesContent":["import { ComboboxInput as BaseComboboxInput } from '@reach/combobox'\n\nimport { styled, theme } from '~/stitches'\nimport { encodeBackgroundIcon } from '~/utilities'\n\nexport const ComboboxInput = styled(BaseComboboxInput, {\n  boxShadow: 'none', // prevent default iOS default styling\n  fontSize: '$md', // prevent iOS zooming on focus\n  appearance: 'none',\n  backgroundImage: encodeBackgroundIcon(theme.colors.tonal300.value, 'chevron'),\n  backgroundPosition: 'right $space$3 top 50%, 0 0',\n  backgroundRepeat: 'no-repeat, repeat',\n  backgroundSize: '20px auto, 100%',\n  border: '1px solid $tonal300',\n  borderRadius: '$0',\n  boxSizing: 'border-box',\n  color: '$tonal600',\n  cursor: 'text',\n  display: 'block',\n  fontFamily: '$body',\n  height: '$4',\n  pl: '$3',\n  pr: '$6',\n  transition: 'all 100ms ease-out',\n  width: '100%',\n  '&::placeholder': {\n    color: '$tonal300',\n    opacity: 1\n  },\n  '&:focus-within': {\n    borderColor: '$primary',\n    outline: 'none'\n  },\n  '&[disabled]': {\n    backgroundColor: '$tonal100',\n    color: '$tonal400',\n    cursor: 'not-allowed'\n  },\n  variants: {\n    state: {\n      error: {\n        border: '1px solid $danger'\n      }\n    }\n  }\n})\n"],"names":["ComboboxInput","styled","BaseComboboxInput","encodeBackgroundIcon","theme"],"mappings":"mMAKaA,EAAgBC,EAAOC,EAAmB,CACrD,UAAW,OACX,SAAU,MACV,WAAY,OACZ,gBAAiBC,EAAqBC,EAAM,OAAO,SAAS,MAAO,SAAS,EAC5E,mBAAoB,8BACpB,iBAAkB,oBAClB,eAAgB,kBAChB,OAAQ,sBACR,aAAc,KACd,UAAW,aACX,MAAO,YACP,OAAQ,OACR,QAAS,QACT,WAAY,QACZ,OAAQ,KACR,GAAI,KACJ,GAAI,KACJ,WAAY,qBACZ,MAAO,OACP,iBAAkB,CAChB,MAAO,YACP,QAAS,CACX,EACA,iBAAkB,CAChB,YAAa,WACb,QAAS,MACX,EACA,cAAe,CACb,gBAAiB,YACjB,MAAO,YACP,OAAQ,aACV,EACA,SAAU,CACR,MAAO,CACL,MAAO,CACL,OAAQ,mBACV,CACF,CACF,CACF,CAAC"}

package/dist/components/combobox/ComboboxList.js

@@ -1 +1,2 @@
 import{ComboboxList as o}from"@reach/combobox";import{styled as t}from"../../stitches.js";const e=t(o,{listStyle:"none",m:0,p:0,userSelect:"none"});export{e as ComboboxList};
+//# sourceMappingURL=ComboboxList.js.map

package/dist/components/combobox/ComboboxList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxList.js","sources":["../../../src/components/combobox/ComboboxList.tsx"],"sourcesContent":["import { ComboboxList as BaseComboboxList } from '@reach/combobox'\n\nimport { styled } from '~/stitches'\n\nexport const ComboboxList = styled(BaseComboboxList, {\n  listStyle: 'none',\n  m: 0,\n  p: 0,\n  userSelect: 'none'\n})\n"],"names":["ComboboxList","styled","BaseComboboxList"],"mappings":"gGAIaA,EAAeC,EAAOC,EAAkB,CACnD,UAAW,OACX,EAAG,EACH,EAAG,EACH,WAAY,MACd,CAAC"}

package/dist/components/combobox/ComboboxOption.js

@@ -1 +1,2 @@
 import{ComboboxOption as o}from"@reach/combobox";import{styled as r}from"../../stitches.js";const t=r(o,{color:"$tonal500",cursor:"pointer",m:0,p:"$2",'&:hover, &[aria-selected="true"]':{bg:"$tonal50",borderRadius:"$0"},"[data-user-value]":{color:"$primary"}});export{t as ComboboxOption};
+//# sourceMappingURL=ComboboxOption.js.map

package/dist/components/combobox/ComboboxOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxOption.js","sources":["../../../src/components/combobox/ComboboxOption.tsx"],"sourcesContent":["import { ComboboxOption as BaseComboboxOption } from '@reach/combobox'\n\nimport { styled } from '~/stitches'\n\nexport const ComboboxOption = styled(BaseComboboxOption, {\n  color: '$tonal500',\n  cursor: 'pointer',\n  m: 0,\n  p: '$2',\n  '&:hover, &[aria-selected=\"true\"]': {\n    bg: '$tonal50',\n    borderRadius: '$0'\n  },\n  '[data-user-value]': {\n    color: '$primary'\n  }\n})\n"],"names":["ComboboxOption","styled","BaseComboboxOption"],"mappings":"4FAIa,MAAAA,EAAiBC,EAAOC,EAAoB,CACvD,MAAO,YACP,OAAQ,UACR,EAAG,EACH,EAAG,KACH,mCAAoC,CAClC,GAAI,WACJ,aAAc,IAChB,EACA,oBAAqB,CACnB,MAAO,UACT,CACF,CAAC"}

package/dist/components/combobox/ComboboxPopover.js

@@ -1 +1,2 @@
 import{ComboboxPopover as o}from"@reach/combobox";import{styled as r}from"../../stitches.js";const b=r(o,{bg:"white",border:"solid 1px $tonal100",borderRadius:"$0",boxShadow:"$1",boxSizing:"border-box",fontFamily:"$body",fontSize:"$md",outline:"none",p:"$1",transform:"translateY($space$2)"});export{b as ComboboxPopover};
+//# sourceMappingURL=ComboboxPopover.js.map

package/dist/components/combobox/ComboboxPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxPopover.js","sources":["../../../src/components/combobox/ComboboxPopover.tsx"],"sourcesContent":["import { ComboboxPopover as BaseComboboxPopover } from '@reach/combobox'\n\nimport { styled } from '~/stitches'\n\nexport const ComboboxPopover = styled(BaseComboboxPopover, {\n  bg: 'white',\n  border: 'solid 1px $tonal100',\n  borderRadius: '$0',\n  boxShadow: '$1',\n  boxSizing: 'border-box',\n  fontFamily: '$body',\n  fontSize: '$md',\n  outline: 'none',\n  p: '$1',\n  transform: 'translateY($space$2)'\n})\n"],"names":["ComboboxPopover","styled","BaseComboboxPopover"],"mappings":"6FAIa,MAAAA,EAAkBC,EAAOC,EAAqB,CACzD,GAAI,QACJ,OAAQ,sBACR,aAAc,KACd,UAAW,KACX,UAAW,aACX,WAAY,QACZ,SAAU,MACV,QAAS,OACT,EAAG,KACH,UAAW,sBACb,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","sources":["../../../src/components/data-table/DataTable.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { DataTableBody } from './DataTableBody'\nimport { DataTableProvider } from './DataTableContext'\nimport { DataTableDataCell } from './DataTableDataCell'\nimport { DataTableError } from './DataTableError'\nimport { DataTableGlobalFilter } from './DataTableGlobalFilter'\nimport { DataTableHead } from './DataTableHead'\nimport { DataTableHeaderCell } from './DataTableHeaderCell'\nimport { DataTableLoading } from './DataTableLoading'\nimport { DataTableRow } from './DataTableRow'\nimport { DataTableTable } from './DataTableTable'\nimport { DragAndDropContainer, DragAndDropTable } from './drag-and-drop'\nimport { Pagination } from './pagination'\n\ntype TDataTable = React.FC<React.ComponentProps<typeof DataTableProvider>> & {\n  /** Default table body implementation for `DataTable`.\n   *\n   * Can be configured with alternating colours of rows. If you need more customisation options,\n   * you can build your own implementation with `useDataTable()` and the UI-only `Table` components.\n   */\n  Body: typeof DataTableBody\n\n  /** Default table data cell implementation for `DataTable`\n   *\n   *\n   */\n  DataCell: typeof DataTableDataCell\n  /**\n   * Used in place of `DataTable.Table` to render a table with rows that the user can sort by drag-and-drop\n   */\n  DragAndDropTable: typeof DragAndDropTable\n  /** Default global search implementation for `DataTable`\n   *\n   * If you need more customisation options, you can compose your own implementation with our UI-only input components and `useDataTable`.\n   */\n  GlobalFilter: typeof DataTableGlobalFilter\n\n  /** Default table head implementation\n   *\n   * Can be configured to be sortable and with different visual themes.\n   * If you need more customisation options, you can build your own implementation\n   * with `useDataTable` and the UI-only `Table` components.\n   */\n\n  Head: typeof DataTableHead\n  /** Default header implementation for `DataTable`\n   *\n   * Can be configured to make the column sortable. If you need more customisation options,\n   * you can build your own implementation with the UI-only `Table` components.\n   */\n\n  HeaderCell: typeof DataTableHeaderCell\n  /** Default pagination implementation for `DataTable`\n   *\n   * Can navigate forward, backward, or to any specific page. If you need more customisation options,\n   * you can build your own implementation with `useDataTable` and other UI components.\n   *\n   */\n\n  Pagination: typeof Pagination\n  /** Default row implementation for `DataTable`\n   *\n   * Renders all visible cells as `Table.Cell`. If you need more customisation options,\n   * you can build your own implementation with the UI-only `Table` components.\n   */\n\n  Row: typeof DataTableRow\n\n  /** Default table implementation for `DataTable`.\n   *\n   * Can be configured with sortable columns and different visual themes.\n   *\n   * If you need more customisation options, you can compose your own implementation with\n   * lower-level `DataTable` components or build the whole thing from\n   * scratch with `useDataTable` and the UI-only `Table` components.\n   *\n   */\n  Table: typeof DataTableTable\n\n  /** Default loading implementation for remote data\n   *\n   * Renders a loading component while fetching the paginated data using `getAsyncData`.\n   *\n   * If you need more customisation, you can compose your own implentation, `asyncDataState`\n   * can be retrieved from `useDataTable`\n   */\n  Loading: typeof DataTableLoading\n\n  /** Default error implementation for remote data\n   *\n   * Renders an error component when `getAsyncData` promise rejects.\n   * Children are rendered as a function, it exposes a `runAsyncData` function to the children component.\n   * `runAsyncData()` can be used to retry fetching the paginated data with the current pageIndex, pageSize\n   * and sorting parameters or your own custom paginated options.\n   *\n   * If you need more customisation, you can compose your own implentation, `asyncDataState` and `runAsyncData()`\n   * can be retrieved from `useDataTable`\n   *\n   */\n  Error: typeof DataTableError\n}\n\n/** Context provider for DataTable state and logic.\n *\n * Children can call `useDataTable` to access everything provided by `@tanstack/react-table` plus\n * the functionality we've built on top.\n */\nexport const DataTable: TDataTable = (props) => <DataTableProvider {...props} />\n\nDataTable.Body = DataTableBody\nDataTable.DataCell = DataTableDataCell\nDataTable.DragAndDropTable = DragAndDropTable\nDataTable.Head = DataTableHead\nDataTable.HeaderCell = DataTableHeaderCell\nDataTable.Pagination = Pagination\nDataTable.Row = DataTableRow\nDataTable.GlobalFilter = DataTableGlobalFilter\nDataTable.Table = DataTableTable\nDataTable.Loading = DataTableLoading\nDataTable.Error = DataTableError\n"],"names":["DataTable","props","React","DataTableProvider","DataTableBody","DataTableDataCell","DragAndDropTable","DataTableHead","DataTableHeaderCell","Pagination","DataTableRow","DataTableGlobalFilter","DataTableTable","DataTableLoading","DataTableError"],"mappings":"u4BA4GO,MAAMA,EAAyBC,GAAUC,EAAA,cAACC,EAAA,CAAmB,GAAGF,CAAO,CAAA,EAE9ED,EAAU,KAAOI,EACjBJ,EAAU,SAAWK,EACrBL,EAAU,iBAAmBM,EAC7BN,EAAU,KAAOO,EACjBP,EAAU,WAAaQ,EACvBR,EAAU,WAAaS,EACvBT,EAAU,IAAMU,EAChBV,EAAU,aAAeW,EACzBX,EAAU,MAAQY,EAClBZ,EAAU,QAAUa,EACpBb,EAAU,MAAQc"}

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

@@ -1 +1,2 @@
 var E=(e=>(e.NONE="none",e.PENDING="pending",e.FULFILLED="fulfilled",e.REJECTED="rejected",e))(E||{});export{E as AsyncDataState};
+//# sourceMappingURL=DataTable.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.types.js","sources":["../../../src/components/data-table/DataTable.types.ts"],"sourcesContent":["import type { UniqueIdentifier } from '@dnd-kit/core'\nimport type {\n  ColumnOrderTableState,\n  ColumnPinningTableState,\n  ColumnSizingTableState,\n  ExpandedTableState,\n  FiltersTableState,\n  GroupingTableState,\n  PaginationState,\n  PaginationTableState,\n  RowSelectionTableState,\n  SortDirection,\n  SortingState,\n  SortingTableState,\n  Table,\n  VisibilityTableState\n} from '@tanstack/react-table'\nimport * as React from 'react'\nexport enum AsyncDataState {\n  NONE = 'none',\n  PENDING = 'pending',\n  FULFILLED = 'fulfilled',\n  REJECTED = 'rejected'\n}\n\nexport type TAsyncDataResult = {\n  total: number\n  results: TableData\n}\n\nexport type TAsyncDataOptions = {\n  pageIndex: number\n  pageSize: number\n  sortBy?: string\n  sortDirection?: SortDirection\n  globalFilter?: string\n}\n\nexport type TGetAsyncData = (\n  options: TAsyncDataOptions\n) => Promise<TAsyncDataResult | undefined>\n\nexport type DataTableContextType<T = unknown> = Table<T> & {\n  setIsSortable: React.Dispatch<React.SetStateAction<boolean>>\n  applyPagination: () => void\n  getTotalRows: () => number\n  isSortable: boolean\n  asyncDataState?: AsyncDataState\n  runAsyncData?: (options: Partial<TAsyncDataOptions>) => Promise<void>\n  data: TAsyncDataResult\n  /**\n   * Directly update the data array that the table rows are built from.\n   * This is useful when re-ordering rows, but is high-risk if you're not sure what you're doing!\n   *\n   *  Note in particular that this value is also updated if you update the value of the `DataTable`'s `data` prop\n   *  — it's probably best to only use one of those two methods for any given table.\n   */\n  setData: React.Dispatch<React.SetStateAction<TAsyncDataResult>>\n}\n\nexport type TableData = Array<Record<string, unknown>>\n\nexport type InitialState = Partial<\n  VisibilityTableState &\n    ColumnOrderTableState &\n    ColumnPinningTableState &\n    FiltersTableState &\n    SortingTableState &\n    ExpandedTableState &\n    GroupingTableState &\n    ColumnSizingTableState &\n    PaginationTableState &\n    RowSelectionTableState\n>\n\nexport type TDefaultSort = { column: string; direction: SortDirection }\n"],"names":["AsyncDataState"],"mappings":"AAkBO,IAAKA,GAAAA,IACVA,EAAA,KAAO,OACPA,EAAA,QAAU,UACVA,EAAA,UAAY,YACZA,EAAA,SAAW,WAJDA,IAAAA,GAAA,CAAA,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableBody.js","sources":["../../../src/components/data-table/DataTableBody.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Table } from '../table'\nimport { DataTable } from '.'\nimport { useDataTable } from './DataTableContext'\n\ntype DataTableBodyProps = Omit<\n  React.ComponentProps<typeof Table.Body>,\n  'children'\n>\n\nexport const DataTableBody: React.FC<DataTableBodyProps> = ({\n  striped = false,\n  ...props\n}) => {\n  const { getRowModel } = useDataTable()\n  return (\n    <Table.Body {...props} striped={striped}>\n      {getRowModel().rows.map((row) => {\n        return <DataTable.Row row={row} key={row.id} />\n      })}\n    </Table.Body>\n  )\n}\n"],"names":["DataTableBody","striped","props","getRowModel","useDataTable","React","Table","row","DataTable"],"mappings":"kKAWO,MAAMA,EAA8C,CAAC,CAC1D,QAAAC,EAAU,MACPC,CACL,IAAM,CACJ,KAAM,CAAE,YAAAC,CAAY,EAAIC,IACxB,OACEC,EAAA,cAACC,EAAM,KAAN,CAAY,GAAGJ,EAAO,QAASD,CAC7BE,EAAAA,EAAAA,EAAc,KAAK,IAAKI,GAChBF,EAAA,cAACG,EAAU,IAAV,CAAc,IAAKD,EAAK,IAAKA,EAAI,EAAA,CAAI,CAC9C,CACH,CAEJ"}

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

@@ -1 +1,2 @@
 import{useReactTable as N,getCoreRowModel as I,getPaginationRowModel as x,getSortedRowModel as A,getFilteredRowModel as G}from"@tanstack/react-table";import*as t from"react";import L from"use-deep-compare-effect";import{AsyncDataState as l}from"./DataTable.types.js";import{getNewAsyncData as k}from"./getNewAsyncData.js";import{usePagination as z}from"./usePagination.js";import{useSortByColumn as B}from"./useSorting.js";const w=t.createContext(null),J=({columns:n,data:a=[],getAsyncData:o,defaultSort:P,initialState:s=void 0,children:y})=>{var b;const[g,u]=t.useState({results:a!=null?a:[],total:(b=a==null?void 0:a.length)!=null?b:0}),{isPaginated:i,applyPagination:D,paginationState:e,setPaginationState:C}=z(s==null?void 0:s.pagination),[f,d]=t.useState(l.NONE),[c,h]=t.useState(""),{setIsSortable:E,isSortable:S,sorting:r,setSorting:M}=B(P),m=t.useCallback(async T=>{if(o)try{d(l.PENDING);const F=await k(o,T,e,r,c);u(F),d(l.FULFILLED)}catch{d(l.REJECTED)}},[o,e==null?void 0:e.pageIndex,e==null?void 0:e.pageSize,r,c]);t.useEffect(()=>{m({})},[m]),L(()=>{!a||u({results:a,total:a.length})},[a]);const p=()=>g.total,v=N({columns:n,data:g.results,pageCount:e?Math.ceil(p()/e.pageSize):-1,initialState:s,state:{sorting:r,globalFilter:c,pagination:e},manualPagination:o&&i,manualSorting:o&&i,enableSorting:f!==l.PENDING,enableGlobalFilter:!o,getCoreRowModel:I(),getPaginationRowModel:i?x():void 0,getSortedRowModel:S||r.length?A():void 0,getFilteredRowModel:G(),onPaginationChange:i?C:void 0,onSortingChange:M,onGlobalFilterChange:h}),R=t.useMemo(()=>({...v,data:g,setData:u,setIsSortable:E,applyPagination:D,getTotalRows:p,isSortable:S,asyncDataState:f,runAsyncData:m}),[v,D,p,S]);return t.createElement(w.Provider,{value:R},y)},O=()=>{const n=t.useContext(w);if(!n)throw new Error("useDataTable can only be called from inside a DataTableProvider");return n};export{J as DataTableProvider,O as useDataTable};
+//# sourceMappingURL=DataTableContext.js.map

package/dist/components/data-table/DataTableContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableContext.js","sources":["../../../src/components/data-table/DataTableContext.tsx"],"sourcesContent":["import type { UniqueIdentifier } from '@dnd-kit/core'\nimport type { PaginationState } from '@tanstack/react-table'\nimport {\n  getCoreRowModel,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable\n} from '@tanstack/react-table'\nimport * as React from 'react'\nimport useDeepCompareEffect from 'use-deep-compare-effect'\n\nimport {\n  AsyncDataState,\n  DataTableContextType,\n  InitialState,\n  TableData,\n  TAsyncDataOptions,\n  TAsyncDataResult,\n  TDefaultSort,\n  TGetAsyncData\n} from './DataTable.types'\nimport { getNewAsyncData } from './getNewAsyncData'\nimport { usePagination } from './usePagination'\nimport { useSortByColumn } from './useSorting'\n\nconst DataTableContext =\n  React.createContext<DataTableContextType<unknown> | null>(null)\n\ntype DataTableProviderProps = {\n  columns\n  defaultSort?: TDefaultSort\n  children: React.ReactNode\n  initialState?: InitialState\n} & (\n  | { data: TableData; getAsyncData?: never }\n  | { data?: never; getAsyncData: TGetAsyncData }\n)\n\nexport const DataTableProvider = ({\n  columns,\n  data: dataProp = [],\n  getAsyncData,\n  defaultSort,\n  initialState = undefined,\n  children\n}: DataTableProviderProps): JSX.Element => {\n  const [data, setData] = React.useState<TAsyncDataResult>({\n    results: dataProp ?? [],\n    total: dataProp?.length ?? 0\n  })\n  const { isPaginated, applyPagination, paginationState, setPaginationState } =\n    usePagination(initialState?.pagination)\n\n  const [asyncDataState, setAsyncDataState] = React.useState<AsyncDataState>(\n    AsyncDataState.NONE\n  )\n\n  const [globalFilter, setGlobalFilter] = React.useState<string>('')\n\n  const { setIsSortable, isSortable, sorting, setSorting } =\n    useSortByColumn(defaultSort)\n\n  const runAsyncData = React.useCallback(\n    async (overrideAsyncDataOptions: Partial<TAsyncDataOptions>) => {\n      if (!getAsyncData) return\n\n      try {\n        setAsyncDataState(AsyncDataState.PENDING)\n\n        const newData = await getNewAsyncData(\n          getAsyncData,\n          overrideAsyncDataOptions,\n          paginationState as PaginationState,\n          sorting,\n          globalFilter\n        )\n\n        setData(newData as TAsyncDataResult)\n        setAsyncDataState(AsyncDataState.FULFILLED)\n      } catch (error) {\n        setAsyncDataState(AsyncDataState.REJECTED)\n      }\n    },\n    [\n      getAsyncData,\n      paginationState?.pageIndex,\n      paginationState?.pageSize,\n      sorting,\n      globalFilter\n    ]\n  )\n\n  React.useEffect(() => {\n    runAsyncData({})\n  }, [runAsyncData])\n\n  useDeepCompareEffect(() => {\n    if (!dataProp) return\n\n    setData({ results: dataProp, total: dataProp.length })\n  }, [dataProp])\n\n  const getTotalRows = () => data.total\n\n  const table = useReactTable<unknown>({\n    columns,\n    data: data.results,\n    pageCount: paginationState\n      ? Math.ceil(getTotalRows() / paginationState.pageSize)\n      : -1,\n    initialState: initialState,\n    state: {\n      sorting,\n      globalFilter,\n      pagination: paginationState\n    },\n    manualPagination: getAsyncData && isPaginated,\n    manualSorting: getAsyncData && isPaginated,\n    enableSorting: asyncDataState !== AsyncDataState.PENDING,\n    enableGlobalFilter: !getAsyncData,\n    getCoreRowModel: getCoreRowModel(),\n    getPaginationRowModel: isPaginated ? getPaginationRowModel() : undefined,\n    getSortedRowModel:\n      isSortable || sorting.length ? getSortedRowModel() : undefined,\n    getFilteredRowModel: getFilteredRowModel(),\n    onPaginationChange: isPaginated ? setPaginationState : undefined,\n    onSortingChange: setSorting,\n    onGlobalFilterChange: setGlobalFilter\n  })\n\n  const value: DataTableContextType = React.useMemo(() => {\n    return {\n      ...table,\n      data,\n      setData,\n      setIsSortable,\n      applyPagination,\n      getTotalRows,\n      isSortable,\n      asyncDataState,\n      runAsyncData\n    }\n  }, [table, applyPagination, getTotalRows, isSortable])\n\n  return (\n    <DataTableContext.Provider value={value}>\n      {children}\n    </DataTableContext.Provider>\n  )\n}\n\nexport const useDataTable = <T extends Record<string, unknown>>() => {\n  const context = React.useContext(DataTableContext) as DataTableContextType<T>\n\n  if (!context)\n    throw new Error(\n      'useDataTable can only be called from inside a DataTableProvider'\n    )\n\n  return context\n}\n"],"names":["DataTableContext","React","DataTableProvider","columns","dataProp","getAsyncData","defaultSort","initialState","children","_a","data","setData","isPaginated","applyPagination","paginationState","setPaginationState","usePagination","asyncDataState","setAsyncDataState","AsyncDataState","globalFilter","setGlobalFilter","setIsSortable","isSortable","sorting","setSorting","useSortByColumn","runAsyncData","overrideAsyncDataOptions","newData","getNewAsyncData","useDeepCompareEffect","getTotalRows","table","useReactTable","getCoreRowModel","getPaginationRowModel","getSortedRowModel","getFilteredRowModel","value","useDataTable","context"],"mappings":"uaA0BA,MAAMA,EACJC,EAAM,cAAoD,IAAI,EAYnDC,EAAoB,CAAC,CAChC,QAAAC,EACA,KAAMC,EAAW,CACjB,EAAA,aAAAC,EACA,YAAAC,EACA,aAAAC,EAAe,OACf,SAAAC,CACF,IAA2C,CA9C3C,IAAAC,EA+CE,KAAM,CAACC,EAAMC,CAAO,EAAIV,EAAM,SAA2B,CACvD,QAASG,GAAA,KAAAA,EAAY,GACrB,OAAOK,EAAAL,GAAA,KAAAA,OAAAA,EAAU,SAAV,KAAAK,EAAoB,CAC7B,CAAC,EACK,CAAE,YAAAG,EAAa,gBAAAC,EAAiB,gBAAAC,EAAiB,mBAAAC,CAAmB,EACxEC,EAAcT,GAAA,KAAA,OAAAA,EAAc,UAAU,EAElC,CAACU,EAAgBC,CAAiB,EAAIjB,EAAM,SAChDkB,EAAe,IACjB,EAEM,CAACC,EAAcC,CAAe,EAAIpB,EAAM,SAAiB,EAAE,EAE3D,CAAE,cAAAqB,EAAe,WAAAC,EAAY,QAAAC,EAAS,WAAAC,CAAW,EACrDC,EAAgBpB,CAAW,EAEvBqB,EAAe1B,EAAM,YACzB,MAAO2B,GAAyD,CAC9D,GAAKvB,EAEL,GAAI,CACFa,EAAkBC,EAAe,OAAO,EAExC,MAAMU,EAAU,MAAMC,EACpBzB,EACAuB,EACAd,EACAU,EACAJ,CACF,EAEAT,EAAQkB,CAA2B,EACnCX,EAAkBC,EAAe,SAAS,CAC5C,OACED,EAAkBC,EAAe,QAAQ,CAC3C,CACF,EACA,CACEd,EACAS,GAAA,KAAA,OAAAA,EAAiB,UACjBA,GAAA,KAAAA,OAAAA,EAAiB,SACjBU,EACAJ,CACF,CACF,EAEAnB,EAAM,UAAU,IAAM,CACpB0B,EAAa,CAAA,CAAE,CACjB,EAAG,CAACA,CAAY,CAAC,EAEjBI,EAAqB,IAAM,CACrB,CAAC3B,GAELO,EAAQ,CAAE,QAASP,EAAU,MAAOA,EAAS,MAAO,CAAC,CACvD,EAAG,CAACA,CAAQ,CAAC,EAEb,MAAM4B,EAAe,IAAMtB,EAAK,MAE1BuB,EAAQC,EAAuB,CACnC,QAAA/B,EACA,KAAMO,EAAK,QACX,UAAWI,EACP,KAAK,KAAKkB,IAAiBlB,EAAgB,QAAQ,EACnD,GACJ,aAAcP,EACd,MAAO,CACL,QAAAiB,EACA,aAAAJ,EACA,WAAYN,CACd,EACA,iBAAkBT,GAAgBO,EAClC,cAAeP,GAAgBO,EAC/B,cAAeK,IAAmBE,EAAe,QACjD,mBAAoB,CAACd,EACrB,gBAAiB8B,IACjB,sBAAuBvB,EAAcwB,EAA0B,EAAA,OAC/D,kBACEb,GAAcC,EAAQ,OAASa,EAAAA,EAAsB,OACvD,oBAAqBC,EACrB,EAAA,mBAAoB1B,EAAcG,EAAqB,OACvD,gBAAiBU,EACjB,qBAAsBJ,CACxB,CAAC,EAEKkB,EAA8BtC,EAAM,QAAQ,KACzC,CACL,GAAGgC,EACH,KAAAvB,EACA,QAAAC,EACA,cAAAW,EACA,gBAAAT,EACA,aAAAmB,EACA,WAAAT,EACA,eAAAN,EACA,aAAAU,CACF,GACC,CAACM,EAAOpB,EAAiBmB,EAAcT,CAAU,CAAC,EAErD,OACEtB,EAAA,cAACD,EAAiB,SAAjB,CAA0B,MAAOuC,CAAAA,EAC/B/B,CACH,CAEJ,EAEagC,EAAe,IAAyC,CACnE,MAAMC,EAAUxC,EAAM,WAAWD,CAAgB,EAEjD,GAAI,CAACyC,EACH,MAAM,IAAI,MACR,iEACF,EAEF,OAAOA,CACT"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableDataCell.js","sources":["../../../src/components/data-table/DataTableDataCell.tsx"],"sourcesContent":["import type { Cell } from '@tanstack/react-table'\nimport { flexRender } from '@tanstack/react-table'\nimport * as React from 'react'\n\nimport { Table } from '../table'\n\ntype DataTableDataCellProps = {\n  cell: Cell<Record<string, unknown>, unknown>\n}\n\nexport const DataTableDataCell: React.FC<DataTableDataCellProps> = ({\n  cell\n}) => {\n  return (\n    <Table.Cell key={cell.id}>\n      {flexRender(cell.column.columnDef.cell, cell.getContext())}\n    </Table.Cell>\n  )\n}\n"],"names":["DataTableDataCell","cell","React","Table","flexRender"],"mappings":"qHAUO,MAAMA,EAAsD,CAAC,CAClE,KAAAC,CACF,IAEIC,EAAA,cAACC,EAAM,KAAN,CAAW,IAAKF,EAAK,EAAA,EACnBG,EAAWH,EAAK,OAAO,UAAU,KAAMA,EAAK,YAAY,CAC3D"}

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

@@ -1 +1,2 @@
 import{AsyncDataState as n}from"./DataTable.types.js";import{useDataTable as e}from"./DataTableContext.js";const o=({children:t})=>{const{asyncDataState:a,runAsyncData:r}=e();return a!==n.REJECTED?null:t(r)};export{o as DataTableError};
+//# sourceMappingURL=DataTableError.js.map

package/dist/components/data-table/DataTableError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableError.js","sources":["../../../src/components/data-table/DataTableError.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { AsyncDataState, DataTableContextType } from './DataTable.types'\nimport { useDataTable } from './DataTableContext'\n\ninterface IDataTableErrorProps {\n  children: (retry?: DataTableContextType['runAsyncData']) => React.ReactElement\n}\n\nexport const DataTableError: React.FC<IDataTableErrorProps> = ({\n  children\n}) => {\n  const { asyncDataState, runAsyncData } = useDataTable()\n\n  if (asyncDataState !== AsyncDataState.REJECTED) return null\n\n  return children(runAsyncData)\n}\n"],"names":["DataTableError","children","asyncDataState","runAsyncData","useDataTable","AsyncDataState"],"mappings":"2GASO,MAAMA,EAAiD,CAAC,CAC7D,SAAAC,CACF,IAAM,CACJ,KAAM,CAAE,eAAAC,EAAgB,aAAAC,CAAa,EAAIC,EAAa,EAEtD,OAAIF,IAAmBG,EAAe,SAAiB,KAEhDJ,EAASE,CAAY,CAC9B"}

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

@@ -1 +1,2 @@
 import*as e from"react";import{debounce as p}from"throttle-debounce";import{OptionallyVisuallyHiddenContainer as u}from"../../utilities/optionally-visually-hidden-container/OptionallyVisuallyHiddenContainer.js";import{Label as d}from"../label/Label.js";import{SearchInput as f}from"../search-input/SearchInput.js";import{useDataTable as g}from"./DataTableContext.js";const h=({onChange:a,label:t,hideLabel:r=!1,...n})=>{const{setGlobalFilter:o,getState:m,resetPagination:i}=g(),{globalFilter:b}=m(),s=p(250,l=>{const{target:{value:c}}=l;a==null||a(l),i(),o(c)});return e.createElement(e.Fragment,null,e.createElement(u,{hidden:r},e.createElement(d,{css:{mb:"$3"},htmlFor:t},t)),e.createElement(f,{...n,defaultValue:b,onChange:s,name:t}))};export{h as DataTableGlobalFilter};
+//# sourceMappingURL=DataTableGlobalFilter.js.map

package/dist/components/data-table/DataTableGlobalFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableGlobalFilter.js","sources":["../../../src/components/data-table/DataTableGlobalFilter.tsx"],"sourcesContent":["import * as React from 'react'\nimport { debounce } from 'throttle-debounce'\n\nimport { OptionallyVisuallyHiddenContainer } from '../../utilities/optionally-visually-hidden-container'\nimport { Label } from '../label'\nimport { SearchInput } from '../search-input'\nimport { useDataTable } from './DataTableContext'\n\ntype DataTableSearchProps = React.ComponentProps<typeof SearchInput> & {\n  label: string\n  hideLabel?: boolean\n}\nexport const DataTableGlobalFilter: React.FC<DataTableSearchProps> = ({\n  onChange,\n  label,\n  hideLabel = false,\n  ...props\n}) => {\n  const { setGlobalFilter, getState, resetPagination } = useDataTable()\n  const { globalFilter } = getState()\n\n  const handleChange = debounce(250, (event) => {\n    const {\n      target: { value }\n    } = event\n\n    onChange?.(event)\n    resetPagination()\n    setGlobalFilter(value)\n  })\n\n  return (\n    <>\n      <OptionallyVisuallyHiddenContainer hidden={hideLabel}>\n        <Label css={{ mb: '$3' }} htmlFor={label}>\n          {label}\n        </Label>\n      </OptionallyVisuallyHiddenContainer>\n      <SearchInput\n        {...props}\n        defaultValue={globalFilter}\n        onChange={handleChange}\n        name={label}\n      />\n    </>\n  )\n}\n"],"names":["DataTableGlobalFilter","onChange","label","hideLabel","props","setGlobalFilter","getState","resetPagination","useDataTable","globalFilter","handleChange","debounce","event","value","React","OptionallyVisuallyHiddenContainer","Label","SearchInput"],"mappings":"+WAYa,MAAAA,EAAwD,CAAC,CACpE,SAAAC,EACA,MAAAC,EACA,UAAAC,EAAY,MACTC,CACL,IAAM,CACJ,KAAM,CAAE,gBAAAC,EAAiB,SAAAC,EAAU,gBAAAC,CAAgB,EAAIC,EAAAA,EACjD,CAAE,aAAAC,CAAa,EAAIH,EAEnBI,EAAAA,EAAeC,EAAS,IAAMC,GAAU,CAC5C,KAAM,CACJ,OAAQ,CAAE,MAAAC,CAAM,CAClB,EAAID,EAEJX,GAAA,MAAAA,EAAWW,CAAAA,EACXL,IACAF,EAAgBQ,CAAK,CACvB,CAAC,EAED,OACEC,EAAA,cAAAA,EAAA,SACEA,KAAAA,EAAA,cAACC,EAAA,CAAkC,OAAQZ,GACzCW,EAAA,cAACE,EAAA,CAAM,IAAK,CAAE,GAAI,IAAK,EAAG,QAASd,CAChCA,EAAAA,CACH,CACF,EACAY,EAAA,cAACG,EAAA,CACE,GAAGb,EACJ,aAAcK,EACd,SAAUC,EACV,KAAMR,CACR,CAAA,CACF,CAEJ"}

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

@@ -1 +1,2 @@
 import*as e from"react";import{Table as o}from"../table/Table.js";import{useDataTable as p}from"./DataTableContext.js";import{DataTable as b}from"./DataTable.js";const i=({sortable:t=!0,theme:l="light",...s})=>{const{getHeaderGroups:d,setIsSortable:a}=p();return e.useEffect(()=>{a(t)},[t,a]),e.createElement(o.Header,{theme:l,...s},d().map(r=>e.createElement(o.Row,{key:r.id},r.headers.map(m=>e.createElement(b.HeaderCell,{header:m,key:m.id})))))};export{i as DataTableHead};
+//# sourceMappingURL=DataTableHead.js.map

package/dist/components/data-table/DataTableHead.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableHead.js","sources":["../../../src/components/data-table/DataTableHead.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Table } from '../table'\nimport { DataTable, useDataTable } from './index'\n\ntype DataTableHeadProps = Omit<\n  React.ComponentProps<typeof Table.Header>,\n  'children'\n> & {\n  sortable?: boolean\n}\n\nexport const DataTableHead: React.FC<DataTableHeadProps> = ({\n  sortable = true,\n  theme = 'light',\n  ...props\n}) => {\n  const { getHeaderGroups, setIsSortable } = useDataTable()\n\n  React.useEffect(() => {\n    setIsSortable(sortable)\n  }, [sortable, setIsSortable])\n\n  return (\n    <Table.Header theme={theme} {...props}>\n      {getHeaderGroups().map((headerGroup) => {\n        return (\n          <Table.Row key={headerGroup.id}>\n            {headerGroup.headers.map((header) => (\n              <DataTable.HeaderCell header={header} key={header.id} />\n            ))}\n          </Table.Row>\n        )\n      })}\n    </Table.Header>\n  )\n}\n"],"names":["DataTableHead","sortable","theme","props","getHeaderGroups","setIsSortable","useDataTable","React","Table","headerGroup","header","DataTable"],"mappings":"kKAYa,MAAAA,EAA8C,CAAC,CAC1D,SAAAC,EAAW,GACX,MAAAC,EAAQ,WACLC,CACL,IAAM,CACJ,KAAM,CAAE,gBAAAC,EAAiB,cAAAC,CAAc,EAAIC,EAAa,EAExD,OAAAC,EAAM,UAAU,IAAM,CACpBF,EAAcJ,CAAQ,CACxB,EAAG,CAACA,EAAUI,CAAa,CAAC,EAG1BE,EAAA,cAACC,EAAM,OAAN,CAAa,MAAON,EAAQ,GAAGC,CAAAA,EAC7BC,IAAkB,IAAKK,GAEpBF,EAAA,cAACC,EAAM,IAAN,CAAU,IAAKC,EAAY,IACzBA,EAAY,QAAQ,IAAKC,GACxBH,EAAA,cAACI,EAAU,WAAV,CAAqB,OAAQD,EAAQ,IAAKA,EAAO,EAAA,CAAI,CACvD,CACH,CAEH,CACH,CAEJ"}

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

@@ -1 +1,2 @@
 import{SortUp as s,SortDown as m}from"@atom-learning/icons";import{flexRender as a}from"@tanstack/react-table";import*as t from"react";import{Flex as l}from"../flex/Flex.js";import{Icon as d}from"../icon/Icon.js";import{Table as p}from"../table/Table.js";import{useDataTable as f}from"./DataTableContext.js";const u={asc:s,desc:m},g=({direction:e})=>t.createElement(d,{is:u[e],size:"sm",css:{position:"absolute",left:"$1"}}),b=({header:e,children:C,css:i,...c})=>{const r=e.column.getIsSorted(),{isSortable:o}=f(),n=e.column.getCanSort();return t.createElement(p.HeaderCell,{onClick:o&&n?e.column.getToggleSortingHandler():void 0,css:{cursor:o&&n?"pointer":"initial",...i},...c},t.createElement(l,{css:{alignItems:"center"}},a(e.column.columnDef.header,e.getContext()),r&&o&&t.createElement(l,{css:{position:"relative",alignItems:"center"}},t.createElement(g,{direction:r}))))};export{b as DataTableHeaderCell};
+//# sourceMappingURL=DataTableHeaderCell.js.map

package/dist/components/data-table/DataTableHeaderCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableHeaderCell.js","sources":["../../../src/components/data-table/DataTableHeaderCell.tsx"],"sourcesContent":["import { SortDown, SortUp } from '@atom-learning/icons'\nimport type { Header } from '@tanstack/react-table'\nimport { flexRender } from '@tanstack/react-table'\nimport * as React from 'react'\n\nimport { Flex } from '../flex'\nimport { Icon } from '../icon'\nimport { Table } from '../table'\nimport { useDataTable } from './DataTableContext'\ntype DataTableHeaderProps = React.ComponentProps<typeof Table.HeaderCell> & {\n  header: Header<Record<string, unknown>, unknown>\n}\n\nconst sortIcons = {\n  asc: SortUp,\n  desc: SortDown\n}\n\nconst SortIcon: React.FC<{ direction: 'asc' | 'desc' }> = ({ direction }) => (\n  <Icon\n    is={sortIcons[direction]}\n    size=\"sm\"\n    css={{ position: 'absolute', left: '$1' }}\n  />\n)\n\nexport const DataTableHeaderCell: React.FC<DataTableHeaderProps> = ({\n  header,\n  children,\n  css,\n  ...props\n}) => {\n  const sortDirection = header.column.getIsSorted()\n  const { isSortable: isSortableTable } = useDataTable()\n  // false for display columns, e.g. \"Actions\"\n  const isDataColumn = header.column.getCanSort()\n\n  return (\n    <Table.HeaderCell\n      onClick={\n        isSortableTable && isDataColumn\n          ? header.column.getToggleSortingHandler()\n          : undefined\n      }\n      css={{\n        cursor: isSortableTable && isDataColumn ? 'pointer' : 'initial',\n        ...css\n      }}\n      {...props}\n    >\n      <Flex css={{ alignItems: 'center' }}>\n        {flexRender(header.column.columnDef.header, header.getContext())}\n        {sortDirection && isSortableTable && (\n          <Flex css={{ position: 'relative', alignItems: 'center' }}>\n            <SortIcon direction={sortDirection} />\n          </Flex>\n        )}\n      </Flex>\n    </Table.HeaderCell>\n  )\n}\n"],"names":["sortIcons","SortUp","SortDown","SortIcon","direction","React","Icon","DataTableHeaderCell","header","children","css","props","sortDirection","isSortableTable","useDataTable","isDataColumn","Table","Flex","flexRender"],"mappings":"oTAaA,MAAMA,EAAY,CAChB,IAAKC,EACL,KAAMC,CACR,EAEMC,EAAoD,CAAC,CAAE,UAAAC,CAAU,IACrEC,EAAA,cAACC,EAAA,CACC,GAAIN,EAAUI,GACd,KAAK,KACL,IAAK,CAAE,SAAU,WAAY,KAAM,IAAK,CAC1C,CAAA,EAGWG,EAAsD,CAAC,CAClE,OAAAC,EACA,SAAAC,EACA,IAAAC,KACGC,CACL,IAAM,CACJ,MAAMC,EAAgBJ,EAAO,OAAO,YAC9B,EAAA,CAAE,WAAYK,CAAgB,EAAIC,EAAa,EAE/CC,EAAeP,EAAO,OAAO,WAAW,EAE9C,OACEH,EAAA,cAACW,EAAM,WAAN,CACC,QACEH,GAAmBE,EACfP,EAAO,OAAO,0BACd,OAEN,IAAK,CACH,OAAQK,GAAmBE,EAAe,UAAY,UACtD,GAAGL,CACL,EACC,GAAGC,GAEJN,EAAA,cAACY,EAAA,CAAK,IAAK,CAAE,WAAY,QAAS,CAAA,EAC/BC,EAAWV,EAAO,OAAO,UAAU,OAAQA,EAAO,WAAW,CAAC,EAC9DI,GAAiBC,GAChBR,EAAA,cAACY,EAAA,CAAK,IAAK,CAAE,SAAU,WAAY,WAAY,QAAS,CACtDZ,EAAAA,EAAA,cAACF,EAAA,CAAS,UAAWS,CAAAA,CAAe,CACtC,CAEJ,CACF,CAEJ"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableLoading.js","sources":["../../../src/components/data-table/DataTableLoading.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Loader } from '../loader'\nimport { AsyncDataState } from './DataTable.types'\nimport { useDataTable } from './DataTableContext'\n\nconst PendingState = styled(Loader, {\n  position: 'absolute',\n  left: '50%',\n  top: '50%',\n  transform: 'translate(-50%, -50%)',\n  zIndex: 1\n})\n\nexport const DataTableLoading: React.FC<\n  React.ComponentProps<typeof PendingState>\n> = (props) => {\n  const { asyncDataState } = useDataTable()\n\n  if (asyncDataState !== AsyncDataState.PENDING) return null\n\n  return <PendingState {...props} />\n}\n"],"names":["PendingState","styled","Loader","DataTableLoading","props","asyncDataState","useDataTable","AsyncDataState","React"],"mappings":"2NAQA,MAAMA,EAAeC,EAAOC,EAAQ,CAClC,SAAU,WACV,KAAM,MACN,IAAK,MACL,UAAW,wBACX,OAAQ,CACV,CAAC,EAEYC,EAERC,GAAU,CACb,KAAM,CAAE,eAAAC,CAAe,EAAIC,EAAAA,EAE3B,OAAID,IAAmBE,EAAe,QAAgB,KAE/CC,EAAA,cAACR,EAAA,CAAc,GAAGI,CAAAA,CAAO,CAClC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableRow.js","sources":["../../../src/components/data-table/DataTableRow.tsx"],"sourcesContent":["import type { Row } from '@tanstack/react-table'\nimport * as React from 'react'\n\nimport { Table } from '../table'\nimport { DataTableDataCell } from './DataTableDataCell'\nexport type DataTableRowProps = React.ComponentProps<typeof Table.Row> & {\n  row: Row<Record<string, unknown>>\n}\n\nexport const DataTableRow: React.FC<DataTableRowProps> = ({ row }) => {\n  return (\n    <Table.Row>\n      {row.getVisibleCells().map((cell, i) => {\n        return <DataTableDataCell key={cell.id} cell={cell} />\n      })}\n    </Table.Row>\n  )\n}\n"],"names":["DataTableRow","row","React","Table","cell","i","DataTableDataCell"],"mappings":"mIASaA,EAA4C,CAAC,CAAE,IAAAC,CAAI,IAE5DC,EAAA,cAACC,EAAM,IAAN,KACEF,EAAI,kBAAkB,IAAI,CAACG,EAAMC,IACzBH,EAAA,cAACI,EAAA,CAAkB,IAAKF,EAAK,GAAI,KAAMA,CAAAA,CAAM,CACrD,CACH"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableTable.js","sources":["../../../src/components/data-table/DataTableTable.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Table } from '../table'\nimport { DataTable } from './DataTable'\nimport { AsyncDataState } from './DataTable.types'\nimport { useDataTable } from './DataTableContext'\nimport { DataTableLoading } from './DataTableLoading'\n\nexport type DataTableTableProps = Omit<\n  React.ComponentProps<typeof Table>,\n  'children'\n> &\n  Partial<\n    Pick<React.ComponentProps<typeof DataTable.Head>, 'theme' | 'sortable'>\n  > &\n  Partial<Pick<React.ComponentProps<typeof Table.Body>, 'striped'>>\n\nexport const DataTableTable: React.FC<DataTableTableProps> = ({\n  sortable,\n  striped,\n  theme,\n  css,\n  ...props\n}) => {\n  const { asyncDataState } = useDataTable()\n  const isPending = asyncDataState === AsyncDataState.PENDING\n\n  return (\n    <>\n      <DataTableLoading />\n      <Table\n        {...props}\n        css={{\n          ...css,\n          ...(isPending && {\n            opacity: 0.5,\n            pointerEvents: 'none',\n            transition: 'opacity 250ms linear 150ms'\n          })\n        }}\n      >\n        <DataTable.Head theme={theme} sortable={sortable} />\n        <DataTable.Body striped={striped} />\n      </Table>\n    </>\n  )\n}\n"],"names":["DataTableTable","sortable","striped","theme","css","props","asyncDataState","useDataTable","isPending","AsyncDataState","React","DataTableLoading","Table","DataTable"],"mappings":"iRAiBO,MAAMA,EAAgD,CAAC,CAC5D,SAAAC,EACA,QAAAC,EACA,MAAAC,EACA,IAAAC,KACGC,CACL,IAAM,CACJ,KAAM,CAAE,eAAAC,CAAe,EAAIC,IACrBC,EAAYF,IAAmBG,EAAe,QAEpD,OACEC,EAAA,cAAAA,EAAA,cACEA,EAAA,cAACC,EAAA,IAAiB,EAClBD,EAAA,cAACE,EAAA,CACE,GAAGP,EACJ,IAAK,CACH,GAAGD,EACH,GAAII,GAAa,CACf,QAAS,GACT,cAAe,OACf,WAAY,4BACd,CACF,CAEAE,EAAAA,EAAA,cAACG,EAAU,KAAV,CAAe,MAAOV,EAAO,SAAUF,EAAU,EAClDS,EAAA,cAACG,EAAU,KAAV,CAAe,QAASX,CAAAA,CAAS,CACpC,CACF,CAEJ"}

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

@@ -1 +1,2 @@
 import{useSensors as g,useSensor as u,PointerSensor as h,KeyboardSensor as C,DndContext as f,closestCenter as b}from"@dnd-kit/core";import{restrictToVerticalAxis as w}from"@dnd-kit/modifiers";import{sortableKeyboardCoordinates as y,SortableContext as x,verticalListSortingStrategy as E,arrayMove as S}from"@dnd-kit/sortable";import*as a from"react";import{useDataTable as T}from"../DataTableContext.js";const p=a.createContext({idColumn:"id"}),A=()=>{const e=a.useContext(p);if(!e)throw new Error("useDragAndDropTable can only be called within a DragAndDropContainer");return e},m=(e,i,o,t,s)=>{const{active:d,over:l}=e,c=o.indexOf(d.id),n=o.indexOf(l==null?void 0:l.id),r=S(i.results,c,n);return s==null||s(c,n,r),{results:r,total:r.length}},D=(e,i)=>e.results.map(o=>{const t=o[i];if(t===void 0)throw new Error("To ensure drag-and-drop works correctly, please ensure that each row has a unique ID. Use the `id` property or pass DataTable an `idColumn` prop that defines the ID property on the rows.");return t}),O=({idColumn:e="id",onChange:i=void 0,children:o})=>{const{data:t,setData:s}=T(),d=a.useMemo(()=>D(t,e),[t]),l=g(u(h),u(C,{coordinateGetter:y}));return a.createElement(f,{sensors:l,collisionDetection:b,onDragEnd:c=>{const{active:n,over:r}=c;n.id&&(r==null?void 0:r.id)&&n.id!==(r==null?void 0:r.id)&&s(v=>m({active:n,over:r},v,d,e,i))},modifiers:[w]},a.createElement(x,{items:d,strategy:E},a.createElement(p.Provider,{value:{idColumn:e}},o)))};export{O as DragAndDropContainer,D as getRowOrder,m as processDragEndEvent,A as useDragAndDropTable};
+//# sourceMappingURL=DragAndDropContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DragAndDropContainer.js","sources":["../../../../src/components/data-table/drag-and-drop/DragAndDropContainer.tsx"],"sourcesContent":["import type { DragEndEvent, UniqueIdentifier } from '@dnd-kit/core'\nimport {\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors\n} from '@dnd-kit/core'\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers'\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy\n} from '@dnd-kit/sortable'\nimport * as React from 'react'\n\nimport type { TableData, TAsyncDataResult } from '../DataTable.types'\nimport { useDataTable } from '../DataTableContext'\n\nconst DragAndDropTableContext = React.createContext<{ idColumn: string }>({\n  idColumn: 'id'\n})\nexport const useDragAndDropTable = () => {\n  const context = React.useContext(DragAndDropTableContext)\n\n  if (!context)\n    throw new Error(\n      'useDragAndDropTable can only be called within a DragAndDropContainer'\n    )\n\n  return context\n}\n\ntype DragAndDropContainerProps = {\n  idColumn?: string\n  onChange?: (oldIndex: number, newIndex: number, newData: TableData) => void\n}\n\n// These two funcs are exported for testing purposes. This is a non-ideal workaround to the lack of support for drag-and-drop events\n// in the unit test JS environment.\nexport const processDragEndEvent = (\n  event: { active: { id: UniqueIdentifier }; over: { id: UniqueIdentifier } },\n  data: TAsyncDataResult,\n  rowOrder: Array<UniqueIdentifier>,\n  idColumn: UniqueIdentifier,\n  onChange?: (oldIndex: number, newIndex: number, newData: TableData) => void\n) => {\n  const { active, over } = event\n  const oldIndex = rowOrder.indexOf(active.id)\n  const newIndex = rowOrder.indexOf(over?.id)\n  const results = arrayMove(data.results, oldIndex, newIndex)\n  onChange?.(oldIndex, newIndex, results)\n  return { results, total: results.length }\n}\n\nexport const getRowOrder = (data: TAsyncDataResult, idColumn: string) =>\n  data.results.map((row) => {\n    const id = row[idColumn]\n    if (id === undefined)\n      throw new Error(\n        'To ensure drag-and-drop works correctly, please ensure that each row has a unique ID. Use the `id` property or pass DataTable an `idColumn` prop that defines the ID property on the rows.'\n      )\n    return id as UniqueIdentifier\n  })\n\nexport const DragAndDropContainer: React.FC<DragAndDropContainerProps> = ({\n  idColumn = 'id',\n  onChange = undefined,\n  children\n}) => {\n  const { data, setData } = useDataTable()\n\n  const rowOrder = React.useMemo(() => getRowOrder(data, idColumn), [data])\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates\n    })\n  )\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    const { active, over } = event\n    if (active.id && over?.id && active.id !== over?.id) {\n      setData((data) => {\n        return processDragEndEvent(\n          { active, over },\n          data,\n          rowOrder,\n          idColumn,\n          onChange\n        )\n      })\n    }\n  }\n\n  return (\n    <DndContext\n      sensors={sensors}\n      collisionDetection={closestCenter}\n      onDragEnd={handleDragEnd}\n      modifiers={[restrictToVerticalAxis]}\n    >\n      <SortableContext items={rowOrder} strategy={verticalListSortingStrategy}>\n        <DragAndDropTableContext.Provider value={{ idColumn }}>\n          {children}\n        </DragAndDropTableContext.Provider>\n      </SortableContext>\n    </DndContext>\n  )\n}\n"],"names":["DragAndDropTableContext","React","useDragAndDropTable","context","processDragEndEvent","event","data","rowOrder","idColumn","onChange","active","over","oldIndex","newIndex","results","arrayMove","getRowOrder","row","id","DragAndDropContainer","children","setData","useDataTable","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","DndContext","closestCenter","restrictToVerticalAxis","SortableContext","verticalListSortingStrategy"],"mappings":"mZAqBA,MAAMA,EAA0BC,EAAM,cAAoC,CACxE,SAAU,IACZ,CAAC,EACYC,EAAsB,IAAM,CACvC,MAAMC,EAAUF,EAAM,WAAWD,CAAuB,EAExD,GAAI,CAACG,EACH,MAAM,IAAI,MACR,sEACF,EAEF,OAAOA,CACT,EASaC,EAAsB,CACjCC,EACAC,EACAC,EACAC,EACAC,IACG,CACH,KAAM,CAAE,OAAAC,EAAQ,KAAAC,CAAK,EAAIN,EACnBO,EAAWL,EAAS,QAAQG,EAAO,EAAE,EACrCG,EAAWN,EAAS,QAAQI,GAAA,KAAAA,OAAAA,EAAM,EAAE,EACpCG,EAAUC,EAAUT,EAAK,QAASM,EAAUC,CAAQ,EAC1D,OAAAJ,GAAA,MAAAA,EAAWG,EAAUC,EAAUC,CACxB,EAAA,CAAE,QAAAA,EAAS,MAAOA,EAAQ,MAAO,CAC1C,EAEaE,EAAc,CAACV,EAAwBE,IAClDF,EAAK,QAAQ,IAAKW,GAAQ,CACxB,MAAMC,EAAKD,EAAIT,GACf,GAAIU,IAAO,OACT,MAAM,IAAI,MACR,4LACF,EACF,OAAOA,CACT,CAAC,EAEUC,EAA4D,CAAC,CACxE,SAAAX,EAAW,KACX,SAAAC,EAAW,OACX,SAAAW,CACF,IAAM,CACJ,KAAM,CAAE,KAAAd,EAAM,QAAAe,CAAQ,EAAIC,EAAa,EAEjCf,EAAWN,EAAM,QAAQ,IAAMe,EAAYV,EAAME,CAAQ,EAAG,CAACF,CAAI,CAAC,EAElEiB,EAAUC,EACdC,EAAUC,CAAa,EACvBD,EAAUE,EAAgB,CACxB,iBAAkBC,CACpB,CAAC,CACH,EAiBA,OACE3B,EAAA,cAAC4B,EAAA,CACC,QAASN,EACT,mBAAoBO,EACpB,UAnBmBzB,GAAwB,CAC7C,KAAM,CAAE,OAAAK,EAAQ,KAAAC,CAAK,EAAIN,EACrBK,EAAO,KAAMC,GAAA,KAAA,OAAAA,EAAM,KAAMD,EAAO,MAAOC,GAAA,KAAA,OAAAA,EAAM,KAC/CU,EAASf,GACAF,EACL,CAAE,OAAAM,EAAQ,KAAAC,CAAK,EACfL,EACAC,EACAC,EACAC,CACF,CACD,CAEL,EAOI,UAAW,CAACsB,CAAsB,CAElC9B,EAAAA,EAAA,cAAC+B,EAAA,CAAgB,MAAOzB,EAAU,SAAU0B,CAAAA,EAC1ChC,EAAA,cAACD,EAAwB,SAAxB,CAAiC,MAAO,CAAE,SAAAQ,CAAS,CAAA,EACjDY,CACH,CACF,CACF,CAEJ"}

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

@@ -1 +1,2 @@
 import*as e from"react";import{Table as s}from"../../table/Table.js";import{DataTable as D}from"../DataTable.js";import{AsyncDataState as c}from"../DataTable.types.js";import{useDataTable as d}from"../DataTableContext.js";import{DataTableLoading as b}from"../DataTableLoading.js";import{DragAndDropContainer as f}from"./DragAndDropContainer.js";import{DragAndDropTableBody as E}from"./DragAndDropTableBody.js";const g=({idColumn:t,onDragAndDrop:r,sortable:a,striped:o,theme:n,css:m,...i})=>{const{asyncDataState:l}=d(),p=l===c.PENDING;return e.createElement(f,{onChange:r,idColumn:t},e.createElement(b,null),e.createElement(s,{...i,css:{...m,...p&&{opacity:.5,pointerEvents:"none",transition:"opacity 250ms linear 150ms"}}},e.createElement(D.Head,{theme:n,sortable:a}),e.createElement(E,{striped:o})))};export{g as DragAndDropTable};
+//# sourceMappingURL=DragAndDropTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DragAndDropTable.js","sources":["../../../../src/components/data-table/drag-and-drop/DragAndDropTable.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Table } from '../../table'\nimport { DataTable } from '../DataTable'\nimport { AsyncDataState, TAsyncDataResult } from '../DataTable.types'\nimport { useDataTable } from '../DataTableContext'\nimport { DataTableLoading } from '../DataTableLoading'\nimport type { DataTableTableProps } from '../DataTableTable'\nimport { DragAndDropContainer } from './DragAndDropContainer'\nimport { DragAndDropTableBody } from './DragAndDropTableBody'\n\ntype DragAndDropTableProps = DataTableTableProps & {\n  idColumn?: string\n  onDragAndDrop?: (\n    oldIndex: number,\n    newIndex: number,\n    newData: Record<string, unknown>[]\n  ) => void\n}\n\nexport const DragAndDropTable: React.FC<DragAndDropTableProps> = ({\n  idColumn,\n  onDragAndDrop,\n  sortable,\n  striped,\n  theme,\n  css,\n  ...props\n}) => {\n  const { asyncDataState } = useDataTable()\n  const isPending = asyncDataState === AsyncDataState.PENDING\n\n  return (\n    <DragAndDropContainer onChange={onDragAndDrop} idColumn={idColumn}>\n      <DataTableLoading />\n      <Table\n        {...props}\n        css={{\n          ...css,\n          ...(isPending && {\n            opacity: 0.5,\n            pointerEvents: 'none',\n            transition: 'opacity 250ms linear 150ms'\n          })\n        }}\n      >\n        <DataTable.Head theme={theme} sortable={sortable} />\n        <DragAndDropTableBody striped={striped} />\n      </Table>\n    </DragAndDropContainer>\n  )\n}\n"],"names":["DragAndDropTable","idColumn","onDragAndDrop","sortable","striped","theme","css","props","asyncDataState","useDataTable","isPending","AsyncDataState","React","DragAndDropContainer","DataTableLoading","Table","DataTable","DragAndDropTableBody"],"mappings":"0ZAoBa,MAAAA,EAAoD,CAAC,CAChE,SAAAC,EACA,cAAAC,EACA,SAAAC,EACA,QAAAC,EACA,MAAAC,EACA,IAAAC,KACGC,CACL,IAAM,CACJ,KAAM,CAAE,eAAAC,CAAe,EAAIC,IACrBC,EAAYF,IAAmBG,EAAe,QAEpD,OACEC,EAAA,cAACC,EAAA,CAAqB,SAAUX,EAAe,SAAUD,CACvDW,EAAAA,EAAA,cAACE,EAAA,IAAiB,EAClBF,EAAA,cAACG,EAAA,CACE,GAAGR,EACJ,IAAK,CACH,GAAGD,EACH,GAAII,GAAa,CACf,QAAS,GACT,cAAe,OACf,WAAY,4BACd,CACF,CAEAE,EAAAA,EAAA,cAACI,EAAU,KAAV,CAAe,MAAOX,EAAO,SAAUF,CAAU,CAAA,EAClDS,EAAA,cAACK,EAAA,CAAqB,QAASb,CAAAA,CAAS,CAC1C,CACF,CAEJ"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DragAndDropTableBody.js","sources":["../../../../src/components/data-table/drag-and-drop/DragAndDropTableBody.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Table } from '../../table'\nimport { useDataTable } from '../DataTableContext'\nimport { DraggableRow } from './DraggableRow'\n\ntype DataTableBodyProps = Omit<\n  React.ComponentProps<typeof Table.Body>,\n  'children'\n>\n\nexport const DragAndDropTableBody: React.FC<DataTableBodyProps> = ({\n  striped = false,\n  ...props\n}) => {\n  const { getRowModel } = useDataTable()\n  return (\n    <Table.Body {...props} striped={striped}>\n      {getRowModel().rows.map((row) => {\n        return <DraggableRow row={row} key={row.id} />\n      })}\n    </Table.Body>\n  )\n}\n"],"names":["DragAndDropTableBody","striped","props","getRowModel","useDataTable","React","Table","row","DraggableRow"],"mappings":"4KAWa,MAAAA,EAAqD,CAAC,CACjE,QAAAC,EAAU,MACPC,CACL,IAAM,CACJ,KAAM,CAAE,YAAAC,CAAY,EAAIC,EAAa,EACrC,OACEC,EAAA,cAACC,EAAM,KAAN,CAAY,GAAGJ,EAAO,QAASD,CAAAA,EAC7BE,EAAY,EAAE,KAAK,IAAKI,GAChBF,EAAA,cAACG,EAAA,CAAa,IAAKD,EAAK,IAAKA,EAAI,EAAA,CAAI,CAC7C,CACH,CAEJ"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableRow.js","sources":["../../../../src/components/data-table/drag-and-drop/DraggableRow.tsx"],"sourcesContent":["import type { UniqueIdentifier } from '@dnd-kit/core'\nimport { useSortable } from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport type { Row } from '@tanstack/react-table'\nimport { flexRender } from '@tanstack/react-table'\nimport * as React from 'react'\n\nimport { Table } from '../../table'\nimport { DataTableDataCell } from '../DataTableDataCell'\nimport { Handle, useDragAndDropTable } from './'\nexport type DataTableDraggableRowProps = React.ComponentProps<\n  typeof Table.Row\n> & {\n  row: Row<Record<string, unknown>>\n}\n\nexport const DraggableRow: React.FC<DataTableDraggableRowProps> = ({ row }) => {\n  const { idColumn } = useDragAndDropTable()\n\n  const { attributes, listeners, transform, setNodeRef, isDragging } =\n    useSortable({\n      id: row.original[idColumn] as UniqueIdentifier\n    })\n\n  return (\n    <Table.Row\n      ref={setNodeRef}\n      css={{\n        transform: CSS.Transform.toString(transform),\n        zIndex: isDragging ? 5 : undefined\n      }}\n    >\n      {row.getVisibleCells().map((cell, i) => {\n        if (i === 0) {\n          return (\n            <Table.Cell key={cell.id}>\n              <Handle\n                {...attributes}\n                {...listeners}\n                isDragging={isDragging}\n                css={{ display: 'inline-block' }}\n                label=\"drag and drop\"\n              />\n              {flexRender(cell.column.columnDef.cell, cell.getContext())}\n            </Table.Cell>\n          )\n        }\n        return <DataTableDataCell key={cell.id} cell={cell} />\n      })}\n    </Table.Row>\n  )\n}\n"],"names":["DraggableRow","row","idColumn","useDragAndDropTable","attributes","listeners","transform","setNodeRef","isDragging","useSortable","React","Table","CSS","cell","i","Handle","flexRender","DataTableDataCell"],"mappings":"seAgBO,MAAMA,EAAqD,CAAC,CAAE,IAAAC,CAAI,IAAM,CAC7E,KAAM,CAAE,SAAAC,CAAS,EAAIC,EAAoB,EAEnC,CAAE,WAAAC,EAAY,UAAAC,EAAW,UAAAC,EAAW,WAAAC,EAAY,WAAAC,CAAW,EAC/DC,EAAY,CACV,GAAIR,EAAI,SAASC,EACnB,CAAC,EAEH,OACEQ,EAAA,cAACC,EAAM,IAAN,CACC,IAAKJ,EACL,IAAK,CACH,UAAWK,EAAI,UAAU,SAASN,CAAS,EAC3C,OAAQE,EAAa,EAAI,MAC3B,CAECP,EAAAA,EAAI,gBAAkB,EAAA,IAAI,CAACY,EAAMC,IAC5BA,IAAM,EAENJ,EAAA,cAACC,EAAM,KAAN,CAAW,IAAKE,EAAK,EAAA,EACpBH,EAAA,cAACK,EAAA,CACE,GAAGX,EACH,GAAGC,EACJ,WAAYG,EACZ,IAAK,CAAE,QAAS,cAAe,EAC/B,MAAM,eACR,CAAA,EACCQ,EAAWH,EAAK,OAAO,UAAU,KAAMA,EAAK,YAAY,CAC3D,EAGGH,EAAA,cAACO,EAAA,CAAkB,IAAKJ,EAAK,GAAI,KAAMA,CAAM,CAAA,CACrD,CACH,CAEJ"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Handle.js","sources":["../../../../src/components/data-table/drag-and-drop/Handle.tsx"],"sourcesContent":["import { DragHandle } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '../../../stitches'\nimport { ActionIcon } from '../../action-icon'\nimport { Icon } from '../../icon'\n\nexport const StyledHandle = styled(ActionIcon, {\n  color: 'inherit !important',\n  fill: 'currentColor',\n  variants: {\n    isDragging: {\n      true: {\n        cursor: 'grabbing'\n      },\n      false: {\n        cursor: 'grab'\n      }\n    }\n  }\n})\n\ntype HandleProps = Omit<React.ComponentProps<typeof StyledHandle>, 'children'> &\n  Pick<React.ComponentProps<typeof Icon>, 'size'>\n\nexport const Handle: React.ForwardRefExoticComponent<HandleProps> =\n  React.forwardRef(({ isDragging, size, ...rest }, ref) => {\n    return (\n      <StyledHandle\n        ref={ref}\n        isDragging={isDragging}\n        appearance=\"simple\"\n        size={size}\n        {...rest}\n      >\n        <Icon is={DragHandle} size={size} />\n      </StyledHandle>\n    )\n  })\n"],"names":["StyledHandle","styled","ActionIcon","Handle","React","isDragging","size","rest","ref","Icon","DragHandle"],"mappings":"+NAOa,MAAAA,EAAeC,EAAOC,EAAY,CAC7C,MAAO,qBACP,KAAM,eACN,SAAU,CACR,WAAY,CACV,KAAM,CACJ,OAAQ,UACV,EACA,MAAO,CACL,OAAQ,MACV,CACF,CACF,CACF,CAAC,EAKYC,EACXC,EAAM,WAAW,CAAC,CAAE,WAAAC,EAAY,KAAAC,KAASC,CAAK,EAAGC,IAE7CJ,EAAA,cAACJ,EAAA,CACC,IAAKQ,EACL,WAAYH,EACZ,WAAW,SACX,KAAMC,EACL,GAAGC,CAAAA,EAEJH,EAAA,cAACK,EAAA,CAAK,GAAIC,EAAY,KAAMJ,CAAAA,CAAM,CACpC,CAEH"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"getNewAsyncData.js","sources":["../../../src/components/data-table/getNewAsyncData.ts"],"sourcesContent":["import type {\n  PaginationState,\n  SortDirection,\n  SortingState\n} from '@tanstack/react-table'\nimport invariant from 'invariant'\n\nimport type {\n  TAsyncDataOptions,\n  TAsyncDataResult,\n  TGetAsyncData\n} from './DataTable.types'\n\nconst getSortDirection = (sorting: SortingState): SortDirection | undefined => {\n  if (sorting[0]) {\n    return sorting[0].desc ? 'desc' : 'asc'\n  }\n  return undefined\n}\n\nexport const getNewAsyncData = async (\n  getAsyncData: TGetAsyncData,\n  asyncDataOptions: Partial<TAsyncDataOptions>,\n  paginationState: PaginationState,\n  sorting: SortingState,\n  globalFilter: string\n): Promise<TAsyncDataResult | undefined> => {\n  const { pageIndex, pageSize } = paginationState\n  const params = {\n    pageIndex: asyncDataOptions?.pageIndex ?? pageIndex,\n    pageSize: asyncDataOptions?.pageSize ?? pageSize,\n    sortBy: asyncDataOptions?.sortBy ?? sorting[0]?.id,\n    sortDirection: asyncDataOptions?.sortDirection ?? getSortDirection(sorting),\n    globalFilter: asyncDataOptions.globalFilter ?? globalFilter\n  }\n\n  const newData = await getAsyncData(params)\n\n  invariant(\n    Array.isArray(newData?.results),\n    'The getAsyncData function must return an object with a property `result` which must be an array'\n  )\n  invariant(\n    newData && Number.isInteger(newData.total) && newData.total >= 0,\n    'The getAsyncData function must return an object with a property `total` which must be a positive integer or zero'\n  )\n\n  return newData\n}\n"],"names":["getSortDirection","sorting","getNewAsyncData","getAsyncData","asyncDataOptions","paginationState","globalFilter","_a","_b","_c","_d","_e","_f","pageIndex","pageSize","params","newData","invariant"],"mappings":"yBAaA,MAAMA,EAAoBC,GAAqD,CAC7E,GAAIA,EAAQ,GACV,OAAOA,EAAQ,GAAG,KAAO,OAAS,KAGtC,EAEaC,EAAkB,MAC7BC,EACAC,EACAC,EACAJ,EACAK,IAC0C,CA1B5C,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EA2BE,KAAM,CAAE,UAAAC,EAAW,SAAAC,CAAS,EAAIT,EAC1BU,EAAS,CACb,WAAWR,EAAAH,GAAA,KAAA,OAAAA,EAAkB,YAAlB,KAAAG,EAA+BM,EAC1C,UAAUL,EAAAJ,GAAA,KAAAA,OAAAA,EAAkB,WAAlB,KAAAI,EAA8BM,EACxC,QAAQJ,EAAAN,GAAA,KAAAA,OAAAA,EAAkB,SAAlB,KAAAM,GAA4BD,EAAAR,EAAQ,KAAR,KAAAQ,OAAAA,EAAY,GAChD,eAAeE,EAAAP,GAAA,KAAAA,OAAAA,EAAkB,gBAAlB,KAAAO,EAAmCX,EAAiBC,CAAO,EAC1E,cAAcW,EAAAR,EAAiB,eAAjB,KAAAQ,EAAiCN,CACjD,EAEMU,EAAU,MAAMb,EAAaY,CAAM,EAEzC,OAAAE,EACE,MAAM,QAAQD,GAAA,KAAAA,OAAAA,EAAS,OAAO,EAC9B,iGACF,EACAC,EACED,GAAW,OAAO,UAAUA,EAAQ,KAAK,GAAKA,EAAQ,OAAS,EAC/D,kHACF,EAEOA,CACT"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sources":["../../../../src/components/data-table/pagination/Pagination.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { Flex } from '../../flex'\nimport { Text } from '../../text'\nimport { AsyncDataState } from '../DataTable.types'\nimport { useDataTable } from '../DataTableContext'\nimport { DirectionButton, GotoPageSelect } from './PaginationButtons'\n\nconst StyledNav = styled('nav', {\n  display: 'flex',\n  justifyContent: 'space-between',\n  alignItems: 'center',\n  fontVariantNumeric: 'tabular-nums'\n})\n\ntype PaginationProps = React.ComponentProps<typeof StyledNav>\n\n/** Applies pagination to parent DataTableProvider and renders UI to switch pages etc */\nexport const Pagination: React.FC<PaginationProps> = (props) => {\n  const {\n    applyPagination,\n    getState,\n    getRowModel,\n    getPageCount,\n    previousPage,\n    nextPage,\n    setPageIndex,\n    getTotalRows,\n    asyncDataState\n  } = useDataTable()\n\n  React.useEffect(() => {\n    applyPagination()\n  }, [applyPagination])\n\n  const { pagination: paginationState } = getState()\n\n  const recordsCountFrom =\n    paginationState.pageIndex * paginationState.pageSize + 1\n  const recordsCountTo = recordsCountFrom + getRowModel().rows.length - 1\n  const isPaginationDisabled =\n    asyncDataState === AsyncDataState.PENDING ||\n    asyncDataState === AsyncDataState.REJECTED\n\n  return (\n    <StyledNav {...props}>\n      <Text size=\"sm\">\n        {`${recordsCountFrom.toString()} - ${recordsCountTo.toString()} of ${getTotalRows()} items`}\n      </Text>\n\n      <GotoPageSelect\n        gotoPage={setPageIndex}\n        pageCount={getPageCount()}\n        pageIndex={paginationState.pageIndex}\n        disabled={isPaginationDisabled}\n      />\n\n      <Flex css={{ justifyContent: 'flex-end' }}>\n        <DirectionButton\n          direction=\"previous\"\n          disabled={paginationState.pageIndex === 0 || isPaginationDisabled}\n          onClick={previousPage}\n          css={{ mr: '$4' }}\n        />\n        <DirectionButton\n          direction=\"next\"\n          disabled={\n            paginationState.pageIndex === getPageCount() - 1 ||\n            isPaginationDisabled\n          }\n          onClick={nextPage}\n        />\n      </Flex>\n    </StyledNav>\n  )\n}\n"],"names":["StyledNav","styled","Pagination","props","applyPagination","getState","getRowModel","getPageCount","previousPage","nextPage","setPageIndex","getTotalRows","asyncDataState","useDataTable","React","paginationState","recordsCountFrom","recordsCountTo","isPaginationDisabled","AsyncDataState","Text","GotoPageSelect","Flex","DirectionButton"],"mappings":"oVAUA,MAAMA,EAAYC,EAAO,MAAO,CAC9B,QAAS,OACT,eAAgB,gBAChB,WAAY,SACZ,mBAAoB,cACtB,CAAC,EAKYC,EAAyCC,GAAU,CAC9D,KAAM,CACJ,gBAAAC,EACA,SAAAC,EACA,YAAAC,EACA,aAAAC,EACA,aAAAC,EACA,SAAAC,EACA,aAAAC,EACA,aAAAC,EACA,eAAAC,CACF,EAAIC,EAAa,EAEjBC,EAAM,UAAU,IAAM,CACpBV,EAAgB,CAClB,EAAG,CAACA,CAAe,CAAC,EAEpB,KAAM,CAAE,WAAYW,CAAgB,EAAIV,IAElCW,EACJD,EAAgB,UAAYA,EAAgB,SAAW,EACnDE,EAAiBD,EAAmBV,IAAc,KAAK,OAAS,EAChEY,EACJN,IAAmBO,EAAe,SAClCP,IAAmBO,EAAe,SAEpC,OACEL,EAAA,cAACd,EAAA,CAAW,GAAGG,CACbW,EAAAA,EAAA,cAACM,EAAA,CAAK,KAAK,IACR,EAAA,GAAGJ,EAAiB,SAAS,OAAOC,EAAe,SAAS,QAAQN,EACvE,SAAA,EAEAG,EAAA,cAACO,EAAA,CACC,SAAUX,EACV,UAAWH,IACX,UAAWQ,EAAgB,UAC3B,SAAUG,EACZ,EAEAJ,EAAA,cAACQ,EAAA,CAAK,IAAK,CAAE,eAAgB,UAAW,CACtCR,EAAAA,EAAA,cAACS,EAAA,CACC,UAAU,WACV,SAAUR,EAAgB,YAAc,GAAKG,EAC7C,QAASV,EACT,IAAK,CAAE,GAAI,IAAK,CAClB,CAAA,EACAM,EAAA,cAACS,EAAA,CACC,UAAU,OACV,SACER,EAAgB,YAAcR,IAAiB,GAC/CW,EAEF,QAAST,CAAAA,CACX,CACF,CACF,CAEJ"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationButtons.js","sources":["../../../../src/components/data-table/pagination/PaginationButtons.tsx"],"sourcesContent":["import type { CSS } from '~/stitches'\n\nimport { ChevronLeft, ChevronRight } from '@atom-learning/icons'\nimport React from 'react'\nimport { Flex } from '../../flex'\nimport { Select } from '../../select'\nimport { Text } from '../../text'\nimport { ActionIcon } from '../../action-icon'\nimport { Icon } from '../../icon'\nimport { Tooltip } from '../../tooltip'\n\nexport const DirectionButton: React.FC<{\n  css?: CSS\n  direction: 'next' | 'previous'\n  disabled: boolean\n  onClick: () => void\n}> = ({ direction, ...remainingProps }) => {\n  const isNext = direction === 'next'\n\n  return (\n    <TooltipActionIcon\n      appearance=\"outline\"\n      icon={isNext ? ChevronRight : ChevronLeft}\n      isRounded\n      label={isNext ? 'Next page' : 'Previous page'}\n      name={isNext ? 'Next page' : 'Previous page'}\n      size=\"md\"\n      {...remainingProps}\n    />\n  )\n}\n\nexport const GotoPageSelect: React.FC<{\n  pageIndex: number\n  pageCount: number\n  gotoPage: (pageNumber: number) => void\n  disabled: boolean\n}> = ({ gotoPage, pageCount, pageIndex, disabled }) => {\n  return (\n    <Flex css={{ alignItems: 'center' }}>\n      <Select\n        value={pageIndex}\n        size=\"sm\"\n        css={{ mr: '$3' }}\n        disabled={disabled}\n        onChange={(e) => {\n          gotoPage(Number(e.target.value))\n        }}\n      >\n        {Array.from({ length: pageCount }, (z, x) => x).map((i) => {\n          return (\n            <option key={i} value={i}>\n              {i + 1}\n            </option>\n          )\n        })}\n      </Select>\n      <Text size=\"sm\" css={{ flex: 'none' }}>{`of ${pageCount} ${\n        pageCount > 1 ? 'pages' : 'page'\n      }`}</Text>\n    </Flex>\n  )\n}\n\ntype TooltipActionIconProps = React.ComponentProps<typeof ActionIcon> &\n  React.ComponentProps<typeof Icon> & {\n    icon: React.FC<React.SVGProps<SVGSVGElement>>\n    iconSize?: 'sm' | 'md' | 'lg'\n  }\nexport const TooltipActionIcon: React.FC<\n  Omit<TooltipActionIconProps, 'children' | 'is'>\n> = ({ icon, label, ...rest }) => {\n  return (\n    <Tooltip>\n      <Tooltip.Trigger asChild>\n        <ActionIcon label={label} {...rest}>\n          <Icon is={icon} />\n        </ActionIcon>\n      </Tooltip.Trigger>\n      <Tooltip.Content>{label}</Tooltip.Content>\n    </Tooltip>\n  )\n}\n"],"names":["DirectionButton","direction","remainingProps","isNext","React","TooltipActionIcon","ChevronRight","ChevronLeft","GotoPageSelect","gotoPage","pageCount","pageIndex","disabled","Flex","Select","e","z","x","i","Text","icon","label","rest","Tooltip","ActionIcon","Icon"],"mappings":"wXAWO,MAAMA,EAKR,CAAC,CAAE,UAAAC,KAAcC,CAAe,IAAM,CACzC,MAAMC,EAASF,IAAc,OAE7B,OACEG,EAAA,cAACC,EACC,CAAA,WAAW,UACX,KAAMF,EAASG,EAAeC,EAC9B,UAAS,GACT,MAAOJ,EAAS,YAAc,gBAC9B,KAAMA,EAAS,YAAc,gBAC7B,KAAK,KACJ,GAAGD,CAAAA,CACN,CAEJ,EAEaM,EAKR,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,UAAAC,EAAW,SAAAC,CAAS,IAE7CR,EAAA,cAACS,EAAA,CAAK,IAAK,CAAE,WAAY,QAAS,CAAA,EAChCT,EAAA,cAACU,EAAA,CACC,MAAOH,EACP,KAAK,KACL,IAAK,CAAE,GAAI,IAAK,EAChB,SAAUC,EACV,SAAWG,GAAM,CACfN,EAAS,OAAOM,EAAE,OAAO,KAAK,CAAC,CACjC,CAAA,EAEC,MAAM,KAAK,CAAE,OAAQL,CAAU,EAAG,CAACM,EAAGC,IAAMA,CAAC,EAAE,IAAKC,GAEjDd,EAAA,cAAC,SAAA,CAAO,IAAKc,EAAG,MAAOA,CACpBA,EAAAA,EAAI,CACP,CAEH,CACH,EACAd,EAAA,cAACe,EAAA,CAAK,KAAK,KAAK,IAAK,CAAE,KAAM,MAAO,CAAA,EAAI,MAAMT,KAC5CA,EAAY,EAAI,QAAU,QACzB,CACL,EASSL,EAET,CAAC,CAAE,KAAAe,EAAM,MAAAC,KAAUC,CAAK,IAExBlB,EAAA,cAACmB,EAAA,KACCnB,EAAA,cAACmB,EAAQ,QAAR,CAAgB,QAAO,EACtBnB,EAAAA,EAAA,cAACoB,EAAA,CAAW,MAAOH,EAAQ,GAAGC,CAC5BlB,EAAAA,EAAA,cAACqB,EAAA,CAAK,GAAIL,CAAAA,CAAM,CAClB,CACF,EACAhB,EAAA,cAACmB,EAAQ,QAAR,KAAiBF,CAAM,CAC1B"}

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

@@ -1 +1,2 @@
 import t from"react";const g={pageIndex:0,pageSize:10},p=a=>{const[e,n]=t.useState(!!a),[i,o]=t.useState({...g,...a||{}}),s=t.useCallback(()=>{n(!0)},[]);return{isPaginated:e,paginationState:i,setPaginationState:o,applyPagination:s}};export{p as usePagination};
+//# sourceMappingURL=usePagination.js.map

package/dist/components/data-table/usePagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.js","sources":["../../../src/components/data-table/usePagination.ts"],"sourcesContent":["import type { PaginationState } from '@tanstack/react-table'\nimport React from 'react'\n\nconst defaultPaginationState: PaginationState = { pageIndex: 0, pageSize: 10 }\nexport const usePagination = (\n  initialPaginationState: PaginationState | undefined\n) => {\n  const [isPaginated, setIsPaginated] = React.useState<boolean>(\n    !!initialPaginationState\n  )\n\n  const [paginationState, setPaginationState] = React.useState<\n    PaginationState | undefined\n  >({\n    ...defaultPaginationState,\n    ...(initialPaginationState || {})\n  })\n\n  const applyPagination = React.useCallback(() => {\n    setIsPaginated(true)\n  }, [])\n\n  return {\n    isPaginated,\n    paginationState,\n    setPaginationState,\n    applyPagination\n  }\n}\n"],"names":["defaultPaginationState","usePagination","initialPaginationState","isPaginated","setIsPaginated","React","paginationState","setPaginationState","applyPagination"],"mappings":"qBAGA,MAAMA,EAA0C,CAAE,UAAW,EAAG,SAAU,EAAG,EAChEC,EACXC,GACG,CACH,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAM,SAC1C,CAAC,CAACH,CACJ,EAEM,CAACI,EAAiBC,CAAkB,EAAIF,EAAM,SAElD,CACA,GAAGL,EACH,GAAIE,GAA0B,CAChC,CAAA,CAAC,EAEKM,EAAkBH,EAAM,YAAY,IAAM,CAC9CD,EAAe,EAAI,CACrB,EAAG,CAAA,CAAE,EAEL,MAAO,CACL,YAAAD,EACA,gBAAAG,EACA,mBAAAC,EACA,gBAAAC,CACF,CACF"}

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

@@ -1 +1,2 @@
 import e from"react";const i=t=>{const[o,s]=e.useState(!1),[r,n]=e.useState(t?[{id:t.column,desc:t.direction==="desc"}]:[]);return{isSortable:o,setIsSortable:s,sorting:r,setSorting:n}};export{i as useSortByColumn};
+//# sourceMappingURL=useSorting.js.map

package/dist/components/data-table/useSorting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSorting.js","sources":["../../../src/components/data-table/useSorting.ts"],"sourcesContent":["import type { SortingState } from '@tanstack/react-table'\nimport React from 'react'\n\nimport { TDefaultSort } from './DataTable.types'\nexport const useSortByColumn = (defaultSort: TDefaultSort | undefined) => {\n  const [isSortable, setIsSortable] = React.useState<boolean>(false)\n\n  const [sorting, setSorting] = React.useState<SortingState>(\n    defaultSort\n      ? [\n          {\n            id: defaultSort.column,\n            desc: defaultSort.direction === 'desc'\n          }\n        ]\n      : []\n  )\n\n  return { isSortable, setIsSortable, sorting, setSorting }\n}\n"],"names":["useSortByColumn","defaultSort","isSortable","setIsSortable","React","sorting","setSorting"],"mappings":"qBAIa,MAAAA,EAAmBC,GAA0C,CACxE,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAM,SAAkB,EAAK,EAE3D,CAACC,EAASC,CAAU,EAAIF,EAAM,SAClCH,EACI,CACE,CACE,GAAIA,EAAY,OAChB,KAAMA,EAAY,YAAc,MAClC,CACF,EACA,EACN,EAEA,MAAO,CAAE,WAAAC,EAAY,cAAAC,EAAe,QAAAE,EAAS,WAAAC,CAAW,CAC1D"}

package/dist/components/date-field/DateField.js

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

package/dist/components/date-field/DateField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateField.js","sources":["../../../src/components/date-field/DateField.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useFormContext } from 'react-hook-form'\n\nimport { DateInput, DateInputProps } from '~/components/date-input'\nimport {\n  FieldWrapper,\n  FieldElementWrapperProps\n} from '~/components/field-wrapper'\nimport { useFieldError } from '~/components/form'\n\ntype DateFieldProps = DateInputProps & FieldElementWrapperProps\n\nexport const DateField: React.FC<DateFieldProps> = ({\n  css,\n  label,\n  name,\n  validation,\n  prompt,\n  description,\n  ...remainingProps\n}) => {\n  const { register, trigger } = useFormContext()\n  const { error } = useFieldError(name)\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      <DateInput\n        id={name}\n        name={name}\n        ref={ref}\n        {...(error && { state: 'error' })}\n        {...remainingProps}\n        revalidate={trigger}\n      />\n    </FieldWrapper>\n  )\n}\n\nDateField.displayName = 'DateField'\n"],"names":["DateField","css","label","name","validation","prompt","description","remainingProps","register","trigger","useFormContext","error","useFieldError","ref","React","FieldWrapper","DateInput"],"mappings":"sUAYaA,EAAsC,CAAC,CAClD,IAAAC,EACA,MAAAC,EACA,KAAAC,EACA,WAAAC,EACA,OAAAC,EACA,YAAAC,KACGC,CACL,IAAM,CACJ,KAAM,CAAE,SAAAC,EAAU,QAAAC,CAAQ,EAAIC,EAAe,EACvC,CAAE,MAAAC,CAAM,EAAIC,EAAcT,CAAI,EAC9BU,EAAMT,EAAaI,EAASJ,CAAU,EAAII,EAEhD,OACEM,EAAA,cAACC,EAAA,CACC,IAAKd,EACL,YAAaK,EACb,MAAOK,EACP,QAASR,EACT,MAAOD,EACP,OAAQG,EACR,SAAU,QAAQD,GAAA,KAAAA,OAAAA,EAAY,QAAQ,CAEtCU,EAAAA,EAAA,cAACE,EAAA,CACC,GAAIb,EACJ,KAAMA,EACN,IAAKU,EACJ,GAAIF,GAAS,CAAE,MAAO,OAAQ,EAC9B,GAAGJ,EACJ,WAAYE,EACd,CACF,CAEJ,EAEAT,EAAU,YAAc"}

package/dist/components/date-input/DateInput.js

@@ -1 +1,2 @@
 import{CalendarEvent as T}from"@atom-learning/icons";import*as e from"react";import{DIALOG_Z_INDEX as x}from"../../constants/zIndices.js";import{ActionIcon as z}from"../action-icon/ActionIcon.js";import{Box as F}from"../box/Box.js";import{Calendar as L}from"../calendar/Calendar.js";import{DEFAULT_LABELS as S}from"../calendar/constants.js";import{Icon as _}from"../icon/Icon.js";import{Input as k}from"../input/Input.js";import{Popover as r}from"../popover/Popover.js";import{DEFAULT_DATE_FORMAT as R}from"./constants.js";import{useDate as B}from"./use-date.js";const D=e.forwardRef(({initialDate:E,dateFormat:g=R,firstDayOfWeek:h=1,disabled:s,monthNames:b,weekdayNames:v,size:l="md",labels:y,revalidate:o,onChange:n,minDate:A,maxDate:C,...I},w)=>{const{date:a,dateString:O,setDate:m}=B(E,g),i={...S,...y},[N,d]=e.useState(!1),f=e.useRef(null),c=e.useRef(null);return e.useEffect(()=>{n==null||n(a)},[a,n]),e.createElement(F,{css:{position:"relative"}},e.createElement(k,{name:"date",disabled:s,size:l,...I,onChange:t=>m(t.target.value,!0),value:O,ref:w}),e.createElement(r,{modal:!0,open:N,onOpenChange:d},e.createElement(r.Trigger,{asChild:!0},e.createElement(z,{css:{position:"absolute",top:"0",right:"0"},disabled:s,label:i.open,size:l,theme:"neutral"},e.createElement(_,{is:T}))),e.createElement(r.Portal,null,e.createElement(r.Content,{css:{pr:"$sizes$2",zIndex:x},side:"bottom",align:"end",showCloseButton:!1,onOpenAutoFocus:t=>{var p,u;t.preventDefault(),a?(p=c.current)==null||p.focus():(u=f.current)==null||u.focus()}},e.createElement(L,{date:a||new Date,selected:a,onDateSelected:async t=>{d(!1),await m(t.date,!1),o&&o()},setYear:async t=>{await m(t,!1),o&&o()},minDate:A,maxDate:C,refDateToday:f,refDateSelected:c,firstDayOfWeek:h,monthNames:b,weekdayNames:v,labels:i})))))});D.displayName="DateInput";export{D as DateInput};
+//# sourceMappingURL=DateInput.js.map

package/dist/components/date-input/DateInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInput.js","sources":["../../../src/components/date-input/DateInput.tsx"],"sourcesContent":["import { CalendarEvent } from '@atom-learning/icons'\nimport type { Props as DayzedInterface } from 'dayzed'\nimport * as React from 'react'\n\nimport { DIALOG_Z_INDEX } from '~/constants/zIndices'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Box } from '../box/Box'\nimport { Calendar, CalendarTranslationProps } from '../calendar/Calendar'\nimport { DEFAULT_LABELS } from '../calendar/constants'\nimport { Icon } from '../icon/Icon'\nimport { Input } from '../input/Input'\nimport { Popover } from '../popover/Popover'\nimport { DEFAULT_DATE_FORMAT } from './constants'\nimport { useDate } from './use-date'\n\nexport type DateInputProps = Omit<DayzedInterface, 'onDateSelected'> &\n  CalendarTranslationProps & {\n    initialDate?: Date\n    dateFormat?: string\n    disabled?: boolean\n    size?: 'sm' | 'md'\n    revalidate?: () => Promise<boolean>\n    onChange?: (value?: Date) => void\n  }\n\nexport const DateInput = React.forwardRef<HTMLInputElement, DateInputProps>(\n  (\n    {\n      initialDate,\n      dateFormat = DEFAULT_DATE_FORMAT,\n      firstDayOfWeek = 1,\n      disabled,\n      monthNames,\n      weekdayNames,\n      size = 'md',\n      labels,\n      revalidate,\n      onChange,\n      minDate,\n      maxDate,\n      ...remainingProps\n    },\n    ref\n  ) => {\n    const { date, dateString, setDate } = useDate(initialDate, dateFormat)\n    const updatedLabels = {\n      ...DEFAULT_LABELS,\n      ...labels\n    }\n\n    const [calendarOpen, setCalendarOpen] = React.useState(false)\n\n    const refDateToday = React.useRef<HTMLButtonElement>(null)\n    const refDateSelected = React.useRef<HTMLButtonElement>(null)\n\n    React.useEffect(() => {\n      onChange?.(date)\n    }, [date, onChange])\n\n    return (\n      <Box css={{ position: 'relative' }}>\n        <Input\n          name=\"date\"\n          disabled={disabled}\n          size={size}\n          {...remainingProps}\n          onChange={(event) => setDate(event.target.value, true)}\n          value={dateString}\n          ref={ref}\n        />\n        <Popover modal open={calendarOpen} onOpenChange={setCalendarOpen}>\n          <Popover.Trigger asChild>\n            <ActionIcon\n              css={{ position: 'absolute', top: '0', right: '0' }}\n              disabled={disabled}\n              label={updatedLabels.open}\n              size={size}\n              theme=\"neutral\"\n            >\n              <Icon is={CalendarEvent} />\n            </ActionIcon>\n          </Popover.Trigger>\n          <Popover.Portal>\n            <Popover.Content\n              css={{ pr: '$sizes$2', zIndex: DIALOG_Z_INDEX }}\n              side=\"bottom\"\n              align=\"end\"\n              showCloseButton={false}\n              onOpenAutoFocus={(e) => {\n                e.preventDefault()\n                if (date) {\n                  refDateSelected.current?.focus()\n                } else {\n                  refDateToday.current?.focus()\n                }\n              }}\n            >\n              <Calendar\n                date={date || new Date()}\n                selected={date}\n                onDateSelected={async (date) => {\n                  setCalendarOpen(false)\n                  await setDate(date.date, false)\n                  if (revalidate) revalidate()\n                }}\n                setYear={async (date) => {\n                  await setDate(date, false)\n                  if (revalidate) revalidate()\n                }}\n                minDate={minDate}\n                maxDate={maxDate}\n                refDateToday={refDateToday}\n                refDateSelected={refDateSelected}\n                firstDayOfWeek={firstDayOfWeek}\n                monthNames={monthNames}\n                weekdayNames={weekdayNames}\n                labels={updatedLabels}\n              />\n            </Popover.Content>\n          </Popover.Portal>\n        </Popover>\n      </Box>\n    )\n  }\n)\n\nDateInput.displayName = 'DateInput'\n"],"names":["DateInput","React","initialDate","dateFormat","DEFAULT_DATE_FORMAT","firstDayOfWeek","disabled","monthNames","weekdayNames","size","labels","revalidate","onChange","minDate","maxDate","remainingProps","ref","date","dateString","setDate","useDate","updatedLabels","DEFAULT_LABELS","calendarOpen","setCalendarOpen","refDateToday","refDateSelected","Box","Input","event","Popover","ActionIcon","Icon","CalendarEvent","DIALOG_Z_INDEX","e","_a","_b","Calendar"],"mappings":"yjBA0BaA,EAAYC,EAAM,WAC7B,CACE,CACE,YAAAC,EACA,WAAAC,EAAaC,EACb,eAAAC,EAAiB,EACjB,SAAAC,EACA,WAAAC,EACA,aAAAC,EACA,KAAAC,EAAO,KACP,OAAAC,EACA,WAAAC,EACA,SAAAC,EACA,QAAAC,EACA,QAAAC,KACGC,CACL,EACAC,IACG,CACH,KAAM,CAAE,KAAAC,EAAM,WAAAC,EAAY,QAAAC,CAAQ,EAAIC,EAAQlB,EAAaC,CAAU,EAC/DkB,EAAgB,CACpB,GAAGC,EACH,GAAGZ,CACL,EAEM,CAACa,EAAcC,CAAe,EAAIvB,EAAM,SAAS,EAAK,EAEtDwB,EAAexB,EAAM,OAA0B,IAAI,EACnDyB,EAAkBzB,EAAM,OAA0B,IAAI,EAE5D,OAAAA,EAAM,UAAU,IAAM,CACpBW,GAAA,MAAAA,EAAWK,EACb,EAAG,CAACA,EAAML,CAAQ,CAAC,EAGjBX,EAAA,cAAC0B,EAAA,CAAI,IAAK,CAAE,SAAU,UAAW,CAAA,EAC/B1B,EAAA,cAAC2B,EAAA,CACC,KAAK,OACL,SAAUtB,EACV,KAAMG,EACL,GAAGM,EACJ,SAAWc,GAAUV,EAAQU,EAAM,OAAO,MAAO,EAAI,EACrD,MAAOX,EACP,IAAKF,CAAAA,CACP,EACAf,EAAA,cAAC6B,EAAA,CAAQ,MAAK,GAAC,KAAMP,EAAc,aAAcC,CAC/CvB,EAAAA,EAAA,cAAC6B,EAAQ,QAAR,CAAgB,QAAO,IACtB7B,EAAA,cAAC8B,EAAA,CACC,IAAK,CAAE,SAAU,WAAY,IAAK,IAAK,MAAO,GAAI,EAClD,SAAUzB,EACV,MAAOe,EAAc,KACrB,KAAMZ,EACN,MAAM,SAENR,EAAAA,EAAA,cAAC+B,EAAA,CAAK,GAAIC,CAAAA,CAAe,CAC3B,CACF,EACAhC,EAAA,cAAC6B,EAAQ,OAAR,KACC7B,EAAA,cAAC6B,EAAQ,QAAR,CACC,IAAK,CAAE,GAAI,WAAY,OAAQI,CAAe,EAC9C,KAAK,SACL,MAAM,MACN,gBAAiB,GACjB,gBAAkBC,GAAM,CAzFtC,IAAAC,EAAAC,EA0FgBF,EAAE,iBACElB,GACFmB,EAAAV,EAAgB,UAAhB,MAAAU,EAAyB,MAAA,GAEzBC,EAAAZ,EAAa,UAAb,MAAAY,EAAsB,MAE1B,CAAA,CAAA,EAEApC,EAAA,cAACqC,EAAA,CACC,KAAMrB,GAAQ,IAAI,KAClB,SAAUA,EACV,eAAgB,MAAOA,GAAS,CAC9BO,EAAgB,EAAK,EACrB,MAAML,EAAQF,EAAK,KAAM,EAAK,EAC1BN,GAAYA,EAAW,CAC7B,EACA,QAAS,MAAOM,GAAS,CACvB,MAAME,EAAQF,EAAM,EAAK,EACrBN,GAAYA,EAAW,CAC7B,EACA,QAASE,EACT,QAASC,EACT,aAAcW,EACd,gBAAiBC,EACjB,eAAgBrB,EAChB,WAAYE,EACZ,aAAcC,EACd,OAAQa,CACV,CAAA,CACF,CACF,CACF,CACF,CAEJ,CACF,EAEArB,EAAU,YAAc"}

package/dist/components/date-input/constants.js

@@ -1 +1,2 @@
 const D="DD/MM/YYYY";export{D as DEFAULT_DATE_FORMAT};
+//# sourceMappingURL=constants.js.map

package/dist/components/date-input/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/date-input/constants.ts"],"sourcesContent":["export const DEFAULT_DATE_FORMAT = 'DD/MM/YYYY'\n"],"names":["DEFAULT_DATE_FORMAT"],"mappings":"AAAO,MAAMA,EAAsB"}