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

package/dist/components/tree/Tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.js","names":[],"sources":["../../../src/components/tree/Tree.tsx"],"sourcesContent":["import React from 'react'\n\nimport { TreeCollapsible } from './TreeCollapsible'\nimport { TreeCollapsibleContent } from './TreeCollapsibleContent'\nimport { TreeCollapsibleTrigger } from './TreeCollapsibleTrigger'\nimport { TreeIcon } from './TreeIcon'\nimport { TreeItem } from './TreeItem'\nimport { TreeList } from './TreeList'\nimport { TreeText } from './TreeText'\n\ntype TreeProps = React.ComponentProps<typeof TreeList>\n\nexport const TreeRoot = React.forwardRef<HTMLUListElement, TreeProps>(\n  ({ children, ...rest }, ref) => {\n    return (\n      <TreeList {...rest} ref={ref} role=\"tree\">\n        {children}\n      </TreeList>\n    )\n  }\n)\n\nexport const Tree = Object.assign(TreeRoot, {\n  Collapsible: TreeCollapsible,\n  CollapsibleContent: TreeCollapsibleContent,\n  CollapsibleTrigger: TreeCollapsibleTrigger,\n  Item: TreeItem,\n  Icon: TreeIcon,\n  Text: TreeText\n})\n"],"mappings":";;;;;;;;;AAYA,IAAa,WAAW,MAAM,YAC3B,EAAE,UAAU,GAAG,QAAQ,QAAQ;CAC9B,OACE,sBAAA,cAAC,UAAD;EAAU,GAAI;EAAW;EAAK,MAAK;CAEzB,GADP,QACO;AAEd,CACF;AAEA,IAAa,OAAO,OAAO,OAAO,UAAU;CAC1C,aAAa;CACb,oBAAoB;CACpB,oBAAoB;CACpB,MAAM;CACN,MAAM;CACN,MAAM;AACR,CAAC"}
+{"version":3,"file":"Tree.js","names":[],"sources":["../../../src/components/tree/Tree.tsx"],"sourcesContent":["import React from 'react'\n\nimport { TreeCollapsible } from './TreeCollapsible'\nimport { TreeCollapsibleContent } from './TreeCollapsibleContent'\nimport { TreeCollapsibleTrigger } from './TreeCollapsibleTrigger'\nimport { TreeIcon } from './TreeIcon'\nimport { TreeItem } from './TreeItem'\nimport { TreeList } from './TreeList'\nimport { TreeText } from './TreeText'\n\ntype TreeProps = React.ComponentProps<typeof TreeList>\n\nexport const TreeRoot = React.forwardRef<HTMLUListElement, TreeProps>(\n  ({ children, ...rest }, ref) => {\n    return (\n      <TreeList {...rest} ref={ref} role=\"tree\">\n        {children}\n      </TreeList>\n    )\n  }\n)\n\nexport const Tree = Object.assign(TreeRoot, {\n  Collapsible: TreeCollapsible,\n  CollapsibleContent: TreeCollapsibleContent,\n  CollapsibleTrigger: TreeCollapsibleTrigger,\n  Item: TreeItem,\n  Icon: TreeIcon,\n  Text: TreeText\n})\n"],"mappings":";;;;;;;;;AAYA,IAAa,WAAW,MAAM,YAC3B,EAAE,UAAU,GAAG,QAAQ,QAAQ;AAC9B,QACE,sBAAA,cAAC,UAAD;EAAU,GAAI;EAAW;EAAK,MAAK;EAExB,EADR,SACQ;EAGhB;AAED,IAAa,OAAO,OAAO,OAAO,UAAU;CAC1C,aAAa;CACb,oBAAoB;CACpB,oBAAoB;CACpB,MAAM;CACN,MAAM;CACN,MAAM;CACP,CAAC"}

package/dist/components/tree/TreeCollapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeCollapsible.js","names":[],"sources":["../../../src/components/tree/TreeCollapsible.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-collapsible'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { useCallbackRef } from '~/utilities/hooks/useCallbackRef'\n\nimport { TreeListItem } from './TreeListItem'\n\ntype TreeCollapsibleContextValue = {\n  triggerRef?: React.MutableRefObject<HTMLElement | null>\n  setTriggerRef?: (HTMLElement) => void\n}\nexport const TreeCollapsibleContext =\n  React.createContext<TreeCollapsibleContextValue>({})\nconst TreeCollapsibleProvider = ({ children }) => {\n  const [triggerRef, setTriggerRef] = useCallbackRef()\n  return (\n    <TreeCollapsibleContext.Provider value={{ triggerRef, setTriggerRef }}>\n      {children}\n    </TreeCollapsibleContext.Provider>\n  )\n}\n\nconst StyledCollapsibleTreeItemRoot = styled(Root, {\n  base: ['w-full']\n})\n\ntype TreeCollapsibleProps = React.ComponentProps<typeof Root> &\n  React.ComponentProps<typeof StyledCollapsibleTreeItemRoot>\nexport const TreeCollapsible = React.forwardRef(\n  (\n    props: TreeCollapsibleProps,\n    ref: React.ForwardedRef<HTMLLIElement>\n  ): JSX.Element => {\n    return (\n      <TreeListItem ref={ref}>\n        <TreeCollapsibleProvider>\n          <StyledCollapsibleTreeItemRoot {...props} />\n        </TreeCollapsibleProvider>\n      </TreeListItem>\n    )\n  }\n)\n"],"mappings":";;;;;;AAYA,IAAa,yBACX,QAAM,cAA2C,CAAC,CAAC;AACrD,IAAM,2BAA2B,EAAE,eAAe;CAChD,MAAM,CAAC,YAAY,iBAAiB,eAAe;CACnD,OACE,wBAAA,cAAC,uBAAuB,UAAxB,EAAiC,OAAO;EAAE;EAAY;CAAc,EAEnC,GAD9B,QAC8B;AAErC;AAEA,IAAM,gCAAgC,OAAO,MAAM,EACjD,MAAM,CAAC,QAAQ,EACjB,CAAC;AAID,IAAa,kBAAkB,QAAM,YAEjC,OACA,QACgB;CAChB,OACE,wBAAA,cAAC,cAAD,EAAmB,IAIL,GAHZ,wBAAA,cAAC,yBAAA,MACC,wBAAA,cAAC,+BAAkC,KAAQ,CACpB,CACb;AAElB,CACF"}
+{"version":3,"file":"TreeCollapsible.js","names":[],"sources":["../../../src/components/tree/TreeCollapsible.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-collapsible'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { useCallbackRef } from '~/utilities/hooks/useCallbackRef'\n\nimport { TreeListItem } from './TreeListItem'\n\ntype TreeCollapsibleContextValue = {\n  triggerRef?: React.MutableRefObject<HTMLElement | null>\n  setTriggerRef?: (HTMLElement) => void\n}\nexport const TreeCollapsibleContext =\n  React.createContext<TreeCollapsibleContextValue>({})\nconst TreeCollapsibleProvider = ({ children }) => {\n  const [triggerRef, setTriggerRef] = useCallbackRef()\n  return (\n    <TreeCollapsibleContext.Provider value={{ triggerRef, setTriggerRef }}>\n      {children}\n    </TreeCollapsibleContext.Provider>\n  )\n}\n\nconst StyledCollapsibleTreeItemRoot = styled(Root, {\n  base: ['w-full']\n})\n\ntype TreeCollapsibleProps = React.ComponentProps<typeof Root> &\n  React.ComponentProps<typeof StyledCollapsibleTreeItemRoot>\nexport const TreeCollapsible = React.forwardRef(\n  (\n    props: TreeCollapsibleProps,\n    ref: React.ForwardedRef<HTMLLIElement>\n  ): JSX.Element => {\n    return (\n      <TreeListItem ref={ref}>\n        <TreeCollapsibleProvider>\n          <StyledCollapsibleTreeItemRoot {...props} />\n        </TreeCollapsibleProvider>\n      </TreeListItem>\n    )\n  }\n)\n"],"mappings":";;;;;;AAYA,IAAa,yBACX,QAAM,cAA2C,EAAE,CAAC;AACtD,IAAM,2BAA2B,EAAE,eAAe;CAChD,MAAM,CAAC,YAAY,iBAAiB,gBAAgB;AACpD,QACE,wBAAA,cAAC,uBAAuB,UAAxB,EAAiC,OAAO;EAAE;EAAY;EAAe,EAEnC,EAD/B,SAC+B;;AAItC,IAAM,gCAAgC,OAAO,MAAM,EACjD,MAAM,CAAC,SAAS,EACjB,CAAC;AAIF,IAAa,kBAAkB,QAAM,YAEjC,OACA,QACgB;AAChB,QACE,wBAAA,cAAC,cAAD,EAAmB,KAIJ,EAHb,wBAAA,cAAC,yBAAA,MACC,wBAAA,cAAC,+BAAkC,MAAS,CACpB,CACb;EAGpB"}

package/dist/components/tree/TreeCollapsibleContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeCollapsibleContent.js","names":[],"sources":["../../../src/components/tree/TreeCollapsibleContent.tsx"],"sourcesContent":["import { Content } from '@radix-ui/react-collapsible'\nimport React from 'react'\n\nimport { cn } from '~/styled'\n\nimport { TreeCollapsibleContext } from './TreeCollapsible'\nimport { TreeList } from './TreeList'\n\ntype TreeCollapsibleContentProps = React.ComponentProps<typeof Content> &\n  React.ComponentProps<typeof TreeList>\n\nexport const TreeCollapsibleContent = React.forwardRef<\n  HTMLUListElement,\n  TreeCollapsibleContentProps\n>(({ children, className, ...rest }, ref): JSX.Element => {\n  const { triggerRef } = React.useContext(TreeCollapsibleContext)\n\n  const handleOnKeydown = (e) => {\n    if (!triggerRef?.current) return\n    if (e.key === 'Escape') {\n      e.stopPropagation()\n      e.preventDefault()\n      triggerRef.current.focus()\n      triggerRef.current.click()\n    }\n  }\n\n  return (\n    <Content\n      className={cn('data-[state=closed]:hidden', className)}\n      onKeyDown={handleOnKeydown}\n      {...rest}\n      asChild\n    >\n      <TreeList ref={ref} role=\"group\">\n        {children}\n      </TreeList>\n    </Content>\n  )\n})\n"],"mappings":";;;;;;AAWA,IAAa,yBAAyB,MAAM,YAGzC,EAAE,UAAU,WAAW,GAAG,QAAQ,QAAqB;CACxD,MAAM,EAAE,eAAe,MAAM,WAAW,sBAAsB;CAE9D,MAAM,mBAAmB,MAAM;EAC7B,IAAI,CAAC,YAAY,SAAS;EAC1B,IAAI,EAAE,QAAQ,UAAU;GACtB,EAAE,gBAAgB;GAClB,EAAE,eAAe;GACjB,WAAW,QAAQ,MAAM;GACzB,WAAW,QAAQ,MAAM;EAC3B;CACF;CAEA,OACE,sBAAA,cAAC,SAAD;EACE,WAAW,GAAG,8BAA8B,SAAS;EACrD,WAAW;EACX,GAAI;EACJ,SAAA;CAKO,GAHP,sBAAA,cAAC,UAAD;EAAe;EAAK,MAAK;CAEf,GADP,QACO,CACH;AAEb,CAAC"}
+{"version":3,"file":"TreeCollapsibleContent.js","names":[],"sources":["../../../src/components/tree/TreeCollapsibleContent.tsx"],"sourcesContent":["import { Content } from '@radix-ui/react-collapsible'\nimport React from 'react'\n\nimport { cn } from '~/styled'\n\nimport { TreeCollapsibleContext } from './TreeCollapsible'\nimport { TreeList } from './TreeList'\n\ntype TreeCollapsibleContentProps = React.ComponentProps<typeof Content> &\n  React.ComponentProps<typeof TreeList>\n\nexport const TreeCollapsibleContent = React.forwardRef<\n  HTMLUListElement,\n  TreeCollapsibleContentProps\n>(({ children, className, ...rest }, ref): JSX.Element => {\n  const { triggerRef } = React.useContext(TreeCollapsibleContext)\n\n  const handleOnKeydown = (e) => {\n    if (!triggerRef?.current) return\n    if (e.key === 'Escape') {\n      e.stopPropagation()\n      e.preventDefault()\n      triggerRef.current.focus()\n      triggerRef.current.click()\n    }\n  }\n\n  return (\n    <Content\n      className={cn('data-[state=closed]:hidden', className)}\n      onKeyDown={handleOnKeydown}\n      {...rest}\n      asChild\n    >\n      <TreeList ref={ref} role=\"group\">\n        {children}\n      </TreeList>\n    </Content>\n  )\n})\n"],"mappings":";;;;;;AAWA,IAAa,yBAAyB,MAAM,YAGzC,EAAE,UAAU,WAAW,GAAG,QAAQ,QAAqB;CACxD,MAAM,EAAE,eAAe,MAAM,WAAW,uBAAuB;CAE/D,MAAM,mBAAmB,MAAM;AAC7B,MAAI,CAAC,YAAY,QAAS;AAC1B,MAAI,EAAE,QAAQ,UAAU;AACtB,KAAE,iBAAiB;AACnB,KAAE,gBAAgB;AAClB,cAAW,QAAQ,OAAO;AAC1B,cAAW,QAAQ,OAAO;;;AAI9B,QACE,sBAAA,cAAC,SAAD;EACE,WAAW,GAAG,8BAA8B,UAAU;EACtD,WAAW;EACX,GAAI;EACJ,SAAA;EAKQ,EAHR,sBAAA,cAAC,UAAD;EAAe;EAAK,MAAK;EAEd,EADR,SACQ,CACH;EAEZ"}

package/dist/components/tree/TreeCollapsibleTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeCollapsibleTrigger.js","names":[],"sources":["../../../src/components/tree/TreeCollapsibleTrigger.tsx"],"sourcesContent":["import { ChevronDown } from '@atom-learning/icons'\nimport { Trigger } from '@radix-ui/react-collapsible'\nimport React from 'react'\n\nimport { ActionIcon } from '~/components/action-icon/ActionIcon'\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\nimport { cn } from '~/styled'\n\nimport { TreeCollapsibleContext } from './TreeCollapsible'\nimport { TreeItemContent } from './TreeItemContent'\n\nconst StyledActionIcon = styled(ActionIcon, {\n  base: [\n    'absolute',\n    'left-0',\n    'top-0',\n    'pointer-events-none',\n    '[&_svg]:duration-300',\n    '[&_svg]:transition-transform',\n    '[&[data-state=closed]>svg]:-rotate-90',\n    '[&[data-state=open]>svg]:rotate-0'\n  ]\n})\n\ntype TNavigationMenuCollapsibleTriggerProps = React.ComponentProps<\n  typeof TreeItemContent\n> & {\n  label: string\n}\n\nexport const TreeCollapsibleTrigger = ({\n  children,\n  label,\n  className,\n  ...rest\n}: TNavigationMenuCollapsibleTriggerProps) => {\n  const { setTriggerRef, triggerRef } = React.useContext(TreeCollapsibleContext)\n\n  return (\n    <TreeItemContent\n      {...rest}\n      className={cn('cursor-pointer', className)}\n      onClick={(event) => {\n        rest.onClick?.(event)\n        triggerRef?.current?.click()\n      }}\n    >\n      <Trigger asChild>\n        <StyledActionIcon\n          size=\"sm\"\n          ref={setTriggerRef}\n          label={label}\n          theme=\"neutral\"\n          hasTooltip={false}\n          onClick={(e) => e.stopPropagation()}\n        >\n          <Icon is={ChevronDown} />\n        </StyledActionIcon>\n      </Trigger>\n      {children}\n    </TreeItemContent>\n  )\n}\n"],"mappings":";;;;;;;;;AAYA,IAAM,mBAAmB,OAAO,YAAY,EAC1C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,EACF,CAAC;AAQD,IAAa,0BAA0B,EACrC,UACA,OACA,WACA,GAAG,WACyC;CAC5C,MAAM,EAAE,eAAe,eAAe,MAAM,WAAW,sBAAsB;CAE7E,OACE,sBAAA,cAAC,iBAAD;EACE,GAAI;EACJ,WAAW,GAAG,kBAAkB,SAAS;EACzC,UAAU,UAAU;GAClB,KAAK,UAAU,KAAK;GACpB,YAAY,SAAS,MAAM;EAC7B;CAee,GAbf,sBAAA,cAAC,SAAD,EAAS,SAAA,KAWA,GAVP,sBAAA,cAAC,kBAAD;EACE,MAAK;EACL,KAAK;EACE;EACP,OAAM;EACN,YAAY;EACZ,UAAU,MAAM,EAAE,gBAAgB;CAGlB,GADhB,sBAAA,cAAC,MAAD,EAAM,IAAI,YAAc,CAAA,CACR,CACX,GACR,QACc;AAErB"}
+{"version":3,"file":"TreeCollapsibleTrigger.js","names":[],"sources":["../../../src/components/tree/TreeCollapsibleTrigger.tsx"],"sourcesContent":["import { ChevronDown } from '@atom-learning/icons'\nimport { Trigger } from '@radix-ui/react-collapsible'\nimport React from 'react'\n\nimport { ActionIcon } from '~/components/action-icon/ActionIcon'\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\nimport { cn } from '~/styled'\n\nimport { TreeCollapsibleContext } from './TreeCollapsible'\nimport { TreeItemContent } from './TreeItemContent'\n\nconst StyledActionIcon = styled(ActionIcon, {\n  base: [\n    'absolute',\n    'left-0',\n    'top-0',\n    'pointer-events-none',\n    '[&_svg]:duration-300',\n    '[&_svg]:transition-transform',\n    '[&[data-state=closed]>svg]:-rotate-90',\n    '[&[data-state=open]>svg]:rotate-0'\n  ]\n})\n\ntype TNavigationMenuCollapsibleTriggerProps = React.ComponentProps<\n  typeof TreeItemContent\n> & {\n  label: string\n}\n\nexport const TreeCollapsibleTrigger = ({\n  children,\n  label,\n  className,\n  ...rest\n}: TNavigationMenuCollapsibleTriggerProps) => {\n  const { setTriggerRef, triggerRef } = React.useContext(TreeCollapsibleContext)\n\n  return (\n    <TreeItemContent\n      {...rest}\n      className={cn('cursor-pointer', className)}\n      onClick={(event) => {\n        rest.onClick?.(event)\n        triggerRef?.current?.click()\n      }}\n    >\n      <Trigger asChild>\n        <StyledActionIcon\n          size=\"sm\"\n          ref={setTriggerRef}\n          label={label}\n          theme=\"neutral\"\n          hasTooltip={false}\n          onClick={(e) => e.stopPropagation()}\n        >\n          <Icon is={ChevronDown} />\n        </StyledActionIcon>\n      </Trigger>\n      {children}\n    </TreeItemContent>\n  )\n}\n"],"mappings":";;;;;;;;;AAYA,IAAM,mBAAmB,OAAO,YAAY,EAC1C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;AAQF,IAAa,0BAA0B,EACrC,UACA,OACA,WACA,GAAG,WACyC;CAC5C,MAAM,EAAE,eAAe,eAAe,MAAM,WAAW,uBAAuB;AAE9E,QACE,sBAAA,cAAC,iBAAD;EACE,GAAI;EACJ,WAAW,GAAG,kBAAkB,UAAU;EAC1C,UAAU,UAAU;AAClB,QAAK,UAAU,MAAM;AACrB,eAAY,SAAS,OAAO;;EAgBd,EAbhB,sBAAA,cAAC,SAAD,EAAS,SAAA,MAWC,EAVR,sBAAA,cAAC,kBAAD;EACE,MAAK;EACL,KAAK;EACE;EACP,OAAM;EACN,YAAY;EACZ,UAAU,MAAM,EAAE,iBAAiB;EAGlB,EADjB,sBAAA,cAAC,MAAD,EAAM,IAAI,aAAe,CAAA,CACR,CACX,EACT,SACe"}

package/dist/components/tree/TreeIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeIcon.js","names":[],"sources":["../../../src/components/tree/TreeIcon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { cn } from '~/styled'\n\nexport const TreeIcon = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof Icon>): JSX.Element => (\n  <Icon\n    size=\"md\"\n    {...props}\n    className={cn('my-1 shrink-0 self-start', className)}\n  />\n)\n"],"mappings":";;;;AAKA,IAAa,YAAY,EACvB,WACA,GAAG,YAEH,wBAAA,cAAC,MAAD;CACE,MAAK;CACL,GAAI;CACJ,WAAW,GAAG,4BAA4B,SAAS;AACpD,CAAA"}
+{"version":3,"file":"TreeIcon.js","names":[],"sources":["../../../src/components/tree/TreeIcon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { cn } from '~/styled'\n\nexport const TreeIcon = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof Icon>): JSX.Element => (\n  <Icon\n    size=\"md\"\n    {...props}\n    className={cn('my-1 shrink-0 self-start', className)}\n  />\n)\n"],"mappings":";;;;AAKA,IAAa,YAAY,EACvB,WACA,GAAG,YAEH,wBAAA,cAAC,MAAD;CACE,MAAK;CACL,GAAI;CACJ,WAAW,GAAG,4BAA4B,UAAU;CACpD,CAAA"}

