@atom-learning/components 6.2.2 → 6.4.0

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

@@ -1 +1 @@
-{"version":3,"file":"Tree.js","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<HTMLElement, 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"],"names":["TreeRoot","React","children","rest","ref","TreeList","Tree","TreeCollapsible","TreeCollapsibleContent","TreeCollapsibleTrigger","TreeItem","TreeIcon","TreeText"],"mappings":"0XAYO,MAAMA,EAAWC,EAAM,WAC5B,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAK,EAAGC,IAEpBH,EAAA,cAACI,EAAA,CAAU,GAAGF,EAAM,IAAKC,EAAK,KAAK,MAAA,EAChCF,CACH,CAGN,EAEaI,EAAO,OAAO,OAAON,EAAU,CAC1C,YAAaO,EACb,mBAAoBC,EACpB,mBAAoBC,EACpB,KAAMC,EACN,KAAMC,EACN,KAAMC,CACR,CAAC"}
+{"version":3,"file":"Tree.js","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"],"names":["TreeRoot","React","children","rest","ref","TreeList","Tree","TreeCollapsible","TreeCollapsibleContent","TreeCollapsibleTrigger","TreeItem","TreeIcon","TreeText"],"mappings":"0XAYO,MAAMA,EAAWC,EAAM,WAC5B,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAK,EAAGC,IAEpBH,EAAA,cAACI,EAAA,CAAU,GAAGF,EAAM,IAAKC,EAAK,KAAK,MAAA,EAChCF,CACH,CAGN,EAEaI,EAAO,OAAO,OAAON,EAAU,CAC1C,YAAaO,EACb,mBAAoBC,EACpB,mBAAoBC,EACpB,KAAMC,EACN,KAAMC,EACN,KAAMC,CACR,CAAC"}

package/dist/components/tree/TreeCollapsibleContent.d.ts

@@ -4,5 +4,5 @@ declare const StyledTreeCollapsibleContent: React.ForwardRefExoticComponent<Omit
     as?: React.ElementType;
 }>;
 type TreeCollapsibleContentProps = React.ComponentProps<typeof StyledTreeCollapsibleContent> & React.ComponentProps<typeof TreeList>;
