@atom-learning/components 6.4.2 → 6.5.0

package/dist/components/tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["import { Portal, Provider, Root, Trigger } from '@radix-ui/react-tooltip'\nimport * as React from 'react'\n\nimport { TooltipContent } from './TooltipContent'\n\ntype TooltipProps = React.ComponentProps<typeof Root>\n\nconst TooltipComponent = ({\n  children,\n  delayDuration = 350,\n  ...remainingProps\n}: TooltipProps) => (\n  <Root delayDuration={delayDuration} {...remainingProps}>\n    {children}\n  </Root>\n)\n\nexport const Tooltip = Object.assign(TooltipComponent, {\n  Content: TooltipContent,\n  Trigger: Trigger,\n  Portal: Portal,\n  Provider: Provider\n})\n\nTooltipComponent.displayName = 'Tooltip'\n"],"names":["TooltipComponent","children","delayDuration","remainingProps","React","Root","Tooltip","TooltipContent","Trigger","Portal","Provider"],"mappings":"mKAOA,MAAMA,EAAmB,CAAC,CACxB,SAAAC,EACA,cAAAC,EAAgB,IAChB,GAAGC,CACL,IACEC,EAAA,cAACC,EAAA,CAAK,cAAeH,EAAgB,GAAGC,CAAAA,EACrCF,CACH,EAGWK,EAAU,OAAO,OAAON,EAAkB,CACrD,QAASO,EACT,QAASC,EACT,OAAQC,EACR,SAAUC,CACZ,CAAC,EAEDV,EAAiB,YAAc"}
+{"version":3,"file":"Tooltip.js","names":[],"sources":["../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["import { Portal, Provider, Root, Trigger } from '@radix-ui/react-tooltip'\nimport * as React from 'react'\n\nimport { TooltipContent } from './TooltipContent'\n\ntype TooltipProps = React.ComponentProps<typeof Root>\n\nconst TooltipComponent = ({\n  children,\n  delayDuration = 350,\n  ...remainingProps\n}: TooltipProps) => (\n  <Root delayDuration={delayDuration} {...remainingProps}>\n    {children}\n  </Root>\n)\n\nexport const Tooltip = Object.assign(TooltipComponent, {\n  Content: TooltipContent,\n  Trigger: Trigger,\n  Portal: Portal,\n  Provider: Provider\n})\n\nTooltipComponent.displayName = 'Tooltip'\n"],"mappings":";;;;AAOA,IAAM,KAAoB,EACxB,aACA,mBAAgB,KAChB,GAAG,QAEH,kBAAA,cAAC,GAAD;CAAqB;CAAe,GAAI;CAEjC,EADJ,EACI,EAGI,IAAU,OAAO,OAAO,GAAkB;CACrD,SAAS;CACA;CACD;CACE;CACX,CAAC;AAEF,EAAiB,cAAc"}

package/dist/components/tooltip/TooltipContent.js

@@ -1,2 +1,46 @@
-import{Content as n,Arrow as l}from"@radix-ui/react-tooltip";import*as e from"react";import{styled as t}from"../../styled.js";const r=t(n,{base:["bg-grey-900","rounded-sm","shadow-sm","text-white","font-body","text-sm","leading-normal","whitespace-normal","px-3","py-2","z-10","will-change-transform","will-change-[opacity]","[--slide-opacity-out:0]","data-[side=top]:[--slide-direction-out-y:-4px]","data-[side=right]:[--slide-direction-out-x:4px]","data-[side=bottom]:[--slide-direction-out-y:4px]","data-[side=left]:[--slide-direction-out-x:-4px]","motion-safe:data-[state=delayed-open]:animate-slide-direction-in","motion-safe:data-[state=closed]:animate-slide-direction-out"],variants:{size:{sm:["max-w-25"],md:["max-w-[250px]"],lg:["max-w-100"]}}}),m=t(l,{base:["fill-grey-900","in-data-[align=end]:mr-2","in-data-[align=start]:ml-2"]}),p=({children:i,side:a="top",sideOffset:o=4,size:d="md",...s})=>e.createElement(r,{side:a,sideOffset:o,size:d,...s},i,e.createElement(m,null));export{p as TooltipContent};
-//# sourceMappingURL=TooltipContent.js.map
+import { styled as e } from "../../styled.js";
+import * as t from "react";
+import { Arrow as n, Content as r } from "@radix-ui/react-tooltip";
+//#region src/components/tooltip/TooltipContent.tsx
+var i = e(r, {
+	base: [
+		"bg-grey-900",
+		"rounded-sm",
+		"shadow-sm",
+		"text-white",
+		"font-body",
+		"text-sm",
+		"leading-normal",
+		"whitespace-normal",
+		"px-3",
+		"py-2",
+		"z-10",
+		"will-change-transform",
+		"will-change-[opacity]",
+		"[--slide-opacity-out:0]",
+		"data-[side=top]:[--slide-direction-out-y:-4px]",
+		"data-[side=right]:[--slide-direction-out-x:4px]",
+		"data-[side=bottom]:[--slide-direction-out-y:4px]",
+		"data-[side=left]:[--slide-direction-out-x:-4px]",
+		"motion-safe:data-[state=delayed-open]:animate-slide-direction-in",
+		"motion-safe:data-[state=closed]:animate-slide-direction-out"
+	],
+	variants: { size: {
+		sm: ["max-w-25"],
+		md: ["max-w-[250px]"],
+		lg: ["max-w-100"]
+	} }
+}), a = e(n, { base: [
+	"fill-grey-900",
+	"in-data-[align=end]:mr-2",
+	"in-data-[align=start]:ml-2"
+] }), o = ({ children: e, side: n = "top", sideOffset: r = 4, size: o = "md", ...s }) => /* @__PURE__ */ t.createElement(i, {
+	side: n,
+	sideOffset: r,
+	size: o,
+	...s
+}, e, /* @__PURE__ */ t.createElement(a, null));
+//#endregion
+export { o as TooltipContent };
+
+//# sourceMappingURL=TooltipContent.js.map

package/dist/components/tooltip/TooltipContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipContent.js","sources":["../../../src/components/tooltip/TooltipContent.tsx"],"sourcesContent":["import { Arrow, Content } from '@radix-ui/react-tooltip'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst StyledContent = styled(Content, {\n  base: [\n    'bg-grey-900',\n    'rounded-sm',\n    'shadow-sm',\n    'text-white',\n    'font-body',\n    'text-sm',\n    'leading-normal',\n    'whitespace-normal',\n    'px-3',\n    'py-2',\n    'z-10',\n    'will-change-transform',\n    'will-change-[opacity]',\n    '[--slide-opacity-out:0]',\n    'data-[side=top]:[--slide-direction-out-y:-4px]',\n    'data-[side=right]:[--slide-direction-out-x:4px]',\n    'data-[side=bottom]:[--slide-direction-out-y:4px]',\n    'data-[side=left]:[--slide-direction-out-x:-4px]',\n    'motion-safe:data-[state=delayed-open]:animate-slide-direction-in',\n    'motion-safe:data-[state=closed]:animate-slide-direction-out'\n  ],\n  variants: {\n    size: {\n      sm: ['max-w-25'],\n      md: ['max-w-[250px]'],\n      lg: ['max-w-100']\n    }\n  }\n})\n\nconst StyledArrow = styled(Arrow, {\n  base: [\n    'fill-grey-900',\n    'in-data-[align=end]:mr-2',\n    'in-data-[align=start]:ml-2'\n  ]\n})\n\ntype TooltipContentProps = React.ComponentProps<typeof StyledContent> &\n  React.ComponentProps<typeof Content>\n\nexport const TooltipContent = ({\n  children,\n  side = 'top',\n  sideOffset = 4,\n  size = 'md',\n  ...remainingProps\n}: TooltipContentProps) => (\n  <StyledContent\n    side={side}\n    sideOffset={sideOffset}\n    size={size}\n    {...remainingProps}\n  >\n    {children}\n    <StyledArrow />\n  </StyledContent>\n)\n"],"names":["StyledContent","styled","Content","StyledArrow","Arrow","TooltipContent","children","side","sideOffset","size","remainingProps","React"],"mappings":"8HAKA,MAAMA,EAAgBC,EAAOC,EAAS,CACpC,KAAM,CACJ,cACA,aACA,YACA,aACA,YACA,UACA,iBACA,oBACA,OACA,OACA,OACA,wBACA,wBACA,0BACA,iDACA,kDACA,mDACA,kDACA,mEACA,6DACF,EACA,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,UAAU,EACf,GAAI,CAAC,eAAe,EACpB,GAAI,CAAC,WAAW,CAClB,CACF,CACF,CAAC,EAEKC,EAAcF,EAAOG,EAAO,CAChC,KAAM,CACJ,gBACA,2BACA,4BACF,CACF,CAAC,EAKYC,EAAiB,CAAC,CAC7B,SAAAC,EACA,KAAAC,EAAO,MACP,WAAAC,EAAa,EACb,KAAAC,EAAO,KACP,GAAGC,CACL,IACEC,EAAA,cAACX,EAAA,CACC,KAAMO,EACN,WAAYC,EACZ,KAAMC,EACL,GAAGC,CAAAA,EAEHJ,EACDK,EAAA,cAACR,EAAA,IAAY,CACf"}
+{"version":3,"file":"TooltipContent.js","names":[],"sources":["../../../src/components/tooltip/TooltipContent.tsx"],"sourcesContent":["import { Arrow, Content } from '@radix-ui/react-tooltip'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nconst StyledContent = styled(Content, {\n  base: [\n    'bg-grey-900',\n    'rounded-sm',\n    'shadow-sm',\n    'text-white',\n    'font-body',\n    'text-sm',\n    'leading-normal',\n    'whitespace-normal',\n    'px-3',\n    'py-2',\n    'z-10',\n    'will-change-transform',\n    'will-change-[opacity]',\n    '[--slide-opacity-out:0]',\n    'data-[side=top]:[--slide-direction-out-y:-4px]',\n    'data-[side=right]:[--slide-direction-out-x:4px]',\n    'data-[side=bottom]:[--slide-direction-out-y:4px]',\n    'data-[side=left]:[--slide-direction-out-x:-4px]',\n    'motion-safe:data-[state=delayed-open]:animate-slide-direction-in',\n    'motion-safe:data-[state=closed]:animate-slide-direction-out'\n  ],\n  variants: {\n    size: {\n      sm: ['max-w-25'],\n      md: ['max-w-[250px]'],\n      lg: ['max-w-100']\n    }\n  }\n})\n\nconst StyledArrow = styled(Arrow, {\n  base: [\n    'fill-grey-900',\n    'in-data-[align=end]:mr-2',\n    'in-data-[align=start]:ml-2'\n  ]\n})\n\ntype TooltipContentProps = React.ComponentProps<typeof StyledContent> &\n  React.ComponentProps<typeof Content>\n\nexport const TooltipContent = ({\n  children,\n  side = 'top',\n  sideOffset = 4,\n  size = 'md',\n  ...remainingProps\n}: TooltipContentProps) => (\n  <StyledContent\n    side={side}\n    sideOffset={sideOffset}\n    size={size}\n    {...remainingProps}\n  >\n    {children}\n    <StyledArrow />\n  </StyledContent>\n)\n"],"mappings":";;;;AAKA,IAAM,IAAgB,EAAO,GAAS;CACpC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,WAAW;EAChB,IAAI,CAAC,gBAAgB;EACrB,IAAI,CAAC,YAAY;EAClB,EACF;CACF,CAAC,EAEI,IAAc,EAAO,GAAO,EAChC,MAAM;CACJ;CACA;CACA;CACD,EACF,CAAC,EAKW,KAAkB,EAC7B,aACA,UAAO,OACP,gBAAa,GACb,UAAO,MACP,GAAG,QAEH,kBAAA,cAAC,GAAD;CACQ;CACM;CACN;CACN,GAAI;CAIU,EAFb,GACD,kBAAA,cAAC,GAAA,KAAc,CACD"}

package/dist/components/top-bar/TopBar.colorscheme.config.js

@@ -1,2 +1,9 @@
-const o={"--background":"white","--divider":"var(--color-grey-200)","--border-bottom":"var(--color-grey-200)"},r={light:o};export{r as colorSchemes};
-//# sourceMappingURL=TopBar.colorscheme.config.js.map
+var e = { light: {
+	"--background": "white",
+	"--divider": "var(--color-grey-200)",
+	"--border-bottom": "var(--color-grey-200)"
+} };
+//#endregion
+export { e as colorSchemes };
+
+//# sourceMappingURL=TopBar.colorscheme.config.js.map

package/dist/components/top-bar/TopBar.colorscheme.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopBar.colorscheme.config.js","sources":["../../../src/components/top-bar/TopBar.colorscheme.config.ts"],"sourcesContent":["const light = {\n  '--background': 'white',\n  '--divider': 'var(--color-grey-200)',\n  '--border-bottom': 'var(--color-grey-200)'\n}\n\nexport const colorSchemes = {\n  light\n}\n"],"names":["light","colorSchemes"],"mappings":"AAAA,MAAMA,EAAQ,CACZ,eAAgB,QAChB,YAAa,wBACb,kBAAmB,uBACrB,EAEaC,EAAe,CAC1B,MAAAD,CACF"}
+{"version":3,"file":"TopBar.colorscheme.config.js","names":[],"sources":["../../../src/components/top-bar/TopBar.colorscheme.config.ts"],"sourcesContent":["const light = {\n  '--background': 'white',\n  '--divider': 'var(--color-grey-200)',\n  '--border-bottom': 'var(--color-grey-200)'\n}\n\nexport const colorSchemes = {\n  light\n}\n"],"mappings":"AAMA,IAAa,IAAe,EAC1B,OAPY;CACZ,gBAAgB;CAChB,aAAa;CACb,mBAAmB;CACpB,EAIA"}

package/dist/components/top-bar/TopBar.js

@@ -1,2 +1,74 @@
-import*as e from"react";import{styled as r,Theme as m}from"../../styled.js";import{useWindowScrollPosition as p}from"../../utilities/hooks/useWindowScrollPosition.js";import{Divider as l}from"../divider/Divider.js";import{colorSchemes as c}from"./TopBar.colorscheme.config.js";import{TopBarActionIcon as b}from"./TopBarActionIcon.js";import{TopBarBrand as f,TopBarBrandLogo as u,TopBarBrandName as h}from"./TopBarBrand.js";const x=()=>e.createElement(l,{orientation:"vertical",className:"bg-divider h-6"}),B=r("header",{base:["bg-(--background)","sticky","flex","items-center","z-15","transition-shadow","duration-200","ease-out"],variants:{hasScrolled:{true:["shadow-[0px_4px_4px_-2px_rgba(31,31,31,0.1)]"]},size:{md:["h-16"],lg:["h-24"]},diffused:{true:["supports-color-mix:bg-[color-mix(in_hsl,(--base-1)_70%,transparent)]","supports-color-mix:backdrop-blur-sm"]},appearance:{standard:["w-screen","max-w-full","top-0","border-b","border-b-(--border-bottom)"],rounded:["w-full","top-2","p-2","border","border-white","rounded-full"]}}},{enabledResponsiveVariants:!0}),g=r("div",{base:["flex","items-center","h-10","mx-4","w-full","md:mx-8"]}),o=({size:a="md",diffused:t,theme:i,appearance:d="standard",...s})=>{const{y:n}=p();return e.createElement(m,{theme:i||c.light},e.createElement(B,{hasScrolled:!!n,diffused:t,appearance:d,size:a},e.createElement(g,{...s})))},w=Object.assign(o,{Brand:f,BrandLogo:u,BrandName:h,ActionIcon:b,Divider:x});o.displayName="TopBar";export{w as TopBar};
-//# sourceMappingURL=TopBar.js.map
+import { Theme as e, styled as t } from "../../styled.js";
+import { Divider as n } from "../divider/Divider.js";
+import { useWindowScrollPosition as r } from "../../utilities/hooks/useWindowScrollPosition.js";
+import { colorSchemes as i } from "./TopBar.colorscheme.config.js";
+import { TopBarActionIcon as a } from "./TopBarActionIcon.js";
+import { TopBarBrand as o, TopBarBrandLogo as s, TopBarBrandName as c } from "./TopBarBrand.js";
+import * as l from "react";
+//#region src/components/top-bar/TopBar.tsx
+var u = () => /* @__PURE__ */ l.createElement(n, {
+	orientation: "vertical",
+	className: "bg-divider h-6"
+}), d = t("header", {
+	base: [
+		"bg-(--background)",
+		"sticky",
+		"flex",
+		"items-center",
+		"z-15",
+		"transition-shadow",
+		"duration-200",
+		"ease-out"
+	],
+	variants: {
+		hasScrolled: { true: ["shadow-[0px_4px_4px_-2px_rgba(31,31,31,0.1)]"] },
+		size: {
+			md: ["h-16"],
+			lg: ["h-24"]
+		},
+		diffused: { true: ["supports-color-mix:bg-[color-mix(in_hsl,(--base-1)_70%,transparent)]", "supports-color-mix:backdrop-blur-sm"] },
+		appearance: {
+			standard: [
+				"w-screen",
+				"max-w-full",
+				"top-0",
+				"border-b",
+				"border-b-(--border-bottom)"
+			],
+			rounded: [
+				"w-full",
+				"top-2",
+				"p-2",
+				"border",
+				"border-white",
+				"rounded-full"
+			]
+		}
+	}
+}, { enabledResponsiveVariants: !0 }), f = t("div", { base: [
+	"flex",
+	"items-center",
+	"h-10",
+	"mx-4",
+	"w-full",
+	"md:mx-8"
+] }), p = ({ size: t = "md", diffused: n, theme: a, appearance: o = "standard", ...s }) => {
+	let { y: c } = r();
+	return /* @__PURE__ */ l.createElement(e, { theme: a || i.light }, /* @__PURE__ */ l.createElement(d, {
+		hasScrolled: !!c,
+		diffused: n,
+		appearance: o,
+		size: t
+	}, /* @__PURE__ */ l.createElement(f, s)));
+}, m = Object.assign(p, {
+	Brand: o,
+	BrandLogo: s,
+	BrandName: c,
+	ActionIcon: a,
+	Divider: u
+});
+p.displayName = "TopBar";
+//#endregion
+export { m as TopBar };
+
+//# sourceMappingURL=TopBar.js.map

package/dist/components/top-bar/TopBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopBar.js","sources":["../../../src/components/top-bar/TopBar.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled, Theme } from '~/styled'\nimport { useWindowScrollPosition } from '~/utilities/hooks/useWindowScrollPosition'\n\nimport { Divider } from '../divider/Divider'\nimport { colorSchemes as topBarColorSchemes } from './TopBar.colorscheme.config'\nimport { TopBarActionIcon } from './TopBarActionIcon'\nimport { TopBarBrand, TopBarBrandLogo, TopBarBrandName } from './TopBarBrand'\n\nconst TopBarDivider = () => (\n  <Divider orientation=\"vertical\" className=\"bg-divider h-6\" />\n)\n\nconst StyledRoot = styled(\n  'header',\n  {\n    base: [\n      'bg-(--background)',\n      'sticky',\n      'flex',\n      'items-center',\n      'z-15',\n      'transition-shadow',\n      'duration-200',\n      'ease-out'\n    ],\n    variants: {\n      hasScrolled: {\n        true: ['shadow-[0px_4px_4px_-2px_rgba(31,31,31,0.1)]']\n      },\n      size: {\n        md: ['h-16'],\n        lg: ['h-24']\n      },\n      diffused: {\n        true: [\n          'supports-color-mix:bg-[color-mix(in_hsl,(--base-1)_70%,transparent)]',\n          'supports-color-mix:backdrop-blur-sm'\n        ]\n      },\n      appearance: {\n        standard: [\n          'w-screen',\n          'max-w-full',\n          'top-0',\n          'border-b',\n          'border-b-(--border-bottom)'\n        ],\n        rounded: [\n          'w-full',\n          'top-2',\n          'p-2',\n          'border',\n          'border-white',\n          'rounded-full'\n        ]\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nconst Container = styled('div', {\n  base: ['flex', 'items-center', 'h-10', 'mx-4', 'w-full', 'md:mx-8']\n})\n\ntype TopBarProps = React.ComponentProps<typeof StyledRoot> &\n  React.ComponentProps<typeof Container> &\n  React.ComponentProps<typeof Theme>\n\nconst TopBarComponent = ({\n  size = 'md',\n  diffused,\n  theme,\n  appearance = 'standard',\n  ...rest\n}: React.PropsWithChildren<TopBarProps>) => {\n  const { y: scrollPositionY } = useWindowScrollPosition()\n\n  return (\n    <Theme theme={theme || topBarColorSchemes['light']}>\n      <StyledRoot\n        hasScrolled={!!scrollPositionY}\n        diffused={diffused}\n        appearance={appearance}\n        size={size}\n      >\n        <Container {...rest} />\n      </StyledRoot>\n    </Theme>\n  )\n}\n\nexport const TopBar = Object.assign(TopBarComponent, {\n  Brand: TopBarBrand,\n  BrandLogo: TopBarBrandLogo,\n  BrandName: TopBarBrandName,\n  ActionIcon: TopBarActionIcon,\n  Divider: TopBarDivider\n})\n\nTopBarComponent.displayName = 'TopBar'\n"],"names":["TopBarDivider","React","Divider","StyledRoot","styled","Container","TopBarComponent","size","diffused","theme","appearance","rest","scrollPositionY","useWindowScrollPosition","Theme","topBarColorSchemes","TopBar","TopBarBrand","TopBarBrandLogo","TopBarBrandName","TopBarActionIcon"],"mappings":"uaAUA,MAAMA,EAAgB,IACpBC,EAAA,cAACC,EAAA,CAAQ,YAAY,WAAW,UAAU,gBAAA,CAAiB,EAGvDC,EAAaC,EACjB,SACA,CACE,KAAM,CACJ,oBACA,SACA,OACA,eACA,OACA,oBACA,eACA,UACF,EACA,SAAU,CACR,YAAa,CACX,KAAM,CAAC,8CAA8C,CACvD,EACA,KAAM,CACJ,GAAI,CAAC,MAAM,EACX,GAAI,CAAC,MAAM,CACb,EACA,SAAU,CACR,KAAM,CACJ,uEACA,qCACF,CACF,EACA,WAAY,CACV,SAAU,CACR,WACA,aACA,QACA,WACA,4BACF,EACA,QAAS,CACP,SACA,QACA,MACA,SACA,eACA,cACF,CACF,CACF,CACF,EACA,CACE,0BAA2B,EAC7B,CACF,EAEMC,EAAYD,EAAO,MAAO,CAC9B,KAAM,CAAC,OAAQ,eAAgB,OAAQ,OAAQ,SAAU,SAAS,CACpE,CAAC,EAMKE,EAAkB,CAAC,CACvB,KAAAC,EAAO,KACP,SAAAC,EACA,MAAAC,EACA,WAAAC,EAAa,WACb,GAAGC,CACL,IAA4C,CAC1C,KAAM,CAAE,EAAGC,CAAgB,EAAIC,EAAAA,EAE/B,OACEZ,EAAA,cAACa,EAAA,CAAM,MAAOL,GAASM,EAAmB,KACxCd,EAAAA,EAAA,cAACE,EAAA,CACC,YAAa,CAAC,CAACS,EACf,SAAUJ,EACV,WAAYE,EACZ,KAAMH,CAAAA,EAENN,EAAA,cAACI,EAAA,CAAW,GAAGM,CAAM,CAAA,CACvB,CACF,CAEJ,EAEaK,EAAS,OAAO,OAAOV,EAAiB,CACnD,MAAOW,EACP,UAAWC,EACX,UAAWC,EACX,WAAYC,EACZ,QAASpB,CACX,CAAC,EAEDM,EAAgB,YAAc"}
+{"version":3,"file":"TopBar.js","names":[],"sources":["../../../src/components/top-bar/TopBar.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled, Theme } from '~/styled'\nimport { useWindowScrollPosition } from '~/utilities/hooks/useWindowScrollPosition'\n\nimport { Divider } from '../divider/Divider'\nimport { colorSchemes as topBarColorSchemes } from './TopBar.colorscheme.config'\nimport { TopBarActionIcon } from './TopBarActionIcon'\nimport { TopBarBrand, TopBarBrandLogo, TopBarBrandName } from './TopBarBrand'\n\nconst TopBarDivider = () => (\n  <Divider orientation=\"vertical\" className=\"bg-divider h-6\" />\n)\n\nconst StyledRoot = styled(\n  'header',\n  {\n    base: [\n      'bg-(--background)',\n      'sticky',\n      'flex',\n      'items-center',\n      'z-15',\n      'transition-shadow',\n      'duration-200',\n      'ease-out'\n    ],\n    variants: {\n      hasScrolled: {\n        true: ['shadow-[0px_4px_4px_-2px_rgba(31,31,31,0.1)]']\n      },\n      size: {\n        md: ['h-16'],\n        lg: ['h-24']\n      },\n      diffused: {\n        true: [\n          'supports-color-mix:bg-[color-mix(in_hsl,(--base-1)_70%,transparent)]',\n          'supports-color-mix:backdrop-blur-sm'\n        ]\n      },\n      appearance: {\n        standard: [\n          'w-screen',\n          'max-w-full',\n          'top-0',\n          'border-b',\n          'border-b-(--border-bottom)'\n        ],\n        rounded: [\n          'w-full',\n          'top-2',\n          'p-2',\n          'border',\n          'border-white',\n          'rounded-full'\n        ]\n      }\n    }\n  },\n  {\n    enabledResponsiveVariants: true\n  }\n)\n\nconst Container = styled('div', {\n  base: ['flex', 'items-center', 'h-10', 'mx-4', 'w-full', 'md:mx-8']\n})\n\ntype TopBarProps = React.ComponentProps<typeof StyledRoot> &\n  React.ComponentProps<typeof Container> &\n  React.ComponentProps<typeof Theme>\n\nconst TopBarComponent = ({\n  size = 'md',\n  diffused,\n  theme,\n  appearance = 'standard',\n  ...rest\n}: React.PropsWithChildren<TopBarProps>) => {\n  const { y: scrollPositionY } = useWindowScrollPosition()\n\n  return (\n    <Theme theme={theme || topBarColorSchemes['light']}>\n      <StyledRoot\n        hasScrolled={!!scrollPositionY}\n        diffused={diffused}\n        appearance={appearance}\n        size={size}\n      >\n        <Container {...rest} />\n      </StyledRoot>\n    </Theme>\n  )\n}\n\nexport const TopBar = Object.assign(TopBarComponent, {\n  Brand: TopBarBrand,\n  BrandLogo: TopBarBrandLogo,\n  BrandName: TopBarBrandName,\n  ActionIcon: TopBarActionIcon,\n  Divider: TopBarDivider\n})\n\nTopBarComponent.displayName = 'TopBar'\n"],"mappings":";;;;;;;;AAUA,IAAM,UACJ,kBAAA,cAAC,GAAD;CAAS,aAAY;CAAW,WAAU;CAAmB,CAAA,EAGzD,IAAa,EACjB,UACA;CACE,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU;EACR,aAAa,EACX,MAAM,CAAC,+CAA+C,EACvD;EACD,MAAM;GACJ,IAAI,CAAC,OAAO;GACZ,IAAI,CAAC,OAAO;GACb;EACD,UAAU,EACR,MAAM,CACJ,wEACA,sCACD,EACF;EACD,YAAY;GACV,UAAU;IACR;IACA;IACA;IACA;IACA;IACD;GACD,SAAS;IACP;IACA;IACA;IACA;IACA;IACA;IACD;GACF;EACF;CACF,EACD,EACE,2BAA2B,IAC5B,CACF,EAEK,IAAY,EAAO,OAAO,EAC9B,MAAM;CAAC;CAAQ;CAAgB;CAAQ;CAAQ;CAAU;CAAU,EACpE,CAAC,EAMI,KAAmB,EACvB,UAAO,MACP,aACA,UACA,gBAAa,YACb,GAAG,QACuC;CAC1C,IAAM,EAAE,GAAG,MAAoB,GAAyB;AAExD,QACE,kBAAA,cAAC,GAAD,EAAO,OAAO,KAAS,EAAmB,OASlC,EARN,kBAAA,cAAC,GAAD;EACE,aAAa,CAAC,CAAC;EACL;EACE;EACN;EAGK,EADX,kBAAA,cAAC,GAAc,EAAQ,CACZ,CACP;GAIC,IAAS,OAAO,OAAO,GAAiB;CACnD,OAAO;CACP,WAAW;CACX,WAAW;CACX,YAAY;CACZ,SAAS;CACV,CAAC;AAEF,EAAgB,cAAc"}