package/dist/components/tree/TreeItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeItem.js","names":[],"sources":["../../../src/components/tree/TreeItem.tsx"],"sourcesContent":["import React from 'react'\n\nimport { TreeItemContent } from './TreeItemContent'\nimport { TreeListItem } from './TreeListItem'\n\ntype TreeItemProps = React.ComponentProps<typeof TreeItemContent>\n\nexport const TreeItem = ({ children, ...rest }: TreeItemProps): JSX.Element => {\n  return (\n    <TreeListItem>\n      <TreeItemContent {...rest}>{children}</TreeItemContent>\n    </TreeListItem>\n  )\n}\n"],"mappings":";;;;AAOA,IAAa,YAAY,EAAE,UAAU,GAAG,WAAuC;CAC7E,OACE,sBAAA,cAAC,cAAA,MACC,sBAAA,cAAC,iBAAoB,MAAO,QAA0B,CAC1C;AAElB"}
+{"version":3,"file":"TreeItem.js","names":[],"sources":["../../../src/components/tree/TreeItem.tsx"],"sourcesContent":["import React from 'react'\n\nimport { TreeItemContent } from './TreeItemContent'\nimport { TreeListItem } from './TreeListItem'\n\ntype TreeItemProps = React.ComponentProps<typeof TreeItemContent>\n\nexport const TreeItem = ({ children, ...rest }: TreeItemProps): JSX.Element => {\n  return (\n    <TreeListItem>\n      <TreeItemContent {...rest}>{children}</TreeItemContent>\n    </TreeListItem>\n  )\n}\n"],"mappings":";;;;AAOA,IAAa,YAAY,EAAE,UAAU,GAAG,WAAuC;AAC7E,QACE,sBAAA,cAAC,cAAA,MACC,sBAAA,cAAC,iBAAoB,MAAO,SAA2B,CAC1C"}

