@atom-learning/components 6.16.0-beta.3 → 6.16.0

package/dist/components/checkbox-group/context/CheckboxGroupChecked.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroupChecked.context.js","names":[],"sources":["../../../../src/components/checkbox-group/context/CheckboxGroupChecked.context.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport type { CheckboxGroupItemValue } from '../CheckboxGroup.types'\n\ntype CheckboxGroupCheckedContextValue = {\n  checked: CheckboxGroupItemValue[]\n  handleItemCheckedChange: (\n    newItemChecked: boolean,\n    itemValue: CheckboxGroupItemValue\n  ) => void\n}\n\ntype CheckboxGroupCheckedContextProps = {\n  checked?: CheckboxGroupCheckedContextValue['checked']\n  defaultChecked?: CheckboxGroupCheckedContextValue['checked']\n  onCheckedChange?: (\n    checked: CheckboxGroupCheckedContextValue['checked']\n  ) => void\n}\n\nexport const CheckboxGroupCheckedContext =\n  React.createContext<CheckboxGroupCheckedContextValue>({\n    checked: [],\n    handleItemCheckedChange: () => null\n  })\n\nconst generateNewCheckedFn = (\n  currentChecked: CheckboxGroupCheckedContextValue['checked']\n) => {\n  return (newItemChecked, itemValue) => {\n    const newCheckedSet = new Set(currentChecked)\n    if (newItemChecked) {\n      newCheckedSet.add(itemValue)\n    } else {\n      newCheckedSet.delete(itemValue)\n    }\n    const newChecked = Array.from(newCheckedSet)\n    return newChecked\n  }\n}\n\nexport const CheckboxGroupCheckedProvider = ({\n  checked: controlledChecked,\n  defaultChecked = [],\n  onCheckedChange,\n  ...rest\n}: React.PropsWithChildren<CheckboxGroupCheckedContextProps>) => {\n  const [checked, setChecked] = React.useState(defaultChecked)\n\n  const handleItemControlledCheckedChange = React.useCallback(\n    (newItemChecked, itemValue) => {\n      if (!controlledChecked) return () => null\n      const newCheckedFn = generateNewCheckedFn(controlledChecked)\n      const newChecked = newCheckedFn(newItemChecked, itemValue)\n      onCheckedChange?.(newChecked)\n    },\n    [onCheckedChange, controlledChecked]\n  )\n\n  const handleItemCheckedChange = React.useCallback(\n    (newItemChecked, itemValue) => {\n      setChecked((prevChecked) => {\n        const newCheckedFn = generateNewCheckedFn(prevChecked)\n        const newChecked = newCheckedFn(newItemChecked, itemValue)\n        onCheckedChange?.(newChecked)\n        return newChecked\n      })\n    },\n    [onCheckedChange]\n  )\n\n  const value = React.useMemo<CheckboxGroupCheckedContextValue>(() => {\n    const isControlled = Array.isArray(controlledChecked)\n    return {\n      checked: isControlled\n        ? (controlledChecked as CheckboxGroupCheckedContextValue['checked']) // We're literally JUST checking it above but TS still flags it, wrongly, so casting\n        : checked,\n      handleItemCheckedChange: isControlled\n        ? handleItemControlledCheckedChange\n        : handleItemCheckedChange\n    }\n  }, [\n    checked,\n    handleItemCheckedChange,\n    handleItemControlledCheckedChange,\n    controlledChecked\n  ])\n\n  return <CheckboxGroupCheckedContext.Provider value={value} {...rest} />\n}\n"],"mappings":";;AAoBA,IAAa,8BACX,QAAM,cAAgD;CACpD,SAAS,CAAC;CACV,+BAA+B;AACjC,CAAC;AAEH,IAAM,wBACJ,mBACG;CACH,QAAQ,gBAAgB,cAAc;EACpC,MAAM,gBAAgB,IAAI,IAAI,cAAc;EAC5C,IAAI,gBACF,cAAc,IAAI,SAAS;OAE3B,cAAc,OAAO,SAAS;EAGhC,OADmB,MAAM,KAAK,aACvB;CACT;AACF;AAEA,IAAa,gCAAgC,EAC3C,SAAS,mBACT,iBAAiB,CAAC,GAClB,iBACA,GAAG,WAC4D;CAC/D,MAAM,CAAC,SAAS,cAAc,QAAM,SAAS,cAAc;CAE3D,MAAM,oCAAoC,QAAM,aAC7C,gBAAgB,cAAc;EAC7B,IAAI,CAAC,mBAAmB,aAAa;EAErC,MAAM,aADe,qBAAqB,iBACvB,EAAa,gBAAgB,SAAS;EACzD,kBAAkB,UAAU;CAC9B,GACA,CAAC,iBAAiB,iBAAiB,CACrC;CAEA,MAAM,0BAA0B,QAAM,aACnC,gBAAgB,cAAc;EAC7B,YAAY,gBAAgB;GAE1B,MAAM,aADe,qBAAqB,WACvB,EAAa,gBAAgB,SAAS;GACzD,kBAAkB,UAAU;GAC5B,OAAO;EACT,CAAC;CACH,GACA,CAAC,eAAe,CAClB;CAEA,MAAM,QAAQ,QAAM,cAAgD;EAClE,MAAM,eAAe,MAAM,QAAQ,iBAAiB;EACpD,OAAO;GACL,SAAS,eACJ,oBACD;GACJ,yBAAyB,eACrB,oCACA;EACN;CACF,GAAG;EACD;EACA;EACA;EACA;CACF,CAAC;CAED,OAAO,wBAAA,cAAC,4BAA4B,UAA7B;EAA6C;EAAO,GAAI;CAAO,CAAA;AACxE"}
+{"version":3,"file":"CheckboxGroupChecked.context.js","names":[],"sources":["../../../../src/components/checkbox-group/context/CheckboxGroupChecked.context.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport type { CheckboxGroupItemValue } from '../CheckboxGroup.types'\n\ntype CheckboxGroupCheckedContextValue = {\n  checked: CheckboxGroupItemValue[]\n  handleItemCheckedChange: (\n    newItemChecked: boolean,\n    itemValue: CheckboxGroupItemValue\n  ) => void\n}\n\ntype CheckboxGroupCheckedContextProps = {\n  checked?: CheckboxGroupCheckedContextValue['checked']\n  defaultChecked?: CheckboxGroupCheckedContextValue['checked']\n  onCheckedChange?: (\n    checked: CheckboxGroupCheckedContextValue['checked']\n  ) => void\n}\n\nexport const CheckboxGroupCheckedContext =\n  React.createContext<CheckboxGroupCheckedContextValue>({\n    checked: [],\n    handleItemCheckedChange: () => null\n  })\n\nconst generateNewCheckedFn = (\n  currentChecked: CheckboxGroupCheckedContextValue['checked']\n) => {\n  return (newItemChecked, itemValue) => {\n    const newCheckedSet = new Set(currentChecked)\n    if (newItemChecked) {\n      newCheckedSet.add(itemValue)\n    } else {\n      newCheckedSet.delete(itemValue)\n    }\n    const newChecked = Array.from(newCheckedSet)\n    return newChecked\n  }\n}\n\nexport const CheckboxGroupCheckedProvider = ({\n  checked: controlledChecked,\n  defaultChecked = [],\n  onCheckedChange,\n  ...rest\n}: React.PropsWithChildren<CheckboxGroupCheckedContextProps>) => {\n  const [checked, setChecked] = React.useState(defaultChecked)\n\n  const handleItemControlledCheckedChange = React.useCallback(\n    (newItemChecked, itemValue) => {\n      if (!controlledChecked) return () => null\n      const newCheckedFn = generateNewCheckedFn(controlledChecked)\n      const newChecked = newCheckedFn(newItemChecked, itemValue)\n      onCheckedChange?.(newChecked)\n    },\n    [onCheckedChange, controlledChecked]\n  )\n\n  const handleItemCheckedChange = React.useCallback(\n    (newItemChecked, itemValue) => {\n      setChecked((prevChecked) => {\n        const newCheckedFn = generateNewCheckedFn(prevChecked)\n        const newChecked = newCheckedFn(newItemChecked, itemValue)\n        onCheckedChange?.(newChecked)\n        return newChecked\n      })\n    },\n    [onCheckedChange]\n  )\n\n  const value = React.useMemo<CheckboxGroupCheckedContextValue>(() => {\n    const isControlled = Array.isArray(controlledChecked)\n    return {\n      checked: isControlled\n        ? (controlledChecked as CheckboxGroupCheckedContextValue['checked']) // We're literally JUST checking it above but TS still flags it, wrongly, so casting\n        : checked,\n      handleItemCheckedChange: isControlled\n        ? handleItemControlledCheckedChange\n        : handleItemCheckedChange\n    }\n  }, [\n    checked,\n    handleItemCheckedChange,\n    handleItemControlledCheckedChange,\n    controlledChecked\n  ])\n\n  return <CheckboxGroupCheckedContext.Provider value={value} {...rest} />\n}\n"],"mappings":";;AAoBA,IAAa,8BACX,QAAM,cAAgD;CACpD,SAAS,EAAE;CACX,+BAA+B;CAChC,CAAC;AAEJ,IAAM,wBACJ,mBACG;AACH,SAAQ,gBAAgB,cAAc;EACpC,MAAM,gBAAgB,IAAI,IAAI,eAAe;AAC7C,MAAI,eACF,eAAc,IAAI,UAAU;MAE5B,eAAc,OAAO,UAAU;AAGjC,SADmB,MAAM,KAAK,cAAc;;;AAKhD,IAAa,gCAAgC,EAC3C,SAAS,mBACT,iBAAiB,EAAE,EACnB,iBACA,GAAG,WAC4D;CAC/D,MAAM,CAAC,SAAS,cAAc,QAAM,SAAS,eAAe;CAE5D,MAAM,oCAAoC,QAAM,aAC7C,gBAAgB,cAAc;AAC7B,MAAI,CAAC,kBAAmB,cAAa;EAErC,MAAM,aADe,qBAAqB,kBAAkB,CAC5B,gBAAgB,UAAU;AAC1D,oBAAkB,WAAW;IAE/B,CAAC,iBAAiB,kBAAkB,CACrC;CAED,MAAM,0BAA0B,QAAM,aACnC,gBAAgB,cAAc;AAC7B,cAAY,gBAAgB;GAE1B,MAAM,aADe,qBAAqB,YAAY,CACtB,gBAAgB,UAAU;AAC1D,qBAAkB,WAAW;AAC7B,UAAO;IACP;IAEJ,CAAC,gBAAgB,CAClB;CAED,MAAM,QAAQ,QAAM,cAAgD;EAClE,MAAM,eAAe,MAAM,QAAQ,kBAAkB;AACrD,SAAO;GACL,SAAS,eACJ,oBACD;GACJ,yBAAyB,eACrB,oCACA;GACL;IACA;EACD;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAO,wBAAA,cAAC,4BAA4B,UAA7B;EAA6C;EAAO,GAAI;EAAQ,CAAA"}

package/dist/components/checkbox-group/context/CheckboxGroupMounted.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroupMounted.context.js","names":[],"sources":["../../../../src/components/checkbox-group/context/CheckboxGroupMounted.context.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport type { CheckboxGroupItemValue } from '../CheckboxGroup.types'\n\ntype CheckboxGroupMountedContextValue = {\n  mounted: CheckboxGroupItemValue[]\n  handleItemMountedChange: (\n    newItemMounted: boolean,\n    itemValue: CheckboxGroupItemValue\n  ) => void\n}\n\nexport const CheckboxGroupMountedContext =\n  React.createContext<CheckboxGroupMountedContextValue>({\n    mounted: [],\n    handleItemMountedChange: () => null\n  })\n\nexport const CheckboxGroupMountedProvider = (props) => {\n  const { handleItemMountedChange: handleItemMountedChangeFurtherUpContext } =\n    React.useContext(CheckboxGroupMountedContext)\n\n  const [mounted, setMounted] = React.useState<CheckboxGroupItemValue[]>([])\n  const handleItemMountedChange = React.useCallback(\n    (newItemMounted, itemValue) => {\n      handleItemMountedChangeFurtherUpContext?.(newItemMounted, itemValue)\n      setMounted((prevMounted) => {\n        const newMountedSet = new Set(prevMounted)\n        if (newItemMounted) {\n          newMountedSet.add(itemValue)\n        } else {\n          newMountedSet.delete(itemValue)\n        }\n        const newMounted = Array.from(newMountedSet)\n        return newMounted\n      })\n    },\n    [handleItemMountedChangeFurtherUpContext]\n  )\n\n  const value = React.useMemo<CheckboxGroupMountedContextValue>(\n    () => ({ mounted, handleItemMountedChange }),\n    [mounted, handleItemMountedChange]\n  )\n\n  return <CheckboxGroupMountedContext.Provider value={value} {...props} />\n}\n"],"mappings":";;AAYA,IAAa,8BACX,QAAM,cAAgD;CACpD,SAAS,CAAC;CACV,+BAA+B;AACjC,CAAC;AAEH,IAAa,gCAAgC,UAAU;CACrD,MAAM,EAAE,yBAAyB,4CAC/B,QAAM,WAAW,2BAA2B;CAE9C,MAAM,CAAC,SAAS,cAAc,QAAM,SAAmC,CAAC,CAAC;CACzE,MAAM,0BAA0B,QAAM,aACnC,gBAAgB,cAAc;EAC7B,0CAA0C,gBAAgB,SAAS;EACnE,YAAY,gBAAgB;GAC1B,MAAM,gBAAgB,IAAI,IAAI,WAAW;GACzC,IAAI,gBACF,cAAc,IAAI,SAAS;QAE3B,cAAc,OAAO,SAAS;GAGhC,OADmB,MAAM,KAAK,aACvB;EACT,CAAC;CACH,GACA,CAAC,uCAAuC,CAC1C;CAEA,MAAM,QAAQ,QAAM,eACX;EAAE;EAAS;CAAwB,IAC1C,CAAC,SAAS,uBAAuB,CACnC;CAEA,OAAO,wBAAA,cAAC,4BAA4B,UAA7B;EAA6C;EAAO,GAAI;CAAQ,CAAA;AACzE"}
+{"version":3,"file":"CheckboxGroupMounted.context.js","names":[],"sources":["../../../../src/components/checkbox-group/context/CheckboxGroupMounted.context.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport type { CheckboxGroupItemValue } from '../CheckboxGroup.types'\n\ntype CheckboxGroupMountedContextValue = {\n  mounted: CheckboxGroupItemValue[]\n  handleItemMountedChange: (\n    newItemMounted: boolean,\n    itemValue: CheckboxGroupItemValue\n  ) => void\n}\n\nexport const CheckboxGroupMountedContext =\n  React.createContext<CheckboxGroupMountedContextValue>({\n    mounted: [],\n    handleItemMountedChange: () => null\n  })\n\nexport const CheckboxGroupMountedProvider = (props) => {\n  const { handleItemMountedChange: handleItemMountedChangeFurtherUpContext } =\n    React.useContext(CheckboxGroupMountedContext)\n\n  const [mounted, setMounted] = React.useState<CheckboxGroupItemValue[]>([])\n  const handleItemMountedChange = React.useCallback(\n    (newItemMounted, itemValue) => {\n      handleItemMountedChangeFurtherUpContext?.(newItemMounted, itemValue)\n      setMounted((prevMounted) => {\n        const newMountedSet = new Set(prevMounted)\n        if (newItemMounted) {\n          newMountedSet.add(itemValue)\n        } else {\n          newMountedSet.delete(itemValue)\n        }\n        const newMounted = Array.from(newMountedSet)\n        return newMounted\n      })\n    },\n    [handleItemMountedChangeFurtherUpContext]\n  )\n\n  const value = React.useMemo<CheckboxGroupMountedContextValue>(\n    () => ({ mounted, handleItemMountedChange }),\n    [mounted, handleItemMountedChange]\n  )\n\n  return <CheckboxGroupMountedContext.Provider value={value} {...props} />\n}\n"],"mappings":";;AAYA,IAAa,8BACX,QAAM,cAAgD;CACpD,SAAS,EAAE;CACX,+BAA+B;CAChC,CAAC;AAEJ,IAAa,gCAAgC,UAAU;CACrD,MAAM,EAAE,yBAAyB,4CAC/B,QAAM,WAAW,4BAA4B;CAE/C,MAAM,CAAC,SAAS,cAAc,QAAM,SAAmC,EAAE,CAAC;CAC1E,MAAM,0BAA0B,QAAM,aACnC,gBAAgB,cAAc;AAC7B,4CAA0C,gBAAgB,UAAU;AACpE,cAAY,gBAAgB;GAC1B,MAAM,gBAAgB,IAAI,IAAI,YAAY;AAC1C,OAAI,eACF,eAAc,IAAI,UAAU;OAE5B,eAAc,OAAO,UAAU;AAGjC,UADmB,MAAM,KAAK,cAAc;IAE5C;IAEJ,CAAC,wCAAwC,CAC1C;CAED,MAAM,QAAQ,QAAM,eACX;EAAE;EAAS;EAAyB,GAC3C,CAAC,SAAS,wBAAwB,CACnC;AAED,QAAO,wBAAA,cAAC,4BAA4B,UAA7B;EAA6C;EAAO,GAAI;EAAS,CAAA"}

package/dist/components/checkbox-tree/CheckboxTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTree.js","names":[],"sources":["../../../src/components/checkbox-tree/CheckboxTree.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group/CheckboxGroup'\nimport { Tree } from '../tree/Tree'\nimport { CheckboxTreeCollapsible } from './CheckboxTreeCollapsible'\nimport { CheckboxTreeCollapsibleContent } from './CheckboxTreeCollapsibleContent'\nimport { CheckboxTreeCollapsibleTrigger } from './CheckboxTreeCollapsibleTrigger'\nimport { CheckboxTreeItem } from './CheckboxTreeItem'\n\ntype CheckboxTreeRootProps = Omit<\n  React.ComponentProps<typeof CheckboxGroup> &\n    React.ComponentProps<typeof Tree>,\n  'asChild'\n>\n\nexport const CheckboxTreeRoot = ({\n  checked,\n  defaultChecked,\n  onCheckedChange,\n  ...rest\n}: CheckboxTreeRootProps) => {\n  const checkboxGroupProps = { checked, defaultChecked, onCheckedChange }\n  return (\n    <CheckboxGroup {...checkboxGroupProps} asChild>\n      <Tree {...rest} />\n    </CheckboxGroup>\n  )\n}\n\nexport const CheckboxTree = Object.assign(CheckboxTreeRoot, {\n  Collapsible: CheckboxTreeCollapsible,\n  CollapsibleContent: CheckboxTreeCollapsibleContent,\n  CollapsibleTrigger: CheckboxTreeCollapsibleTrigger,\n  Item: CheckboxTreeItem\n})\n"],"mappings":";;;;;;;;AAeA,IAAa,oBAAoB,EAC/B,SACA,gBACA,iBACA,GAAG,WACwB;CAC3B,MAAM,qBAAqB;EAAE;EAAS;EAAgB;CAAgB;CACtE,OACE,sBAAA,cAAC,eAAD;EAAe,GAAI;EAAoB,SAAA;CAExB,GADb,sBAAA,cAAC,MAAS,IAAO,CACJ;AAEnB;AAEA,IAAa,eAAe,OAAO,OAAO,kBAAkB;CAC1D,aAAa;CACb,oBAAoB;CACpB,oBAAoB;CACpB,MAAM;AACR,CAAC"}
+{"version":3,"file":"CheckboxTree.js","names":[],"sources":["../../../src/components/checkbox-tree/CheckboxTree.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group/CheckboxGroup'\nimport { Tree } from '../tree/Tree'\nimport { CheckboxTreeCollapsible } from './CheckboxTreeCollapsible'\nimport { CheckboxTreeCollapsibleContent } from './CheckboxTreeCollapsibleContent'\nimport { CheckboxTreeCollapsibleTrigger } from './CheckboxTreeCollapsibleTrigger'\nimport { CheckboxTreeItem } from './CheckboxTreeItem'\n\ntype CheckboxTreeRootProps = Omit<\n  React.ComponentProps<typeof CheckboxGroup> &\n    React.ComponentProps<typeof Tree>,\n  'asChild'\n>\n\nexport const CheckboxTreeRoot = ({\n  checked,\n  defaultChecked,\n  onCheckedChange,\n  ...rest\n}: CheckboxTreeRootProps) => {\n  const checkboxGroupProps = { checked, defaultChecked, onCheckedChange }\n  return (\n    <CheckboxGroup {...checkboxGroupProps} asChild>\n      <Tree {...rest} />\n    </CheckboxGroup>\n  )\n}\n\nexport const CheckboxTree = Object.assign(CheckboxTreeRoot, {\n  Collapsible: CheckboxTreeCollapsible,\n  CollapsibleContent: CheckboxTreeCollapsibleContent,\n  CollapsibleTrigger: CheckboxTreeCollapsibleTrigger,\n  Item: CheckboxTreeItem\n})\n"],"mappings":";;;;;;;;AAeA,IAAa,oBAAoB,EAC/B,SACA,gBACA,iBACA,GAAG,WACwB;CAC3B,MAAM,qBAAqB;EAAE;EAAS;EAAgB;EAAiB;AACvE,QACE,sBAAA,cAAC,eAAD;EAAe,GAAI;EAAoB,SAAA;EAEvB,EADd,sBAAA,cAAC,MAAS,KAAQ,CACJ;;AAIpB,IAAa,eAAe,OAAO,OAAO,kBAAkB;CAC1D,aAAa;CACb,oBAAoB;CACpB,oBAAoB;CACpB,MAAM;CACP,CAAC"}

package/dist/components/checkbox-tree/CheckboxTreeCollapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTreeCollapsible.js","names":[],"sources":["../../../src/components/checkbox-tree/CheckboxTreeCollapsible.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group/CheckboxGroup'\nimport { Tree } from '../tree/Tree'\n\ntype CheckboxTreeCollapsibleProps = Omit<\n  React.ComponentProps<typeof Tree.Collapsible> &\n    React.ComponentProps<typeof CheckboxGroup.Sub>,\n  'asChild'\n>\n\nexport const CheckboxTreeCollapsible = ({\n  children,\n  ...rest\n}: CheckboxTreeCollapsibleProps): JSX.Element => {\n  return (\n    <CheckboxGroup.Sub asChild>\n      <Tree.Collapsible {...rest}>{children}</Tree.Collapsible>\n    </CheckboxGroup.Sub>\n  )\n}\n"],"mappings":";;;;AAWA,IAAa,2BAA2B,EACtC,UACA,GAAG,WAC4C;CAC/C,OACE,sBAAA,cAAC,cAAc,KAAf,EAAmB,SAAA,KAEA,GADjB,sBAAA,cAAC,KAAK,aAAgB,MAAO,QAA2B,CACvC;AAEvB"}
+{"version":3,"file":"CheckboxTreeCollapsible.js","names":[],"sources":["../../../src/components/checkbox-tree/CheckboxTreeCollapsible.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group/CheckboxGroup'\nimport { Tree } from '../tree/Tree'\n\ntype CheckboxTreeCollapsibleProps = Omit<\n  React.ComponentProps<typeof Tree.Collapsible> &\n    React.ComponentProps<typeof CheckboxGroup.Sub>,\n  'asChild'\n>\n\nexport const CheckboxTreeCollapsible = ({\n  children,\n  ...rest\n}: CheckboxTreeCollapsibleProps): JSX.Element => {\n  return (\n    <CheckboxGroup.Sub asChild>\n      <Tree.Collapsible {...rest}>{children}</Tree.Collapsible>\n    </CheckboxGroup.Sub>\n  )\n}\n"],"mappings":";;;;AAWA,IAAa,2BAA2B,EACtC,UACA,GAAG,WAC4C;AAC/C,QACE,sBAAA,cAAC,cAAc,KAAf,EAAmB,SAAA,MAEC,EADlB,sBAAA,cAAC,KAAK,aAAgB,MAAO,SAA4B,CACvC"}

package/dist/components/checkbox-tree/CheckboxTreeCollapsibleContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTreeCollapsibleContent.js","names":[],"sources":["../../../src/components/checkbox-tree/CheckboxTreeCollapsibleContent.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group/CheckboxGroup'\nimport { Tree } from '../tree/Tree'\n\ntype CheckboxTreeCollapsibleContentProps = Omit<\n  React.ComponentProps<typeof Tree.CollapsibleContent>,\n  'asChild'\n>\n\nexport const CheckboxTreeCollapsibleContent = ({\n  children,\n  ...rest\n}: CheckboxTreeCollapsibleContentProps): JSX.Element => {\n  return (\n    <CheckboxGroup.Sub asChild>\n      <Tree.CollapsibleContent {...rest} forceMount>\n        {children}\n      </Tree.CollapsibleContent>\n    </CheckboxGroup.Sub>\n  )\n}\n"],"mappings":";;;;AAUA,IAAa,kCAAkC,EAC7C,UACA,GAAG,WACmD;CACtD,OACE,sBAAA,cAAC,cAAc,KAAf,EAAmB,SAAA,KAIA,GAHjB,sBAAA,cAAC,KAAK,oBAAN;EAAyB,GAAI;EAAM,YAAA;CAEV,GADtB,QACsB,CACR;AAEvB"}
+{"version":3,"file":"CheckboxTreeCollapsibleContent.js","names":[],"sources":["../../../src/components/checkbox-tree/CheckboxTreeCollapsibleContent.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group/CheckboxGroup'\nimport { Tree } from '../tree/Tree'\n\ntype CheckboxTreeCollapsibleContentProps = Omit<\n  React.ComponentProps<typeof Tree.CollapsibleContent>,\n  'asChild'\n>\n\nexport const CheckboxTreeCollapsibleContent = ({\n  children,\n  ...rest\n}: CheckboxTreeCollapsibleContentProps): JSX.Element => {\n  return (\n    <CheckboxGroup.Sub asChild>\n      <Tree.CollapsibleContent {...rest} forceMount>\n        {children}\n      </Tree.CollapsibleContent>\n    </CheckboxGroup.Sub>\n  )\n}\n"],"mappings":";;;;AAUA,IAAa,kCAAkC,EAC7C,UACA,GAAG,WACmD;AACtD,QACE,sBAAA,cAAC,cAAc,KAAf,EAAmB,SAAA,MAIC,EAHlB,sBAAA,cAAC,KAAK,oBAAN;EAAyB,GAAI;EAAM,YAAA;EAET,EADvB,SACuB,CACR"}

package/dist/components/checkbox-tree/CheckboxTreeCollapsibleTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTreeCollapsibleTrigger.js","names":[],"sources":["../../../src/components/checkbox-tree/CheckboxTreeCollapsibleTrigger.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group/CheckboxGroup'\nimport { Tree } from '../tree/Tree'\nimport { CheckboxTreeItemContent } from './CheckboxTreeItemContent'\n\ntype CheckboxGroupCollapsibleTriggerProps = Omit<\n  React.ComponentProps<typeof Tree.CollapsibleTrigger> &\n    React.ComponentProps<typeof CheckboxGroup.AllItem>,\n  'required' | 'asChild'\n>\n\nexport const CheckboxTreeCollapsibleTrigger = ({\n  onCheckedChange,\n  title,\n  label,\n  children,\n  disabled,\n  ...rest\n}: CheckboxGroupCollapsibleTriggerProps): JSX.Element => {\n  const treeCollapsibleTriggerProps = { label }\n  const checkboxAllItemProps = { onCheckedChange, title, disabled }\n  return (\n    <Tree.CollapsibleTrigger {...treeCollapsibleTriggerProps} {...rest}>\n      <CheckboxTreeItemContent\n        onClick={\n          //  Don't propagate click and don't open/close the collapsible when the label/checkbox are clicked\n          (e) => e.stopPropagation()\n        }\n      >\n        <CheckboxGroup.AllItem {...checkboxAllItemProps} />\n        {children}\n      </CheckboxTreeItemContent>\n    </Tree.CollapsibleTrigger>\n  )\n}\n"],"mappings":";;;;;AAYA,IAAa,kCAAkC,EAC7C,iBACA,OACA,OACA,UACA,UACA,GAAG,WACoD;CACvD,MAAM,8BAA8B,EAAE,MAAM;CAC5C,MAAM,uBAAuB;EAAE;EAAiB;EAAO;CAAS;CAChE,OACE,sBAAA,cAAC,KAAK,oBAAN;EAAyB,GAAI;EAA6B,GAAI;CAUrC,GATvB,sBAAA,cAAC,yBAAD,EACE,UAEG,MAAM,EAAE,gBAAgB,EAKJ,GAFvB,sBAAA,cAAC,cAAc,SAAY,oBAAuB,GACjD,QACsB,CACF;AAE7B"}
+{"version":3,"file":"CheckboxTreeCollapsibleTrigger.js","names":[],"sources":["../../../src/components/checkbox-tree/CheckboxTreeCollapsibleTrigger.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group/CheckboxGroup'\nimport { Tree } from '../tree/Tree'\nimport { CheckboxTreeItemContent } from './CheckboxTreeItemContent'\n\ntype CheckboxGroupCollapsibleTriggerProps = Omit<\n  React.ComponentProps<typeof Tree.CollapsibleTrigger> &\n    React.ComponentProps<typeof CheckboxGroup.AllItem>,\n  'required' | 'asChild'\n>\n\nexport const CheckboxTreeCollapsibleTrigger = ({\n  onCheckedChange,\n  title,\n  label,\n  children,\n  disabled,\n  ...rest\n}: CheckboxGroupCollapsibleTriggerProps): JSX.Element => {\n  const treeCollapsibleTriggerProps = { label }\n  const checkboxAllItemProps = { onCheckedChange, title, disabled }\n  return (\n    <Tree.CollapsibleTrigger {...treeCollapsibleTriggerProps} {...rest}>\n      <CheckboxTreeItemContent\n        onClick={\n          //  Don't propagate click and don't open/close the collapsible when the label/checkbox are clicked\n          (e) => e.stopPropagation()\n        }\n      >\n        <CheckboxGroup.AllItem {...checkboxAllItemProps} />\n        {children}\n      </CheckboxTreeItemContent>\n    </Tree.CollapsibleTrigger>\n  )\n}\n"],"mappings":";;;;;AAYA,IAAa,kCAAkC,EAC7C,iBACA,OACA,OACA,UACA,UACA,GAAG,WACoD;CACvD,MAAM,8BAA8B,EAAE,OAAO;CAC7C,MAAM,uBAAuB;EAAE;EAAiB;EAAO;EAAU;AACjE,QACE,sBAAA,cAAC,KAAK,oBAAN;EAAyB,GAAI;EAA6B,GAAI;EAUpC,EATxB,sBAAA,cAAC,yBAAD,EACE,UAEG,MAAM,EAAE,iBAAiB,EAKJ,EAFxB,sBAAA,cAAC,cAAc,SAAY,qBAAwB,EAClD,SACuB,CACF"}

package/dist/components/checkbox-tree/CheckboxTreeItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTreeItem.js","names":[],"sources":["../../../src/components/checkbox-tree/CheckboxTreeItem.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group/CheckboxGroup'\nimport { Tree } from '../tree/Tree'\nimport { CheckboxTreeItemContent } from './CheckboxTreeItemContent'\n\ntype CheckboxTreeItemProps = Omit<\n  React.ComponentProps<typeof Tree.Item> &\n    React.ComponentProps<typeof CheckboxGroup.Item>,\n  'required' | 'asChild'\n>\n\nexport const CheckboxTreeItem = ({\n  value,\n  title,\n  onCheckedChange,\n  children,\n  disabled,\n  ...rest\n}: CheckboxTreeItemProps): JSX.Element => {\n  const checkboxItemProps = { value, title, onCheckedChange, disabled }\n  return (\n    <Tree.Item {...rest}>\n      <CheckboxTreeItemContent>\n        <CheckboxGroup.Item {...checkboxItemProps} />\n        {children}\n      </CheckboxTreeItemContent>\n    </Tree.Item>\n  )\n}\n"],"mappings":";;;;;AAYA,IAAa,oBAAoB,EAC/B,OACA,OACA,iBACA,UACA,UACA,GAAG,WACqC;CACxC,MAAM,oBAAoB;EAAE;EAAO;EAAO;EAAiB;CAAS;CACpE,OACE,sBAAA,cAAC,KAAK,MAAS,MACb,sBAAA,cAAC,yBAAA,MACC,sBAAA,cAAC,cAAc,MAAS,iBAAoB,GAC3C,QACsB,CAChB;AAEf"}
+{"version":3,"file":"CheckboxTreeItem.js","names":[],"sources":["../../../src/components/checkbox-tree/CheckboxTreeItem.tsx"],"sourcesContent":["import React from 'react'\n\nimport { CheckboxGroup } from '../checkbox-group/CheckboxGroup'\nimport { Tree } from '../tree/Tree'\nimport { CheckboxTreeItemContent } from './CheckboxTreeItemContent'\n\ntype CheckboxTreeItemProps = Omit<\n  React.ComponentProps<typeof Tree.Item> &\n    React.ComponentProps<typeof CheckboxGroup.Item>,\n  'required' | 'asChild'\n>\n\nexport const CheckboxTreeItem = ({\n  value,\n  title,\n  onCheckedChange,\n  children,\n  disabled,\n  ...rest\n}: CheckboxTreeItemProps): JSX.Element => {\n  const checkboxItemProps = { value, title, onCheckedChange, disabled }\n  return (\n    <Tree.Item {...rest}>\n      <CheckboxTreeItemContent>\n        <CheckboxGroup.Item {...checkboxItemProps} />\n        {children}\n      </CheckboxTreeItemContent>\n    </Tree.Item>\n  )\n}\n"],"mappings":";;;;;AAYA,IAAa,oBAAoB,EAC/B,OACA,OACA,iBACA,UACA,UACA,GAAG,WACqC;CACxC,MAAM,oBAAoB;EAAE;EAAO;EAAO;EAAiB;EAAU;AACrE,QACE,sBAAA,cAAC,KAAK,MAAS,MACb,sBAAA,cAAC,yBAAA,MACC,sBAAA,cAAC,cAAc,MAAS,kBAAqB,EAC5C,SACuB,CAChB"}

package/dist/components/checkbox-tree/CheckboxTreeItemContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTreeItemContent.js","names":[],"sources":["../../../src/components/checkbox-tree/CheckboxTreeItemContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { Tree } from '~/components/tree/Tree'\nimport { styled } from '~/styled'\n\nconst StyledItemContent = styled('label', {\n  base: ['max-w-full', 'flex', 'items-center', 'gap-2']\n})\n\ntype CheckboxTreeItemContentProps = React.ComponentProps<\n  typeof StyledItemContent\n>\n\nexport const CheckboxTreeItemContent = ({\n  children,\n  ...rest\n}: CheckboxTreeItemContentProps): JSX.Element => {\n  return (\n    <StyledItemContent {...rest}>\n      {\n        React.Children.map(children, (child) => {\n          if (typeof child === 'string' || typeof child === 'number') {\n            return <Tree.Text>{child}</Tree.Text>\n          }\n          if (React.isValidElement(child) && child.type === Icon) {\n            return <Tree.Icon {...child.props} />\n          }\n          return child\n        }) as React.ReactElement[]\n      }\n    </StyledItemContent>\n  )\n}\n"],"mappings":";;;;;AAMA,IAAM,oBAAoB,OAAO,SAAS,EACxC,MAAM;CAAC;CAAc;CAAQ;CAAgB;AAAO,EACtD,CAAC;AAMD,IAAa,2BAA2B,EACtC,UACA,GAAG,WAC4C;CAC/C,OACE,wBAAA,cAAC,mBAAsB,MAEnB,QAAM,SAAS,IAAI,WAAW,UAAU;EACtC,IAAI,OAAO,UAAU,YAAY,OAAO,UAAU,UAChD,OAAO,wBAAA,cAAC,KAAK,MAAA,MAAM,KAAiB;EAEtC,IAAI,QAAM,eAAe,KAAK,KAAK,MAAM,SAAS,MAChD,OAAO,wBAAA,cAAC,KAAK,MAAS,MAAM,KAAQ;EAEtC,OAAO;CACT,CAAC,CAEc;AAEvB"}
+{"version":3,"file":"CheckboxTreeItemContent.js","names":[],"sources":["../../../src/components/checkbox-tree/CheckboxTreeItemContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { Tree } from '~/components/tree/Tree'\nimport { styled } from '~/styled'\n\nconst StyledItemContent = styled('label', {\n  base: ['max-w-full', 'flex', 'items-center', 'gap-2']\n})\n\ntype CheckboxTreeItemContentProps = React.ComponentProps<\n  typeof StyledItemContent\n>\n\nexport const CheckboxTreeItemContent = ({\n  children,\n  ...rest\n}: CheckboxTreeItemContentProps): JSX.Element => {\n  return (\n    <StyledItemContent {...rest}>\n      {\n        React.Children.map(children, (child) => {\n          if (typeof child === 'string' || typeof child === 'number') {\n            return <Tree.Text>{child}</Tree.Text>\n          }\n          if (React.isValidElement(child) && child.type === Icon) {\n            return <Tree.Icon {...child.props} />\n          }\n          return child\n        }) as React.ReactElement[]\n      }\n    </StyledItemContent>\n  )\n}\n"],"mappings":";;;;;AAMA,IAAM,oBAAoB,OAAO,SAAS,EACxC,MAAM;CAAC;CAAc;CAAQ;CAAgB;CAAQ,EACtD,CAAC;AAMF,IAAa,2BAA2B,EACtC,UACA,GAAG,WAC4C;AAC/C,QACE,wBAAA,cAAC,mBAAsB,MAEnB,QAAM,SAAS,IAAI,WAAW,UAAU;AACtC,MAAI,OAAO,UAAU,YAAY,OAAO,UAAU,SAChD,QAAO,wBAAA,cAAC,KAAK,MAAA,MAAM,MAAkB;AAEvC,MAAI,QAAM,eAAe,MAAM,IAAI,MAAM,SAAS,KAChD,QAAO,wBAAA,cAAC,KAAK,MAAS,MAAM,MAAS;AAEvC,SAAO;GACP,CAEc"}

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","names":[],"sources":["../../../src/components/chip/Chip.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nexport const StyledChipContent = styled('span', {\n  base: [\n    'inline-flex',\n    'items-center',\n    'px-1',\n    'grow',\n    'overflow-hidden',\n    'text-ellipsis',\n    'whitespace-nowrap',\n    '*:not-last:mr-1'\n  ]\n})\n\nconst toIconSize = { sm: 'sm', md: 'sm', lg: 'md' }\n\nexport const ChipIcon = (props: React.ComponentProps<typeof Icon>) => {\n  const rootContext = React.useContext(ChipRootContext)\n  const { size } = rootContext\n  const iconSize = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toIconSize[s]),\n    [size]\n  )\n  return <Icon {...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              <span\n                key={child}\n                className=\"overflow-hidden text-ellipsis whitespace-nowrap\"\n              >\n                {child}\n              </span>\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('div', {\n  base: [\n    'flex',\n    'px-2',\n    'border',\n    'rounded-md',\n    'items-center',\n    'font-body',\n    'max-w-full',\n    'border-primary-800',\n    'text-primary-900',\n    'bg-primary-100',\n    'disabled:opacity-30',\n    'disabled:pointer-events-none'\n  ],\n  variants: {\n    size: {\n      sm: ['h-6', 'text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n      md: ['h-8', 'text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n      lg: ['h-10', 'text-md', 'leading-normal', 'capsize-[0.3864]']\n    },\n    appearance: {\n      standard: [],\n      modern: ['border-grey-900', 'text-grey-900', 'bg-grey-100']\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 = ({\n  size,\n  children\n}: TChipRootProviderProps) => {\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\nconst ChipRoot = React.forwardRef<HTMLDivElement, TChipRootProps>(\n  ({ size = 'md', ...rest }, ref) => {\n    return (\n      <ChipRootProvider size={size}>\n        <StyledRoot ref={ref} size={size} {...rest} />\n      </ChipRootProvider>\n    )\n  }\n)\n\nexport const Chip = Object.assign(ChipRoot, {\n  Content: ChipContent,\n  Icon: ChipIcon\n})\n\nChipRoot.displayName = 'Chip'\n"],"mappings":";;;;;AAMA,IAAa,oBAAoB,OAAO,QAAQ,EAC9C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,EACF,CAAC;AAED,IAAM,aAAa;CAAE,IAAI;CAAM,IAAI;CAAM,IAAI;AAAK;AAElD,IAAa,YAAY,UAA6C;CAEpE,MAAM,EAAE,SADY,QAAM,WAAW,eACpB;CACjB,MAAM,WAAW,QAAM,cACf,2BAA2B,OAAO,MAAM,WAAW,EAAE,GAC3D,CAAC,IAAI,CACP;CACA,OAAO,wBAAA,cAAC,MAAD;EAAM,GAAI;EAAO,MAAM;CAAW,CAAA;AAC3C;AAEA,IAAM,eAAe,EAAE,UAAU,GAAG,WAAW;CAC7C,MAAM,gBAAgB,QAAM,SAAS,QAAQ,QAAQ;CACrD,MAAM,gBAAgB,cAAc,UAAU;CAC9C,OACE,wBAAA,cAAC,mBAAsB,MAEnB,cAAc,KAAK,OAAO,UAAU;EAClC,IAAI,CAAC,iBAAiB,OAAO,UAAU,UACrC,OACE,wBAAA,cAAC,QAAD;GACE,KAAK;GACL,WAAU;EAGN,GADH,KACG;EAEV,IAAI,QAAM,eAAe,KAAK,KAAK,MAAM,SAAS,MAChD,OAAO,wBAAA,cAAC,UAAD;GAAU,KAAK,QAAQ;GAAS,GAAI,MAAM;EAAQ,CAAA;EAE3D,OAAO;CACT,CAAC,CAEc;AAEvB;AAEA,IAAa,aAAa,OAAO,OAAO;CACtC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,UAAU;EACR,MAAM;GACJ,IAAI;IAAC;IAAO;IAAW;IAAkB;GAAkB;GAC3D,IAAI;IAAC;IAAO;IAAW;IAAkB;GAAkB;GAC3D,IAAI;IAAC;IAAQ;IAAW;IAAkB;GAAkB;EAC9D;EACA,YAAY;GACV,UAAU,CAAC;GACX,QAAQ;IAAC;IAAmB;IAAiB;GAAa;EAC5D;CACF;AACF,CAAC;AAKD,IAAa,kBAAkB,QAAM,cAAgC,CAAC,CAAC;AAEvE,IAAa,oBAAoB,EAC/B,MACA,eAC4B;CAC5B,MAAM,QAAQ,QAAM,eAAiC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC;CACtE,OACE,wBAAA,cAAC,gBAAgB,UAAjB,EAAiC,MAEP,GADvB,QACuB;AAE9B;AAIA,IAAM,WAAW,QAAM,YACpB,EAAE,OAAO,MAAM,GAAG,QAAQ,QAAQ;CACjC,OACE,wBAAA,cAAC,kBAAD,EAAwB,KAEN,GADhB,wBAAA,cAAC,YAAD;EAAiB;EAAW;EAAM,GAAI;CAAO,CAAA,CAC7B;AAEtB,CACF;AAEA,IAAa,OAAO,OAAO,OAAO,UAAU;CAC1C,SAAS;CACT,MAAM;AACR,CAAC;AAED,SAAS,cAAc"}
+{"version":3,"file":"Chip.js","names":[],"sources":["../../../src/components/chip/Chip.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\nimport { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nexport const StyledChipContent = styled('span', {\n  base: [\n    'inline-flex',\n    'items-center',\n    'px-1',\n    'grow',\n    'overflow-hidden',\n    'text-ellipsis',\n    'whitespace-nowrap',\n    '*:not-last:mr-1'\n  ]\n})\n\nconst toIconSize = { sm: 'sm', md: 'sm', lg: 'md' }\n\nexport const ChipIcon = (props: React.ComponentProps<typeof Icon>) => {\n  const rootContext = React.useContext(ChipRootContext)\n  const { size } = rootContext\n  const iconSize = React.useMemo(\n    () => overrideStyledVariantValue(size, (s) => toIconSize[s]),\n    [size]\n  )\n  return <Icon {...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              <span\n                key={child}\n                className=\"overflow-hidden text-ellipsis whitespace-nowrap\"\n              >\n                {child}\n              </span>\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('div', {\n  base: [\n    'flex',\n    'px-2',\n    'border',\n    'rounded-md',\n    'items-center',\n    'font-body',\n    'max-w-full',\n    'border-primary-800',\n    'text-primary-900',\n    'bg-primary-100',\n    'disabled:opacity-30',\n    'disabled:pointer-events-none'\n  ],\n  variants: {\n    size: {\n      sm: ['h-6', 'text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n      md: ['h-8', 'text-sm', 'leading-[1.53]', 'capsize-[0.4056]'],\n      lg: ['h-10', 'text-md', 'leading-normal', 'capsize-[0.3864]']\n    },\n    appearance: {\n      standard: [],\n      modern: ['border-grey-900', 'text-grey-900', 'bg-grey-100']\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 = ({\n  size,\n  children\n}: TChipRootProviderProps) => {\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\nconst ChipRoot = React.forwardRef<HTMLDivElement, TChipRootProps>(\n  ({ size = 'md', ...rest }, ref) => {\n    return (\n      <ChipRootProvider size={size}>\n        <StyledRoot ref={ref} size={size} {...rest} />\n      </ChipRootProvider>\n    )\n  }\n)\n\nexport const Chip = Object.assign(ChipRoot, {\n  Content: ChipContent,\n  Icon: ChipIcon\n})\n\nChipRoot.displayName = 'Chip'\n"],"mappings":";;;;;AAMA,IAAa,oBAAoB,OAAO,QAAQ,EAC9C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;AAEF,IAAM,aAAa;CAAE,IAAI;CAAM,IAAI;CAAM,IAAI;CAAM;AAEnD,IAAa,YAAY,UAA6C;CAEpE,MAAM,EAAE,SADY,QAAM,WAAW,gBAAgB;CAErD,MAAM,WAAW,QAAM,cACf,2BAA2B,OAAO,MAAM,WAAW,GAAG,EAC5D,CAAC,KAAK,CACP;AACD,QAAO,wBAAA,cAAC,MAAD;EAAM,GAAI;EAAO,MAAM;EAAY,CAAA;;AAG5C,IAAM,eAAe,EAAE,UAAU,GAAG,WAAW;CAC7C,MAAM,gBAAgB,QAAM,SAAS,QAAQ,SAAS;CACtD,MAAM,gBAAgB,cAAc,UAAU;AAC9C,QACE,wBAAA,cAAC,mBAAsB,MAEnB,cAAc,KAAK,OAAO,UAAU;AAClC,MAAI,CAAC,iBAAiB,OAAO,UAAU,SACrC,QACE,wBAAA,cAAC,QAAD;GACE,KAAK;GACL,WAAU;GAGL,EADJ,MACI;AAEX,MAAI,QAAM,eAAe,MAAM,IAAI,MAAM,SAAS,KAChD,QAAO,wBAAA,cAAC,UAAD;GAAU,KAAK,QAAQ;GAAS,GAAI,MAAM;GAAS,CAAA;AAE5D,SAAO;GACP,CAEc;;AAIxB,IAAa,aAAa,OAAO,OAAO;CACtC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,MAAM;GACJ,IAAI;IAAC;IAAO;IAAW;IAAkB;IAAmB;GAC5D,IAAI;IAAC;IAAO;IAAW;IAAkB;IAAmB;GAC5D,IAAI;IAAC;IAAQ;IAAW;IAAkB;IAAmB;GAC9D;EACD,YAAY;GACV,UAAU,EAAE;GACZ,QAAQ;IAAC;IAAmB;IAAiB;IAAc;GAC5D;EACF;CACF,CAAC;AAKF,IAAa,kBAAkB,QAAM,cAAgC,EAAE,CAAC;AAExE,IAAa,oBAAoB,EAC/B,MACA,eAC4B;CAC5B,MAAM,QAAQ,QAAM,eAAiC,EAAE,MAAM,GAAG,CAAC,KAAK,CAAC;AACvE,QACE,wBAAA,cAAC,gBAAgB,UAAjB,EAAiC,OAEN,EADxB,SACwB;;AAM/B,IAAM,WAAW,QAAM,YACpB,EAAE,OAAO,MAAM,GAAG,QAAQ,QAAQ;AACjC,QACE,wBAAA,cAAC,kBAAD,EAAwB,MAEL,EADjB,wBAAA,cAAC,YAAD;EAAiB;EAAW;EAAM,GAAI;EAAQ,CAAA,CAC7B;EAGxB;AAED,IAAa,OAAO,OAAO,OAAO,UAAU;CAC1C,SAAS;CACT,MAAM;CACP,CAAC;AAEF,SAAS,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChipGroup.js","names":[],"sources":["../../../src/components/chip/ChipGroup.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const ChipGroup = styled('div', {\n  base: ['flex', 'flex-row', 'flex-wrap', 'gap-2']\n})\n"],"mappings":";;AAEA,IAAa,YAAY,OAAO,OAAO,EACrC,MAAM;CAAC;CAAQ;CAAY;CAAa;AAAO,EACjD,CAAC"}
+{"version":3,"file":"ChipGroup.js","names":[],"sources":["../../../src/components/chip/ChipGroup.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const ChipGroup = styled('div', {\n  base: ['flex', 'flex-row', 'flex-wrap', 'gap-2']\n})\n"],"mappings":";;AAEA,IAAa,YAAY,OAAO,OAAO,EACrC,MAAM;CAAC;CAAQ;CAAY;CAAa;CAAQ,EACjD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChipDismissibleGroupItem.js","names":[],"sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupItem.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { Chip } from '~/components/chip/Chip'\nimport { DismissibleGroup } from '~/components/dismissible-group'\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\n\nconst StyledChipDismissibleGroupItem = styled(Chip, {\n  base: ['flex', 'px-1']\n})\n\nexport type TChipDismissibleGroupItem = React.ComponentProps<\n  typeof DismissibleGroup.Item\n> &\n  React.ComponentProps<typeof StyledChipDismissibleGroupItem> & {\n    dismissActionLabel: string\n  }\n\nexport const ChipDismissibleGroupItem = ({\n  size = 'md',\n  children,\n  dismissActionLabel = 'Dismiss',\n  ...rest\n}: TChipDismissibleGroupItem) => {\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            size={size === 'sm' ? 'xs' : 'sm'}\n            className=\"text-grey-600\"\n          >\n            <Icon is={Close} />\n          </ActionIcon>\n        </DismissibleGroup.Trigger>\n      </StyledChipDismissibleGroupItem>\n    </DismissibleGroup.Item>\n  )\n}\n"],"mappings":";;;;;;;;AAUA,IAAM,iCAAiC,OAAO,MAAM,EAClD,MAAM,CAAC,QAAQ,MAAM,EACvB,CAAC;AASD,IAAa,4BAA4B,EACvC,OAAO,MACP,UACA,qBAAqB,WACrB,GAAG,WAC4B;CAC/B,OACE,wBAAA,cAAC,iBAAiB,MAAlB;EAAuB,SAAA;EAAQ,GAAI;CAaZ,GAZrB,wBAAA,cAAC,gCAAD,EAAsC,KAWN,GAV9B,wBAAA,cAAC,KAAK,SAAA,MAAS,QAAuB,GACtC,wBAAA,cAAC,iBAAiB,SAAlB,EAA0B,SAAA,KAQA,GAPxB,wBAAA,cAAC,YAAD;EACE,OAAO;EACP,MAAM,SAAS,OAAO,OAAO;EAC7B,WAAU;CAGA,GADV,wBAAA,cAAC,MAAD,EAAM,IAAI,MAAQ,CAAA,CACR,CACY,CACI,CACX;AAE3B"}
+{"version":3,"file":"ChipDismissibleGroupItem.js","names":[],"sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupItem.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { Chip } from '~/components/chip/Chip'\nimport { DismissibleGroup } from '~/components/dismissible-group'\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\n\nconst StyledChipDismissibleGroupItem = styled(Chip, {\n  base: ['flex', 'px-1']\n})\n\nexport type TChipDismissibleGroupItem = React.ComponentProps<\n  typeof DismissibleGroup.Item\n> &\n  React.ComponentProps<typeof StyledChipDismissibleGroupItem> & {\n    dismissActionLabel: string\n  }\n\nexport const ChipDismissibleGroupItem = ({\n  size = 'md',\n  children,\n  dismissActionLabel = 'Dismiss',\n  ...rest\n}: TChipDismissibleGroupItem) => {\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            size={size === 'sm' ? 'xs' : 'sm'}\n            className=\"text-grey-600\"\n          >\n            <Icon is={Close} />\n          </ActionIcon>\n        </DismissibleGroup.Trigger>\n      </StyledChipDismissibleGroupItem>\n    </DismissibleGroup.Item>\n  )\n}\n"],"mappings":";;;;;;;;AAUA,IAAM,iCAAiC,OAAO,MAAM,EAClD,MAAM,CAAC,QAAQ,OAAO,EACvB,CAAC;AASF,IAAa,4BAA4B,EACvC,OAAO,MACP,UACA,qBAAqB,WACrB,GAAG,WAC4B;AAC/B,QACE,wBAAA,cAAC,iBAAiB,MAAlB;EAAuB,SAAA;EAAQ,GAAI;EAaX,EAZtB,wBAAA,cAAC,gCAAD,EAAsC,MAWL,EAV/B,wBAAA,cAAC,KAAK,SAAA,MAAS,SAAwB,EACvC,wBAAA,cAAC,iBAAiB,SAAlB,EAA0B,SAAA,MAQC,EAPzB,wBAAA,cAAC,YAAD;EACE,OAAO;EACP,MAAM,SAAS,OAAO,OAAO;EAC7B,WAAU;EAGC,EADX,wBAAA,cAAC,MAAD,EAAM,IAAI,OAAS,CAAA,CACR,CACY,CACI,CACX"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChipDismissibleGroupRoot.js","names":[],"sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ChipGroup } from '~/components/chip/ChipGroup'\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 as any} {...props} />\n})\n"],"mappings":";;;;AAQA,IAAa,2BAA2B,QAAM,YAG3C,OAAO,QAAQ;CAChB,OAAO,wBAAA,cAAC,WAAD;EAAW,IAAI;EAAuB;EAAY,GAAI;CAAQ,CAAA;AACvE,CAAC"}
+{"version":3,"file":"ChipDismissibleGroupRoot.js","names":[],"sources":["../../../src/components/chip-dismissible-group/ChipDismissibleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ChipGroup } from '~/components/chip/ChipGroup'\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 as any} {...props} />\n})\n"],"mappings":";;;;AAQA,IAAa,2BAA2B,QAAM,YAG3C,OAAO,QAAQ;AAChB,QAAO,wBAAA,cAAC,WAAD;EAAW,IAAI;EAAuB;EAAY,GAAI;EAAS,CAAA;EACtE"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChipToggleGroupItem.js","names":[],"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/Chip'\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\n\nconst StyledChipToggleIcon = styled(Icon, {\n  base: ['hidden']\n})\n\nconst StyledChipToggleGroupItem = styled(Chip, {\n  base: [\n    'flex',\n    'not-disabled:cursor-pointer',\n    'not-disabled:data-[state=on]:hover:bg-white',\n    'not-disabled:data-[state=on]:hover:text-primary-1000',\n    'not-disabled:focus-visible:outline-none',\n    'not-disabled:focus-visible:relative',\n    'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n    'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n    'not-disabled:focus-visible:z-1',\n    'not-disabled:hover:bg-grey-200',\n    'not-disabled:hover:border-current',\n    'not-disabled:hover:text-grey-1000',\n    'data-[state=off]:bg-white',\n    'data-[state=off]:border-grey-600',\n    'data-[state=off]:text-grey-800',\n    'data-[state=on]:[&_svg]:block'\n  ],\n  variants: {\n    appearance: {\n      standard: [],\n      modern: [\n        'data-[state=off]:bg-grey-100',\n        'data-[state=off]:border-transparent',\n        'data-[state=on]:border-grey-900',\n        'data-[state=on]:text-grey-900',\n        'data-[state=on]:bg-white',\n        'data-[state=on]:font-bold'\n      ]\n    }\n  }\n})\n\ntype TChipToggleGroupItem = React.ComponentProps<typeof ToggleGroup.Item> &\n  React.ComponentProps<typeof StyledChipToggleGroupItem>\n\nexport const ChipToggleGroupItem = ({\n  size = 'md',\n  appearance,\n  children,\n  ...rest\n}: TChipToggleGroupItem) => {\n  return (\n    <ToggleGroup.Item {...rest} asChild>\n      <StyledChipToggleGroupItem as=\"button\" appearance={appearance}>\n        <StyledChipToggleIcon is={Ok} size={size === 'lg' ? 'md' : 'sm'} />\n        <Chip.Content>{children}</Chip.Content>\n      </StyledChipToggleGroupItem>\n    </ToggleGroup.Item>\n  )\n}\n"],"mappings":";;;;;;;AAQA,IAAM,uBAAuB,OAAO,MAAM,EACxC,MAAM,CAAC,QAAQ,EACjB,CAAC;AAED,IAAM,4BAA4B,OAAO,MAAM;CAC7C,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,UAAU,EACR,YAAY;EACV,UAAU,CAAC;EACX,QAAQ;GACN;GACA;GACA;GACA;GACA;GACA;EACF;CACF,EACF;AACF,CAAC;AAKD,IAAa,uBAAuB,EAClC,OAAO,MACP,YACA,UACA,GAAG,WACuB;CAC1B,OACE,wBAAA,cAAC,YAAY,MAAb;EAAkB,GAAI;EAAM,SAAA;CAKV,GAJhB,wBAAA,cAAC,2BAAD;EAA2B,IAAG;EAAqB;CAGxB,GAFzB,wBAAA,cAAC,sBAAD;EAAsB,IAAI;EAAI,MAAM,SAAS,OAAO,OAAO;CAAO,CAAA,GAClE,wBAAA,cAAC,KAAK,SAAA,MAAS,QAAuB,CACb,CACX;AAEtB"}
+{"version":3,"file":"ChipToggleGroupItem.js","names":[],"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/Chip'\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\n\nconst StyledChipToggleIcon = styled(Icon, {\n  base: ['hidden']\n})\n\nconst StyledChipToggleGroupItem = styled(Chip, {\n  base: [\n    'flex',\n    'not-disabled:cursor-pointer',\n    'not-disabled:data-[state=on]:hover:bg-white',\n    'not-disabled:data-[state=on]:hover:text-primary-1000',\n    'not-disabled:focus-visible:outline-none',\n    'not-disabled:focus-visible:relative',\n    'not-disabled:focus-visible:shadow-[var(--color-primary-800)_0px_0px_0px_4px]',\n    'not-disabled:focus-visible:shadow-[white_0px_0px_0px_2px]',\n    'not-disabled:focus-visible:z-1',\n    'not-disabled:hover:bg-grey-200',\n    'not-disabled:hover:border-current',\n    'not-disabled:hover:text-grey-1000',\n    'data-[state=off]:bg-white',\n    'data-[state=off]:border-grey-600',\n    'data-[state=off]:text-grey-800',\n    'data-[state=on]:[&_svg]:block'\n  ],\n  variants: {\n    appearance: {\n      standard: [],\n      modern: [\n        'data-[state=off]:bg-grey-100',\n        'data-[state=off]:border-transparent',\n        'data-[state=on]:border-grey-900',\n        'data-[state=on]:text-grey-900',\n        'data-[state=on]:bg-white',\n        'data-[state=on]:font-bold'\n      ]\n    }\n  }\n})\n\ntype TChipToggleGroupItem = React.ComponentProps<typeof ToggleGroup.Item> &\n  React.ComponentProps<typeof StyledChipToggleGroupItem>\n\nexport const ChipToggleGroupItem = ({\n  size = 'md',\n  appearance,\n  children,\n  ...rest\n}: TChipToggleGroupItem) => {\n  return (\n    <ToggleGroup.Item {...rest} asChild>\n      <StyledChipToggleGroupItem as=\"button\" appearance={appearance}>\n        <StyledChipToggleIcon is={Ok} size={size === 'lg' ? 'md' : 'sm'} />\n        <Chip.Content>{children}</Chip.Content>\n      </StyledChipToggleGroupItem>\n    </ToggleGroup.Item>\n  )\n}\n"],"mappings":";;;;;;;AAQA,IAAM,uBAAuB,OAAO,MAAM,EACxC,MAAM,CAAC,SAAS,EACjB,CAAC;AAEF,IAAM,4BAA4B,OAAO,MAAM;CAC7C,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,YAAY;EACV,UAAU,EAAE;EACZ,QAAQ;GACN;GACA;GACA;GACA;GACA;GACA;GACD;EACF,EACF;CACF,CAAC;AAKF,IAAa,uBAAuB,EAClC,OAAO,MACP,YACA,UACA,GAAG,WACuB;AAC1B,QACE,wBAAA,cAAC,YAAY,MAAb;EAAkB,GAAI;EAAM,SAAA;EAKT,EAJjB,wBAAA,cAAC,2BAAD;EAA2B,IAAG;EAAqB;EAGvB,EAF1B,wBAAA,cAAC,sBAAD;EAAsB,IAAI;EAAI,MAAM,SAAS,OAAO,OAAO;EAAQ,CAAA,EACnE,wBAAA,cAAC,KAAK,SAAA,MAAS,SAAwB,CACb,CACX"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChipToggleGroupRoot.js","names":[],"sources":["../../../src/components/chip-toggle-group/ChipToggleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ChipGroup } from '~/components/chip/ChipGroup'\nimport { ToggleGroup } from '~/utilities/radix-overrides/toggle-group'\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"],"mappings":";;;;AAQA,IAAa,sBAAsB,QAAM,YAGtC,OAAO,QAAQ;CAChB,OACE,wBAAA,cAAC,WAAD;EACO;EACL,IAAI,YAAY;EAChB,aAAY;EACZ,GAAI;CACL,CAAA;AAEL,CAAC"}
+{"version":3,"file":"ChipToggleGroupRoot.js","names":[],"sources":["../../../src/components/chip-toggle-group/ChipToggleGroupRoot.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ChipGroup } from '~/components/chip/ChipGroup'\nimport { ToggleGroup } from '~/utilities/radix-overrides/toggle-group'\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"],"mappings":";;;;AAQA,IAAa,sBAAsB,QAAM,YAGtC,OAAO,QAAQ;AAChB,QACE,wBAAA,cAAC,WAAD;EACO;EACL,IAAI,YAAY;EAChB,aAAY;EACZ,GAAI;EACJ,CAAA;EAEJ"}

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","names":[],"sources":["../../../src/components/combobox/Combobox.tsx"],"sourcesContent":["import { Combobox as BaseCombobox, ComboboxOptionText } from '@reach/combobox'\n\nimport { ComboboxInput } from './ComboboxInput'\nimport { ComboboxList } from './ComboboxList'\nimport { ComboboxOption } from './ComboboxOption'\nimport { ComboboxPopover } from './ComboboxPopover'\n\n// ':root': { '--reach-combobox': 1 }\n\nexport const Combobox = Object.assign(BaseCombobox, {\n  displayName: 'Combobox',\n  Option: ComboboxOption,\n  Input: ComboboxInput,\n  Popover: ComboboxPopover,\n  List: ComboboxList,\n  OptionText: ComboboxOptionText\n})\n"],"mappings":";;;;;;AASA,IAAa,aAAW,OAAO,OAAO,UAAc;CAClD,aAAa;CACb,QAAQ;CACR,OAAO;CACP,SAAS;CACT,MAAM;CACN,YAAY;AACd,CAAC"}
+{"version":3,"file":"Combobox.js","names":[],"sources":["../../../src/components/combobox/Combobox.tsx"],"sourcesContent":["import { Combobox as BaseCombobox, ComboboxOptionText } from '@reach/combobox'\n\nimport { ComboboxInput } from './ComboboxInput'\nimport { ComboboxList } from './ComboboxList'\nimport { ComboboxOption } from './ComboboxOption'\nimport { ComboboxPopover } from './ComboboxPopover'\n\n// ':root': { '--reach-combobox': 1 }\n\nexport const Combobox = Object.assign(BaseCombobox, {\n  displayName: 'Combobox',\n  Option: ComboboxOption,\n  Input: ComboboxInput,\n  Popover: ComboboxPopover,\n  List: ComboboxList,\n  OptionText: ComboboxOptionText\n})\n"],"mappings":";;;;;;AASA,IAAa,aAAW,OAAO,OAAO,UAAc;CAClD,aAAa;CACb,QAAQ;CACR,OAAO;CACP,SAAS;CACT,MAAM;CACN,YAAY;CACb,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxInput.js","names":[],"sources":["../../../src/components/combobox/ComboboxInput.tsx"],"sourcesContent":["import { ComboboxInput as BaseComboboxInput } from '@reach/combobox'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nexport const StyledComboboxInput = styled(BaseComboboxInput, {\n  base: [\n    'bg-(image:--bg-chevron)',\n    'bg-position-[right_--spacing(3)_top_50%,0_0]',\n    '[background-repeat:no-repeat,repeat-x]',\n    'bg-size-[--spacing(5)_auto,100%]',\n    'shadow-none',\n    'appearance-none',\n    'rounded-md',\n    'box-border',\n    'text-grey-1000',\n    'cursor-text',\n    'block',\n    'font-body',\n    'h-10',\n    'pl-3',\n    'pr-10',\n    'transition-all',\n    'duration-100',\n    'ease-out',\n    'w-full',\n    'placeholder:opacity-100',\n    'placeholder:text-grey-700',\n    'disabled:bg-grey-200',\n    'disabled:cursor-not-allowed',\n    'disabled:text-grey-800'\n  ],\n\n  variants: {\n    size: {\n      sm: ['h-8', 'text-sm', 'leading-[1.7]'],\n      md: ['h-10', 'text-md', 'leading-loose'],\n      lg: ['h-12', 'text-md', 'leading-loose']\n    },\n    appearance: {\n      standard: [\n        'bg-white',\n        'border',\n        'border-grey-700',\n        'focus-within:border-primary-800',\n        'focus-within:outline-none'\n      ],\n      modern: [\n        'bg-grey-100',\n        'border-none',\n        'focus-within:outline-2',\n        'focus-within:outline-blue-800',\n        'focus-within:outline-offset-1',\n        'focus-within:outline-solid',\n        'focus-within:z-1'\n      ]\n    },\n    theme: {\n      white: [],\n      grey: []\n    },\n    state: {\n      error: []\n    }\n  },\n  compoundVariants: [\n    {\n      state: 'error',\n      appearance: 'standard',\n      class: ['border', 'border-danger']\n    },\n    {\n      state: 'error',\n      appearance: 'modern',\n      class: ['bg-danger-light', 'focus-within:outline-danger']\n    },\n    {\n      appearance: 'modern',\n      theme: 'white',\n      class: ['bg-white']\n    },\n    {\n      appearance: 'modern',\n      theme: 'grey',\n      class: ['bg-grey-100']\n    }\n  ]\n})\n\nexport type ComboboxInputProps = React.ComponentProps<\n  typeof StyledComboboxInput\n>\n\nexport const ComboboxInput = React.forwardRef<\n  HTMLInputElement,\n  ComboboxInputProps\n>(({ size = 'md', appearance = 'standard', ...rest }, ref) => (\n  <StyledComboboxInput\n    size={size}\n    appearance={appearance}\n    {...rest}\n    ref={ref}\n  />\n))\n"],"mappings":";;;;AAKA,IAAa,sBAAsB,OAAO,eAAmB;CAC3D,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CAEA,UAAU;EACR,MAAM;GACJ,IAAI;IAAC;IAAO;IAAW;GAAe;GACtC,IAAI;IAAC;IAAQ;IAAW;GAAe;GACvC,IAAI;IAAC;IAAQ;IAAW;GAAe;EACzC;EACA,YAAY;GACV,UAAU;IACR;IACA;IACA;IACA;IACA;GACF;GACA,QAAQ;IACN;IACA;IACA;IACA;IACA;IACA;IACA;GACF;EACF;EACA,OAAO;GACL,OAAO,CAAC;GACR,MAAM,CAAC;EACT;EACA,OAAO,EACL,OAAO,CAAC,EACV;CACF;CACA,kBAAkB;EAChB;GACE,OAAO;GACP,YAAY;GACZ,OAAO,CAAC,UAAU,eAAe;EACnC;EACA;GACE,OAAO;GACP,YAAY;GACZ,OAAO,CAAC,mBAAmB,6BAA6B;EAC1D;EACA;GACE,YAAY;GACZ,OAAO;GACP,OAAO,CAAC,UAAU;EACpB;EACA;GACE,YAAY;GACZ,OAAO;GACP,OAAO,CAAC,aAAa;EACvB;CACF;AACF,CAAC;AAMD,IAAa,kBAAgB,QAAM,YAGhC,EAAE,OAAO,MAAM,aAAa,YAAY,GAAG,QAAQ,QACpD,wBAAA,cAAC,qBAAD;CACQ;CACM;CACZ,GAAI;CACC;AACN,CAAA,CACF"}
+{"version":3,"file":"ComboboxInput.js","names":[],"sources":["../../../src/components/combobox/ComboboxInput.tsx"],"sourcesContent":["import { ComboboxInput as BaseComboboxInput } from '@reach/combobox'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nexport const StyledComboboxInput = styled(BaseComboboxInput, {\n  base: [\n    'bg-(image:--bg-chevron)',\n    'bg-position-[right_--spacing(3)_top_50%,0_0]',\n    '[background-repeat:no-repeat,repeat-x]',\n    'bg-size-[--spacing(5)_auto,100%]',\n    'shadow-none',\n    'appearance-none',\n    'rounded-md',\n    'box-border',\n    'text-grey-1000',\n    'cursor-text',\n    'block',\n    'font-body',\n    'h-10',\n    'pl-3',\n    'pr-10',\n    'transition-all',\n    'duration-100',\n    'ease-out',\n    'w-full',\n    'placeholder:opacity-100',\n    'placeholder:text-grey-700',\n    'disabled:bg-grey-200',\n    'disabled:cursor-not-allowed',\n    'disabled:text-grey-800'\n  ],\n\n  variants: {\n    size: {\n      sm: ['h-8', 'text-sm', 'leading-[1.7]'],\n      md: ['h-10', 'text-md', 'leading-loose'],\n      lg: ['h-12', 'text-md', 'leading-loose']\n    },\n    appearance: {\n      standard: [\n        'bg-white',\n        'border',\n        'border-grey-700',\n        'focus-within:border-primary-800',\n        'focus-within:outline-none'\n      ],\n      modern: [\n        'bg-grey-100',\n        'border-none',\n        'focus-within:outline-2',\n        'focus-within:outline-blue-800',\n        'focus-within:outline-offset-1',\n        'focus-within:outline-solid',\n        'focus-within:z-1'\n      ]\n    },\n    theme: {\n      white: [],\n      grey: []\n    },\n    state: {\n      error: []\n    }\n  },\n  compoundVariants: [\n    {\n      state: 'error',\n      appearance: 'standard',\n      class: ['border', 'border-danger']\n    },\n    {\n      state: 'error',\n      appearance: 'modern',\n      class: ['bg-danger-light', 'focus-within:outline-danger']\n    },\n    {\n      appearance: 'modern',\n      theme: 'white',\n      class: ['bg-white']\n    },\n    {\n      appearance: 'modern',\n      theme: 'grey',\n      class: ['bg-grey-100']\n    }\n  ]\n})\n\nexport type ComboboxInputProps = React.ComponentProps<\n  typeof StyledComboboxInput\n>\n\nexport const ComboboxInput = React.forwardRef<\n  HTMLInputElement,\n  ComboboxInputProps\n>(({ size = 'md', appearance = 'standard', ...rest }, ref) => (\n  <StyledComboboxInput\n    size={size}\n    appearance={appearance}\n    {...rest}\n    ref={ref}\n  />\n))\n"],"mappings":";;;;AAKA,IAAa,sBAAsB,OAAO,eAAmB;CAC3D,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CAED,UAAU;EACR,MAAM;GACJ,IAAI;IAAC;IAAO;IAAW;IAAgB;GACvC,IAAI;IAAC;IAAQ;IAAW;IAAgB;GACxC,IAAI;IAAC;IAAQ;IAAW;IAAgB;GACzC;EACD,YAAY;GACV,UAAU;IACR;IACA;IACA;IACA;IACA;IACD;GACD,QAAQ;IACN;IACA;IACA;IACA;IACA;IACA;IACA;IACD;GACF;EACD,OAAO;GACL,OAAO,EAAE;GACT,MAAM,EAAE;GACT;EACD,OAAO,EACL,OAAO,EAAE,EACV;EACF;CACD,kBAAkB;EAChB;GACE,OAAO;GACP,YAAY;GACZ,OAAO,CAAC,UAAU,gBAAgB;GACnC;EACD;GACE,OAAO;GACP,YAAY;GACZ,OAAO,CAAC,mBAAmB,8BAA8B;GAC1D;EACD;GACE,YAAY;GACZ,OAAO;GACP,OAAO,CAAC,WAAW;GACpB;EACD;GACE,YAAY;GACZ,OAAO;GACP,OAAO,CAAC,cAAc;GACvB;EACF;CACF,CAAC;AAMF,IAAa,kBAAgB,QAAM,YAGhC,EAAE,OAAO,MAAM,aAAa,YAAY,GAAG,QAAQ,QACpD,wBAAA,cAAC,qBAAD;CACQ;CACM;CACZ,GAAI;CACC;CACL,CAAA,CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxList.js","names":[],"sources":["../../../src/components/combobox/ComboboxList.tsx"],"sourcesContent":["import { ComboboxList as BaseComboboxList } from '@reach/combobox'\n\nimport { styled } from '~/styled'\n\nexport const ComboboxList = styled(BaseComboboxList, {\n  base: ['list-none', 'm-0', 'p-0', 'select-none']\n})\n"],"mappings":";;;AAIA,IAAa,iBAAe,OAAO,cAAkB,EACnD,MAAM;CAAC;CAAa;CAAO;CAAO;AAAa,EACjD,CAAC"}
+{"version":3,"file":"ComboboxList.js","names":[],"sources":["../../../src/components/combobox/ComboboxList.tsx"],"sourcesContent":["import { ComboboxList as BaseComboboxList } from '@reach/combobox'\n\nimport { styled } from '~/styled'\n\nexport const ComboboxList = styled(BaseComboboxList, {\n  base: ['list-none', 'm-0', 'p-0', 'select-none']\n})\n"],"mappings":";;;AAIA,IAAa,iBAAe,OAAO,cAAkB,EACnD,MAAM;CAAC;CAAa;CAAO;CAAO;CAAc,EACjD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxOption.js","names":[],"sources":["../../../src/components/combobox/ComboboxOption.tsx"],"sourcesContent":["import { ComboboxOption as BaseComboboxOption } from '@reach/combobox'\n\nimport { styled } from '~/styled'\n\nexport const ComboboxOption = styled(BaseComboboxOption, {\n  base: [\n    'text-grey-900',\n    'cursor-pointer',\n    'm-0',\n    'p-2',\n    'hover:bg-grey-100',\n    'hover:rounded-sm',\n    'aria-selected:bg-grey-100',\n    'aria-selected:rounded-sm',\n    'data-user-value:text-primary-800'\n  ]\n})\n"],"mappings":";;;AAIA,IAAa,mBAAiB,OAAO,gBAAoB,EACvD,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,EACF,CAAC"}
+{"version":3,"file":"ComboboxOption.js","names":[],"sources":["../../../src/components/combobox/ComboboxOption.tsx"],"sourcesContent":["import { ComboboxOption as BaseComboboxOption } from '@reach/combobox'\n\nimport { styled } from '~/styled'\n\nexport const ComboboxOption = styled(BaseComboboxOption, {\n  base: [\n    'text-grey-900',\n    'cursor-pointer',\n    'm-0',\n    'p-2',\n    'hover:bg-grey-100',\n    'hover:rounded-sm',\n    'aria-selected:bg-grey-100',\n    'aria-selected:rounded-sm',\n    'data-user-value:text-primary-800'\n  ]\n})\n"],"mappings":";;;AAIA,IAAa,mBAAiB,OAAO,gBAAoB,EACvD,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxPopover.js","names":[],"sources":["../../../src/components/combobox/ComboboxPopover.tsx"],"sourcesContent":["import { ComboboxPopover as BaseComboboxPopover } from '@reach/combobox'\n\nimport { styled } from '~/styled'\n\nexport const ComboboxPopover = styled(BaseComboboxPopover, {\n  base: [\n    'bg-white',\n    'border',\n    'border-grey-200',\n    'rounded-md',\n    'shadow-md',\n    'box-border',\n    'font-body',\n    'text-md',\n    'outline-none',\n    'p-1',\n    'translate-y-2'\n  ]\n})\n"],"mappings":";;;AAIA,IAAa,oBAAkB,OAAO,iBAAqB,EACzD,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,EACF,CAAC"}
+{"version":3,"file":"ComboboxPopover.js","names":[],"sources":["../../../src/components/combobox/ComboboxPopover.tsx"],"sourcesContent":["import { ComboboxPopover as BaseComboboxPopover } from '@reach/combobox'\n\nimport { styled } from '~/styled'\n\nexport const ComboboxPopover = styled(BaseComboboxPopover, {\n  base: [\n    'bg-white',\n    'border',\n    'border-grey-200',\n    'rounded-md',\n    'shadow-md',\n    'box-border',\n    'font-body',\n    'text-md',\n    'outline-none',\n    'p-1',\n    'translate-y-2'\n  ]\n})\n"],"mappings":";;;AAIA,IAAa,oBAAkB,OAAO,iBAAqB,EACzD,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC"}

