@atom-learning/components 6.17.0 → 8.0.0

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

@@ -1,10 +1,15 @@
+import { Root } from '@radix-ui/react-collapsible';
 import * as React from 'react';
 type TreeCollapsibleContextValue = {
     triggerRef?: React.MutableRefObject<HTMLElement | null>;
     setTriggerRef?: (HTMLElement: any) => void;
 };
 export declare const TreeCollapsibleContext: React.Context<TreeCollapsibleContextValue>;
-export declare const TreeCollapsible: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-collapsible").CollapsibleProps & React.RefAttributes<HTMLDivElement> & Omit<import("@radix-ui/react-collapsible").CollapsibleProps & React.RefAttributes<HTMLDivElement>, never> & {
+declare const StyledCollapsibleTreeItemRoot: React.ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-collapsible").CollapsibleProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
+}, never> & {
     as?: React.ElementType;
-}, "ref"> & React.RefAttributes<HTMLLIElement>>;
+}>;
+type TreeCollapsibleProps = React.ComponentProps<typeof Root> & React.ComponentProps<typeof StyledCollapsibleTreeItemRoot>;
+export declare const TreeCollapsible: React.ForwardRefExoticComponent<Omit<TreeCollapsibleProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
 export {};

package/dist/components/tree/TreeCollapsible.js

@@ -2,19 +2,26 @@ import { styled } from "../../styled.js";
 import { useCallbackRef } from "../../utilities/hooks/useCallbackRef.js";
 import { TreeListItem } from "./TreeListItem.js";
 import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
 import { Root } from "@radix-ui/react-collapsible";
 //#region src/components/tree/TreeCollapsible.tsx
 var TreeCollapsibleContext = React$1.createContext({});
 var TreeCollapsibleProvider = ({ children }) => {
 	const [triggerRef, setTriggerRef] = useCallbackRef();
-	return /* @__PURE__ */ React$1.createElement(TreeCollapsibleContext.Provider, { value: {
-		triggerRef,
-		setTriggerRef
-	} }, children);
+	return /* @__PURE__ */ jsx(TreeCollapsibleContext.Provider, {
+		value: {
+			triggerRef,
+			setTriggerRef
+		},
+		children
+	});
 };
 var StyledCollapsibleTreeItemRoot = styled(Root, { base: ["w-full"] });
 var TreeCollapsible = React$1.forwardRef((props, ref) => {
-	return /* @__PURE__ */ React$1.createElement(TreeListItem, { ref }, /* @__PURE__ */ React$1.createElement(TreeCollapsibleProvider, null, /* @__PURE__ */ React$1.createElement(StyledCollapsibleTreeItemRoot, props)));
+	return /* @__PURE__ */ jsx(TreeListItem, {
+		ref,
+		children: /* @__PURE__ */ jsx(TreeCollapsibleProvider, { children: /* @__PURE__ */ jsx(StyledCollapsibleTreeItemRoot, { ...props }) })
+	});
 });
 //#endregion
 export { TreeCollapsible, TreeCollapsibleContext };

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