package/dist/components/top-bar/TopBarActionIcon.js

@@ -1,2 +1,15 @@
-import e from"react";import{ActionIcon as m}from"../action-icon/ActionIcon.js";import{Icon as n}from"../icon/Icon.js";const c=e.forwardRef(({icon:o,...r},t)=>e.createElement(m,{size:"md",appearance:"simple",theme:"neutral",ref:t,...r},e.createElement(n,{is:o})));export{c as TopBarActionIcon};
-//# sourceMappingURL=TopBarActionIcon.js.map
+import { Icon as e } from "../icon/Icon.js";
+import { ActionIcon as t } from "../action-icon/ActionIcon.js";
+import n from "react";
+//#region src/components/top-bar/TopBarActionIcon.tsx
+var r = n.forwardRef(({ icon: r, ...i }, a) => /* @__PURE__ */ n.createElement(t, {
+	size: "md",
+	appearance: "simple",
+	theme: "neutral",
+	ref: a,
+	...i
+}, /* @__PURE__ */ n.createElement(e, { is: r })));
+//#endregion
+export { r as TopBarActionIcon };
+
+//# sourceMappingURL=TopBarActionIcon.js.map

package/dist/components/top-bar/TopBarActionIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopBarActionIcon.js","sources":["../../../src/components/top-bar/TopBarActionIcon.tsx"],"sourcesContent":["import React from 'react'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\n\ntype TopBarActionIconProps = Omit<\n  React.ComponentProps<typeof ActionIcon>,\n  'size' | 'children'\n> & { icon: React.FC<React.SVGProps<SVGSVGElement>>; label: string }\n\nexport const TopBarActionIcon = React.forwardRef<\n  HTMLButtonElement,\n  TopBarActionIconProps\n>(({ icon, ...rest }, forwardedRef) => {\n  return (\n    <ActionIcon\n      size=\"md\"\n      appearance=\"simple\"\n      theme=\"neutral\"\n      ref={forwardedRef}\n      {...rest}\n    >\n      <Icon is={icon} />\n    </ActionIcon>\n  )\n})\n"],"names":["TopBarActionIcon","React","icon","rest","forwardedRef","ActionIcon","Icon"],"mappings":"sHAUa,MAAAA,EAAmBC,EAAM,WAGpC,CAAC,CAAE,KAAAC,EAAM,GAAGC,CAAK,EAAGC,IAElBH,EAAA,cAACI,EAAA,CACC,KAAK,KACL,WAAW,SACX,MAAM,UACN,IAAKD,EACJ,GAAGD,CAAAA,EAEJF,EAAA,cAACK,EAAA,CAAK,GAAIJ,CAAAA,CAAM,CAClB,CAEH"}
+{"version":3,"file":"TopBarActionIcon.js","names":[],"sources":["../../../src/components/top-bar/TopBarActionIcon.tsx"],"sourcesContent":["import React from 'react'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Icon } from '../icon/Icon'\n\ntype TopBarActionIconProps = Omit<\n  React.ComponentProps<typeof ActionIcon>,\n  'size' | 'children'\n> & {\n  icon: React.FC<React.SVGProps<SVGSVGElement>>\n  label: string\n}\n\nexport const TopBarActionIcon = React.forwardRef<\n  HTMLButtonElement,\n  TopBarActionIconProps\n>(({ icon, ...rest }, forwardedRef) => {\n  return (\n    <ActionIcon\n      size=\"md\"\n      appearance=\"simple\"\n      theme=\"neutral\"\n      ref={forwardedRef}\n      {...rest}\n    >\n      <Icon is={icon} />\n    </ActionIcon>\n  )\n})\n"],"mappings":";;;;AAaA,IAAa,IAAmB,EAAM,YAGnC,EAAE,SAAM,GAAG,KAAQ,MAElB,kBAAA,cAAC,GAAD;CACE,MAAK;CACL,YAAW;CACX,OAAM;CACN,KAAK;CACL,GAAI;CAGO,EADX,kBAAA,cAAC,GAAD,EAAM,IAAI,GAAQ,CAAA,CACP,CAEf"}

package/dist/components/top-bar/TopBarBrand.js

@@ -1,2 +1,22 @@
-import a from"clsx";import m from"react";import{styled as e}from"../../styled.js";import{Image as n}from"../image/Image.js";import{Text as l}from"../text/Text.js";const s=({src:r,alt:o="Atom Learning logo",className:t})=>m.createElement(n,{src:r,alt:o,className:a("h-8","mr-3","w-auto",t)}),i=e(l,{base:["text-grey-800"]}),p=e("a",{base:["flex","items-center","no-underline","text-grey-800","hover:no-underline","focus:no-underline"]});export{p as TopBarBrand,s as TopBarBrandLogo,i as TopBarBrandName};
-//# sourceMappingURL=TopBarBrand.js.map
+import { styled as e } from "../../styled.js";
+import { Text as t } from "../text/Text.js";
+import { Image as n } from "../image/Image.js";
+import r from "clsx";
+import i from "react";
+//#region src/components/top-bar/TopBarBrand.tsx
+var a = ({ src: e, alt: t = "Atom Learning logo", className: a }) => /* @__PURE__ */ i.createElement(n, {
+	src: e,
+	alt: t,
+	className: r("h-8", "mr-3", "w-auto", a)
+}), o = e(t, { base: ["text-grey-800"] }), s = e("a", { base: [
+	"flex",
+	"items-center",
+	"no-underline",
+	"text-grey-800",
+	"hover:no-underline",
+	"focus:no-underline"
+] });
+//#endregion
+export { s as TopBarBrand, a as TopBarBrandLogo, o as TopBarBrandName };
+
+//# sourceMappingURL=TopBarBrand.js.map

package/dist/components/top-bar/TopBarBrand.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopBarBrand.js","sources":["../../../src/components/top-bar/TopBarBrand.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Image } from '../image/Image'\nimport { Text } from '../text/Text'\n\nexport const TopBarBrandLogo = ({\n  src,\n  alt = 'Atom Learning logo',\n  className\n}: Pick<React.ComponentProps<typeof Image>, 'src' | 'alt'> & {\n  className?: string\n}): JSX.Element => {\n  return (\n    <Image\n      src={src}\n      alt={alt}\n      className={clsx('h-8', 'mr-3', 'w-auto', className)}\n    />\n  )\n}\n\nexport const TopBarBrandName = styled(Text, {\n  base: ['text-grey-800']\n})\n\nexport const TopBarBrand = styled('a', {\n  base: [\n    'flex',\n    'items-center',\n    'no-underline',\n    'text-grey-800',\n    'hover:no-underline',\n    'focus:no-underline'\n  ]\n})\n"],"names":["TopBarBrandLogo","src","alt","className","React","Image","clsx","TopBarBrandName","styled","Text","TopBarBrand"],"mappings":"mKAQO,MAAMA,EAAkB,CAAC,CAC9B,IAAAC,EACA,IAAAC,EAAM,qBACN,UAAAC,CACF,IAIIC,EAAA,cAACC,EAAA,CACC,IAAKJ,EACL,IAAKC,EACL,UAAWI,EAAK,MAAO,OAAQ,SAAUH,CAAS,CACpD,CAAA,EAISI,EAAkBC,EAAOC,EAAM,CAC1C,KAAM,CAAC,eAAe,CACxB,CAAC,EAEYC,EAAcF,EAAO,IAAK,CACrC,KAAM,CACJ,OACA,eACA,eACA,gBACA,qBACA,oBACF,CACF,CAAC"}
+{"version":3,"file":"TopBarBrand.js","names":[],"sources":["../../../src/components/top-bar/TopBarBrand.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Image } from '../image/Image'\nimport { Text } from '../text/Text'\n\nexport const TopBarBrandLogo = ({\n  src,\n  alt = 'Atom Learning logo',\n  className\n}: Pick<React.ComponentProps<typeof Image>, 'src' | 'alt'> & {\n  className?: string\n}): JSX.Element => {\n  return (\n    <Image\n      src={src}\n      alt={alt}\n      className={clsx('h-8', 'mr-3', 'w-auto', className)}\n    />\n  )\n}\n\nexport const TopBarBrandName = styled(Text, {\n  base: ['text-grey-800']\n})\n\nexport const TopBarBrand = styled('a', {\n  base: [\n    'flex',\n    'items-center',\n    'no-underline',\n    'text-grey-800',\n    'hover:no-underline',\n    'focus:no-underline'\n  ]\n})\n"],"mappings":";;;;;;AAQA,IAAa,KAAmB,EAC9B,QACA,SAAM,sBACN,mBAKE,kBAAA,cAAC,GAAD;CACO;CACA;CACL,WAAW,EAAK,OAAO,QAAQ,UAAU,EAAU;CACnD,CAAA,EAIO,IAAkB,EAAO,GAAM,EAC1C,MAAM,CAAC,gBAAgB,EACxB,CAAC,EAEW,IAAc,EAAO,KAAK,EACrC,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC"}