-export declare const TreeCollapsibleContent: React.ForwardRefExoticComponent<Omit<TreeCollapsibleContentProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export declare const TreeCollapsibleContent: React.ForwardRefExoticComponent<Omit<TreeCollapsibleContentProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"TreeCollapsibleContent.js","sources":["../../../src/components/tree/TreeCollapsibleContent.tsx"],"sourcesContent":["import { Content } from '@radix-ui/react-collapsible'\nimport React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { TreeCollapsibleContext } from './TreeCollapsible'\nimport { TreeList } from './TreeList'\n\nconst StyledTreeCollapsibleContent = styled(Content, {\n  base: ['data-[state=closed]:hidden']\n})\n\ntype TreeCollapsibleContentProps = React.ComponentProps<\n  typeof StyledTreeCollapsibleContent\n> &\n  React.ComponentProps<typeof TreeList>\n\nexport const TreeCollapsibleContent = React.forwardRef<\n  HTMLElement,\n  TreeCollapsibleContentProps\n>(({ children, ...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    <StyledTreeCollapsibleContent onKeyDown={handleOnKeydown} {...rest} asChild>\n      <TreeList ref={ref} role=\"group\">\n        {children}\n      </TreeList>\n    </StyledTreeCollapsibleContent>\n  )\n})\n"],"names":["StyledTreeCollapsibleContent","styled","Content","TreeCollapsibleContent","React","children","rest","ref","triggerRef","TreeCollapsibleContext","e","TreeList"],"mappings":"2NAQA,MAAMA,EAA+BC,EAAOC,EAAS,CACnD,KAAM,CAAC,4BAA4B,CACrC,CAAC,EAOYC,EAAyBC,EAAM,WAG1C,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAK,EAAGC,IAAqB,CAC7C,KAAM,CAAE,WAAAC,CAAW,EAAIJ,EAAM,WAAWK,CAAsB,EAY9D,OACEL,EAAA,cAACJ,EAAA,CAA6B,UAXPU,GAAM,CACxBF,GAAA,MAAAA,EAAY,SACbE,EAAE,MAAQ,WACZA,EAAE,gBAAgB,EAClBA,EAAE,eAAA,EACFF,EAAW,QAAQ,MAAM,EACzBA,EAAW,QAAQ,QAEvB,EAG6D,GAAGF,EAAM,QAAO,EAAA,EACzEF,EAAA,cAACO,EAAA,CAAS,IAAKJ,EAAK,KAAK,OACtBF,EAAAA,CACH,CACF,CAEJ,CAAC"}
+{"version":3,"file":"TreeCollapsibleContent.js","sources":["../../../src/components/tree/TreeCollapsibleContent.tsx"],"sourcesContent":["import { Content } from '@radix-ui/react-collapsible'\nimport React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { TreeCollapsibleContext } from './TreeCollapsible'\nimport { TreeList } from './TreeList'\n\nconst StyledTreeCollapsibleContent = styled(Content, {\n  base: ['data-[state=closed]:hidden']\n})\n\ntype TreeCollapsibleContentProps = React.ComponentProps<\n  typeof StyledTreeCollapsibleContent\n> &\n  React.ComponentProps<typeof TreeList>\n\nexport const TreeCollapsibleContent = React.forwardRef<\n  HTMLUListElement,\n  TreeCollapsibleContentProps\n>(({ children, ...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    <StyledTreeCollapsibleContent onKeyDown={handleOnKeydown} {...rest} asChild>\n      <TreeList ref={ref} role=\"group\">\n        {children}\n      </TreeList>\n    </StyledTreeCollapsibleContent>\n  )\n})\n"],"names":["StyledTreeCollapsibleContent","styled","Content","TreeCollapsibleContent","React","children","rest","ref","triggerRef","TreeCollapsibleContext","e","TreeList"],"mappings":"2NAQA,MAAMA,EAA+BC,EAAOC,EAAS,CACnD,KAAM,CAAC,4BAA4B,CACrC,CAAC,EAOYC,EAAyBC,EAAM,WAG1C,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAK,EAAGC,IAAqB,CAC7C,KAAM,CAAE,WAAAC,CAAW,EAAIJ,EAAM,WAAWK,CAAsB,EAY9D,OACEL,EAAA,cAACJ,EAAA,CAA6B,UAXPU,GAAM,CACxBF,GAAA,MAAAA,EAAY,SACbE,EAAE,MAAQ,WACZA,EAAE,gBAAgB,EAClBA,EAAE,eAAA,EACFF,EAAW,QAAQ,MAAM,EACzBA,EAAW,QAAQ,QAEvB,EAG6D,GAAGF,EAAM,QAAO,EAAA,EACzEF,EAAA,cAACO,EAAA,CAAS,IAAKJ,EAAK,KAAK,OACtBF,EAAAA,CACH,CACF,CAEJ,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"TreeCollapsibleTrigger.js","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'\nimport { Icon } from '~/components/icon'\nimport { styled } from '~/styled'\n\nimport { TreeCollapsibleContext } from './TreeCollapsible'\nimport { TreeItemContent } from './TreeItemContent'\n\nconst StyledTreeCollapsibleTrigger = styled(TreeItemContent, {\n  base: ['cursor-pointer']\n})\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  ...rest\n}: TNavigationMenuCollapsibleTriggerProps) => {\n  const { setTriggerRef, triggerRef } = React.useContext(TreeCollapsibleContext)\n\n  return (\n    <StyledTreeCollapsibleTrigger\n      {...rest}\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: PointerEvent) => e.stopPropagation()}\n        >\n          <Icon is={ChevronDown} />\n        </StyledActionIcon>\n      </Trigger>\n      {children}\n    </StyledTreeCollapsibleTrigger>\n  )\n}\n"],"names":["StyledTreeCollapsibleTrigger","styled","TreeItemContent","StyledActionIcon","ActionIcon","TreeCollapsibleTrigger","children","label","rest","setTriggerRef","triggerRef","React","TreeCollapsibleContext","event","_a","_b","Trigger","e","Icon","ChevronDown"],"mappings":"6XAWA,MAAMA,EAA+BC,EAAOC,EAAiB,CAC3D,KAAM,CAAC,gBAAgB,CACzB,CAAC,EAEKC,EAAmBF,EAAOG,EAAY,CAC1C,KAAM,CACJ,WACA,SACA,QACA,sBACA,uBACA,+BACA,wCACA,mCACF,CACF,CAAC,EAQYC,EAAyB,CAAC,CACrC,SAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAA8C,CAC5C,KAAM,CAAE,cAAAC,EAAe,WAAAC,CAAW,EAAIC,EAAM,WAAWC,CAAsB,EAE7E,OACED,EAAA,cAACX,EAAA,CACE,GAAGQ,EACJ,QAAUK,GAAU,CA5C1B,IAAAC,EAAAC,GA6CQD,EAAAN,EAAK,UAAL,MAAAM,EAAA,KAAAN,EAAeK,CAAAA,GACfE,EAAAL,GAAA,KAAA,OAAAA,EAAY,UAAZ,MAAAK,EAAqB,MAAA,CACvB,CAEAJ,EAAAA,EAAA,cAACK,EAAA,CAAQ,QAAO,IACdL,EAAA,cAACR,EAAA,CACC,KAAK,KACL,IAAKM,EACL,MAAOF,EACP,MAAM,UACN,WAAY,GACZ,QAAUU,GAAoBA,EAAE,mBAEhCN,EAAA,cAACO,EAAA,CAAK,GAAIC,CAAa,CAAA,CACzB,CACF,EACCb,CACH,CAEJ"}
+{"version":3,"file":"TreeCollapsibleTrigger.js","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'\n\nimport { TreeCollapsibleContext } from './TreeCollapsible'\nimport { TreeItemContent } from './TreeItemContent'\n\nconst StyledTreeCollapsibleTrigger = styled(TreeItemContent, {\n  base: ['cursor-pointer']\n})\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  ...rest\n}: TNavigationMenuCollapsibleTriggerProps) => {\n  const { setTriggerRef, triggerRef } = React.useContext(TreeCollapsibleContext)\n\n  return (\n    <StyledTreeCollapsibleTrigger\n      {...rest}\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: PointerEvent) => e.stopPropagation()}\n        >\n          <Icon is={ChevronDown} />\n        </StyledActionIcon>\n      </Trigger>\n      {children}\n    </StyledTreeCollapsibleTrigger>\n  )\n}\n"],"names":["StyledTreeCollapsibleTrigger","styled","TreeItemContent","StyledActionIcon","ActionIcon","TreeCollapsibleTrigger","children","label","rest","setTriggerRef","triggerRef","React","TreeCollapsibleContext","event","_a","_b","Trigger","e","Icon","ChevronDown"],"mappings":"6XAWA,MAAMA,EAA+BC,EAAOC,EAAiB,CAC3D,KAAM,CAAC,gBAAgB,CACzB,CAAC,EAEKC,EAAmBF,EAAOG,EAAY,CAC1C,KAAM,CACJ,WACA,SACA,QACA,sBACA,uBACA,+BACA,wCACA,mCACF,CACF,CAAC,EAQYC,EAAyB,CAAC,CACrC,SAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAA8C,CAC5C,KAAM,CAAE,cAAAC,EAAe,WAAAC,CAAW,EAAIC,EAAM,WAAWC,CAAsB,EAE7E,OACED,EAAA,cAACX,EAAA,CACE,GAAGQ,EACJ,QAAUK,GAAU,CA5C1B,IAAAC,EAAAC,GA6CQD,EAAAN,EAAK,UAAL,MAAAM,EAAA,KAAAN,EAAeK,CAAAA,GACfE,EAAAL,GAAA,KAAA,OAAAA,EAAY,UAAZ,MAAAK,EAAqB,MAAA,CACvB,CAEAJ,EAAAA,EAAA,cAACK,EAAA,CAAQ,QAAO,IACdL,EAAA,cAACR,EAAA,CACC,KAAK,KACL,IAAKM,EACL,MAAOF,EACP,MAAM,UACN,WAAY,GACZ,QAAUU,GAAoBA,EAAE,mBAEhCN,EAAA,cAACO,EAAA,CAAK,GAAIC,CAAa,CAAA,CACzB,CACF,EACCb,CACH,CAEJ"}

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