@@ -1 +1 @@
-{"version":3,"file":"TreeCollapsible.js","names":[],"sources":["../../../src/components/tree/TreeCollapsible.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-collapsible'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { useCallbackRef } from '~/utilities/hooks/useCallbackRef'\n\nimport { TreeListItem } from './TreeListItem'\n\ntype TreeCollapsibleContextValue = {\n  triggerRef?: React.MutableRefObject<HTMLElement | null>\n  setTriggerRef?: (HTMLElement) => void\n}\nexport const TreeCollapsibleContext =\n  React.createContext<TreeCollapsibleContextValue>({})\nconst TreeCollapsibleProvider = ({ children }) => {\n  const [triggerRef, setTriggerRef] = useCallbackRef()\n  return (\n    <TreeCollapsibleContext.Provider value={{ triggerRef, setTriggerRef }}>\n      {children}\n    </TreeCollapsibleContext.Provider>\n  )\n}\n\nconst StyledCollapsibleTreeItemRoot = styled(Root, {\n  base: ['w-full']\n})\n\ntype TreeCollapsibleProps = React.ComponentProps<typeof Root> &\n  React.ComponentProps<typeof StyledCollapsibleTreeItemRoot>\nexport const TreeCollapsible = React.forwardRef(\n  (\n    props: TreeCollapsibleProps,\n    ref: React.ForwardedRef<HTMLLIElement>\n  ): JSX.Element => {\n    return (\n      <TreeListItem ref={ref}>\n        <TreeCollapsibleProvider>\n          <StyledCollapsibleTreeItemRoot {...props} />\n        </TreeCollapsibleProvider>\n      </TreeListItem>\n    )\n  }\n)\n"],"mappings":";;;;;;AAYA,IAAa,yBACX,QAAM,cAA2C,EAAE,CAAC;AACtD,IAAM,2BAA2B,EAAE,eAAe;CAChD,MAAM,CAAC,YAAY,iBAAiB,gBAAgB;AACpD,QACE,wBAAA,cAAC,uBAAuB,UAAxB,EAAiC,OAAO;EAAE;EAAY;EAAe,EAEnC,EAD/B,SAC+B;;AAItC,IAAM,gCAAgC,OAAO,MAAM,EACjD,MAAM,CAAC,SAAS,EACjB,CAAC;AAIF,IAAa,kBAAkB,QAAM,YAEjC,OACA,QACgB;AAChB,QACE,wBAAA,cAAC,cAAD,EAAmB,KAIJ,EAHb,wBAAA,cAAC,yBAAA,MACC,wBAAA,cAAC,+BAAkC,MAAS,CACpB,CACb;EAGpB"}
+{"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  ): React.JSX.Element => {\n    return (\n      <TreeListItem ref={ref}>\n        <TreeCollapsibleProvider>\n          <StyledCollapsibleTreeItemRoot {...props} />\n        </TreeCollapsibleProvider>\n      </TreeListItem>\n    )\n  }\n)\n"],"mappings":";;;;;;;AAYA,IAAa,yBACX,QAAM,cAA2C,EAAE,CAAC;AACtD,IAAM,2BAA2B,EAAE,eAAe;CAChD,MAAM,CAAC,YAAY,iBAAiB,gBAAgB;AACpD,QACE,oBAAC,uBAAuB,UAAxB;EAAiC,OAAO;GAAE;GAAY;GAAe;EAClE;EAC+B,CAAA;;AAItC,IAAM,gCAAgC,OAAO,MAAM,EACjD,MAAM,CAAC,SAAS,EACjB,CAAC;AAIF,IAAa,kBAAkB,QAAM,YAEjC,OACA,QACsB;AACtB,QACE,oBAAC,cAAD;EAAmB;YACjB,oBAAC,yBAAD,EAAA,UACE,oBAAC,+BAAD,EAA+B,GAAI,OAAS,CAAA,EACpB,CAAA;EACb,CAAA;EAGpB"}

package/dist/components/tree/TreeCollapsibleContent.js

@@ -2,6 +2,7 @@ import { cn } from "../../styled.js";
 import { TreeCollapsibleContext } from "./TreeCollapsible.js";
 import { TreeList } from "./TreeList.js";
 import React from "react";
+import { jsx } from "react/jsx-runtime";
 import { Content } from "@radix-ui/react-collapsible";
 //#region src/components/tree/TreeCollapsibleContent.tsx
 var TreeCollapsibleContent = React.forwardRef(({ children, className, ...rest }, ref) => {
@@ -15,15 +16,17 @@ var TreeCollapsibleContent = React.forwardRef(({ children, className, ...rest },
 			triggerRef.current.click();
 		}
 	};
-	return /* @__PURE__ */ React.createElement(Content, {
+	return /* @__PURE__ */ jsx(Content, {
 		className: cn("data-[state=closed]:hidden", className),
 		onKeyDown: handleOnKeydown,
 		...rest,
-		asChild: true
-	}, /* @__PURE__ */ React.createElement(TreeList, {
-		ref,
-		role: "group"
-	}, children));
+		asChild: true,
+		children: /* @__PURE__ */ jsx(TreeList, {
+			ref,
+			role: "group",
+			children
+		})
+	});
 });
 //#endregion
 export { TreeCollapsibleContent };

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

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

package/dist/components/tree/TreeCollapsibleTrigger.js

@@ -4,6 +4,7 @@ import { ActionIcon } from "../action-icon/ActionIcon.js";
 import { TreeCollapsibleContext } from "./TreeCollapsible.js";
 import { TreeItemContent } from "./TreeItemContent.js";
 import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronDown } from "@atom-learning/icons";
 import { Trigger } from "@radix-ui/react-collapsible";
 //#region src/components/tree/TreeCollapsibleTrigger.tsx