package/dist/components/create-password-field/CreatePasswordField.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreatePasswordField.js","names":[],"sources":["../../../src/components/create-password-field/CreatePasswordField.tsx"],"sourcesContent":["import invariant from 'invariant'\nimport * as React from 'react'\nimport { useFormContext } from 'react-hook-form'\nimport { throttle } from 'throttle-debounce'\n\nimport { Override } from '~/utilities/types'\n\nimport { FieldElementWrapperProps } from '../field-wrapper/FieldWrapper'\nimport { InlineMessage } from '../inline-message/InlineMessage'\nimport { PasswordField } from '../password-field/PasswordField'\nimport { PasswordInput } from '../password-input/PasswordInput'\n\ntype ValidationResult = Record<string, boolean>\n\ntype CreatePasswordFieldProps = Override<\n  React.ComponentProps<typeof PasswordInput> & FieldElementWrapperProps,\n  {\n    label?: string\n    name?: string\n    validate: (\n      password: string\n    ) => Promise<ValidationResult | undefined> | ValidationResult\n    defaultValidation: ValidationResult\n    messageDirection?: 'row' | 'column'\n  }\n>\n\nexport const CreatePasswordField = ({\n  validate,\n  defaultValidation,\n  messageDirection = 'row',\n  label = 'Create a password',\n  name = 'password',\n  className,\n  validation,\n  appearance,\n  ...remainingProps\n}: CreatePasswordFieldProps) => {\n  const { formState, control } = useFormContext()\n  const [isFocused, setIsFocused] = React.useState<boolean>(false)\n  const [validationResult, setValidationResult] =\n    React.useState<ValidationResult>(defaultValidation)\n\n  const touched: boolean = formState.touched[name]\n  const error =\n    formState.errors[name]?.type === 'validate' ||\n    Object.values(validationResult).every((isValid) => !isValid)\n\n  const validatePassword = React.useCallback(\n    async (password: string) => {\n      const result = await validate(password)\n\n      if (result) {\n        invariant(\n          typeof result === 'object',\n          'The validate function must return an object'\n        )\n\n        setValidationResult(result)\n        return Object.values(result).every((isValid) => isValid)\n      }\n\n      return false\n    },\n    [setValidationResult]\n  )\n\n  const handleChange = React.useCallback(throttle(500, validatePassword), [\n    validatePassword\n  ])\n\n  const getMessageTheme = (result: boolean, isFocused: boolean) => {\n    if (result) return 'success'\n\n    return isFocused ? 'neutral' : 'error'\n  }\n\n  const showValidation: boolean =\n    (control.mode.isOnBlur && (isFocused || touched)) ||\n    (control.mode.isOnSubmit && (isFocused || (formState.isSubmitted && error)))\n\n  return (\n    <div className={className}>\n      <PasswordField\n        label={label}\n        name={name}\n        onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n          handleChange(e.target.value)\n        }\n        onBlur={() => setIsFocused(false)}\n        onFocus={() => setIsFocused(true)}\n        validation={{ ...validation, validate: validatePassword }}\n        appearance={appearance}\n        {...remainingProps}\n      />\n      {showValidation && (\n        <div\n          style={{ '--direction': messageDirection }}\n          className=\"direction-(--direction) mt-2 flex flex-wrap gap-2\"\n        >\n          {Object.entries(validationResult).map(([message, result]) => (\n            <InlineMessage\n              key={message}\n              theme={getMessageTheme(result, isFocused)}\n            >\n              {message}\n            </InlineMessage>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\nCreatePasswordField.displayName = 'CreatePasswordField'\n"],"mappings":";;;;;;;AA2BA,IAAa,uBAAuB,EAClC,UACA,mBACA,mBAAmB,OACnB,QAAQ,qBACR,OAAO,YACP,WACA,YACA,YACA,GAAG,qBAC2B;CAC9B,MAAM,EAAE,WAAW,YAAY,eAAe;CAC9C,MAAM,CAAC,WAAW,gBAAgB,QAAM,SAAkB,KAAK;CAC/D,MAAM,CAAC,kBAAkB,uBACvB,QAAM,SAA2B,iBAAiB;CAEpD,MAAM,UAAmB,UAAU,QAAQ;CAC3C,MAAM,QACJ,UAAU,OAAO,OAAO,SAAS,cACjC,OAAO,OAAO,gBAAgB,EAAE,OAAO,YAAY,CAAC,OAAO;CAE7D,MAAM,mBAAmB,QAAM,YAC7B,OAAO,aAAqB;EAC1B,MAAM,SAAS,MAAM,SAAS,QAAQ;EAEtC,IAAI,QAAQ;GACV,UACE,OAAO,WAAW,UAClB,6CACF;GAEA,oBAAoB,MAAM;GAC1B,OAAO,OAAO,OAAO,MAAM,EAAE,OAAO,YAAY,OAAO;EACzD;EAEA,OAAO;CACT,GACA,CAAC,mBAAmB,CACtB;CAEA,MAAM,eAAe,QAAM,YAAY,SAAS,KAAK,gBAAgB,GAAG,CACtE,gBACF,CAAC;CAED,MAAM,mBAAmB,QAAiB,cAAuB;EAC/D,IAAI,QAAQ,OAAO;EAEnB,OAAO,YAAY,YAAY;CACjC;CAEA,MAAM,iBACH,QAAQ,KAAK,aAAa,aAAa,YACvC,QAAQ,KAAK,eAAe,aAAc,UAAU,eAAe;CAEtE,OACE,wBAAA,cAAC,OAAD,EAAgB,UA4BX,GA3BH,wBAAA,cAAC,eAAD;EACS;EACD;EACN,WAAW,MACT,aAAa,EAAE,OAAO,KAAK;EAE7B,cAAc,aAAa,KAAK;EAChC,eAAe,aAAa,IAAI;EAChC,YAAY;GAAE,GAAG;GAAY,UAAU;EAAiB;EAC5C;EACZ,GAAI;CACL,CAAA,GACA,kBACC,wBAAA,cAAC,OAAD;EACE,OAAO,EAAE,eAAe,iBAAiB;EACzC,WAAU;CAUP,GARF,OAAO,QAAQ,gBAAgB,EAAE,KAAK,CAAC,SAAS,YAC/C,wBAAA,cAAC,eAAD;EACE,KAAK;EACL,OAAO,gBAAgB,QAAQ,SAAS;CAG3B,GADZ,OACY,CAChB,CACE,CAEJ;AAET;AAEA,oBAAoB,cAAc"}
+{"version":3,"file":"CreatePasswordField.js","names":[],"sources":["../../../src/components/create-password-field/CreatePasswordField.tsx"],"sourcesContent":["import invariant from 'invariant'\nimport * as React from 'react'\nimport { useFormContext } from 'react-hook-form'\nimport { throttle } from 'throttle-debounce'\n\nimport { Override } from '~/utilities/types'\n\nimport { FieldElementWrapperProps } from '../field-wrapper/FieldWrapper'\nimport { InlineMessage } from '../inline-message/InlineMessage'\nimport { PasswordField } from '../password-field/PasswordField'\nimport { PasswordInput } from '../password-input/PasswordInput'\n\ntype ValidationResult = Record<string, boolean>\n\ntype CreatePasswordFieldProps = Override<\n  React.ComponentProps<typeof PasswordInput> & FieldElementWrapperProps,\n  {\n    label?: string\n    name?: string\n    validate: (\n      password: string\n    ) => Promise<ValidationResult | undefined> | ValidationResult\n    defaultValidation: ValidationResult\n    messageDirection?: 'row' | 'column'\n  }\n>\n\nexport const CreatePasswordField = ({\n  validate,\n  defaultValidation,\n  messageDirection = 'row',\n  label = 'Create a password',\n  name = 'password',\n  className,\n  validation,\n  appearance,\n  ...remainingProps\n}: CreatePasswordFieldProps) => {\n  const { formState, control } = useFormContext()\n  const [isFocused, setIsFocused] = React.useState<boolean>(false)\n  const [validationResult, setValidationResult] =\n    React.useState<ValidationResult>(defaultValidation)\n\n  const touched: boolean = formState.touched[name]\n  const error =\n    formState.errors[name]?.type === 'validate' ||\n    Object.values(validationResult).every((isValid) => !isValid)\n\n  const validatePassword = React.useCallback(\n    async (password: string) => {\n      const result = await validate(password)\n\n      if (result) {\n        invariant(\n          typeof result === 'object',\n          'The validate function must return an object'\n        )\n\n        setValidationResult(result)\n        return Object.values(result).every((isValid) => isValid)\n      }\n\n      return false\n    },\n    [setValidationResult]\n  )\n\n  const handleChange = React.useCallback(throttle(500, validatePassword), [\n    validatePassword\n  ])\n\n  const getMessageTheme = (result: boolean, isFocused: boolean) => {\n    if (result) return 'success'\n\n    return isFocused ? 'neutral' : 'error'\n  }\n\n  const showValidation: boolean =\n    (control.mode.isOnBlur && (isFocused || touched)) ||\n    (control.mode.isOnSubmit && (isFocused || (formState.isSubmitted && error)))\n\n  return (\n    <div className={className}>\n      <PasswordField\n        label={label}\n        name={name}\n        onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n          handleChange(e.target.value)\n        }\n        onBlur={() => setIsFocused(false)}\n        onFocus={() => setIsFocused(true)}\n        validation={{ ...validation, validate: validatePassword }}\n        appearance={appearance}\n        {...remainingProps}\n      />\n      {showValidation && (\n        <div\n          style={{ '--direction': messageDirection }}\n          className=\"direction-(--direction) mt-2 flex flex-wrap gap-2\"\n        >\n          {Object.entries(validationResult).map(([message, result]) => (\n            <InlineMessage\n              key={message}\n              theme={getMessageTheme(result, isFocused)}\n            >\n              {message}\n            </InlineMessage>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\nCreatePasswordField.displayName = 'CreatePasswordField'\n"],"mappings":";;;;;;;AA2BA,IAAa,uBAAuB,EAClC,UACA,mBACA,mBAAmB,OACnB,QAAQ,qBACR,OAAO,YACP,WACA,YACA,YACA,GAAG,qBAC2B;CAC9B,MAAM,EAAE,WAAW,YAAY,gBAAgB;CAC/C,MAAM,CAAC,WAAW,gBAAgB,QAAM,SAAkB,MAAM;CAChE,MAAM,CAAC,kBAAkB,uBACvB,QAAM,SAA2B,kBAAkB;CAErD,MAAM,UAAmB,UAAU,QAAQ;CAC3C,MAAM,QACJ,UAAU,OAAO,OAAO,SAAS,cACjC,OAAO,OAAO,iBAAiB,CAAC,OAAO,YAAY,CAAC,QAAQ;CAE9D,MAAM,mBAAmB,QAAM,YAC7B,OAAO,aAAqB;EAC1B,MAAM,SAAS,MAAM,SAAS,SAAS;AAEvC,MAAI,QAAQ;AACV,aACE,OAAO,WAAW,UAClB,8CACD;AAED,uBAAoB,OAAO;AAC3B,UAAO,OAAO,OAAO,OAAO,CAAC,OAAO,YAAY,QAAQ;;AAG1D,SAAO;IAET,CAAC,oBAAoB,CACtB;CAED,MAAM,eAAe,QAAM,YAAY,SAAS,KAAK,iBAAiB,EAAE,CACtE,iBACD,CAAC;CAEF,MAAM,mBAAmB,QAAiB,cAAuB;AAC/D,MAAI,OAAQ,QAAO;AAEnB,SAAO,YAAY,YAAY;;CAGjC,MAAM,iBACH,QAAQ,KAAK,aAAa,aAAa,YACvC,QAAQ,KAAK,eAAe,aAAc,UAAU,eAAe;AAEtE,QACE,wBAAA,cAAC,OAAD,EAAgB,WA4BV,EA3BJ,wBAAA,cAAC,eAAD;EACS;EACD;EACN,WAAW,MACT,aAAa,EAAE,OAAO,MAAM;EAE9B,cAAc,aAAa,MAAM;EACjC,eAAe,aAAa,KAAK;EACjC,YAAY;GAAE,GAAG;GAAY,UAAU;GAAkB;EAC7C;EACZ,GAAI;EACJ,CAAA,EACD,kBACC,wBAAA,cAAC,OAAD;EACE,OAAO,EAAE,eAAe,kBAAkB;EAC1C,WAAU;EAUN,EARH,OAAO,QAAQ,iBAAiB,CAAC,KAAK,CAAC,SAAS,YAC/C,wBAAA,cAAC,eAAD;EACE,KAAK;EACL,OAAO,gBAAgB,QAAQ,UAAU;EAG3B,EADb,QACa,CAChB,CACE,CAEJ;;AAIV,oBAAoB,cAAc"}

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

@@ -23,110 +23,22 @@ import { Pagination } from "./pagination/Pagination.js";
 * the functionality we've built on top.
 */
 var DataTable = Object.assign(DataTableProvider, {
-	/** Default table body implementation for `DataTable`.
-	*
-	* Can be configured with alternating colours of rows. If you need more customisation options,
-	* you can build your own implementation with `useDataTable()` and the UI-only `Table` components.
-	*/
 	Body: DataTableBody,
-	/** Default table data cell implementation for `DataTable`
-	*
-	*
-	*/
 	DataCell: DataTableDataCell,
-	/**
-	* Used in place of `DataTable.Table` to render a table with rows that the user can sort by drag-and-drop
-	*/
 	DragAndDropTable,
-	/** Default global search implementation for `DataTable`
-	*
-	* If you need more customisation options, you can compose your own implementation with our UI-only input components and `useDataTable`.
-	*/
 	GlobalFilter: DataTableGlobalFilter,
-	/** Default table head implementation
-	*
-	* Can be configured to be sortable and with different visual themes.
-	* If you need more customisation options, you can build your own implementation
-	* with `useDataTable` and the UI-only `Table` components.
-	*/
 	Head: DataTableHead,
-	/** Default header implementation for `DataTable`
-	*
-	* Can be configured to make the column sortable. If you need more customisation options,
-	* you can build your own implementation with the UI-only `Table` components.
-	*/
 	HeaderCell: DataTableHeaderCell,
-	/** Default pagination implementation for `DataTable`
-	*
-	* Can navigate forward, backward, or to any specific page. If you need more customisation options,
-	* you can build your own implementation with `useDataTable` and other UI components.
-	*
-	*/
 	MetaData: DataTableMetaData,
-	/** Default display of amount of items and current sorting status for 'DataTable'
-	*
-	*/
 	Pagination,
-	/** Default row implementation for `DataTable`
-	*
-	* Renders all visible cells as `Table.Cell`. If you need more customisation options,
-	* you can build your own implementation with the UI-only `Table` components.
-	*/
 	Row: DataTableRow,
-	/** Default table implementation for `DataTable`.
-	*
-	* Can be configured with sortable columns and different visual themes.
-	*
-	* If you need more customisation options, you can compose your own implementation with
-	* lower-level `DataTable` components or build the whole thing from
-	* scratch with `useDataTable` and the UI-only `Table` components.
-	*
-	*/
 	Table: DataTableTable,
-	/** Default loading implementation for remote data
-	*
-	* Renders a loading component while fetching the paginated data using `getAsyncData`.
-	*
-	* If you need more customisation, you can compose your own implentation, `asyncDataState`
-	* can be retrieved from `useDataTable`
-	*/
 	Loading: DataTableLoading,
-	/** Default error implementation for remote data
-	*
-	* Renders an error component when `getAsyncData` promise rejects.
-	* Children are rendered as a function, it exposes a `runAsyncData` function to the children component.
-	* `runAsyncData()` can be used to retry fetching the paginated data with the current pageIndex, pageSize
-	* and sorting parameters or your own custom paginated options.
-	*
-	* If you need more customisation, you can compose your own implentation, `asyncDataState` and `runAsyncData()`
-	* can be retrieved from `useDataTable`
-	*
-	*/
 	Error: DataTableError,
-	/** Empty state implementation for `DataTable`.
-	*
-	* Extends the EmptyState component
-	*/
 	EmptyState: DataTableEmptyState,
-	/** Select all rows checkbox.
-	*
-	* Renders a checkbox on the header, allowing for bulk selection/deselection of all selectable rows
-	*/
 	SelectAllRowsCheckbox: DataTableSelectAllRowsCheckbox,
-	/** Individual row selection checkbox.
-	*
-	* Renders a checkbox on each row, allowing for individual selection/deselection of any selectable row
-	*/
 	RowSelectionCheckbox: DataTableRowSelectionCheckbox,
-	/** Bulk actions for selected rows.
-	*
-	* Renders a toolbar with actions that can be applied to all selected rows
-	*/
 	BulkActions: DataTableBulkActions,
-	/** Bulk actions for selected rows.
-	*
-	* Renders a toolbar with actions that can be applied to all selected rows
-	*/
 	BulkActionsFloating: DataTableBulkActionsFloating
 });
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","names":[],"sources":["../../../src/components/data-table/DataTable.tsx"],"sourcesContent":["import { DataTableBody } from './DataTableBody'\nimport { DataTableBulkActions } from './DataTableBulkActions'\nimport { DataTableBulkActionsFloating } from './DataTableBulkActionsFloating'\nimport { DataTableProvider } from './DataTableContext'\nimport { DataTableDataCell } from './DataTableDataCell'\nimport { DataTableEmptyState } from './DataTableEmptyState'\nimport { DataTableError } from './DataTableError'\nimport { DataTableGlobalFilter } from './DataTableGlobalFilter'\nimport { DataTableHead } from './DataTableHead'\nimport { DataTableHeaderCell } from './DataTableHeaderCell'\nimport { DataTableLoading } from './DataTableLoading'\nimport { DataTableMetaData } from './DataTableMetaData'\nimport { DataTableRow } from './DataTableRow'\nimport { DataTableRowSelectionCheckbox } from './DataTableRowSelectionCheckbox'\nimport { DataTableSelectAllRowsCheckbox } from './DataTableSelectAllRowsCheckbox'\nimport { DataTableTable } from './DataTableTable'\nimport { DragAndDropTable } from './drag-and-drop/DragAndDropTable'\nimport { Pagination } from './pagination/Pagination'\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 = Object.assign(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: DataTableBody,\n\n  /** Default table data cell implementation for `DataTable`\n   *\n   *\n   */\n  DataCell: DataTableDataCell,\n\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: DragAndDropTable,\n\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: 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  Head: DataTableHead,\n\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  HeaderCell: DataTableHeaderCell,\n\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  MetaData: DataTableMetaData,\n\n  /** Default display of amount of items and current sorting status for 'DataTable'\n   *\n   */\n  Pagination: Pagination,\n\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  Row: 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: 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: 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: DataTableError,\n\n  /** Empty state implementation for `DataTable`.\n   *\n   * Extends the EmptyState component\n   */\n  EmptyState: DataTableEmptyState,\n\n  /** Select all rows checkbox.\n   *\n   * Renders a checkbox on the header, allowing for bulk selection/deselection of all selectable rows\n   */\n  SelectAllRowsCheckbox: DataTableSelectAllRowsCheckbox,\n\n  /** Individual row selection checkbox.\n   *\n   * Renders a checkbox on each row, allowing for individual selection/deselection of any selectable row\n   */\n  RowSelectionCheckbox: DataTableRowSelectionCheckbox,\n\n  /** Bulk actions for selected rows.\n   *\n   * Renders a toolbar with actions that can be applied to all selected rows\n   */\n  BulkActions: DataTableBulkActions,\n\n  /** Bulk actions for selected rows.\n   *\n   * Renders a toolbar with actions that can be applied to all selected rows\n   */\n  BulkActionsFloating: DataTableBulkActionsFloating\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAa,YAAY,OAAO,OAAO,mBAAmB;;;;;;CAMxD,MAAM;;;;;CAMN,UAAU;;;;CAKQ;;;;;CAMlB,cAAc;;;;;;;CAQd,MAAM;;;;;;CAON,YAAY;;;;;;;CAQZ,UAAU;;;;CAKE;;;;;;CAOZ,KAAK;;;;;;;;;;CAWL,OAAO;;;;;;;;CASP,SAAS;;;;;;;;;;;;CAaT,OAAO;;;;;CAMP,YAAY;;;;;CAMZ,uBAAuB;;;;;CAMvB,sBAAsB;;;;;CAMtB,aAAa;;;;;CAMb,qBAAqB;AACvB,CAAC"}
+{"version":3,"file":"DataTable.js","names":[],"sources":["../../../src/components/data-table/DataTable.tsx"],"sourcesContent":["import { DataTableBody } from './DataTableBody'\nimport { DataTableBulkActions } from './DataTableBulkActions'\nimport { DataTableBulkActionsFloating } from './DataTableBulkActionsFloating'\nimport { DataTableProvider } from './DataTableContext'\nimport { DataTableDataCell } from './DataTableDataCell'\nimport { DataTableEmptyState } from './DataTableEmptyState'\nimport { DataTableError } from './DataTableError'\nimport { DataTableGlobalFilter } from './DataTableGlobalFilter'\nimport { DataTableHead } from './DataTableHead'\nimport { DataTableHeaderCell } from './DataTableHeaderCell'\nimport { DataTableLoading } from './DataTableLoading'\nimport { DataTableMetaData } from './DataTableMetaData'\nimport { DataTableRow } from './DataTableRow'\nimport { DataTableRowSelectionCheckbox } from './DataTableRowSelectionCheckbox'\nimport { DataTableSelectAllRowsCheckbox } from './DataTableSelectAllRowsCheckbox'\nimport { DataTableTable } from './DataTableTable'\nimport { DragAndDropTable } from './drag-and-drop/DragAndDropTable'\nimport { Pagination } from './pagination/Pagination'\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 = Object.assign(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: DataTableBody,\n\n  /** Default table data cell implementation for `DataTable`\n   *\n   *\n   */\n  DataCell: DataTableDataCell,\n\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: DragAndDropTable,\n\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: 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  Head: DataTableHead,\n\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  HeaderCell: DataTableHeaderCell,\n\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  MetaData: DataTableMetaData,\n\n  /** Default display of amount of items and current sorting status for 'DataTable'\n   *\n   */\n  Pagination: Pagination,\n\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  Row: 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: 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: 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: DataTableError,\n\n  /** Empty state implementation for `DataTable`.\n   *\n   * Extends the EmptyState component\n   */\n  EmptyState: DataTableEmptyState,\n\n  /** Select all rows checkbox.\n   *\n   * Renders a checkbox on the header, allowing for bulk selection/deselection of all selectable rows\n   */\n  SelectAllRowsCheckbox: DataTableSelectAllRowsCheckbox,\n\n  /** Individual row selection checkbox.\n   *\n   * Renders a checkbox on each row, allowing for individual selection/deselection of any selectable row\n   */\n  RowSelectionCheckbox: DataTableRowSelectionCheckbox,\n\n  /** Bulk actions for selected rows.\n   *\n   * Renders a toolbar with actions that can be applied to all selected rows\n   */\n  BulkActions: DataTableBulkActions,\n\n  /** Bulk actions for selected rows.\n   *\n   * Renders a toolbar with actions that can be applied to all selected rows\n   */\n  BulkActionsFloating: DataTableBulkActionsFloating\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAa,YAAY,OAAO,OAAO,mBAAmB;CAMxD,MAAM;CAMN,UAAU;CAKQ;CAMlB,cAAc;CAQd,MAAM;CAON,YAAY;CAQZ,UAAU;CAKE;CAOZ,KAAK;CAWL,OAAO;CASP,SAAS;CAaT,OAAO;CAMP,YAAY;CAMZ,uBAAuB;CAMvB,sBAAsB;CAMtB,aAAa;CAMb,qBAAqB;CACtB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"DataTable.types.js","names":[],"sources":["../../../src/components/data-table/DataTable.types.ts"],"sourcesContent":["import type {\n  ColumnOrderTableState,\n  ColumnPinningTableState,\n  ColumnSizingTableState,\n  ExpandedTableState,\n  FiltersTableState,\n  GroupingTableState,\n  PaginationTableState,\n  Row,\n  RowSelectionState,\n  RowSelectionTableState,\n  SortDirection,\n  SortingTableState,\n  Table,\n  VisibilityTableState\n} from '@tanstack/react-table'\nimport * as React from 'react'\n\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 TablePosition = {\n  top: number | null\n  bottom: number | null\n  offsetTop: number\n  isVisible: boolean\n}\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  hasAsyncData: boolean\n  disabledRows?: Record<string, boolean>\n  enableRowSelection?: boolean | ((row: Row<unknown>) => boolean)\n  rowSelection: RowSelectionState\n  tablePosition?: TablePosition\n  setTablePosition: React.Dispatch<React.SetStateAction<TablePosition>>\n  data: TAsyncDataResult\n  columns: any\n  tableId: string\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"],"mappings":";AAkBA,IAAY,iBAAL,yBAAA,gBAAA;CACL,eAAA,UAAA;CACA,eAAA,aAAA;CACA,eAAA,eAAA;CACA,eAAA,cAAA;;AACF,EAAA,CAAA,CAAA"}
+{"version":3,"file":"DataTable.types.js","names":[],"sources":["../../../src/components/data-table/DataTable.types.ts"],"sourcesContent":["import type {\n  ColumnOrderTableState,\n  ColumnPinningTableState,\n  ColumnSizingTableState,\n  ExpandedTableState,\n  FiltersTableState,\n  GroupingTableState,\n  PaginationTableState,\n  Row,\n  RowSelectionState,\n  RowSelectionTableState,\n  SortDirection,\n  SortingTableState,\n  Table,\n  VisibilityTableState\n} from '@tanstack/react-table'\nimport * as React from 'react'\n\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 TablePosition = {\n  top: number | null\n  bottom: number | null\n  offsetTop: number\n  isVisible: boolean\n}\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  hasAsyncData: boolean\n  disabledRows?: Record<string, boolean>\n  enableRowSelection?: boolean | ((row: Row<unknown>) => boolean)\n  rowSelection: RowSelectionState\n  tablePosition?: TablePosition\n  setTablePosition: React.Dispatch<React.SetStateAction<TablePosition>>\n  data: TAsyncDataResult\n  columns: any\n  tableId: string\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"],"mappings":";AAkBA,IAAY,iBAAL,yBAAA,gBAAA;AACL,gBAAA,UAAA;AACA,gBAAA,aAAA;AACA,gBAAA,eAAA;AACA,gBAAA,cAAA;;KACD"}

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableBody.js","names":[],"sources":["../../../src/components/data-table/DataTableBody.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Table } from '../table/Table'\nimport { useDataTable } from './DataTableContext'\nimport { DataTableRow } from './DataTableRow'\n\ntype DataTableBodyProps = Omit<\n  React.ComponentProps<typeof Table.Body>,\n  'children'\n> & {\n  rowAction?: (row: Record<string, unknown>, event: React.MouseEvent) => void\n}\n\nexport const DataTableBody = ({\n  striped = false,\n  rowAction,\n  ...props\n}: DataTableBodyProps) => {\n  const { getRowModel } = useDataTable()\n\n  return (\n    <Table.Body {...props} striped={striped}>\n      {getRowModel().rows.map((row) => {\n        return <DataTableRow row={row} key={row.id} rowAction={rowAction} />\n      })}\n    </Table.Body>\n  )\n}\n"],"mappings":";;;;;AAaA,IAAa,iBAAiB,EAC5B,UAAU,OACV,WACA,GAAG,YACqB;CACxB,MAAM,EAAE,gBAAgB,aAAa;CAErC,OACE,wBAAA,cAAC,MAAM,MAAP;EAAY,GAAI;EAAgB;CAIpB,GAHT,YAAY,EAAE,KAAK,KAAK,QAAQ;EAC/B,OAAO,wBAAA,cAAC,cAAD;GAAmB;GAAK,KAAK,IAAI;GAAe;EAAY,CAAA;CACrE,CAAC,CACS;AAEhB"}
+{"version":3,"file":"DataTableBody.js","names":[],"sources":["../../../src/components/data-table/DataTableBody.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Table } from '../table/Table'\nimport { useDataTable } from './DataTableContext'\nimport { DataTableRow } from './DataTableRow'\n\ntype DataTableBodyProps = Omit<\n  React.ComponentProps<typeof Table.Body>,\n  'children'\n> & {\n  rowAction?: (row: Record<string, unknown>, event: React.MouseEvent) => void\n}\n\nexport const DataTableBody = ({\n  striped = false,\n  rowAction,\n  ...props\n}: DataTableBodyProps) => {\n  const { getRowModel } = useDataTable()\n\n  return (\n    <Table.Body {...props} striped={striped}>\n      {getRowModel().rows.map((row) => {\n        return <DataTableRow row={row} key={row.id} rowAction={rowAction} />\n      })}\n    </Table.Body>\n  )\n}\n"],"mappings":";;;;;AAaA,IAAa,iBAAiB,EAC5B,UAAU,OACV,WACA,GAAG,YACqB;CACxB,MAAM,EAAE,gBAAgB,cAAc;AAEtC,QACE,wBAAA,cAAC,MAAM,MAAP;EAAY,GAAI;EAAgB;EAInB,EAHV,aAAa,CAAC,KAAK,KAAK,QAAQ;AAC/B,SAAO,wBAAA,cAAC,cAAD;GAAmB;GAAK,KAAK,IAAI;GAAe;GAAa,CAAA;GACpE,CACS"}

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableBulkActions.js","names":[],"sources":["../../../src/components/data-table/DataTableBulkActions.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Button } from '~/components/button/Button'\nimport { Divider } from '~/components/divider/Divider'\nimport { styled } from '~/styled'\n\nimport { useDataTable } from './DataTableContext'\nimport { DataTableMetaData } from './DataTableMetaData'\n\nconst StyledContainer = styled('div', {\n  base: [\n    'flex',\n    'p-2',\n    'w-full',\n    'mb-2',\n    'justify-between',\n    'items-center',\n    'min-h-16',\n    'rounded-t-sm'\n  ],\n  variants: {\n    isRowSelected: {\n      true: ['bg-primary-100']\n    }\n  }\n})\n\nconst BulkActionsDefaultActions = ({\n  children\n}: {\n  children: React.ReactElement\n}): React.ReactElement | null => {\n  const { rowSelection } = useDataTable()\n\n  if (Object.keys(rowSelection || {}).length > 0) return null\n\n  return children\n}\n\nconst BulkActionsSelectedRowActions = ({\n  cancelLabel = 'Cancel',\n  children\n}: {\n  cancelLabel?: string\n  children: React.ReactNode\n}) => {\n  const { toggleAllPageRowsSelected, rowSelection } = useDataTable()\n\n  const handleDeselectAllPageRows = () => toggleAllPageRowsSelected(false)\n\n  if (Object.keys(rowSelection || {}).length === 0) return null\n\n  return (\n    <>\n      {children}\n      {React.Children.count(children) > 0 && (\n        <Divider orientation=\"vertical\" className=\"mx-4\" />\n      )}\n      <Button theme=\"neutral\" onClick={handleDeselectAllPageRows}>\n        {cancelLabel}\n      </Button>\n    </>\n  )\n}\n\nexport const DataTableBulkActions = Object.assign(\n  ({\n    children,\n    ...rest\n  }: {\n    children:\n      | React.ReactElement<\n          React.ComponentProps<typeof BulkActionsDefaultActions>\n        >\n      | React.ReactElement<\n          React.ComponentProps<typeof BulkActionsSelectedRowActions>\n        >\n      | [\n          React.ReactElement<\n            React.ComponentProps<typeof BulkActionsDefaultActions>\n          >,\n          React.ReactElement<\n            React.ComponentProps<typeof BulkActionsSelectedRowActions>\n          >\n        ]\n  }) => {\n    const { rowSelection } = useDataTable()\n\n    const isRowSelected = Object.keys(rowSelection || {}).length > 0\n\n    return (\n      <StyledContainer isRowSelected={isRowSelected} {...rest}>\n        <DataTableMetaData />\n        <div className=\"flex items-center justify-end\">{children}</div>\n      </StyledContainer>\n    )\n  },\n  {\n    DefaultActions: BulkActionsDefaultActions,\n    SelectedRowActions: BulkActionsSelectedRowActions\n  }\n)\n"],"mappings":";;;;;;;AASA,IAAM,kBAAkB,OAAO,OAAO;CACpC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,UAAU,EACR,eAAe,EACb,MAAM,CAAC,gBAAgB,EACzB,EACF;AACF,CAAC;AAED,IAAM,6BAA6B,EACjC,eAG+B;CAC/B,MAAM,EAAE,iBAAiB,aAAa;CAEtC,IAAI,OAAO,KAAK,gBAAgB,CAAC,CAAC,EAAE,SAAS,GAAG,OAAO;CAEvD,OAAO;AACT;AAEA,IAAM,iCAAiC,EACrC,cAAc,UACd,eAII;CACJ,MAAM,EAAE,2BAA2B,iBAAiB,aAAa;CAEjE,MAAM,kCAAkC,0BAA0B,KAAK;CAEvE,IAAI,OAAO,KAAK,gBAAgB,CAAC,CAAC,EAAE,WAAW,GAAG,OAAO;CAEzD,OACE,wBAAA,cAAA,QAAA,UAAA,MACG,UACA,QAAM,SAAS,MAAM,QAAQ,IAAI,KAChC,wBAAA,cAAC,SAAD;EAAS,aAAY;EAAW,WAAU;CAAQ,CAAA,GAEpD,wBAAA,cAAC,QAAD;EAAQ,OAAM;EAAU,SAAS;CAEzB,GADL,WACK,CACR;AAEN;AAEA,IAAa,uBAAuB,OAAO,QACxC,EACC,UACA,GAAG,WAiBC;CACJ,MAAM,EAAE,iBAAiB,aAAa;CAEtC,MAAM,gBAAgB,OAAO,KAAK,gBAAgB,CAAC,CAAC,EAAE,SAAS;CAE/D,OACE,wBAAA,cAAC,iBAAD;EAAgC;EAAe,GAAI;CAGlC,GAFf,wBAAA,cAAC,mBAAA,IAAmB,GACpB,wBAAA,cAAC,OAAD,EAAK,WAAU,gCAA+C,GAAd,QAAc,CAC/C;AAErB,GACA;CACE,gBAAgB;CAChB,oBAAoB;AACtB,CACF"}
+{"version":3,"file":"DataTableBulkActions.js","names":[],"sources":["../../../src/components/data-table/DataTableBulkActions.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Button } from '~/components/button/Button'\nimport { Divider } from '~/components/divider/Divider'\nimport { styled } from '~/styled'\n\nimport { useDataTable } from './DataTableContext'\nimport { DataTableMetaData } from './DataTableMetaData'\n\nconst StyledContainer = styled('div', {\n  base: [\n    'flex',\n    'p-2',\n    'w-full',\n    'mb-2',\n    'justify-between',\n    'items-center',\n    'min-h-16',\n    'rounded-t-sm'\n  ],\n  variants: {\n    isRowSelected: {\n      true: ['bg-primary-100']\n    }\n  }\n})\n\nconst BulkActionsDefaultActions = ({\n  children\n}: {\n  children: React.ReactElement\n}): React.ReactElement | null => {\n  const { rowSelection } = useDataTable()\n\n  if (Object.keys(rowSelection || {}).length > 0) return null\n\n  return children\n}\n\nconst BulkActionsSelectedRowActions = ({\n  cancelLabel = 'Cancel',\n  children\n}: {\n  cancelLabel?: string\n  children: React.ReactNode\n}) => {\n  const { toggleAllPageRowsSelected, rowSelection } = useDataTable()\n\n  const handleDeselectAllPageRows = () => toggleAllPageRowsSelected(false)\n\n  if (Object.keys(rowSelection || {}).length === 0) return null\n\n  return (\n    <>\n      {children}\n      {React.Children.count(children) > 0 && (\n        <Divider orientation=\"vertical\" className=\"mx-4\" />\n      )}\n      <Button theme=\"neutral\" onClick={handleDeselectAllPageRows}>\n        {cancelLabel}\n      </Button>\n    </>\n  )\n}\n\nexport const DataTableBulkActions = Object.assign(\n  ({\n    children,\n    ...rest\n  }: {\n    children:\n      | React.ReactElement<\n          React.ComponentProps<typeof BulkActionsDefaultActions>\n        >\n      | React.ReactElement<\n          React.ComponentProps<typeof BulkActionsSelectedRowActions>\n        >\n      | [\n          React.ReactElement<\n            React.ComponentProps<typeof BulkActionsDefaultActions>\n          >,\n          React.ReactElement<\n            React.ComponentProps<typeof BulkActionsSelectedRowActions>\n          >\n        ]\n  }) => {\n    const { rowSelection } = useDataTable()\n\n    const isRowSelected = Object.keys(rowSelection || {}).length > 0\n\n    return (\n      <StyledContainer isRowSelected={isRowSelected} {...rest}>\n        <DataTableMetaData />\n        <div className=\"flex items-center justify-end\">{children}</div>\n      </StyledContainer>\n    )\n  },\n  {\n    DefaultActions: BulkActionsDefaultActions,\n    SelectedRowActions: BulkActionsSelectedRowActions\n  }\n)\n"],"mappings":";;;;;;;AASA,IAAM,kBAAkB,OAAO,OAAO;CACpC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,eAAe,EACb,MAAM,CAAC,iBAAiB,EACzB,EACF;CACF,CAAC;AAEF,IAAM,6BAA6B,EACjC,eAG+B;CAC/B,MAAM,EAAE,iBAAiB,cAAc;AAEvC,KAAI,OAAO,KAAK,gBAAgB,EAAE,CAAC,CAAC,SAAS,EAAG,QAAO;AAEvD,QAAO;;AAGT,IAAM,iCAAiC,EACrC,cAAc,UACd,eAII;CACJ,MAAM,EAAE,2BAA2B,iBAAiB,cAAc;CAElE,MAAM,kCAAkC,0BAA0B,MAAM;AAExE,KAAI,OAAO,KAAK,gBAAgB,EAAE,CAAC,CAAC,WAAW,EAAG,QAAO;AAEzD,QACE,wBAAA,cAAA,QAAA,UAAA,MACG,UACA,QAAM,SAAS,MAAM,SAAS,GAAG,KAChC,wBAAA,cAAC,SAAD;EAAS,aAAY;EAAW,WAAU;EAAS,CAAA,EAErD,wBAAA,cAAC,QAAD;EAAQ,OAAM;EAAU,SAAS;EAExB,EADN,YACM,CACR;;AAIP,IAAa,uBAAuB,OAAO,QACxC,EACC,UACA,GAAG,WAiBC;CACJ,MAAM,EAAE,iBAAiB,cAAc;CAEvC,MAAM,gBAAgB,OAAO,KAAK,gBAAgB,EAAE,CAAC,CAAC,SAAS;AAE/D,QACE,wBAAA,cAAC,iBAAD;EAAgC;EAAe,GAAI;EAGjC,EAFhB,wBAAA,cAAC,mBAAA,KAAoB,EACrB,wBAAA,cAAC,OAAD,EAAK,WAAU,iCAAgD,EAAf,SAAe,CAC/C;GAGtB;CACE,gBAAgB;CAChB,oBAAoB;CACrB,CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableBulkActionsFloating.js","names":[],"sources":["../../../src/components/data-table/DataTableBulkActionsFloating.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Badge } from '../badge/Badge'\nimport { Icon } from '../icon/Icon'\nimport { Text } from '../text/Text'\nimport { BulkActionsSelectedRowActions } from './DataTableBulkActionsSelectedRowActions'\nimport { useDataTable } from './DataTableContext'\n\nconst StyledContainer = styled('div', {\n  base: [\n    'flex',\n    'pl-3',\n    'pr-1',\n    'py-2',\n    'mb-4',\n    'mt-2',\n    'justify-between',\n    'items-center',\n    'rounded-lg',\n    'bg-primary-800',\n    'pointer-events-auto',\n    'z-2',\n    'w-full',\n    'mx-4',\n    'shadow-lg',\n    'sm:max-w-200',\n    'lg:max-w-250',\n    'lg:mb-8',\n    'lg:pl-4',\n    'lg:pr-1',\n    'lg:py-3',\n    'xl:max-w-350',\n    'xl:mb-8',\n    'xl:pl-6',\n    'xl:pr-2',\n    'xl:py-4'\n  ]\n})\n\nexport const DataTableBulkActionsFloating = Object.assign(\n  ({\n    children,\n    ...rest\n  }: React.PropsWithChildren<React.ComponentProps<typeof StyledContainer>>) => {\n    const { rowSelection, toggleAllPageRowsSelected } = useDataTable()\n\n    const actionBarRef = React.useRef<HTMLDivElement>(null)\n\n    const numberOfSelectedRows = React.useMemo(() => {\n      return Object.keys(rowSelection || {}).length\n    }, [rowSelection])\n\n    const handleDeselectAllPageRows = () => toggleAllPageRowsSelected(false)\n\n    if (numberOfSelectedRows === 0) return null\n\n    return (\n      <section\n        ref={actionBarRef}\n        className=\"pointer-events-none sticky bottom-0 left-0 flex justify-center\"\n      >\n        <StyledContainer {...rest}>\n          <div className=\"flex flex-auto items-center justify-start gap-2\">\n            <Badge\n              theme=\"success\"\n              size=\"xs\"\n              emphasis=\"subtle\"\n              className=\"h-6 min-w-6\"\n            >\n              {numberOfSelectedRows}\n            </Badge>\n            <Text size=\"sm\" weight=\"bold\" className=\"text-white\">\n              selected\n            </Text>\n          </div>\n          <div className=\"flex flex-auto items-center justify-end gap-3\">\n            {children}\n            <ActionIcon\n              appearance=\"simple\"\n              theme=\"white\"\n              size=\"md\"\n              onClick={handleDeselectAllPageRows}\n              label=\"close\"\n            >\n              <Icon is={Close} />\n            </ActionIcon>\n          </div>\n        </StyledContainer>\n      </section>\n    )\n  },\n  {\n    SelectedRowActions: BulkActionsSelectedRowActions\n  }\n)\n"],"mappings":";;;;;;;;;;AAYA,IAAM,kBAAkB,OAAO,OAAO,EACpC,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,EACF,CAAC;AAED,IAAa,+BAA+B,OAAO,QAChD,EACC,UACA,GAAG,WACwE;CAC3E,MAAM,EAAE,cAAc,8BAA8B,aAAa;CAEjE,MAAM,eAAe,QAAM,OAAuB,IAAI;CAEtD,MAAM,uBAAuB,QAAM,cAAc;EAC/C,OAAO,OAAO,KAAK,gBAAgB,CAAC,CAAC,EAAE;CACzC,GAAG,CAAC,YAAY,CAAC;CAEjB,MAAM,kCAAkC,0BAA0B,KAAK;CAEvE,IAAI,yBAAyB,GAAG,OAAO;CAEvC,OACE,wBAAA,cAAC,WAAD;EACE,KAAK;EACL,WAAU;CA6BH,GA3BP,wBAAA,cAAC,iBAAoB,MACnB,wBAAA,cAAC,OAAD,EAAK,WAAU,kDAYV,GAXH,wBAAA,cAAC,OAAD;EACE,OAAM;EACN,MAAK;EACL,UAAS;EACT,WAAU;CAGL,GADJ,oBACI,GACP,wBAAA,cAAC,MAAD;EAAM,MAAK;EAAK,QAAO;EAAO,WAAU;CAElC,GAF+C,UAE/C,CACH,GACL,wBAAA,cAAC,OAAD,EAAK,WAAU,gDAWV,GAVF,UACD,wBAAA,cAAC,YAAD;EACE,YAAW;EACX,OAAM;EACN,MAAK;EACL,SAAS;EACT,OAAM;CAGI,GADV,wBAAA,cAAC,MAAD,EAAM,IAAI,MAAQ,CAAA,CACR,CACT,CACU,CACV;AAEb,GACA,EACE,oBAAoB,8BACtB,CACF"}
+{"version":3,"file":"DataTableBulkActionsFloating.js","names":[],"sources":["../../../src/components/data-table/DataTableBulkActionsFloating.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Badge } from '../badge/Badge'\nimport { Icon } from '../icon/Icon'\nimport { Text } from '../text/Text'\nimport { BulkActionsSelectedRowActions } from './DataTableBulkActionsSelectedRowActions'\nimport { useDataTable } from './DataTableContext'\n\nconst StyledContainer = styled('div', {\n  base: [\n    'flex',\n    'pl-3',\n    'pr-1',\n    'py-2',\n    'mb-4',\n    'mt-2',\n    'justify-between',\n    'items-center',\n    'rounded-lg',\n    'bg-primary-800',\n    'pointer-events-auto',\n    'z-2',\n    'w-full',\n    'mx-4',\n    'shadow-lg',\n    'sm:max-w-200',\n    'lg:max-w-250',\n    'lg:mb-8',\n    'lg:pl-4',\n    'lg:pr-1',\n    'lg:py-3',\n    'xl:max-w-350',\n    'xl:mb-8',\n    'xl:pl-6',\n    'xl:pr-2',\n    'xl:py-4'\n  ]\n})\n\nexport const DataTableBulkActionsFloating = Object.assign(\n  ({\n    children,\n    ...rest\n  }: React.PropsWithChildren<React.ComponentProps<typeof StyledContainer>>) => {\n    const { rowSelection, toggleAllPageRowsSelected } = useDataTable()\n\n    const actionBarRef = React.useRef<HTMLDivElement>(null)\n\n    const numberOfSelectedRows = React.useMemo(() => {\n      return Object.keys(rowSelection || {}).length\n    }, [rowSelection])\n\n    const handleDeselectAllPageRows = () => toggleAllPageRowsSelected(false)\n\n    if (numberOfSelectedRows === 0) return null\n\n    return (\n      <section\n        ref={actionBarRef}\n        className=\"pointer-events-none sticky bottom-0 left-0 flex justify-center\"\n      >\n        <StyledContainer {...rest}>\n          <div className=\"flex flex-auto items-center justify-start gap-2\">\n            <Badge\n              theme=\"success\"\n              size=\"xs\"\n              emphasis=\"subtle\"\n              className=\"h-6 min-w-6\"\n            >\n              {numberOfSelectedRows}\n            </Badge>\n            <Text size=\"sm\" weight=\"bold\" className=\"text-white\">\n              selected\n            </Text>\n          </div>\n          <div className=\"flex flex-auto items-center justify-end gap-3\">\n            {children}\n            <ActionIcon\n              appearance=\"simple\"\n              theme=\"white\"\n              size=\"md\"\n              onClick={handleDeselectAllPageRows}\n              label=\"close\"\n            >\n              <Icon is={Close} />\n            </ActionIcon>\n          </div>\n        </StyledContainer>\n      </section>\n    )\n  },\n  {\n    SelectedRowActions: BulkActionsSelectedRowActions\n  }\n)\n"],"mappings":";;;;;;;;;;AAYA,IAAM,kBAAkB,OAAO,OAAO,EACpC,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;AAEF,IAAa,+BAA+B,OAAO,QAChD,EACC,UACA,GAAG,WACwE;CAC3E,MAAM,EAAE,cAAc,8BAA8B,cAAc;CAElE,MAAM,eAAe,QAAM,OAAuB,KAAK;CAEvD,MAAM,uBAAuB,QAAM,cAAc;AAC/C,SAAO,OAAO,KAAK,gBAAgB,EAAE,CAAC,CAAC;IACtC,CAAC,aAAa,CAAC;CAElB,MAAM,kCAAkC,0BAA0B,MAAM;AAExE,KAAI,yBAAyB,EAAG,QAAO;AAEvC,QACE,wBAAA,cAAC,WAAD;EACE,KAAK;EACL,WAAU;EA6BF,EA3BR,wBAAA,cAAC,iBAAoB,MACnB,wBAAA,cAAC,OAAD,EAAK,WAAU,mDAYT,EAXJ,wBAAA,cAAC,OAAD;EACE,OAAM;EACN,MAAK;EACL,UAAS;EACT,WAAU;EAGJ,EADL,qBACK,EACR,wBAAA,cAAC,MAAD;EAAM,MAAK;EAAK,QAAO;EAAO,WAAU;EAEjC,EAF8C,WAE9C,CACH,EACN,wBAAA,cAAC,OAAD,EAAK,WAAU,iDAWT,EAVH,UACD,wBAAA,cAAC,YAAD;EACE,YAAW;EACX,OAAM;EACN,MAAK;EACL,SAAS;EACT,OAAM;EAGK,EADX,wBAAA,cAAC,MAAD,EAAM,IAAI,OAAS,CAAA,CACR,CACT,CACU,CACV;GAGd,EACE,oBAAoB,+BACrB,CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableBulkActionsSelectedRowActions.js","names":[],"sources":["../../../src/components/data-table/DataTableBulkActionsSelectedRowActions.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Button } from '../button/Button'\nimport { Divider } from '../divider/Divider'\nimport { useDataTable } from './DataTableContext'\n\nexport const BulkActionsSelectedRowActions = ({\n  cancelLabel = 'Cancel',\n  showDividers = true,\n  children\n}: {\n  cancelLabel?: string\n  showDividers?: boolean\n  children: React.ReactNode\n}) => {\n  const { toggleAllPageRowsSelected, rowSelection } = useDataTable()\n\n  const handleDeselectAllPageRows = () => toggleAllPageRowsSelected(false)\n\n  if (Object.keys(rowSelection || {}).length === 0) return null\n\n  return (\n    <>\n      {children}\n      {showDividers && React.Children.count(children) > 0 && (\n        <Divider orientation=\"vertical\" className=\"mx-4\" />\n      )}\n      <Button theme=\"neutral\" onClick={handleDeselectAllPageRows}>\n        {cancelLabel}\n      </Button>\n    </>\n  )\n}\n"],"mappings":";;;;;AAMA,IAAa,iCAAiC,EAC5C,cAAc,UACd,eAAe,MACf,eAKI;CACJ,MAAM,EAAE,2BAA2B,iBAAiB,aAAa;CAEjE,MAAM,kCAAkC,0BAA0B,KAAK;CAEvE,IAAI,OAAO,KAAK,gBAAgB,CAAC,CAAC,EAAE,WAAW,GAAG,OAAO;CAEzD,OACE,wBAAA,cAAA,QAAA,UAAA,MACG,UACA,gBAAgB,QAAM,SAAS,MAAM,QAAQ,IAAI,KAChD,wBAAA,cAAC,SAAD;EAAS,aAAY;EAAW,WAAU;CAAQ,CAAA,GAEpD,wBAAA,cAAC,QAAD;EAAQ,OAAM;EAAU,SAAS;CAEzB,GADL,WACK,CACR;AAEN"}
+{"version":3,"file":"DataTableBulkActionsSelectedRowActions.js","names":[],"sources":["../../../src/components/data-table/DataTableBulkActionsSelectedRowActions.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Button } from '../button/Button'\nimport { Divider } from '../divider/Divider'\nimport { useDataTable } from './DataTableContext'\n\nexport const BulkActionsSelectedRowActions = ({\n  cancelLabel = 'Cancel',\n  showDividers = true,\n  children\n}: {\n  cancelLabel?: string\n  showDividers?: boolean\n  children: React.ReactNode\n}) => {\n  const { toggleAllPageRowsSelected, rowSelection } = useDataTable()\n\n  const handleDeselectAllPageRows = () => toggleAllPageRowsSelected(false)\n\n  if (Object.keys(rowSelection || {}).length === 0) return null\n\n  return (\n    <>\n      {children}\n      {showDividers && React.Children.count(children) > 0 && (\n        <Divider orientation=\"vertical\" className=\"mx-4\" />\n      )}\n      <Button theme=\"neutral\" onClick={handleDeselectAllPageRows}>\n        {cancelLabel}\n      </Button>\n    </>\n  )\n}\n"],"mappings":";;;;;AAMA,IAAa,iCAAiC,EAC5C,cAAc,UACd,eAAe,MACf,eAKI;CACJ,MAAM,EAAE,2BAA2B,iBAAiB,cAAc;CAElE,MAAM,kCAAkC,0BAA0B,MAAM;AAExE,KAAI,OAAO,KAAK,gBAAgB,EAAE,CAAC,CAAC,WAAW,EAAG,QAAO;AAEzD,QACE,wBAAA,cAAA,QAAA,UAAA,MACG,UACA,gBAAgB,QAAM,SAAS,MAAM,SAAS,GAAG,KAChD,wBAAA,cAAC,SAAD;EAAS,aAAY;EAAW,WAAU;EAAS,CAAA,EAErD,wBAAA,cAAC,QAAD;EAAQ,OAAM;EAAU,SAAS;EAExB,EADN,YACM,CACR"}

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableContext.js","names":[],"sources":["../../../src/components/data-table/DataTableContext.tsx"],"sourcesContent":["import { v4 as uuid } from '@lukeed/uuid'\nimport type {\n  ExpandedState,\n  OnChangeFn,\n  PaginationState,\n  Row,\n  RowSelectionState\n} from '@tanstack/react-table'\nimport {\n  getCoreRowModel,\n  getExpandedRowModel,\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  TablePosition,\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  disabledRows?: Record<string, boolean>\n  enableRowSelection?: boolean | ((row: Row<unknown>) => boolean)\n  onRowSelectionChange?: OnChangeFn<RowSelectionState>\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  disabledRows,\n  enableRowSelection,\n  onRowSelectionChange,\n  children\n}: DataTableProviderProps): JSX.Element => {\n  const tableId = React.useRef(uuid())\n\n  const [data, setData] = React.useState<TAsyncDataResult>({\n    results: dataProp ?? [],\n    total: dataProp?.length ?? 0\n  })\n\n  const [rowSelection, setRowSelection] = React.useState<RowSelectionState>({})\n  const [expanded, setExpanded] = React.useState<ExpandedState>({})\n\n  const [tablePosition, setTablePosition] = React.useState<TablePosition>({\n    top: null,\n    bottom: null,\n    offsetTop: 0,\n    isVisible: true\n  })\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:\n      getAsyncData && paginationState\n        ? Math.ceil(getTotalRows() / paginationState.pageSize)\n        : -1,\n    initialState: initialState,\n    state: {\n      sorting,\n      globalFilter,\n      pagination: paginationState,\n      rowSelection,\n      expanded\n    },\n    manualPagination: getAsyncData && isPaginated,\n    manualSorting: getAsyncData && isPaginated,\n    enableSorting: asyncDataState !== AsyncDataState.PENDING,\n    enableGlobalFilter: !getAsyncData,\n    enableRowSelection,\n    onExpandedChange: setExpanded,\n    getSubRows: (row: Row<unknown>) => row.subRows,\n    onRowSelectionChange: (updaterOrValue) => {\n      if (onRowSelectionChange) onRowSelectionChange(updaterOrValue)\n      setRowSelection(updaterOrValue)\n    },\n    getCoreRowModel: getCoreRowModel(),\n    getPaginationRowModel: isPaginated ? getPaginationRowModel() : undefined,\n    getSortedRowModel:\n      isSortable || sorting.length ? getSortedRowModel() : undefined,\n    getFilteredRowModel: getFilteredRowModel(),\n    getExpandedRowModel: getExpandedRowModel(),\n    onPaginationChange: isPaginated ? setPaginationState : undefined,\n    onSortingChange: setSorting,\n    onGlobalFilterChange: setGlobalFilter,\n    globalFilterFn: (row, columnId, filterValue) => {\n      const checkFilterMatchesCell = (cellValue: string) =>\n        cellValue.toLowerCase().includes(filterValue.toLowerCase())\n\n      const isSubRow = row.depth > 0\n\n      if (isSubRow) return true\n\n      const value = row.getValue(columnId)\n      switch (typeof value) {\n        case 'string':\n          return checkFilterMatchesCell(value)\n        case 'boolean':\n        case 'number':\n          return checkFilterMatchesCell(String(value))\n        default:\n          return false\n      }\n    }\n  })\n\n  const value: DataTableContextType = React.useMemo(() => {\n    return {\n      ...table,\n      columns,\n      data,\n      setData,\n      setIsSortable,\n      applyPagination,\n      getTotalRows,\n      isSortable,\n      asyncDataState,\n      runAsyncData,\n      hasAsyncData: !!getAsyncData,\n      disabledRows,\n      enableRowSelection,\n      rowSelection,\n      tablePosition,\n      setTablePosition,\n      tableId: tableId.current\n    }\n  }, [\n    table,\n    applyPagination,\n    getTotalRows,\n    isSortable,\n    enableRowSelection,\n    tableId,\n    getAsyncData\n  ])\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"],"mappings":";;;;;;;;;AAkCA,IAAM,mBACJ,QAAM,cAAoD,IAAI;AAehE,IAAa,qBAAqB,EAChC,SACA,MAAM,WAAW,CAAC,GAClB,cACA,aACA,eAAe,KAAA,GACf,cACA,oBACA,sBACA,eACyC;CACzC,MAAM,UAAU,QAAM,OAAO,GAAK,CAAC;CAEnC,MAAM,CAAC,MAAM,WAAW,QAAM,SAA2B;EACvD,SAAS,YAAY,CAAC;EACtB,OAAO,UAAU,UAAU;CAC7B,CAAC;CAED,MAAM,CAAC,cAAc,mBAAmB,QAAM,SAA4B,CAAC,CAAC;CAC5E,MAAM,CAAC,UAAU,eAAe,QAAM,SAAwB,CAAC,CAAC;CAEhE,MAAM,CAAC,eAAe,oBAAoB,QAAM,SAAwB;EACtE,KAAK;EACL,QAAQ;EACR,WAAW;EACX,WAAW;CACb,CAAC;CAED,MAAM,EAAE,aAAa,iBAAiB,iBAAiB,uBACrD,cAAc,cAAc,UAAU;CAExC,MAAM,CAAC,gBAAgB,qBAAqB,QAAM,SAChD,eAAe,IACjB;CAEA,MAAM,CAAC,cAAc,mBAAmB,QAAM,SAAiB,EAAE;CAEjE,MAAM,EAAE,eAAe,YAAY,SAAS,eAC1C,gBAAgB,WAAW;CAE7B,MAAM,eAAe,QAAM,YACzB,OAAO,6BAAyD;EAC9D,IAAI,CAAC,cAAc;EAEnB,IAAI;GACF,kBAAkB,eAAe,OAAO;GAUxC,QAAQ,MARc,gBACpB,cACA,0BACA,iBACA,SACA,YACF,CAEmC;GACnC,kBAAkB,eAAe,SAAS;EAC5C,SAAS,QAAQ;GACf,kBAAkB,eAAe,QAAQ;EAC3C;CACF,GACA;EACE;EACA,iBAAiB;EACjB,iBAAiB;EACjB;EACA;CACF,CACF;CAEA,QAAM,gBAAgB;EACpB,aAAa,CAAC,CAAC;CACjB,GAAG,CAAC,YAAY,CAAC;CAEjB,2BAA2B;EACzB,IAAI,CAAC,UAAU;EAEf,QAAQ;GAAE,SAAS;GAAU,OAAO,SAAS;EAAO,CAAC;CACvD,GAAG,CAAC,QAAQ,CAAC;CAEb,MAAM,qBAAqB,KAAK;CAEhC,MAAM,QAAQ,cAAuB;EACnC;EACA,MAAM,KAAK;EACX,WACE,gBAAgB,kBACZ,KAAK,KAAK,aAAa,IAAI,gBAAgB,QAAQ,IACnD;EACQ;EACd,OAAO;GACL;GACA;GACA,YAAY;GACZ;GACA;EACF;EACA,kBAAkB,gBAAgB;EAClC,eAAe,gBAAgB;EAC/B,eAAe,mBAAmB,eAAe;EACjD,oBAAoB,CAAC;EACrB;EACA,kBAAkB;EAClB,aAAa,QAAsB,IAAI;EACvC,uBAAuB,mBAAmB;GACxC,IAAI,sBAAsB,qBAAqB,cAAc;GAC7D,gBAAgB,cAAc;EAChC;EACA,iBAAiB,gBAAgB;EACjC,uBAAuB,cAAc,sBAAsB,IAAI,KAAA;EAC/D,mBACE,cAAc,QAAQ,SAAS,kBAAkB,IAAI,KAAA;EACvD,qBAAqB,oBAAoB;EACzC,qBAAqB,oBAAoB;EACzC,oBAAoB,cAAc,qBAAqB,KAAA;EACvD,iBAAiB;EACjB,sBAAsB;EACtB,iBAAiB,KAAK,UAAU,gBAAgB;GAC9C,MAAM,0BAA0B,cAC9B,UAAU,YAAY,EAAE,SAAS,YAAY,YAAY,CAAC;GAI5D,IAFiB,IAAI,QAAQ,GAEf,OAAO;GAErB,MAAM,QAAQ,IAAI,SAAS,QAAQ;GACnC,QAAQ,OAAO,OAAf;IACE,KAAK,UACH,OAAO,uBAAuB,KAAK;IACrC,KAAK;IACL,KAAK,UACH,OAAO,uBAAuB,OAAO,KAAK,CAAC;IAC7C,SACE,OAAO;GACX;EACF;CACF,CAAC;CAED,MAAM,QAA8B,QAAM,cAAc;EACtD,OAAO;GACL,GAAG;GACH;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc,CAAC,CAAC;GAChB;GACA;GACA;GACA;GACA;GACA,SAAS,QAAQ;EACnB;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,wBAAA,cAAC,iBAAiB,UAAlB,EAAkC,MAEP,GADxB,QACwB;AAE/B;AAEA,IAAa,qBAAwD;CACnE,MAAM,UAAU,QAAM,WAAW,gBAAgB;CAEjD,IAAI,CAAC,SACH,MAAM,IAAI,MACR,iEACF;CAEF,OAAO;AACT"}
+{"version":3,"file":"DataTableContext.js","names":[],"sources":["../../../src/components/data-table/DataTableContext.tsx"],"sourcesContent":["import { v4 as uuid } from '@lukeed/uuid'\nimport type {\n  ExpandedState,\n  OnChangeFn,\n  PaginationState,\n  Row,\n  RowSelectionState\n} from '@tanstack/react-table'\nimport {\n  getCoreRowModel,\n  getExpandedRowModel,\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  TablePosition,\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  disabledRows?: Record<string, boolean>\n  enableRowSelection?: boolean | ((row: Row<unknown>) => boolean)\n  onRowSelectionChange?: OnChangeFn<RowSelectionState>\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  disabledRows,\n  enableRowSelection,\n  onRowSelectionChange,\n  children\n}: DataTableProviderProps): JSX.Element => {\n  const tableId = React.useRef(uuid())\n\n  const [data, setData] = React.useState<TAsyncDataResult>({\n    results: dataProp ?? [],\n    total: dataProp?.length ?? 0\n  })\n\n  const [rowSelection, setRowSelection] = React.useState<RowSelectionState>({})\n  const [expanded, setExpanded] = React.useState<ExpandedState>({})\n\n  const [tablePosition, setTablePosition] = React.useState<TablePosition>({\n    top: null,\n    bottom: null,\n    offsetTop: 0,\n    isVisible: true\n  })\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:\n      getAsyncData && paginationState\n        ? Math.ceil(getTotalRows() / paginationState.pageSize)\n        : -1,\n    initialState: initialState,\n    state: {\n      sorting,\n      globalFilter,\n      pagination: paginationState,\n      rowSelection,\n      expanded\n    },\n    manualPagination: getAsyncData && isPaginated,\n    manualSorting: getAsyncData && isPaginated,\n    enableSorting: asyncDataState !== AsyncDataState.PENDING,\n    enableGlobalFilter: !getAsyncData,\n    enableRowSelection,\n    onExpandedChange: setExpanded,\n    getSubRows: (row: Row<unknown>) => row.subRows,\n    onRowSelectionChange: (updaterOrValue) => {\n      if (onRowSelectionChange) onRowSelectionChange(updaterOrValue)\n      setRowSelection(updaterOrValue)\n    },\n    getCoreRowModel: getCoreRowModel(),\n    getPaginationRowModel: isPaginated ? getPaginationRowModel() : undefined,\n    getSortedRowModel:\n      isSortable || sorting.length ? getSortedRowModel() : undefined,\n    getFilteredRowModel: getFilteredRowModel(),\n    getExpandedRowModel: getExpandedRowModel(),\n    onPaginationChange: isPaginated ? setPaginationState : undefined,\n    onSortingChange: setSorting,\n    onGlobalFilterChange: setGlobalFilter,\n    globalFilterFn: (row, columnId, filterValue) => {\n      const checkFilterMatchesCell = (cellValue: string) =>\n        cellValue.toLowerCase().includes(filterValue.toLowerCase())\n\n      const isSubRow = row.depth > 0\n\n      if (isSubRow) return true\n\n      const value = row.getValue(columnId)\n      switch (typeof value) {\n        case 'string':\n          return checkFilterMatchesCell(value)\n        case 'boolean':\n        case 'number':\n          return checkFilterMatchesCell(String(value))\n        default:\n          return false\n      }\n    }\n  })\n\n  const value: DataTableContextType = React.useMemo(() => {\n    return {\n      ...table,\n      columns,\n      data,\n      setData,\n      setIsSortable,\n      applyPagination,\n      getTotalRows,\n      isSortable,\n      asyncDataState,\n      runAsyncData,\n      hasAsyncData: !!getAsyncData,\n      disabledRows,\n      enableRowSelection,\n      rowSelection,\n      tablePosition,\n      setTablePosition,\n      tableId: tableId.current\n    }\n  }, [\n    table,\n    applyPagination,\n    getTotalRows,\n    isSortable,\n    enableRowSelection,\n    tableId,\n    getAsyncData\n  ])\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"],"mappings":";;;;;;;;;AAkCA,IAAM,mBACJ,QAAM,cAAoD,KAAK;AAejE,IAAa,qBAAqB,EAChC,SACA,MAAM,WAAW,EAAE,EACnB,cACA,aACA,eAAe,KAAA,GACf,cACA,oBACA,sBACA,eACyC;CACzC,MAAM,UAAU,QAAM,OAAO,IAAM,CAAC;CAEpC,MAAM,CAAC,MAAM,WAAW,QAAM,SAA2B;EACvD,SAAS,YAAY,EAAE;EACvB,OAAO,UAAU,UAAU;EAC5B,CAAC;CAEF,MAAM,CAAC,cAAc,mBAAmB,QAAM,SAA4B,EAAE,CAAC;CAC7E,MAAM,CAAC,UAAU,eAAe,QAAM,SAAwB,EAAE,CAAC;CAEjE,MAAM,CAAC,eAAe,oBAAoB,QAAM,SAAwB;EACtE,KAAK;EACL,QAAQ;EACR,WAAW;EACX,WAAW;EACZ,CAAC;CAEF,MAAM,EAAE,aAAa,iBAAiB,iBAAiB,uBACrD,cAAc,cAAc,WAAW;CAEzC,MAAM,CAAC,gBAAgB,qBAAqB,QAAM,SAChD,eAAe,KAChB;CAED,MAAM,CAAC,cAAc,mBAAmB,QAAM,SAAiB,GAAG;CAElE,MAAM,EAAE,eAAe,YAAY,SAAS,eAC1C,gBAAgB,YAAY;CAE9B,MAAM,eAAe,QAAM,YACzB,OAAO,6BAAyD;AAC9D,MAAI,CAAC,aAAc;AAEnB,MAAI;AACF,qBAAkB,eAAe,QAAQ;AAUzC,WARgB,MAAM,gBACpB,cACA,0BACA,iBACA,SACA,aACD,CAEmC;AACpC,qBAAkB,eAAe,UAAU;WACpC,QAAQ;AACf,qBAAkB,eAAe,SAAS;;IAG9C;EACE;EACA,iBAAiB;EACjB,iBAAiB;EACjB;EACA;EACD,CACF;AAED,SAAM,gBAAgB;AACpB,eAAa,EAAE,CAAC;IACf,CAAC,aAAa,CAAC;AAElB,4BAA2B;AACzB,MAAI,CAAC,SAAU;AAEf,UAAQ;GAAE,SAAS;GAAU,OAAO,SAAS;GAAQ,CAAC;IACrD,CAAC,SAAS,CAAC;CAEd,MAAM,qBAAqB,KAAK;CAEhC,MAAM,QAAQ,cAAuB;EACnC;EACA,MAAM,KAAK;EACX,WACE,gBAAgB,kBACZ,KAAK,KAAK,cAAc,GAAG,gBAAgB,SAAS,GACpD;EACQ;EACd,OAAO;GACL;GACA;GACA,YAAY;GACZ;GACA;GACD;EACD,kBAAkB,gBAAgB;EAClC,eAAe,gBAAgB;EAC/B,eAAe,mBAAmB,eAAe;EACjD,oBAAoB,CAAC;EACrB;EACA,kBAAkB;EAClB,aAAa,QAAsB,IAAI;EACvC,uBAAuB,mBAAmB;AACxC,OAAI,qBAAsB,sBAAqB,eAAe;AAC9D,mBAAgB,eAAe;;EAEjC,iBAAiB,iBAAiB;EAClC,uBAAuB,cAAc,uBAAuB,GAAG,KAAA;EAC/D,mBACE,cAAc,QAAQ,SAAS,mBAAmB,GAAG,KAAA;EACvD,qBAAqB,qBAAqB;EAC1C,qBAAqB,qBAAqB;EAC1C,oBAAoB,cAAc,qBAAqB,KAAA;EACvD,iBAAiB;EACjB,sBAAsB;EACtB,iBAAiB,KAAK,UAAU,gBAAgB;GAC9C,MAAM,0BAA0B,cAC9B,UAAU,aAAa,CAAC,SAAS,YAAY,aAAa,CAAC;AAI7D,OAFiB,IAAI,QAAQ,EAEf,QAAO;GAErB,MAAM,QAAQ,IAAI,SAAS,SAAS;AACpC,WAAQ,OAAO,OAAf;IACE,KAAK,SACH,QAAO,uBAAuB,MAAM;IACtC,KAAK;IACL,KAAK,SACH,QAAO,uBAAuB,OAAO,MAAM,CAAC;IAC9C,QACE,QAAO;;;EAGd,CAAC;CAEF,MAAM,QAA8B,QAAM,cAAc;AACtD,SAAO;GACL,GAAG;GACH;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc,CAAC,CAAC;GAChB;GACA;GACA;GACA;GACA;GACA,SAAS,QAAQ;GAClB;IACA;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,wBAAA,cAAC,iBAAiB,UAAlB,EAAkC,OAEN,EADzB,SACyB;;AAIhC,IAAa,qBAAwD;CACnE,MAAM,UAAU,QAAM,WAAW,iBAAiB;AAElD,KAAI,CAAC,QACH,OAAM,IAAI,MACR,kEACD;AAEH,QAAO"}

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableDataCell.js","names":[],"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/Table'\n\ntype DataTableDataCellProps = {\n  cell: Cell<Record<string, unknown>, unknown>\n}\n\nexport const DataTableDataCell = ({ cell }: DataTableDataCellProps) => {\n  return (\n    <Table.Cell key={cell.id}>\n      {flexRender(cell.column.columnDef.cell, cell.getContext())}\n    </Table.Cell>\n  )\n}\n"],"mappings":";;;;AAUA,IAAa,qBAAqB,EAAE,WAAmC;CACrE,OACE,wBAAA,cAAC,MAAM,MAAP,EAAY,KAAK,KAAK,GAEV,GADT,WAAW,KAAK,OAAO,UAAU,MAAM,KAAK,WAAW,CAAC,CAC/C;AAEhB"}
+{"version":3,"file":"DataTableDataCell.js","names":[],"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/Table'\n\ntype DataTableDataCellProps = {\n  cell: Cell<Record<string, unknown>, unknown>\n}\n\nexport const DataTableDataCell = ({ cell }: DataTableDataCellProps) => {\n  return (\n    <Table.Cell key={cell.id}>\n      {flexRender(cell.column.columnDef.cell, cell.getContext())}\n    </Table.Cell>\n  )\n}\n"],"mappings":";;;;AAUA,IAAa,qBAAqB,EAAE,WAAmC;AACrE,QACE,wBAAA,cAAC,MAAM,MAAP,EAAY,KAAK,KAAK,IAET,EADV,WAAW,KAAK,OAAO,UAAU,MAAM,KAAK,YAAY,CAAC,CAC/C"}