@@ -1 +1 @@
-{"version":3,"file":"TreeIcon.js","sources":["../../../src/components/tree/TreeIcon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon'\nimport { styled } from '~/styled'\n\nconst StyledTreeIcon = styled(Icon, {\n  base: ['shrink-0', 'self-start', 'my-1']\n})\n\nexport const TreeIcon = (\n  props: React.ComponentProps<typeof StyledTreeIcon>\n): JSX.Element => <StyledTreeIcon size=\"md\" {...props} />\n"],"names":["StyledTreeIcon","styled","Icon","TreeIcon","props","React"],"mappings":"wGAKA,MAAMA,EAAiBC,EAAOC,EAAM,CAClC,KAAM,CAAC,WAAY,aAAc,MAAM,CACzC,CAAC,EAEYC,EACXC,GACgBC,EAAA,cAACL,EAAA,CAAe,KAAK,KAAM,GAAGI,CAAO,CAAA"}
+{"version":3,"file":"TreeIcon.js","sources":["../../../src/components/tree/TreeIcon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\n\nconst StyledTreeIcon = styled(Icon, {\n  base: ['shrink-0', 'self-start', 'my-1']\n})\n\nexport const TreeIcon = (\n  props: React.ComponentProps<typeof StyledTreeIcon>\n): JSX.Element => <StyledTreeIcon size=\"md\" {...props} />\n"],"names":["StyledTreeIcon","styled","Icon","TreeIcon","props","React"],"mappings":"wGAKA,MAAMA,EAAiBC,EAAOC,EAAM,CAClC,KAAM,CAAC,WAAY,aAAc,MAAM,CACzC,CAAC,EAEYC,EACXC,GACgBC,EAAA,cAACL,EAAA,CAAe,KAAK,KAAM,GAAGI,CAAO,CAAA"}