package/dist/components/tree/Tree.js

@@ -1,2 +1,25 @@
-import e from"react";import{TreeCollapsible as i}from"./TreeCollapsible.js";import{TreeCollapsibleContent as m}from"./TreeCollapsibleContent.js";import{TreeCollapsibleTrigger as p}from"./TreeCollapsibleTrigger.js";import{TreeIcon as T}from"./TreeIcon.js";import{TreeItem as f}from"./TreeItem.js";import{TreeList as a}from"./TreeList.js";import{TreeText as n}from"./TreeText.js";const r=e.forwardRef(({children:o,...t},l)=>e.createElement(a,{...t,ref:l,role:"tree"},o)),s=Object.assign(r,{Collapsible:i,CollapsibleContent:m,CollapsibleTrigger:p,Item:f,Icon:T,Text:n});export{s as Tree,r as TreeRoot};
-//# sourceMappingURL=Tree.js.map
+import { TreeCollapsible as e } from "./TreeCollapsible.js";
+import { TreeList as t } from "./TreeList.js";
+import { TreeCollapsibleContent as n } from "./TreeCollapsibleContent.js";
+import { TreeIcon as r } from "./TreeIcon.js";
+import { TreeText as i } from "./TreeText.js";
+import { TreeCollapsibleTrigger as a } from "./TreeCollapsibleTrigger.js";
+import { TreeItem as o } from "./TreeItem.js";
+import s from "react";
+//#region src/components/tree/Tree.tsx
+var c = s.forwardRef(({ children: e, ...n }, r) => /* @__PURE__ */ s.createElement(t, {
+	...n,
+	ref: r,
+	role: "tree"
+}, e)), l = Object.assign(c, {
+	Collapsible: e,
+	CollapsibleContent: n,
+	CollapsibleTrigger: a,
+	Item: o,
+	Icon: r,
+	Text: i
+});
+//#endregion
+export { l as Tree };
+
+//# sourceMappingURL=Tree.js.map

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<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"}
+{"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,IAAW,EAAM,YAC3B,EAAE,aAAU,GAAG,KAAQ,MAEpB,kBAAA,cAAC,GAAD;CAAU,GAAI;CAAW;CAAK,MAAK;CAExB,EADR,EACQ,CAGhB,EAEY,IAAO,OAAO,OAAO,GAAU;CAC1C,aAAa;CACb,oBAAoB;CACpB,oBAAoB;CACpB,MAAM;CACN,MAAM;CACN,MAAM;CACP,CAAC"}