package/dist/components/tree/TreeItemContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeItemContent.js","names":[],"sources":["../../../src/components/tree/TreeItemContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\n\nimport { TreeIcon } from './TreeIcon'\nimport { TreeText } from './TreeText'\n\nconst StyledItemContent = styled('div', {\n  base: [\n    'w-full',\n    'relative',\n    'min-h-8',\n    'pl-10',\n    'flex',\n    'items-center',\n    'gap-2'\n  ]\n})\n\ntype TreeItemContentProps = React.ComponentProps<typeof StyledItemContent>\n\nexport const TreeItemContent = React.forwardRef<\n  HTMLDivElement,\n  TreeItemContentProps\n>(({ children, ...rest }, ref) => (\n  <StyledItemContent ref={ref} {...rest}>\n    {\n      React.Children.map(children, (child) => {\n        if (typeof child === 'string' || typeof child === 'number') {\n          return <TreeText>{child}</TreeText>\n        }\n        if (React.isValidElement(child) && child.type === Icon) {\n          return <TreeIcon {...child.props} />\n        }\n        return child\n      }) as React.ReactElement[]\n    }\n  </StyledItemContent>\n))\n"],"mappings":";;;;;;AAQA,IAAM,oBAAoB,OAAO,OAAO,EACtC,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;AACF,EACF,CAAC;AAID,IAAa,kBAAkB,QAAM,YAGlC,EAAE,UAAU,GAAG,QAAQ,QACxB,wBAAA,cAAC,mBAAD;CAAwB;CAAK,GAAI;AAYd,GAVf,QAAM,SAAS,IAAI,WAAW,UAAU;CACtC,IAAI,OAAO,UAAU,YAAY,OAAO,UAAU,UAChD,OAAO,wBAAA,cAAC,UAAA,MAAU,KAAgB;CAEpC,IAAI,QAAM,eAAe,KAAK,KAAK,MAAM,SAAS,MAChD,OAAO,wBAAA,cAAC,UAAa,MAAM,KAAQ;CAErC,OAAO;AACT,CAAC,CAEc,CACpB"}
+{"version":3,"file":"TreeItemContent.js","names":[],"sources":["../../../src/components/tree/TreeItemContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\n\nimport { TreeIcon } from './TreeIcon'\nimport { TreeText } from './TreeText'\n\nconst StyledItemContent = styled('div', {\n  base: [\n    'w-full',\n    'relative',\n    'min-h-8',\n    'pl-10',\n    'flex',\n    'items-center',\n    'gap-2'\n  ]\n})\n\ntype TreeItemContentProps = React.ComponentProps<typeof StyledItemContent>\n\nexport const TreeItemContent = React.forwardRef<\n  HTMLDivElement,\n  TreeItemContentProps\n>(({ children, ...rest }, ref) => (\n  <StyledItemContent ref={ref} {...rest}>\n    {\n      React.Children.map(children, (child) => {\n        if (typeof child === 'string' || typeof child === 'number') {\n          return <TreeText>{child}</TreeText>\n        }\n        if (React.isValidElement(child) && child.type === Icon) {\n          return <TreeIcon {...child.props} />\n        }\n        return child\n      }) as React.ReactElement[]\n    }\n  </StyledItemContent>\n))\n"],"mappings":";;;;;;AAQA,IAAM,oBAAoB,OAAO,OAAO,EACtC,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;AAIF,IAAa,kBAAkB,QAAM,YAGlC,EAAE,UAAU,GAAG,QAAQ,QACxB,wBAAA,cAAC,mBAAD;CAAwB;CAAK,GAAI;CAYb,EAVhB,QAAM,SAAS,IAAI,WAAW,UAAU;AACtC,KAAI,OAAO,UAAU,YAAY,OAAO,UAAU,SAChD,QAAO,wBAAA,cAAC,UAAA,MAAU,MAAiB;AAErC,KAAI,QAAM,eAAe,MAAM,IAAI,MAAM,SAAS,KAChD,QAAO,wBAAA,cAAC,UAAa,MAAM,MAAS;AAEtC,QAAO;EACP,CAEc,CACpB"}