package/dist/components/tree/TreeItemContent.d.ts

@@ -1,12 +1,6 @@
 import * as React from 'react';
 export declare const TreeItemContent: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "direction" | "align" | "wrap" | "justify" | "gap"> & {
-    direction?: ("row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">>) | undefined;
-    wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
-    justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
-    align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
-    gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
-} & {
+}, never> & {
     as?: React.ElementType;
 }, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/tree/TreeItemContent.js

@@ -1,2 +1,2 @@
-import*as r from"react";import{Flex as n}from"../flex/Flex.js";import{Icon as l}from"../icon/Icon.js";import{styled as i}from"../../styled.js";import{TreeIcon as p}from"./TreeIcon.js";import{TreeText as f}from"./TreeText.js";const a=i(n,{base:["w-full","relative","min-h-8","pl-10"]}),c=r.forwardRef(({children:t,...o},m)=>r.createElement(a,{gap:2,align:"center",ref:m,...o},r.Children.map(t,e=>typeof e=="string"||typeof e=="number"?r.createElement(f,null,e):r.isValidElement(e)&&e.type===l?r.createElement(p,{...e.props}):e)));export{c as TreeItemContent};
+import*as r from"react";import{Icon as n}from"../icon/Icon.js";import{styled as i}from"../../styled.js";import{TreeIcon as l}from"./TreeIcon.js";import{TreeText as p}from"./TreeText.js";const f=i("div",{base:["w-full","relative","min-h-8","pl-10","flex","items-center","gap-2"]}),a=r.forwardRef(({children:t,...o},m)=>r.createElement(f,{ref:m,...o},r.Children.map(t,e=>typeof e=="string"||typeof e=="number"?r.createElement(p,null,e):r.isValidElement(e)&&e.type===n?r.createElement(l,{...e.props}):e)));export{a as TreeItemContent};
 //# sourceMappingURL=TreeItemContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TreeItemContent.js","sources":["../../../src/components/tree/TreeItemContent.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { Icon } from '~/components/icon'\nimport { styled } from '~/styled'\n\nimport { TreeIcon } from './TreeIcon'\nimport { TreeText } from './TreeText'\n\nconst StyledItemContent = styled(Flex, {\n  base: ['w-full', 'relative', 'min-h-8', 'pl-10']\n})\n\ntype TreeItemContentProps = React.ComponentProps<typeof Flex>\n\nexport const TreeItemContent = React.forwardRef(\n  (\n    { children, ...rest }: TreeItemContentProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ): JSX.Element => {\n    return (\n      <StyledItemContent gap={2} align=\"center\" 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  }\n)\n"],"names":["StyledItemContent","styled","Flex","TreeItemContent","React","children","rest","ref","child","TreeText","Icon","TreeIcon"],"mappings":"iOASA,MAAMA,EAAoBC,EAAOC,EAAM,CACrC,KAAM,CAAC,SAAU,WAAY,UAAW,OAAO,CACjD,CAAC,EAIYC,EAAkBC,EAAM,WACnC,CACE,CAAE,SAAAC,EAAU,GAAGC,CAAK,EACpBC,IAGEH,EAAA,cAACJ,EAAA,CAAkB,IAAK,EAAG,MAAM,SAAS,IAAKO,EAAM,GAAGD,GAEpDF,EAAM,SAAS,IAAIC,EAAWG,GACxB,OAAOA,GAAU,UAAY,OAAOA,GAAU,SACzCJ,EAAA,cAACK,EAAA,KAAUD,CAAM,EAEtBJ,EAAM,eAAeI,CAAK,GAAKA,EAAM,OAASE,EACzCN,EAAA,cAACO,EAAA,CAAU,GAAGH,EAAM,KAAO,CAAA,EAE7BA,CACR,CAEL,CAGN"}