package/dist/components/tree/TreeCollapsible.js

@@ -1,2 +1,17 @@
-import{Root as m}from"@radix-ui/react-collapsible";import*as e from"react";import{styled as a}from"../../styled.js";import{useCallbackRef as n}from"../../utilities/hooks/useCallbackRef.js";import{TreeListItem as f}from"./TreeListItem.js";const o=e.createContext({}),i=({children:r})=>{const[t,l]=n();return e.createElement(o.Provider,{value:{triggerRef:t,setTriggerRef:l}},r)},s=a(m,{base:["w-full"]}),c=e.forwardRef((r,t)=>e.createElement(f,{ref:t},e.createElement(i,null,e.createElement(s,{...r}))));export{c as TreeCollapsible,o as TreeCollapsibleContext};
-//# sourceMappingURL=TreeCollapsible.js.map
+import { styled as e } from "../../styled.js";
+import { useCallbackRef as t } from "../../utilities/hooks/useCallbackRef.js";
+import { TreeListItem as n } from "./TreeListItem.js";
+import * as r from "react";
+import { Root as i } from "@radix-ui/react-collapsible";
+//#region src/components/tree/TreeCollapsible.tsx
+var a = r.createContext({}), o = ({ children: e }) => {
+	let [n, i] = t();
+	return /* @__PURE__ */ r.createElement(a.Provider, { value: {
+		triggerRef: n,
+		setTriggerRef: i
+	} }, e);
+}, s = e(i, { base: ["w-full"] }), c = r.forwardRef((e, t) => /* @__PURE__ */ r.createElement(n, { ref: t }, /* @__PURE__ */ r.createElement(o, null, /* @__PURE__ */ r.createElement(s, e))));
+//#endregion
+export { c as TreeCollapsible, a as TreeCollapsibleContext };
+
+//# sourceMappingURL=TreeCollapsible.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TreeCollapsible.js","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"],"names":["TreeCollapsibleContext","React","TreeCollapsibleProvider","children","triggerRef","setTriggerRef","useCallbackRef","StyledCollapsibleTreeItemRoot","styled","Root","TreeCollapsible","props","ref","TreeListItem"],"mappings":"oPAYaA,EACXC,EAAM,cAA2C,CAAE,CAAA,EAC/CC,EAA0B,CAAC,CAAE,SAAAC,CAAS,IAAM,CAChD,KAAM,CAACC,EAAYC,CAAa,EAAIC,IACpC,OACEL,EAAA,cAACD,EAAuB,SAAvB,CAAgC,MAAO,CAAE,WAAAI,EAAY,cAAAC,CAAc,CACjEF,EAAAA,CACH,CAEJ,EAEMI,EAAgCC,EAAOC,EAAM,CACjD,KAAM,CAAC,QAAQ,CACjB,CAAC,EAIYC,EAAkBT,EAAM,WACnC,CACEU,EACAC,IAGEX,EAAA,cAACY,EAAA,CAAa,IAAKD,GACjBX,EAAA,cAACC,EAAA,KACCD,EAAA,cAACM,EAAA,CAA+B,GAAGI,CAAO,CAAA,CAC5C,CACF,CAGN"}
+{"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,IACX,EAAM,cAA2C,EAAE,CAAC,EAChD,KAA2B,EAAE,kBAAe;CAChD,IAAM,CAAC,GAAY,KAAiB,GAAgB;AACpD,QACE,kBAAA,cAAC,EAAuB,UAAxB,EAAiC,OAAO;EAAE;EAAY;EAAe,EAEnC,EAD/B,EAC+B;GAIhC,IAAgC,EAAO,GAAM,EACjD,MAAM,CAAC,SAAS,EACjB,CAAC,EAIW,IAAkB,EAAM,YAEjC,GACA,MAGE,kBAAA,cAAC,GAAD,EAAmB,QAIJ,EAHb,kBAAA,cAAC,GAAA,MACC,kBAAA,cAAC,GAAkC,EAAS,CACpB,CACb,CAGpB"}