package/dist/components/tree/TreeList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeList.js","names":[],"sources":["../../../src/components/tree/TreeList.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const TreeList = styled('ul', {\n  base: ['flex', 'flex-col', 'p-0', 'm-0', 'list-none', 'w-full', '[&_&]:pl-4']\n})\n"],"mappings":";;AAEA,IAAa,WAAW,OAAO,MAAM,EACnC,MAAM;CAAC;CAAQ;CAAY;CAAO;CAAO;CAAa;CAAU;AAAY,EAC9E,CAAC"}
+{"version":3,"file":"TreeList.js","names":[],"sources":["../../../src/components/tree/TreeList.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const TreeList = styled('ul', {\n  base: ['flex', 'flex-col', 'p-0', 'm-0', 'list-none', 'w-full', '[&_&]:pl-4']\n})\n"],"mappings":";;AAEA,IAAa,WAAW,OAAO,MAAM,EACnC,MAAM;CAAC;CAAQ;CAAY;CAAO;CAAO;CAAa;CAAU;CAAa,EAC9E,CAAC"}

package/dist/components/tree/TreeListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeListItem.js","names":[],"sources":["../../../src/components/tree/TreeListItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '~/styled'\n\ntype TreeListItemProps = React.ComponentProps<'li'>\n\nexport const TreeListItem = React.forwardRef<HTMLLIElement, TreeListItemProps>(\n  ({ className, ...props }, ref) => (\n    <li\n      {...props}\n      ref={ref}\n      role=\"treeitem\"\n      className={cn('flex items-center gap-2 not-first:mt-0.5', className)}\n    />\n  )\n)\n"],"mappings":";;;AAMA,IAAa,eAAe,QAAM,YAC/B,EAAE,WAAW,GAAG,SAAS,QACxB,wBAAA,cAAC,MAAD;CACE,GAAI;CACC;CACL,MAAK;CACL,WAAW,GAAG,4CAA4C,SAAS;AACpE,CAAA,CAEL"}
+{"version":3,"file":"TreeListItem.js","names":[],"sources":["../../../src/components/tree/TreeListItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '~/styled'\n\ntype TreeListItemProps = React.ComponentProps<'li'>\n\nexport const TreeListItem = React.forwardRef<HTMLLIElement, TreeListItemProps>(\n  ({ className, ...props }, ref) => (\n    <li\n      {...props}\n      ref={ref}\n      role=\"treeitem\"\n      className={cn('flex items-center gap-2 not-first:mt-0.5', className)}\n    />\n  )\n)\n"],"mappings":";;;AAMA,IAAa,eAAe,QAAM,YAC/B,EAAE,WAAW,GAAG,SAAS,QACxB,wBAAA,cAAC,MAAD;CACE,GAAI;CACC;CACL,MAAK;CACL,WAAW,GAAG,4CAA4C,UAAU;CACpE,CAAA,CAEL"}