+{"version":3,"file":"TreeItemContent.js","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"],"names":["StyledItemContent","styled","TreeItemContent","React","children","rest","ref","child","TreeText","Icon","TreeIcon"],"mappings":"0LAQA,MAAMA,EAAoBC,EAAO,MAAO,CACtC,KAAM,CACJ,SACA,WACA,UACA,QACA,OACA,eACA,OACF,CACF,CAAC,EAIYC,EAAkBC,EAAM,WAGnC,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAK,EAAGC,IACxBH,EAAA,cAACH,EAAA,CAAkB,IAAKM,EAAM,GAAGD,CAAAA,EAE7BF,EAAM,SAAS,IAAIC,EAAWG,GACxB,OAAOA,GAAU,UAAY,OAAOA,GAAU,SACzCJ,EAAA,cAACK,EAAA,KAAUD,CAAM,EAEtBJ,EAAM,eAAeI,CAAK,GAAKA,EAAM,OAASE,EACzCN,EAAA,cAACO,EAAA,CAAU,GAAGH,EAAM,MAAO,EAE7BA,CACR,CAEL,CACD"}

package/dist/components/tree/TreeList.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { Flex } from '../../components/flex';
-type TreeListProps = Omit<React.ComponentProps<typeof Flex>, 'direction'>;
-export declare const TreeList: React.ForwardRefExoticComponent<Omit<TreeListProps, "ref"> & React.RefAttributes<HTMLElement>>;
-export {};
+export declare const TreeList: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
+    ref?: ((instance: HTMLUListElement | null) => void) | import("react").RefObject<HTMLUListElement> | null | undefined;
+}, never> & {
+    as?: import("react").ElementType;
+}>;