package/dist/components/tree/TreeCollapsibleContent.js

@@ -1,2 +1,23 @@
-import{Content as a}from"@radix-ui/react-collapsible";import t from"react";import{styled as s}from"../../styled.js";import{TreeCollapsibleContext as c}from"./TreeCollapsible.js";import{TreeList as i}from"./TreeList.js";const p=s(a,{base:["data-[state=closed]:hidden"]}),f=t.forwardRef(({children:o,...n},l)=>{const{triggerRef:e}=t.useContext(c);return t.createElement(p,{onKeyDown:r=>{e!=null&&e.current&&r.key==="Escape"&&(r.stopPropagation(),r.preventDefault(),e.current.focus(),e.current.click())},...n,asChild:!0},t.createElement(i,{ref:l,role:"group"},o))});export{f as TreeCollapsibleContent};
-//# sourceMappingURL=TreeCollapsibleContent.js.map
+import { styled as e } from "../../styled.js";
+import { TreeCollapsibleContext as t } from "./TreeCollapsible.js";
+import { TreeList as n } from "./TreeList.js";
+import r from "react";
+import { Content as i } from "@radix-ui/react-collapsible";
+//#region src/components/tree/TreeCollapsibleContent.tsx
+var a = e(i, { base: ["data-[state=closed]:hidden"] }), o = r.forwardRef(({ children: e, ...i }, o) => {
+	let { triggerRef: s } = r.useContext(t);
+	return /* @__PURE__ */ r.createElement(a, {
+		onKeyDown: (e) => {
+			s?.current && e.key === "Escape" && (e.stopPropagation(), e.preventDefault(), s.current.focus(), s.current.click());
+		},
+		...i,
+		asChild: !0
+	}, /* @__PURE__ */ r.createElement(n, {
+		ref: o,
+		role: "group"
+	}, e));
+});
+//#endregion
+export { o as TreeCollapsibleContent };
+
+//# sourceMappingURL=TreeCollapsibleContent.js.map

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  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"}
+{"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 { 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"],"mappings":";;;;;;AAQA,IAAM,IAA+B,EAAO,GAAS,EACnD,MAAM,CAAC,6BAA6B,EACrC,CAAC,EAOW,IAAyB,EAAM,YAGzC,EAAE,aAAU,GAAG,KAAQ,MAAqB;CAC7C,IAAM,EAAE,kBAAe,EAAM,WAAW,EAAuB;AAY/D,QACE,kBAAA,cAAC,GAAD;EAA8B,YAXP,MAAM;AACxB,MAAY,WACb,EAAE,QAAQ,aACZ,EAAE,iBAAiB,EACnB,EAAE,gBAAgB,EAClB,EAAW,QAAQ,OAAO,EAC1B,EAAW,QAAQ,OAAO;;EAK8B,GAAI;EAAM,SAAA;EAIrC,EAH7B,kBAAA,cAAC,GAAD;EAAe;EAAK,MAAK;EAEd,EADR,EACQ,CACkB;EAEjC"}