package/dist/components/tree/TreeText.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeText.js","names":[],"sources":["../../../src/components/tree/TreeText.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Text } from '~/components/text/Text'\nimport { cn } from '~/styled'\n\ntype TStyledTreeTextProps = React.ComponentProps<typeof Text>\n\nexport const TreeText = (props: TStyledTreeTextProps): JSX.Element => (\n  <Text\n    as=\"span\"\n    {...props}\n    className={cn(\n      'py-0.5',\n      'whitespace-nowrap',\n      'overflow-x-hidden',\n      'text-ellipsis',\n      props.className\n    )}\n    size=\"md\"\n  />\n)\n"],"mappings":";;;;AAOA,IAAa,YAAY,UACvB,sBAAA,cAAC,MAAD;CACE,IAAG;CACH,GAAI;CACJ,WAAW,GACT,UACA,qBACA,qBACA,iBACA,MAAM,SACR;CACA,MAAK;AACN,CAAA"}
+{"version":3,"file":"TreeText.js","names":[],"sources":["../../../src/components/tree/TreeText.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Text } from '~/components/text/Text'\nimport { cn } from '~/styled'\n\ntype TStyledTreeTextProps = React.ComponentProps<typeof Text>\n\nexport const TreeText = (props: TStyledTreeTextProps): JSX.Element => (\n  <Text\n    as=\"span\"\n    {...props}\n    className={cn(\n      'py-0.5',\n      'whitespace-nowrap',\n      'overflow-x-hidden',\n      'text-ellipsis',\n      props.className\n    )}\n    size=\"md\"\n  />\n)\n"],"mappings":";;;;AAOA,IAAa,YAAY,UACvB,sBAAA,cAAC,MAAD;CACE,IAAG;CACH,GAAI;CACJ,WAAW,GACT,UACA,qBACA,qBACA,iBACA,MAAM,UACP;CACD,MAAK;CACL,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"Video.js","names":[],"sources":["../../../src/components/video/Video.tsx"],"sourcesContent":["import * as React from 'react'\n// Note: Only loading vimeo to reduce the bundle size  https://www.npmjs.com/package/react-player\nimport ReactPlayer from 'react-player/vimeo.js'\n\nimport { CSSWrapper } from '~/utilities/css-wrapper/CSSWrapper'\nimport { Override } from '~/utilities/types'\n\ntype VideoProps = Override<\n  React.ComponentProps<typeof ReactPlayer>,\n  {\n    id: string\n    ratio?: number\n    className?: string\n  }\n>\n\nexport const Video = React.forwardRef<any, VideoProps>(\n  ({ id, ratio = 9 / 16, className, ...remainingProps }, ref) => (\n    <CSSWrapper className={className}>\n      <div\n        style={{ '--ratio': `${ratio * 100}%` }}\n        className=\"relative h-0 w-full overflow-hidden rounded-sm pt-(--ratio)\"\n      >\n        <ReactPlayer\n          {...remainingProps}\n          role=\"figure\"\n          url={`https://player.vimeo.com/video/${id}`}\n          height=\"100%\"\n          width=\"100%\"\n          ref={ref}\n          className=\"absolute top-0 left-0\"\n        />\n      </div>\n    </CSSWrapper>\n  )\n)\n\nVideo.displayName = 'Video'\n"],"mappings":";;;;AAgBA,IAAa,QAAQ,QAAM,YACxB,EAAE,IAAI,QAAQ,IAAI,IAAI,WAAW,GAAG,kBAAkB,QACrD,wBAAA,cAAC,YAAD,EAAuB,UAeX,GAdV,wBAAA,cAAC,OAAD;CACE,OAAO,EAAE,WAAW,GAAG,QAAQ,IAAI,GAAG;CACtC,WAAU;AAWP,GATH,wBAAA,cAAC,aAAD;CACE,GAAI;CACJ,MAAK;CACL,KAAK,kCAAkC;CACvC,QAAO;CACP,OAAM;CACD;CACL,WAAU;AACX,CAAA,CACE,CACK,CAEhB;AAEA,MAAM,cAAc"}
+{"version":3,"file":"Video.js","names":[],"sources":["../../../src/components/video/Video.tsx"],"sourcesContent":["import * as React from 'react'\n// Note: Only loading vimeo to reduce the bundle size  https://www.npmjs.com/package/react-player\nimport ReactPlayer from 'react-player/vimeo.js'\n\nimport { CSSWrapper } from '~/utilities/css-wrapper/CSSWrapper'\nimport { Override } from '~/utilities/types'\n\ntype VideoProps = Override<\n  React.ComponentProps<typeof ReactPlayer>,\n  {\n    id: string\n    ratio?: number\n    className?: string\n  }\n>\n\nexport const Video = React.forwardRef<any, VideoProps>(\n  ({ id, ratio = 9 / 16, className, ...remainingProps }, ref) => (\n    <CSSWrapper className={className}>\n      <div\n        style={{ '--ratio': `${ratio * 100}%` }}\n        className=\"relative h-0 w-full overflow-hidden rounded-sm pt-(--ratio)\"\n      >\n        <ReactPlayer\n          {...remainingProps}\n          role=\"figure\"\n          url={`https://player.vimeo.com/video/${id}`}\n          height=\"100%\"\n          width=\"100%\"\n          ref={ref}\n          className=\"absolute top-0 left-0\"\n        />\n      </div>\n    </CSSWrapper>\n  )\n)\n\nVideo.displayName = 'Video'\n"],"mappings":";;;;AAgBA,IAAa,QAAQ,QAAM,YACxB,EAAE,IAAI,QAAQ,IAAI,IAAI,WAAW,GAAG,kBAAkB,QACrD,wBAAA,cAAC,YAAD,EAAuB,WAeV,EAdX,wBAAA,cAAC,OAAD;CACE,OAAO,EAAE,WAAW,GAAG,QAAQ,IAAI,IAAI;CACvC,WAAU;CAWN,EATJ,wBAAA,cAAC,aAAD;CACE,GAAI;CACJ,MAAK;CACL,KAAK,kCAAkC;CACvC,QAAO;CACP,OAAM;CACD;CACL,WAAU;CACV,CAAA,CACE,CACK,CAEhB;AAED,MAAM,cAAc"}

package/dist/experiments/color-scheme/ColorScheme.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorScheme.config.js","names":[],"sources":["../../../src/experiments/color-scheme/ColorScheme.config.ts"],"sourcesContent":["type ColorSchemeKeys = 'interactive' | 'base' | 'accent' | 'foreground'\n\n// ColorScheme is a partial record, but values are always strings (never undefined)\ntype ColorScheme = Partial<\n  Record<`--${ColorSchemeKeys}` | `--${ColorSchemeKeys}-${string}`, string>\n>\n\ntype ColorSchemeConfig = { colorName: string; color0?: string }\n\nconst generateColors = ({\n  prefix,\n  colorName,\n  color0 = ''\n}: {\n  prefix: ColorSchemeKeys\n  colorName: string\n  color0?: string\n}): ColorScheme => {\n  const colors: Record<string, string> = {}\n  let i = 1\n  if (color0) {\n    colors[`--${prefix}-${i}`] = `var(--color-${color0})`\n    i++\n  }\n  let k = 1\n  for (i; i <= 11; i++) {\n    colors[`--${prefix}-${i}`] = `var(--color-${colorName}-${k * 100})`\n    k++\n  }\n  return colors as ColorScheme\n}\n\nexport const colorSchemes: Record<string, ColorScheme> = {} as Record<\n  string,\n  ColorScheme\n>\n\ncolorSchemes['interactive-loContrast'] = {\n  '--interactive-foreground': 'var(--foreground)',\n  '--interactive-1': 'var(--accent-1)',\n  '--interactive-2': 'var(--accent-2)',\n  '--interactive-3': 'var(--accent-3)'\n}\n\ncolorSchemes['interactive-hiContrast'] = {\n  '--interactive-foreground': 'var(--foreground-7-plus)',\n  '--interactive-1': 'var(--accent-9)',\n  '--interactive-2': 'var(--accent-10)',\n  '--interactive-3': 'var(--accent-11)'\n}\n\nconst colorNames = [\n  'primary',\n  'grey',\n  'blue',\n  'pink',\n  'purple',\n  'cyan',\n  'green',\n  'magenta',\n  'red',\n  'teal',\n  'orange',\n  'yellow',\n  'lime'\n]\n\nconst createVariants = () =>\n  Object.fromEntries(\n    colorNames.flatMap((c) => [\n      [`${c}1`, { colorName: c, color0: 'white' }],\n      [`${c}2`, { colorName: c }]\n    ])\n  ) as Record<string, ColorSchemeConfig>\n\nexport const bases = createVariants()\nexport const accents = bases\n;(() => {\n  Object.entries(bases).forEach(\n    ([name, config]: [string, ColorSchemeConfig]) => {\n      const themeName = `base-${name}`\n      colorSchemes[themeName] = {\n        '--foreground': 'var(--color-grey-1000)',\n        '--foreground-7-plus': 'var(--color-white)',\n        ...generateColors({\n          prefix: 'base',\n          colorName: config.colorName,\n          color0: config.color0\n        })\n      }\n    }\n  )\n\n  Object.entries(accents).forEach(\n    ([name, config]: [string, ColorSchemeConfig]) => {\n      colorSchemes[`accent-${name}`] = generateColors({\n        prefix: 'accent',\n        colorName: config.colorName,\n        color0: config.color0\n      })\n    }\n  )\n})()\n"],"mappings":";AASA,IAAM,kBAAkB,EACtB,QACA,WACA,SAAS,SAKQ;CACjB,MAAM,SAAiC,CAAC;CACxC,IAAI,IAAI;CACR,IAAI,QAAQ;EACV,OAAO,KAAK,OAAO,GAAG,OAAO,eAAe,OAAO;EACnD;CACF;CACA,IAAI,IAAI;CACR,OAAQ,KAAK,IAAI,KAAK;EACpB,OAAO,KAAK,OAAO,GAAG,OAAO,eAAe,UAAU,GAAG,IAAI,IAAI;EACjE;CACF;CACA,OAAO;AACT;AAEA,IAAa,eAA4C,CAAC;AAK1D,aAAa,4BAA4B;CACvC,4BAA4B;CAC5B,mBAAmB;CACnB,mBAAmB;CACnB,mBAAmB;AACrB;AAEA,aAAa,4BAA4B;CACvC,4BAA4B;CAC5B,mBAAmB;CACnB,mBAAmB;CACnB,mBAAmB;AACrB;AAEA,IAAM,aAAa;CACjB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,IAAM,uBACJ,OAAO,YACL,WAAW,SAAS,MAAM,CACxB,CAAC,GAAG,EAAE,IAAI;CAAE,WAAW;CAAG,QAAQ;AAAQ,CAAC,GAC3C,CAAC,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAC5B,CAAC,CACH;AAEF,IAAa,QAAQ,eAAe;AACpC,IAAa,UAAU;OACf;CACN,OAAO,QAAQ,KAAK,EAAE,SACnB,CAAC,MAAM,YAAyC;EAC/C,MAAM,YAAY,QAAQ;EAC1B,aAAa,aAAa;GACxB,gBAAgB;GAChB,uBAAuB;GACvB,GAAG,eAAe;IAChB,QAAQ;IACR,WAAW,OAAO;IAClB,QAAQ,OAAO;GACjB,CAAC;EACH;CACF,CACF;CAEA,OAAO,QAAQ,OAAO,EAAE,SACrB,CAAC,MAAM,YAAyC;EAC/C,aAAa,UAAU,UAAU,eAAe;GAC9C,QAAQ;GACR,WAAW,OAAO;GAClB,QAAQ,OAAO;EACjB,CAAC;CACH,CACF;AACF,GAAG"}
+{"version":3,"file":"ColorScheme.config.js","names":[],"sources":["../../../src/experiments/color-scheme/ColorScheme.config.ts"],"sourcesContent":["type ColorSchemeKeys = 'interactive' | 'base' | 'accent' | 'foreground'\n\n// ColorScheme is a partial record, but values are always strings (never undefined)\ntype ColorScheme = Partial<\n  Record<`--${ColorSchemeKeys}` | `--${ColorSchemeKeys}-${string}`, string>\n>\n\ntype ColorSchemeConfig = { colorName: string; color0?: string }\n\nconst generateColors = ({\n  prefix,\n  colorName,\n  color0 = ''\n}: {\n  prefix: ColorSchemeKeys\n  colorName: string\n  color0?: string\n}): ColorScheme => {\n  const colors: Record<string, string> = {}\n  let i = 1\n  if (color0) {\n    colors[`--${prefix}-${i}`] = `var(--color-${color0})`\n    i++\n  }\n  let k = 1\n  for (i; i <= 11; i++) {\n    colors[`--${prefix}-${i}`] = `var(--color-${colorName}-${k * 100})`\n    k++\n  }\n  return colors as ColorScheme\n}\n\nexport const colorSchemes: Record<string, ColorScheme> = {} as Record<\n  string,\n  ColorScheme\n>\n\ncolorSchemes['interactive-loContrast'] = {\n  '--interactive-foreground': 'var(--foreground)',\n  '--interactive-1': 'var(--accent-1)',\n  '--interactive-2': 'var(--accent-2)',\n  '--interactive-3': 'var(--accent-3)'\n}\n\ncolorSchemes['interactive-hiContrast'] = {\n  '--interactive-foreground': 'var(--foreground-7-plus)',\n  '--interactive-1': 'var(--accent-9)',\n  '--interactive-2': 'var(--accent-10)',\n  '--interactive-3': 'var(--accent-11)'\n}\n\nconst colorNames = [\n  'primary',\n  'grey',\n  'blue',\n  'pink',\n  'purple',\n  'cyan',\n  'green',\n  'magenta',\n  'red',\n  'teal',\n  'orange',\n  'yellow',\n  'lime'\n]\n\nconst createVariants = () =>\n  Object.fromEntries(\n    colorNames.flatMap((c) => [\n      [`${c}1`, { colorName: c, color0: 'white' }],\n      [`${c}2`, { colorName: c }]\n    ])\n  ) as Record<string, ColorSchemeConfig>\n\nexport const bases = createVariants()\nexport const accents = bases\n;(() => {\n  Object.entries(bases).forEach(\n    ([name, config]: [string, ColorSchemeConfig]) => {\n      const themeName = `base-${name}`\n      colorSchemes[themeName] = {\n        '--foreground': 'var(--color-grey-1000)',\n        '--foreground-7-plus': 'var(--color-white)',\n        ...generateColors({\n          prefix: 'base',\n          colorName: config.colorName,\n          color0: config.color0\n        })\n      }\n    }\n  )\n\n  Object.entries(accents).forEach(\n    ([name, config]: [string, ColorSchemeConfig]) => {\n      colorSchemes[`accent-${name}`] = generateColors({\n        prefix: 'accent',\n        colorName: config.colorName,\n        color0: config.color0\n      })\n    }\n  )\n})()\n"],"mappings":";AASA,IAAM,kBAAkB,EACtB,QACA,WACA,SAAS,SAKQ;CACjB,MAAM,SAAiC,EAAE;CACzC,IAAI,IAAI;AACR,KAAI,QAAQ;AACV,SAAO,KAAK,OAAO,GAAG,OAAO,eAAe,OAAO;AACnD;;CAEF,IAAI,IAAI;AACR,QAAQ,KAAK,IAAI,KAAK;AACpB,SAAO,KAAK,OAAO,GAAG,OAAO,eAAe,UAAU,GAAG,IAAI,IAAI;AACjE;;AAEF,QAAO;;AAGT,IAAa,eAA4C,EAAE;AAK3D,aAAa,4BAA4B;CACvC,4BAA4B;CAC5B,mBAAmB;CACnB,mBAAmB;CACnB,mBAAmB;CACpB;AAED,aAAa,4BAA4B;CACvC,4BAA4B;CAC5B,mBAAmB;CACnB,mBAAmB;CACnB,mBAAmB;CACpB;AAED,IAAM,aAAa;CACjB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,IAAM,uBACJ,OAAO,YACL,WAAW,SAAS,MAAM,CACxB,CAAC,GAAG,EAAE,IAAI;CAAE,WAAW;CAAG,QAAQ;CAAS,CAAC,EAC5C,CAAC,GAAG,EAAE,IAAI,EAAE,WAAW,GAAG,CAAC,CAC5B,CAAC,CACH;AAEH,IAAa,QAAQ,gBAAgB;AACrC,IAAa,UAAU;OACf;AACN,QAAO,QAAQ,MAAM,CAAC,SACnB,CAAC,MAAM,YAAyC;EAC/C,MAAM,YAAY,QAAQ;AAC1B,eAAa,aAAa;GACxB,gBAAgB;GAChB,uBAAuB;GACvB,GAAG,eAAe;IAChB,QAAQ;IACR,WAAW,OAAO;IAClB,QAAQ,OAAO;IAChB,CAAC;GACH;GAEJ;AAED,QAAO,QAAQ,QAAQ,CAAC,SACrB,CAAC,MAAM,YAAyC;AAC/C,eAAa,UAAU,UAAU,eAAe;GAC9C,QAAQ;GACR,WAAW,OAAO;GAClB,QAAQ,OAAO;GAChB,CAAC;GAEL;IACC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ColorScheme.js","names":[],"sources":["../../../src/experiments/color-scheme/ColorScheme.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { accents, bases, colorSchemes } from './ColorScheme.config'\n\nexport type TcolorScheme = {\n  base?: keyof typeof bases\n  accent?: keyof typeof accents\n  interactive?: 'loContrast' | 'hiContrast'\n}\n\ntype TColorSchemeOwnProps = TcolorScheme & {\n  asChild?: boolean\n}\n\ntype TColorSchemeProps = React.HTMLAttributes<HTMLDivElement> &\n  TColorSchemeOwnProps\n\n/**\n * @experimental Component has not been finalised. Further design input required. Use with caution.\n */\nexport const ColorScheme = React.forwardRef<HTMLDivElement, TColorSchemeProps>(\n  (\n    { base = '', accent = '', interactive = '', asChild = false, ...rest },\n    ref\n  ) => {\n    const Component = asChild ? Slot : 'div'\n\n    // Build style object - config ensures values are always strings (never undefined)\n    const style = {\n      ...(interactive && colorSchemes[`interactive-${interactive}`]),\n      ...(accent && colorSchemes[`accent-${accent}`]),\n      ...(base && colorSchemes[`base-${base}`])\n    } as React.CSSProperties\n\n    return <Component {...rest} ref={ref} style={style} />\n  }\n)\n\nColorScheme.displayName = 'ColorScheme'\n"],"mappings":";;;;;;;AAqBA,IAAa,cAAc,QAAM,YAE7B,EAAE,OAAO,IAAI,SAAS,IAAI,cAAc,IAAI,UAAU,OAAO,GAAG,QAChE,QACG;CACH,MAAM,YAAY,UAAU,OAAO;CAGnC,MAAM,QAAQ;EACZ,GAAI,eAAe,aAAa,eAAe;EAC/C,GAAI,UAAU,aAAa,UAAU;EACrC,GAAI,QAAQ,aAAa,QAAQ;CACnC;CAEA,OAAO,wBAAA,cAAC,WAAD;EAAW,GAAI;EAAW;EAAY;CAAQ,CAAA;AACvD,CACF;AAEA,YAAY,cAAc"}
+{"version":3,"file":"ColorScheme.js","names":[],"sources":["../../../src/experiments/color-scheme/ColorScheme.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\n\nimport { accents, bases, colorSchemes } from './ColorScheme.config'\n\nexport type TcolorScheme = {\n  base?: keyof typeof bases\n  accent?: keyof typeof accents\n  interactive?: 'loContrast' | 'hiContrast'\n}\n\ntype TColorSchemeOwnProps = TcolorScheme & {\n  asChild?: boolean\n}\n\ntype TColorSchemeProps = React.HTMLAttributes<HTMLDivElement> &\n  TColorSchemeOwnProps\n\n/**\n * @experimental Component has not been finalised. Further design input required. Use with caution.\n */\nexport const ColorScheme = React.forwardRef<HTMLDivElement, TColorSchemeProps>(\n  (\n    { base = '', accent = '', interactive = '', asChild = false, ...rest },\n    ref\n  ) => {\n    const Component = asChild ? Slot : 'div'\n\n    // Build style object - config ensures values are always strings (never undefined)\n    const style = {\n      ...(interactive && colorSchemes[`interactive-${interactive}`]),\n      ...(accent && colorSchemes[`accent-${accent}`]),\n      ...(base && colorSchemes[`base-${base}`])\n    } as React.CSSProperties\n\n    return <Component {...rest} ref={ref} style={style} />\n  }\n)\n\nColorScheme.displayName = 'ColorScheme'\n"],"mappings":";;;;;;;AAqBA,IAAa,cAAc,QAAM,YAE7B,EAAE,OAAO,IAAI,SAAS,IAAI,cAAc,IAAI,UAAU,OAAO,GAAG,QAChE,QACG;CACH,MAAM,YAAY,UAAU,OAAO;CAGnC,MAAM,QAAQ;EACZ,GAAI,eAAe,aAAa,eAAe;EAC/C,GAAI,UAAU,aAAa,UAAU;EACrC,GAAI,QAAQ,aAAa,QAAQ;EAClC;AAED,QAAO,wBAAA,cAAC,WAAD;EAAW,GAAI;EAAW;EAAY;EAAS,CAAA;EAEzD;AAED,YAAY,cAAc"}

package/dist/index.cjs.js

@@ -32,64 +32,64 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 //#endregion
 let _radix_ui_react_accordion = require("@radix-ui/react-accordion");
 let react = require("react");
-react = __toESM(react, 1);
+react = __toESM(react);
 let clsx = require("clsx");
-clsx = __toESM(clsx, 1);
+clsx = __toESM(clsx);
 let tailwind_merge = require("tailwind-merge");
 let tailwind_variants = require("tailwind-variants");
 let _atom_learning_icons = require("@atom-learning/icons");
 let _radix_ui_react_slot = require("@radix-ui/react-slot");
 let invariant = require("invariant");
-invariant = __toESM(invariant, 1);
+invariant = __toESM(invariant);
 let _radix_ui_react_tooltip = require("@radix-ui/react-tooltip");
 let _radix_ui_react_alert_dialog = require("@radix-ui/react-alert-dialog");
 let uid = require("uid");
 let throttle_debounce = require("throttle-debounce");
 let pure_react_carousel = require("pure-react-carousel");
 let _radix_ui_react_checkbox = require("@radix-ui/react-checkbox");
-_radix_ui_react_checkbox = __toESM(_radix_ui_react_checkbox, 1);
+_radix_ui_react_checkbox = __toESM(_radix_ui_react_checkbox);
 let _radix_ui_react_collapsible = require("@radix-ui/react-collapsible");
 let react_hook_form = require("react-hook-form");
 let _radix_ui_react_radio_group = require("@radix-ui/react-radio-group");
-_radix_ui_react_radio_group = __toESM(_radix_ui_react_radio_group, 1);
+_radix_ui_react_radio_group = __toESM(_radix_ui_react_radio_group);
 let dlv = require("dlv");
-dlv = __toESM(dlv, 1);
+dlv = __toESM(dlv);
 let _radix_ui_react_toggle_group = require("@radix-ui/react-toggle-group");
-_radix_ui_react_toggle_group = __toESM(_radix_ui_react_toggle_group, 1);
+_radix_ui_react_toggle_group = __toESM(_radix_ui_react_toggle_group);
 let _reach_combobox = require("@reach/combobox");
 let _lukeed_uuid = require("@lukeed/uuid");
 let _tanstack_react_table = require("@tanstack/react-table");
 let use_deep_compare_effect = require("use-deep-compare-effect");
-use_deep_compare_effect = __toESM(use_deep_compare_effect, 1);
+use_deep_compare_effect = __toESM(use_deep_compare_effect);
 let react_aria = require("react-aria");
 let _dnd_kit_sortable = require("@dnd-kit/sortable");
 let _dnd_kit_core = require("@dnd-kit/core");
 let _radix_ui_react_popover = require("@radix-ui/react-popover");
 let dayjs = require("dayjs");
-dayjs = __toESM(dayjs, 1);
+dayjs = __toESM(dayjs);
 let dayjs_plugin_customParseFormat_js = require("dayjs/plugin/customParseFormat.js");
-dayjs_plugin_customParseFormat_js = __toESM(dayjs_plugin_customParseFormat_js, 1);
+dayjs_plugin_customParseFormat_js = __toESM(dayjs_plugin_customParseFormat_js);
 let dayzed = require("dayzed");
 let _radix_ui_react_dialog = require("@radix-ui/react-dialog");
 let _radix_ui_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
 let mdast_util_directive = require("mdast-util-directive");
-mdast_util_directive = __toESM(mdast_util_directive, 1);
+mdast_util_directive = __toESM(mdast_util_directive);
 let mdast_util_from_markdown = require("mdast-util-from-markdown");
-mdast_util_from_markdown = __toESM(mdast_util_from_markdown, 1);
+mdast_util_from_markdown = __toESM(mdast_util_from_markdown);
 let micromark_extension_directive = require("micromark-extension-directive");
-micromark_extension_directive = __toESM(micromark_extension_directive, 1);
+micromark_extension_directive = __toESM(micromark_extension_directive);
 let _radix_ui_react_navigation_menu = require("@radix-ui/react-navigation-menu");
-_radix_ui_react_navigation_menu = __toESM(_radix_ui_react_navigation_menu, 1);
+_radix_ui_react_navigation_menu = __toESM(_radix_ui_react_navigation_menu);
 let _radix_ui_react_progress = require("@radix-ui/react-progress");
-_radix_ui_react_progress = __toESM(_radix_ui_react_progress, 1);
+_radix_ui_react_progress = __toESM(_radix_ui_react_progress);
 let _radix_ui_react_slider = require("@radix-ui/react-slider");
 let _radix_ui_react_switch = require("@radix-ui/react-switch");
-_radix_ui_react_switch = __toESM(_radix_ui_react_switch, 1);
+_radix_ui_react_switch = __toESM(_radix_ui_react_switch);
 let _radix_ui_react_tabs = require("@radix-ui/react-tabs");
 let react_hot_toast = require("react-hot-toast");
-react_hot_toast = __toESM(react_hot_toast, 1);
+react_hot_toast = __toESM(react_hot_toast);
 let react_player_vimeo_js = require("react-player/vimeo.js");
-react_player_vimeo_js = __toESM(react_player_vimeo_js, 1);
+react_player_vimeo_js = __toESM(react_player_vimeo_js);
 //#region src/styled.tsx
 tailwind_variants.defaultConfig.twMerge = false;
 var isArbitraryNumber = (value) => /^\[[\d.]+\]$/.test(value) || !Number.isNaN(Number(value));
@@ -120,7 +120,8 @@ function styled(el, styles, options) {
 			const responsiveVariantConfig = props[variantKey];
 			const variantStyles = styles.variants[variantKey];
 			if (typeof responsiveVariantConfig === "object" && responsiveVariantConfig && !Array.isArray(responsiveVariantConfig)) return Object.entries(responsiveVariantConfig).flatMap(([key, val]) => {
-				const styleArr = variantStyles && variantStyles[String(val)];
+				const valStr = String(val);
+				const styleArr = variantStyles && variantStyles[valStr];
 				if (styleArr && Array.isArray(styleArr)) return styleArr.flatMap((cls) => {
 					if (key === "@initial") return cls;
 					return `${key.replace("@", "")}:${cls}`;
@@ -2835,6 +2836,11 @@ var useFieldError = (fieldName) => {
 };
 //#endregion
 //#region src/components/checkbox-field/CheckboxField.tsx
+var CheckboxValue = /* @__PURE__ */ function(CheckboxValue) {
+	CheckboxValue["ON"] = "on";
+	CheckboxValue["OFF"] = "off";
+	return CheckboxValue;
+}(CheckboxValue || {});
 var CheckboxField = ({ className, label, name, validation, description, defaultChecked = false, checked, onCheckedChange, ...remainingProps }) => {
 	const { control } = (0, react_hook_form.useFormContext)();
 	const { error } = useFieldError(name);
@@ -2861,7 +2867,7 @@ var CheckboxField = ({ className, label, name, validation, description, defaultC
 			onChange(newChecked);
 			onCheckedChange?.(newChecked);
 		},
-		value: innerChecked ? "on" : "off",
+		value: innerChecked ? CheckboxValue.ON : CheckboxValue.OFF,
 		checked: innerChecked,
 		...error && { state: "error" }
 	}));
@@ -4404,6 +4410,11 @@ var DataTableError = ({ children }) => {
 };
 //#endregion
 //#region src/components/search-input/SearchInput.tsx
+var INPUT_ICON = /* @__PURE__ */ function(INPUT_ICON) {
+	INPUT_ICON["SEARCH"] = "SEARCH";
+	INPUT_ICON["CLEAR"] = "CLEAR";
+	return INPUT_ICON;
+}(INPUT_ICON || {});
 var StyledIcon$1 = styled(Icon, {
 	base: [
 		"text-grey-700",
@@ -4419,11 +4430,11 @@ var StyledIcon$1 = styled(Icon, {
 var SearchInput = react.forwardRef(({ size = "md", appearance = "standard", theme, className, value, defaultValue = "", onValueChange, clearText = "Clear", onChange, ...remainingProps }, ref) => {
 	const [inputElRef, setInputElRef] = useCallbackRef();
 	const [innerValue, setInnerValue] = react.useState(defaultValue);
-	const [activeIcon, setActiveIcon] = react.useState(defaultValue ? "CLEAR" : "SEARCH");
+	const [activeIcon, setActiveIcon] = react.useState(defaultValue ? INPUT_ICON.CLEAR : INPUT_ICON.SEARCH);
 	react.useEffect(() => {
 		if (typeof value === "undefined") return;
 		setInnerValue(value);
-		setActiveIcon(value ? "CLEAR" : "SEARCH");
+		setActiveIcon(value ? INPUT_ICON.CLEAR : INPUT_ICON.SEARCH);
 	}, [value]);
 	const iconSize = react.useMemo(() => getFieldIconSize(size), [size]);
 	react.useImperativeHandle(ref, () => inputElRef.current);
@@ -4441,10 +4452,10 @@ var SearchInput = react.forwardRef(({ size = "md", appearance = "standard", them
 		const newValue = event.target.value;
 		setInnerValue(newValue);
 		onValueChange?.(newValue);
-		setActiveIcon(newValue ? "CLEAR" : "SEARCH");
+		setActiveIcon(newValue ? INPUT_ICON.CLEAR : INPUT_ICON.SEARCH);
 	};
 	const getIcon = () => {
-		if (activeIcon === "SEARCH") return /* @__PURE__ */ react.createElement(StyledIcon$1, {
+		if (activeIcon === INPUT_ICON.SEARCH) return /* @__PURE__ */ react.createElement(StyledIcon$1, {
 			is: _atom_learning_icons.Search,
 			size,
 			className: cn(size == "sm" ? "size-4" : "size-5", "top-1/2", "-translate-y-1/2")
@@ -5437,110 +5448,22 @@ Pagination$1.displayName = "Pagination";
 * 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: Pagination$1,
-	/** 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