@@ -19,21 +20,26 @@ var StyledActionIcon = styled(ActionIcon, { base: [
 ] });
 var TreeCollapsibleTrigger = ({ children, label, className, ...rest }) => {
 	const { setTriggerRef, triggerRef } = React.useContext(TreeCollapsibleContext);
-	return /* @__PURE__ */ React.createElement(TreeItemContent, {
+	return /* @__PURE__ */ jsxs(TreeItemContent, {
 		...rest,
 		className: cn("cursor-pointer", className),
 		onClick: (event) => {
 			rest.onClick?.(event);
 			triggerRef?.current?.click();
-		}
-	}, /* @__PURE__ */ React.createElement(Trigger, { asChild: true }, /* @__PURE__ */ React.createElement(StyledActionIcon, {
-		size: "sm",
-		ref: setTriggerRef,
-		label,
-		theme: "neutral",
-		hasTooltip: false,
-		onClick: (e) => e.stopPropagation()
-	}, /* @__PURE__ */ React.createElement(Icon, { is: ChevronDown }))), children);
+		},
+		children: [/* @__PURE__ */ jsx(Trigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(StyledActionIcon, {
+				size: "sm",
+				ref: setTriggerRef,
+				label,
+				theme: "neutral",
+				hasTooltip: false,
+				onClick: (e) => e.stopPropagation(),
+				children: /* @__PURE__ */ jsx(Icon, { is: ChevronDown })
+			})
+		}), children]
+	});
 };
 //#endregion
 export { TreeCollapsibleTrigger };

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

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

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

@@ -1,3 +1,3 @@
 import * as React from 'react';
 import { Icon } from '../../components/icon/Icon';
-export declare const TreeIcon: ({ className, ...props }: React.ComponentProps<typeof Icon>) => JSX.Element;
+export declare const TreeIcon: ({ className, ...props }: React.ComponentProps<typeof Icon>) => React.JSX.Element;

package/dist/components/tree/TreeIcon.js

@@ -1,8 +1,9 @@
 import { cn } from "../../styled.js";
 import { Icon } from "../icon/Icon.js";