package/dist/components/tree/TreeList.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{Flex as t}from"../flex/Flex.js";import{styled as l}from"../../styled.js";const m=l(t,{base:["w-full","p-0","m-0","list-none","[&_&]:pl-4"]}),i=e.forwardRef((o,r)=>e.createElement(m,{as:"ul",ref:r,...o,direction:"column"}));export{i as TreeList};
+import{styled as l}from"../../styled.js";const e=l("ul",{base:["flex","flex-col","w-full","[&_&]:pl-4"]});export{e as TreeList};
 //# sourceMappingURL=TreeList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TreeList.js","sources":["../../../src/components/tree/TreeList.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { styled } from '~/styled'\n\nconst StyledList = styled(Flex, {\n  base: ['w-full', 'p-0', 'm-0', 'list-none', '[&_&]:pl-4']\n})\n\ntype TreeListProps = Omit<React.ComponentProps<typeof Flex>, 'direction'>\n\nexport const TreeList = React.forwardRef<HTMLElement, TreeListProps>(\n  (props, ref) => (\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore: Stitches polymorphic components issue due to `as=\"ul\"`\n    <StyledList as=\"ul\" ref={ref} {...props} direction=\"column\" />\n  )\n)\n"],"names":["StyledList","styled","Flex","TreeList","React","props","ref"],"mappings":"wGAKA,MAAMA,EAAaC,EAAOC,EAAM,CAC9B,KAAM,CAAC,SAAU,MAAO,MAAO,YAAa,YAAY,CAC1D,CAAC,EAIYC,EAAWC,EAAM,WAC5B,CAACC,EAAOC,IAGNF,EAAA,cAACJ,EAAA,CAAW,GAAG,KAAK,IAAKM,EAAM,GAAGD,EAAO,UAAU,SAAS,CAEhE"}
+{"version":3,"file":"TreeList.js","sources":["../../../src/components/tree/TreeList.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const TreeList = styled('ul', {\n  base: ['flex', 'flex-col', 'w-full', '[&_&]:pl-4']\n})\n"],"names":["TreeList","styled"],"mappings":"yCAEO,MAAMA,EAAWC,EAAO,KAAM,CACnC,KAAM,CAAC,OAAQ,WAAY,SAAU,YAAY,CACnD,CAAC"}

package/dist/components/tree/TreeListItem.d.ts

@@ -1,12 +1,6 @@
 import * as React from 'react';