package/dist/components/tree/TreeCollapsibleTrigger.js

@@ -1,2 +1,38 @@
-import{ChevronDown as c}from"@atom-learning/icons";import{Trigger as p}from"@radix-ui/react-collapsible";import e from"react";import{ActionIcon as f}from"../action-icon/ActionIcon.js";import{Icon as g}from"../icon/Icon.js";import{styled as i}from"../../styled.js";import{TreeCollapsibleContext as u}from"./TreeCollapsible.js";import{TreeItemContent as d}from"./TreeItemContent.js";const C=i(d,{base:["cursor-pointer"]}),b=i(f,{base:["absolute","left-0","top-0","pointer-events-none","[&_svg]:duration-300","[&_svg]:transition-transform","[&[data-state=closed]>svg]:-rotate-90","[&[data-state=open]>svg]:rotate-0"]}),v=({children:a,label:s,...t})=>{const{setTriggerRef:m,triggerRef:r}=e.useContext(u);return e.createElement(C,{...t,onClick:o=>{var n,l;(n=t.onClick)==null||n.call(t,o),(l=r==null?void 0:r.current)==null||l.click()}},e.createElement(p,{asChild:!0},e.createElement(b,{size:"sm",ref:m,label:s,theme:"neutral",hasTooltip:!1,onClick:o=>o.stopPropagation()},e.createElement(g,{is:c}))),a)};export{v as TreeCollapsibleTrigger};
-//# sourceMappingURL=TreeCollapsibleTrigger.js.map
+import { styled as e } from "../../styled.js";
+import { Icon as t } from "../icon/Icon.js";
+import { ActionIcon as n } from "../action-icon/ActionIcon.js";
+import { TreeCollapsibleContext as r } from "./TreeCollapsible.js";
+import { TreeItemContent as i } from "./TreeItemContent.js";
+import a from "react";
+import { ChevronDown as o } from "@atom-learning/icons";
+import { Trigger as s } from "@radix-ui/react-collapsible";
+//#region src/components/tree/TreeCollapsibleTrigger.tsx
+var c = e(i, { base: ["cursor-pointer"] }), l = e(n, { base: [
+	"absolute",
+	"left-0",
+	"top-0",
+	"pointer-events-none",
+	"[&_svg]:duration-300",
+	"[&_svg]:transition-transform",
+	"[&[data-state=closed]>svg]:-rotate-90",
+	"[&[data-state=open]>svg]:rotate-0"
+] }), u = ({ children: e, label: n, ...i }) => {
+	let { setTriggerRef: u, triggerRef: d } = a.useContext(r);
+	return /* @__PURE__ */ a.createElement(c, {
+		...i,
+		onClick: (e) => {
+			i.onClick?.(e), d?.current?.click();
+		}
+	}, /* @__PURE__ */ a.createElement(s, { asChild: !0 }, /* @__PURE__ */ a.createElement(l, {
+		size: "sm",
+		ref: u,
+		label: n,
+		theme: "neutral",
+		hasTooltip: !1,
+		onClick: (e) => e.stopPropagation()
+	}, /* @__PURE__ */ a.createElement(t, { is: o }))), e);
+};
+//#endregion
+export { u as TreeCollapsibleTrigger };
+
+//# sourceMappingURL=TreeCollapsibleTrigger.js.map

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/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"}
+{"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'\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"],"mappings":";;;;;;;;;AAWA,IAAM,IAA+B,EAAO,GAAiB,EAC3D,MAAM,CAAC,iBAAiB,EACzB,CAAC,EAEI,IAAmB,EAAO,GAAY,EAC1C,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC,EAQW,KAA0B,EACrC,aACA,UACA,GAAG,QACyC;CAC5C,IAAM,EAAE,kBAAe,kBAAe,EAAM,WAAW,EAAuB;AAE9E,QACE,kBAAA,cAAC,GAAD;EACE,GAAI;EACJ,UAAU,MAAU;AAElB,GADA,EAAK,UAAU,EAAM,EACrB,GAAY,SAAS,OAAO;;EAgBD,EAb7B,kBAAA,cAAC,GAAD,EAAS,SAAA,IAWC,EAVR,kBAAA,cAAC,GAAD;EACE,MAAK;EACL,KAAK;EACE;EACP,OAAM;EACN,YAAY;EACZ,UAAU,MAAoB,EAAE,iBAAiB;EAGhC,EADjB,kBAAA,cAAC,GAAD,EAAM,IAAI,GAAe,CAAA,CACR,CACX,EACT,EAC4B"}