-import * as React$1 from "react";
+import "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/tree/TreeIcon.tsx
-var TreeIcon = ({ className, ...props }) => /* @__PURE__ */ React$1.createElement(Icon, {
+var TreeIcon = ({ className, ...props }) => /* @__PURE__ */ jsx(Icon, {
 	size: "md",
 	...props,
 	className: cn("my-1", "shrink-0", "self-start", className)

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

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

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import { TreeItemContent } from './TreeItemContent';
 type TreeItemProps = React.ComponentProps<typeof TreeItemContent>;
-export declare const TreeItem: ({ children, ...rest }: TreeItemProps) => JSX.Element;
+export declare const TreeItem: ({ children, ...rest }: TreeItemProps) => React.JSX.Element;
 export {};

package/dist/components/tree/TreeItem.js

@@ -1,9 +1,13 @@
 import { TreeListItem } from "./TreeListItem.js";
 import { TreeItemContent } from "./TreeItemContent.js";
-import React from "react";
+import "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/tree/TreeItem.tsx
 var TreeItem = ({ children, ...rest }) => {
-	return /* @__PURE__ */ React.createElement(TreeListItem, null, /* @__PURE__ */ React.createElement(TreeItemContent, rest, children));
+	return /* @__PURE__ */ jsx(TreeListItem, { children: /* @__PURE__ */ jsx(TreeItemContent, {
+		...rest,
+		children
+	}) });
 };
 //#endregion
 export { TreeItem };

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

@@ -1 +1 @@
-{"version":3,"file":"TreeItem.js","names":[],"sources":["../../../src/components/tree/TreeItem.tsx"],"sourcesContent":["import React from 'react'\n\nimport { TreeItemContent } from './TreeItemContent'\nimport { TreeListItem } from './TreeListItem'\n\ntype TreeItemProps = React.ComponentProps<typeof TreeItemContent>\n\nexport const TreeItem = ({ children, ...rest }: TreeItemProps): JSX.Element => {\n  return (\n    <TreeListItem>\n      <TreeItemContent {...rest}>{children}</TreeItemContent>\n    </TreeListItem>\n  )\n}\n"],"mappings":";;;;AAOA,IAAa,YAAY,EAAE,UAAU,GAAG,WAAuC;AAC7E,QACE,sBAAA,cAAC,cAAA,MACC,sBAAA,cAAC,iBAAoB,MAAO,SAA2B,CAC1C"}
+{"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): React.JSX.Element => {\n  return (\n    <TreeListItem>\n      <TreeItemContent {...rest}>{children}</TreeItemContent>\n    </TreeListItem>\n  )\n}\n"],"mappings":";;;;;AAOA,IAAa,YAAY,EAAE,UAAU,GAAG,WAA6C;AACnF,QACE,oBAAC,cAAD,EAAA,UACE,oBAAC,iBAAD;EAAiB,GAAI;EAAO;EAA2B,CAAA,EAC1C,CAAA"}

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

@@ -1,6 +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;
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
 }, never> & {
     as?: React.ElementType;
 }, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/tree/TreeItemContent.js

@@ -3,6 +3,7 @@ import { Icon } from "../icon/Icon.js";
 import { TreeIcon } from "./TreeIcon.js";
 import { TreeText } from "./TreeText.js";
 import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/tree/TreeItemContent.tsx
 var StyledItemContent = styled("div", { base: [
 	"w-full",
@@ -13,14 +14,15 @@ var StyledItemContent = styled("div", { base: [
 	"items-center",
 	"gap-2"
 ] });
-var TreeItemContent = React$1.forwardRef(({ children, ...rest }, ref) => /* @__PURE__ */ React$1.createElement(StyledItemContent, {
+var TreeItemContent = React$1.forwardRef(({ children, ...rest }, ref) => /* @__PURE__ */ jsx(StyledItemContent, {
 	ref,
-	...rest
-}, React$1.Children.map(children, (child) => {
-	if (typeof child === "string" || typeof child === "number") return /* @__PURE__ */ React$1.createElement(TreeText, null, child);
-	if (React$1.isValidElement(child) && child.type === Icon) return /* @__PURE__ */ React$1.createElement(TreeIcon, child.props);
-	return child;
-})));
+	...rest,
+	children: React$1.Children.map(children, (child) => {
+		if (typeof child === "string" || typeof child === "number") return /* @__PURE__ */ jsx(TreeText, { children: child });
+		if (React$1.isValidElement(child) && child.type === Icon) return /* @__PURE__ */ jsx(TreeIcon, { ...child.props });
+		return child;
+	})
+}));
 //#endregion
 export { TreeItemContent };
 

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

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

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

@@ -1,5 +1,5 @@
 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;
+    ref?: ((instance: HTMLUListElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLUListElement> | null | undefined;
 }, never> & {
     as?: import("react").ElementType;
 }>;

package/dist/components/tree/TreeListItem.js

@@ -1,7 +1,8 @@
 import { cn } from "../../styled.js";
 import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/tree/TreeListItem.tsx
-var TreeListItem = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React$1.createElement("li", {
+var TreeListItem = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", {
 	...props,
 	ref,
 	role: "treeitem",

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

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

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

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

package/dist/components/tree/TreeText.js

@@ -1,8 +1,9 @@
 import { cn } from "../../styled.js";
 import { Text } from "../text/Text.js";
-import React from "react";
+import "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/tree/TreeText.tsx
-var TreeText = ({ className, ...rest }) => /* @__PURE__ */ React.createElement(Text, {
+var TreeText = ({ className, ...rest }) => /* @__PURE__ */ jsx(Text, {
 	as: "span",
 	...rest,
 	className: cn("py-0.5", "whitespace-nowrap", "overflow-x-hidden", "text-ellipsis", className),

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

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

package/dist/components/video/Video.js

@@ -1,19 +1,24 @@
 import { CSSWrapper } from "../../utilities/css-wrapper/CSSWrapper.js";
 import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
 import ReactPlayer from "react-player/vimeo.js";
 //#region src/components/video/Video.tsx
-var Video = React$1.forwardRef(({ id, ratio = 9 / 16, className, ...remainingProps }, ref) => /* @__PURE__ */ React$1.createElement(CSSWrapper, { className }, /* @__PURE__ */ React$1.createElement("div", {
-	style: { "--ratio": `${ratio * 100}%` },
-	className: "relative h-0 w-full overflow-hidden rounded-sm pt-(--ratio)"
-}, /* @__PURE__ */ React$1.createElement(ReactPlayer, {
-	...remainingProps,
-	role: "figure",
-	url: `https://player.vimeo.com/video/${id}`,
-	height: "100%",
-	width: "100%",
-	ref,
-	className: "absolute top-0 left-0"
-}))));
+var Video = React$1.forwardRef(({ id, ratio = 9 / 16, className, ...remainingProps }, ref) => /* @__PURE__ */ jsx(CSSWrapper, {
+	className,
+	children: /* @__PURE__ */ jsx("div", {
+		style: { "--ratio": `${ratio * 100}%` },
+		className: "relative h-0 w-full overflow-hidden rounded-sm pt-(--ratio)",
+		children: /* @__PURE__ */ jsx(ReactPlayer, {
+			...remainingProps,
+			role: "figure",
+			url: `https://player.vimeo.com/video/${id}`,
+			height: "100%",
+			width: "100%",
+			ref,
+			className: "absolute top-0 left-0"
+		})
+	})
+}));
 Video.displayName = "Video";
 //#endregion
 export { Video };

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

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