-export declare const TreeListItem: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "direction" | "align" | "wrap" | "justify" | "gap"> & {
-    direction?: ("row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "row-reverse" | "column" | "column-reverse" | "inherit" | "initial" | "revert" | "revert-layer" | "unset">>) | undefined;
-    wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
-    justify?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "left" | "right" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
-    align?: ("end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "center" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "baseline" | "first baseline" | "last baseline">>) | undefined;
-    gap?: (0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | 2 | "0" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "1" | "2" | "3" | "4" | "24" | "5" | "6" | "7" | "8" | "9" | 24>>) | undefined;
-} & {
+export declare const TreeListItem: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void) | React.RefObject<HTMLLIElement> | null | undefined;
+}, never> & {
     as?: React.ElementType;
 }, "ref"> & React.RefAttributes<HTMLLIElement>>;

package/dist/components/tree/TreeListItem.js

@@ -1,2 +1,2 @@
-import*as e from"react";import{Flex as o}from"../flex/Flex.js";import{styled as m}from"../../styled.js";const i=m(o,{base:["not-first:mt-0.5"]}),s=e.forwardRef((t,r)=>e.createElement(i,{as:"li",gap:2,align:"center",...t,ref:r,role:"treeitem"}));export{s as TreeListItem};
+import*as e from"react";import{styled as o}from"../../styled.js";const m=o("li",{base:["not-first:mt-0.5","flex","items-center","gap-2"]}),s=e.forwardRef((t,r)=>e.createElement(m,{...t,ref:r,role:"treeitem"}));export{s as TreeListItem};
 //# sourceMappingURL=TreeListItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TreeListItem.js","sources":["../../../src/components/tree/TreeListItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { styled } from '~/styled'\n\ntype TreeListItemProps = React.ComponentProps<typeof Flex>\n\nconst StyledTreeListItem = styled(Flex, {\n  base: ['not-first:mt-0.5']\n})\n\nexport const TreeListItem = React.forwardRef(\n  (\n    props: TreeListItemProps,\n    ref: React.ForwardedRef<HTMLLIElement>\n  ): JSX.Element => {\n    return (\n      <StyledTreeListItem\n        as=\"li\"\n        gap={2}\n        align=\"center\"\n        {...props}\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore: Stitches polymorphic components issue due to `as=\"li\"`\n        ref={ref}\n        role=\"treeitem\"\n      />\n    )\n  }\n)\n"],"names":["StyledTreeListItem","styled","Flex","TreeListItem","React","props","ref"],"mappings":"wGAOA,MAAMA,EAAqBC,EAAOC,EAAM,CACtC,KAAM,CAAC,kBAAkB,CAC3B,CAAC,EAEYC,EAAeC,EAAM,WAChC,CACEC,EACAC,IAGEF,EAAA,cAACJ,EAAA,CACC,GAAG,KACH,IAAK,EACL,MAAM,SACL,GAAGK,EAGJ,IAAKC,EACL,KAAK,WACP,CAGN"}
+{"version":3,"file":"TreeListItem.js","sources":["../../../src/components/tree/TreeListItem.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\ntype TreeListItemProps = React.ComponentProps<typeof StyledTreeListItem>\n\nconst StyledTreeListItem = styled('li', {\n  base: ['not-first:mt-0.5', 'flex', 'items-center', 'gap-2']\n})\n\nexport const TreeListItem = React.forwardRef<HTMLLIElement, TreeListItemProps>(\n  (props, ref) => <StyledTreeListItem {...props} ref={ref} role=\"treeitem\" />\n)\n"],"names":["StyledTreeListItem","styled","TreeListItem","React","props","ref"],"mappings":"iEAMA,MAAMA,EAAqBC,EAAO,KAAM,CACtC,KAAM,CAAC,mBAAoB,OAAQ,eAAgB,OAAO,CAC5D,CAAC,EAEYC,EAAeC,EAAM,WAChC,CAACC,EAAOC,IAAQF,EAAA,cAACH,EAAA,CAAoB,GAAGI,EAAO,IAAKC,EAAK,KAAK,WAAW,CAC3E"}

package/dist/components/tree/TreeText.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Text } from '../../components/text';
+import { Text } from '../../components/text/Text';
 type TStyledTreeTextProps = React.ComponentProps<typeof Text>;
 export declare const TreeText: (props: TStyledTreeTextProps) => JSX.Element;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"TreeText.js","sources":["../../../src/components/tree/TreeText.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport React from 'react'\n\nimport { Text } from '~/components/text'\n\ntype TStyledTreeTextProps = React.ComponentProps<typeof Text>\n\nexport const TreeText = (props: TStyledTreeTextProps): JSX.Element => (\n  <Text\n    as=\"span\"\n    className={clsx(\n      'py-0.5',\n      'whitespace-nowrap',\n      'overflow-x-hidden',\n      'text-ellipsis',\n      props.className\n    )}\n    size=\"md\"\n    {...props}\n  />\n)\n"],"names":["TreeText","props","React","Text","clsx"],"mappings":"gFAOO,MAAMA,EAAYC,GACvBC,EAAA,cAACC,EAAA,CACC,GAAG,OACH,UAAWC,EACT,SACA,oBACA,oBACA,gBACAH,EAAM,SACR,EACA,KAAK,KACJ,GAAGA,CACN,CAAA"}