package/dist/components/tree/TreeIcon.js

@@ -1,2 +1,16 @@
-import*as o from"react";import{Icon as r}from"../icon/Icon.js";import{styled as t}from"../../styled.js";const m=t(r,{base:["shrink-0","self-start","my-1"]}),s=e=>o.createElement(m,{size:"md",...e});export{s as TreeIcon};
-//# sourceMappingURL=TreeIcon.js.map
+import { styled as e } from "../../styled.js";
+import { Icon as t } from "../icon/Icon.js";
+import * as n from "react";
+//#region src/components/tree/TreeIcon.tsx
+var r = e(t, { base: [
+	"shrink-0",
+	"self-start",
+	"my-1"
+] }), i = (e) => /* @__PURE__ */ n.createElement(r, {
+	size: "md",
+	...e
+});
+//#endregion
+export { i as TreeIcon };
+
+//# sourceMappingURL=TreeIcon.js.map

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/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","names":[],"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"],"mappings":";;;;AAKA,IAAM,IAAiB,EAAO,GAAM,EAClC,MAAM;CAAC;CAAY;CAAc;CAAO,EACzC,CAAC,EAEW,KACX,MACgB,kBAAA,cAAC,GAAD;CAAgB,MAAK;CAAK,GAAI;CAAS,CAAA"}

