@atom-learning/components 6.3.1 → 6.4.1

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/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;
-}, "gap" | "wrap" | "direction" | "align" | "justify"> & {
-    direction?: ("row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "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" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
-    align?: ("end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline">>) | undefined;
-    gap?: (0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 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/Flex'\nimport { Icon } from '~/components/icon/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/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","[&_&]:pl-4"]}),f=e.forwardRef((r,o)=>e.createElement(m,{as:"ul",ref:o,...r,direction:"column"}));export{f 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/Flex'\nimport { styled } from '~/styled'\n\nconst StyledList = styled(Flex, {\n  base: ['w-full', '[&_&]: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,YAAY,CAC/B,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;
-}, "gap" | "wrap" | "direction" | "align" | "justify"> & {
-    direction?: ("row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "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" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
-    align?: ("end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline">>) | undefined;
-    gap?: (0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 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/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"}