+{"version":3,"file":"TreeText.js","sources":["../../../src/components/tree/TreeText.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport React from 'react'\n\nimport { Text } from '~/components/text/Text'\n\ntype TStyledTreeTextProps = React.ComponentProps<typeof Text>\n\nexport const TreeText = (props: TStyledTreeTextProps): JSX.Element => (\n  <Text\n    as=\"span\"\n    className={clsx(\n      'py-0.5',\n      'whitespace-nowrap',\n      'overflow-x-hidden',\n      'text-ellipsis',\n      props.className\n    )}\n    size=\"md\"\n    {...props}\n  />\n)\n"],"names":["TreeText","props","React","Text","clsx"],"mappings":"gFAOO,MAAMA,EAAYC,GACvBC,EAAA,cAACC,EAAA,CACC,GAAG,OACH,UAAWC,EACT,SACA,oBACA,oBACA,gBACAH,EAAM,SACR,EACA,KAAK,KACJ,GAAGA,CACN,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"Video.js","sources":["../../../src/components/video/Video.tsx"],"sourcesContent":["import * as React from 'react'\n// Note: Only loading vimeo to reduce the bundle size  https://www.npmjs.com/package/react-player\nimport ReactPlayer from 'react-player/vimeo'\n\nimport { CSSWrapper } from '~/utilities/css-wrapper'\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"],"names":["Video","React","id","ratio","className","remainingProps","ref","CSSWrapper","ReactPlayer"],"mappings":"iIAgBa,MAAAA,EAAQC,EAAM,WACzB,CAAC,CAAE,GAAAC,EAAI,MAAAC,EAAQ,EAAI,GAAI,UAAAC,EAAW,GAAGC,CAAe,EAAGC,IACrDL,EAAA,cAACM,EAAA,CAAW,UAAWH,GACrBH,EAAA,cAAC,MACC,CAAA,MAAO,CAAE,UAAW,GAAGE,EAAQ,GAAG,GAAI,EACtC,UAAU,6DAAA,EAEVF,EAAA,cAACO,EAAA,CACE,GAAGH,EACJ,KAAK,SACL,IAAK,kCAAkCH,CAAE,GACzC,OAAO,OACP,MAAM,OACN,IAAKI,EACL,UAAU,wBACZ,CACF,CACF,CAEJ,EAEAN,EAAM,YAAc"}
+{"version":3,"file":"Video.js","sources":["../../../src/components/video/Video.tsx"],"sourcesContent":["import * as React from 'react'\n// Note: Only loading vimeo to reduce the bundle size  https://www.npmjs.com/package/react-player\nimport ReactPlayer from 'react-player/vimeo'\n\nimport { 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"],"names":["Video","React","id","ratio","className","remainingProps","ref","CSSWrapper","ReactPlayer"],"mappings":"iIAgBa,MAAAA,EAAQC,EAAM,WACzB,CAAC,CAAE,GAAAC,EAAI,MAAAC,EAAQ,EAAI,GAAI,UAAAC,EAAW,GAAGC,CAAe,EAAGC,IACrDL,EAAA,cAACM,EAAA,CAAW,UAAWH,GACrBH,EAAA,cAAC,MACC,CAAA,MAAO,CAAE,UAAW,GAAGE,EAAQ,GAAG,GAAI,EACtC,UAAU,6DAAA,EAEVF,EAAA,cAACO,EAAA,CACE,GAAGH,EACJ,KAAK,SACL,IAAK,kCAAkCH,CAAE,GACzC,OAAO,OACP,MAAM,OACN,IAAKI,EACL,UAAU,wBACZ,CACF,CACF,CAEJ,EAEAN,EAAM,YAAc"}