package/dist/components/tree/TreeItem.js

@@ -1,2 +1,9 @@
-import e from"react";import{TreeItemContent as m}from"./TreeItemContent.js";import{TreeListItem as o}from"./TreeListItem.js";const n=({children:t,...r})=>e.createElement(o,null,e.createElement(m,{...r},t));export{n as TreeItem};
-//# sourceMappingURL=TreeItem.js.map
+import { TreeListItem as e } from "./TreeListItem.js";
+import { TreeItemContent as t } from "./TreeItemContent.js";
+import n from "react";
+//#region src/components/tree/TreeItem.tsx
+var r = ({ children: r, ...i }) => /* @__PURE__ */ n.createElement(e, null, /* @__PURE__ */ n.createElement(t, i, r));
+//#endregion
+export { r as TreeItem };
+
+//# sourceMappingURL=TreeItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TreeItem.js","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"],"names":["TreeItem","children","rest","React","TreeListItem","TreeItemContent"],"mappings":"6HAOa,MAAAA,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAK,IAEzCC,EAAA,cAACC,EAAA,KACCD,EAAA,cAACE,EAAA,CAAiB,GAAGH,CAAAA,EAAOD,CAAS,CACvC"}
+{"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,KAAY,EAAE,aAAU,GAAG,QAEpC,kBAAA,cAAC,GAAA,MACC,kBAAA,cAAC,GAAoB,GAAO,EAA2B,CAC1C"}

package/dist/components/tree/TreeItemContent.js

@@ -1,2 +1,22 @@
-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
+import { styled as e } from "../../styled.js";
+import { Icon as t } from "../icon/Icon.js";
+import { TreeIcon as n } from "./TreeIcon.js";
+import { TreeText as r } from "./TreeText.js";
+import * as i from "react";
+//#region src/components/tree/TreeItemContent.tsx
+var a = e("div", { base: [
+	"w-full",
+	"relative",
+	"min-h-8",
+	"pl-10",
+	"flex",
+	"items-center",
+	"gap-2"
+] }), o = i.forwardRef(({ children: e, ...o }, s) => /* @__PURE__ */ i.createElement(a, {
+	ref: s,
+	...o
+}, i.Children.map(e, (e) => typeof e == "string" || typeof e == "number" ? /* @__PURE__ */ i.createElement(r, null, e) : i.isValidElement(e) && e.type === t ? /* @__PURE__ */ i.createElement(n, e.props) : e)));
+//#endregion
+export { o 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 { 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"}
+{"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,IAAoB,EAAO,OAAO,EACtC,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC,EAIW,IAAkB,EAAM,YAGlC,EAAE,aAAU,GAAG,KAAQ,MACxB,kBAAA,cAAC,GAAD;CAAwB;CAAK,GAAI;CAYb,EAVhB,EAAM,SAAS,IAAI,IAAW,MACxB,OAAO,KAAU,YAAY,OAAO,KAAU,WACzC,kBAAA,cAAC,GAAA,MAAU,EAAiB,GAEjC,EAAM,eAAe,EAAM,IAAI,EAAM,SAAS,IACzC,kBAAA,cAAC,GAAa,EAAM,MAAS,GAE/B,EACP,CAEc,CACpB"}

package/dist/components/tree/TreeList.js

@@ -1,2 +1,12 @@
-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
+import { styled as e } from "../../styled.js";
+//#region src/components/tree/TreeList.tsx
+var t = e("ul", { base: [
+	"flex",
+	"flex-col",
+	"w-full",
+	"[&_&]:pl-4"
+] });
+//#endregion
+export { t 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 { 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"}
+{"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', 'w-full', '[&_&]:pl-4']\n})\n"],"mappings":";;AAEA,IAAa,IAAW,EAAO,MAAM,EACnC,MAAM;CAAC;CAAQ;CAAY;CAAU;CAAa,EACnD,CAAC"}

package/dist/components/tree/TreeListItem.js

@@ -1,2 +1,17 @@
-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
+import { styled as e } from "../../styled.js";
+import * as t from "react";
+//#region src/components/tree/TreeListItem.tsx
+var n = e("li", { base: [
+	"not-first:mt-0.5",
+	"flex",
+	"items-center",
+	"gap-2"
+] }), r = t.forwardRef((e, r) => /* @__PURE__ */ t.createElement(n, {
+	...e,
+	ref: r,
+	role: "treeitem"
+}));
+//#endregion
+export { r 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 { 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"}
+{"version":3,"file":"TreeListItem.js","names":[],"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"],"mappings":";;;AAMA,IAAM,IAAqB,EAAO,MAAM,EACtC,MAAM;CAAC;CAAoB;CAAQ;CAAgB;CAAQ,EAC5D,CAAC,EAEW,IAAe,EAAM,YAC/B,GAAO,MAAQ,kBAAA,cAAC,GAAD;CAAoB,GAAI;CAAY;CAAK,MAAK;CAAa,CAAA,CAC5E"}