@bitrise/bitkit-v2 0.3.196 → 0.3.198

package/dist/components/BitkitDrawer/BitkitDrawer.d.ts

@@ -0,0 +1,28 @@
+import { Drawer, DrawerActionTriggerProps, DrawerBackdropProps, DrawerBodyProps, DrawerCloseTriggerProps, DrawerContentProps, DrawerDescriptionProps, DrawerFooterProps, DrawerHeaderProps, DrawerPositionerProps, DrawerRootProps, DrawerTitleProps, DrawerTriggerProps } from '@chakra-ui/react/drawer';
+export type BitkitDrawerRootProps = DrawerRootProps;
+export type BitkitDrawerTriggerProps = DrawerTriggerProps;
+export type BitkitDrawerBackdropProps = DrawerBackdropProps;
+export type BitkitDrawerPositionerProps = DrawerPositionerProps;
+export type BitkitDrawerContentProps = DrawerContentProps;
+export type BitkitDrawerHeaderProps = DrawerHeaderProps;
+export type BitkitDrawerTitleProps = DrawerTitleProps;
+export type BitkitDrawerDescriptionProps = DrawerDescriptionProps;
+export type BitkitDrawerBodyProps = DrawerBodyProps;
+export type BitkitDrawerFooterProps = DrawerFooterProps;
+export type BitkitDrawerActionTriggerProps = DrawerActionTriggerProps;
+export type BitkitDrawerCloseButtonProps = DrawerCloseTriggerProps;
+declare const BitkitDrawer: {
+    ActionTrigger: import('react').ForwardRefExoticComponent<Drawer.ActionTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+    Backdrop: import('react').ForwardRefExoticComponent<Drawer.BackdropProps & import('react').RefAttributes<HTMLDivElement>>;
+    Body: import('react').ForwardRefExoticComponent<Drawer.BodyProps & import('react').RefAttributes<HTMLDivElement>>;
+    CloseButton: import('react').ForwardRefExoticComponent<Drawer.CloseTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+    Content: import('react').ForwardRefExoticComponent<Drawer.ContentProps & import('react').RefAttributes<HTMLDivElement>>;
+    Description: import('react').ForwardRefExoticComponent<Drawer.DescriptionProps & import('react').RefAttributes<HTMLDivElement>>;
+    Footer: import('react').ForwardRefExoticComponent<Drawer.FooterProps & import('react').RefAttributes<HTMLDivElement>>;
+    Header: import('react').ForwardRefExoticComponent<Drawer.HeaderProps & import('react').RefAttributes<HTMLDivElement>>;
+    Positioner: import('react').ForwardRefExoticComponent<Drawer.PositionerProps & import('react').RefAttributes<HTMLDivElement>>;
+    Root: import('react').FC<Drawer.RootProps>;
+    Title: import('react').ForwardRefExoticComponent<Drawer.TitleProps & import('react').RefAttributes<HTMLDivElement>>;
+    Trigger: import('react').ForwardRefExoticComponent<Drawer.TriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+};
+export default BitkitDrawer;

package/dist/components/BitkitDrawer/BitkitDrawer.js

@@ -0,0 +1,56 @@
+import IconCross from "../../icons/IconCross.js";
+import BitkitLabelTooltip from "../BitkitLabelTooltip/BitkitLabelTooltip.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Drawer } from "@chakra-ui/react/drawer";
+//#region lib/components/BitkitDrawer/BitkitDrawer.tsx
+var Root = Drawer.Root;
+var Trigger = Drawer.Trigger;
+var Backdrop = Drawer.Backdrop;
+var Positioner = Drawer.Positioner;
+var Content = Drawer.Content;
+var Header = Drawer.Header;
+var Title = Drawer.Title;
+var Description = Drawer.Description;
+var Body = Drawer.Body;
+var Footer = Drawer.Footer;
+var ActionTrigger = Drawer.ActionTrigger;
+var CloseButton = forwardRef((props, ref) => /* @__PURE__ */ jsx(BitkitLabelTooltip, {
+	text: "Close",
+	children: /* @__PURE__ */ jsx(Drawer.CloseTrigger, {
+		ref,
+		"aria-label": "Close",
+		...props,
+		children: /* @__PURE__ */ jsx(IconCross, {})
+	})
+}));
+Root.displayName = "BitkitDrawer.Root";
+Trigger.displayName = "BitkitDrawer.Trigger";
+Backdrop.displayName = "BitkitDrawer.Backdrop";
+Positioner.displayName = "BitkitDrawer.Positioner";
+Content.displayName = "BitkitDrawer.Content";
+Header.displayName = "BitkitDrawer.Header";
+Title.displayName = "BitkitDrawer.Title";
+Description.displayName = "BitkitDrawer.Description";
+Body.displayName = "BitkitDrawer.Body";
+Footer.displayName = "BitkitDrawer.Footer";
+ActionTrigger.displayName = "BitkitDrawer.ActionTrigger";
+CloseButton.displayName = "BitkitDrawer.CloseButton";
+var BitkitDrawer = {
+	ActionTrigger,
+	Backdrop,
+	Body,
+	CloseButton,
+	Content,
+	Description,
+	Footer,
+	Header,
+	Positioner,
+	Root,
+	Title,
+	Trigger
+};
+//#endregion
+export { BitkitDrawer as default };
+
+//# sourceMappingURL=BitkitDrawer.js.map

package/dist/components/BitkitDrawer/BitkitDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitDrawer.js","names":[],"sources":["../../../lib/components/BitkitDrawer/BitkitDrawer.tsx"],"sourcesContent":["import {\n  Drawer,\n  type DrawerActionTriggerProps,\n  type DrawerBackdropProps,\n  type DrawerBodyProps,\n  type DrawerCloseTriggerProps,\n  type DrawerContentProps,\n  type DrawerDescriptionProps,\n  type DrawerFooterProps,\n  type DrawerHeaderProps,\n  type DrawerPositionerProps,\n  type DrawerRootProps,\n  type DrawerTitleProps,\n  type DrawerTriggerProps,\n} from '@chakra-ui/react/drawer';\nimport { forwardRef } from 'react';\n\nimport { IconCross } from '../../icons';\nimport BitkitLabelTooltip from '../BitkitLabelTooltip/BitkitLabelTooltip';\n\nexport type BitkitDrawerRootProps = DrawerRootProps;\nexport type BitkitDrawerTriggerProps = DrawerTriggerProps;\nexport type BitkitDrawerBackdropProps = DrawerBackdropProps;\nexport type BitkitDrawerPositionerProps = DrawerPositionerProps;\nexport type BitkitDrawerContentProps = DrawerContentProps;\nexport type BitkitDrawerHeaderProps = DrawerHeaderProps;\nexport type BitkitDrawerTitleProps = DrawerTitleProps;\nexport type BitkitDrawerDescriptionProps = DrawerDescriptionProps;\nexport type BitkitDrawerBodyProps = DrawerBodyProps;\nexport type BitkitDrawerFooterProps = DrawerFooterProps;\nexport type BitkitDrawerActionTriggerProps = DrawerActionTriggerProps;\nexport type BitkitDrawerCloseButtonProps = DrawerCloseTriggerProps;\n\nconst Root = Drawer.Root;\nconst Trigger = Drawer.Trigger;\nconst Backdrop = Drawer.Backdrop;\nconst Positioner = Drawer.Positioner;\nconst Content = Drawer.Content;\nconst Header = Drawer.Header;\nconst Title = Drawer.Title;\nconst Description = Drawer.Description;\nconst Body = Drawer.Body;\nconst Footer = Drawer.Footer;\nconst ActionTrigger = Drawer.ActionTrigger;\n\nconst CloseButton = forwardRef<HTMLButtonElement, BitkitDrawerCloseButtonProps>((props, ref) => (\n  <BitkitLabelTooltip text=\"Close\">\n    <Drawer.CloseTrigger ref={ref} aria-label=\"Close\" {...props}>\n      <IconCross />\n    </Drawer.CloseTrigger>\n  </BitkitLabelTooltip>\n));\n\nRoot.displayName = 'BitkitDrawer.Root';\nTrigger.displayName = 'BitkitDrawer.Trigger';\nBackdrop.displayName = 'BitkitDrawer.Backdrop';\nPositioner.displayName = 'BitkitDrawer.Positioner';\nContent.displayName = 'BitkitDrawer.Content';\nHeader.displayName = 'BitkitDrawer.Header';\nTitle.displayName = 'BitkitDrawer.Title';\nDescription.displayName = 'BitkitDrawer.Description';\nBody.displayName = 'BitkitDrawer.Body';\nFooter.displayName = 'BitkitDrawer.Footer';\nActionTrigger.displayName = 'BitkitDrawer.ActionTrigger';\nCloseButton.displayName = 'BitkitDrawer.CloseButton';\n\nconst BitkitDrawer = {\n  ActionTrigger,\n  Backdrop,\n  Body,\n  CloseButton,\n  Content,\n  Description,\n  Footer,\n  Header,\n  Positioner,\n  Root,\n  Title,\n  Trigger,\n};\n\nexport default BitkitDrawer;\n"],"mappings":";;;;;;AAiCA,IAAM,OAAO,OAAO;AACpB,IAAM,UAAU,OAAO;AACvB,IAAM,WAAW,OAAO;AACxB,IAAM,aAAa,OAAO;AAC1B,IAAM,UAAU,OAAO;AACvB,IAAM,SAAS,OAAO;AACtB,IAAM,QAAQ,OAAO;AACrB,IAAM,cAAc,OAAO;AAC3B,IAAM,OAAO,OAAO;AACpB,IAAM,SAAS,OAAO;AACtB,IAAM,gBAAgB,OAAO;AAE7B,IAAM,cAAc,YAA6D,OAAO,QACtF,oBAAC,oBAAD;CAAoB,MAAK;WACvB,oBAAC,OAAO,cAAR;EAA0B;EAAK,cAAW;EAAQ,GAAI;YACpD,oBAAC,WAAD,EAAa,CAAA;EACO,CAAA;CACH,CAAA,CACrB;AAEF,KAAK,cAAc;AACnB,QAAQ,cAAc;AACtB,SAAS,cAAc;AACvB,WAAW,cAAc;AACzB,QAAQ,cAAc;AACtB,OAAO,cAAc;AACrB,MAAM,cAAc;AACpB,YAAY,cAAc;AAC1B,KAAK,cAAc;AACnB,OAAO,cAAc;AACrB,cAAc,cAAc;AAC5B,YAAY,cAAc;AAE1B,IAAM,eAAe;CACnB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}

package/dist/components/BitkitLabelTooltip/BitkitLabelTooltip.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Portal } from "@chakra-ui/react/portal";
 import { Tooltip } from "@chakra-ui/react/tooltip";
 //#region lib/components/BitkitLabelTooltip/BitkitLabelTooltip.tsx
 var BitkitLabelTooltip = ({ children, disabled, placement = "top", text }) => {
@@ -16,7 +17,7 @@ var BitkitLabelTooltip = ({ children, disabled, placement = "top", text }) => {
 		children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
 			asChild: true,
 			children
-		}), /* @__PURE__ */ jsx(Tooltip.Positioner, { children: /* @__PURE__ */ jsx(Tooltip.Content, { children: text }) })]
+		}), /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, { children: /* @__PURE__ */ jsx(Tooltip.Content, { children: text }) }) })]
 	});
 };
 BitkitLabelTooltip.displayName = "BitkitLabelTooltip";

package/dist/components/BitkitLabelTooltip/BitkitLabelTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitLabelTooltip.js","names":[],"sources":["../../../lib/components/BitkitLabelTooltip/BitkitLabelTooltip.tsx"],"sourcesContent":["import { Tooltip, type TooltipRootProps } from '@chakra-ui/react/tooltip';\nimport { type ReactNode } from 'react';\n\nexport type BitkitLabelTooltipProps = {\n  children: ReactNode;\n  disabled?: TooltipRootProps['disabled'];\n  placement?: NonNullable<TooltipRootProps['positioning']>['placement'];\n  text: string;\n};\n\nconst BitkitLabelTooltip = ({ children, disabled, placement = 'top', text }: BitkitLabelTooltipProps) => {\n  return (\n    <Tooltip.Root\n      disabled={disabled}\n      paddingSize=\"sm\"\n      positioning={{ placement, offset: { mainAxis: 8, crossAxis: 0 } }}\n      textStyle=\"sm/semibold\"\n    >\n      <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n      <Tooltip.Positioner>\n        <Tooltip.Content>{text}</Tooltip.Content>\n      </Tooltip.Positioner>\n    </Tooltip.Root>\n  );\n};\n\nBitkitLabelTooltip.displayName = 'BitkitLabelTooltip';\n\nexport default BitkitLabelTooltip;\n"],"mappings":";;;AAUA,IAAM,sBAAsB,EAAE,UAAU,UAAU,YAAY,OAAO,WAAoC;AACvG,QACE,qBAAC,QAAQ,MAAT;EACY;EACV,aAAY;EACZ,aAAa;GAAE;GAAW,QAAQ;IAAE,UAAU;IAAG,WAAW;IAAG;GAAE;EACjE,WAAU;YAJZ,CAME,oBAAC,QAAQ,SAAT;GAAiB,SAAA;GAAS;GAA2B,CAAA,EACrD,oBAAC,QAAQ,YAAT,EAAA,UACE,oBAAC,QAAQ,SAAT,EAAA,UAAkB,MAAuB,CAAA,EACtB,CAAA,CACR;;;AAInB,mBAAmB,cAAc"}
+{"version":3,"file":"BitkitLabelTooltip.js","names":[],"sources":["../../../lib/components/BitkitLabelTooltip/BitkitLabelTooltip.tsx"],"sourcesContent":["import { Portal } from '@chakra-ui/react/portal';\nimport { Tooltip, type TooltipRootProps } from '@chakra-ui/react/tooltip';\nimport { type ReactNode } from 'react';\n\nexport type BitkitLabelTooltipProps = {\n  children: ReactNode;\n  disabled?: TooltipRootProps['disabled'];\n  placement?: NonNullable<TooltipRootProps['positioning']>['placement'];\n  text: string;\n};\n\nconst BitkitLabelTooltip = ({ children, disabled, placement = 'top', text }: BitkitLabelTooltipProps) => {\n  return (\n    <Tooltip.Root\n      disabled={disabled}\n      paddingSize=\"sm\"\n      positioning={{ placement, offset: { mainAxis: 8, crossAxis: 0 } }}\n      textStyle=\"sm/semibold\"\n    >\n      <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n      <Portal>\n        <Tooltip.Positioner>\n          <Tooltip.Content>{text}</Tooltip.Content>\n        </Tooltip.Positioner>\n      </Portal>\n    </Tooltip.Root>\n  );\n};\n\nBitkitLabelTooltip.displayName = 'BitkitLabelTooltip';\n\nexport default BitkitLabelTooltip;\n"],"mappings":";;;;AAWA,IAAM,sBAAsB,EAAE,UAAU,UAAU,YAAY,OAAO,WAAoC;AACvG,QACE,qBAAC,QAAQ,MAAT;EACY;EACV,aAAY;EACZ,aAAa;GAAE;GAAW,QAAQ;IAAE,UAAU;IAAG,WAAW;IAAG;GAAE;EACjE,WAAU;YAJZ,CAME,oBAAC,QAAQ,SAAT;GAAiB,SAAA;GAAS;GAA2B,CAAA,EACrD,oBAAC,QAAD,EAAA,UACE,oBAAC,QAAQ,YAAT,EAAA,UACE,oBAAC,QAAQ,SAAT,EAAA,UAAkB,MAAuB,CAAA,EACtB,CAAA,EACd,CAAA,CACI;;;AAInB,mBAAmB,cAAc"}

package/dist/components/BitkitTreeView/BitkitTreeView.d.ts

@@ -0,0 +1,34 @@
+import { TreeViewBranchControlProps, TreeViewItemProps, TreeViewNodeRenderProps, TreeViewRootProps } from '@chakra-ui/react/tree-view';
+import { ReactElement, ReactNode } from 'react';
+import { BitkitIconComponent } from '../../icons';
+export { createTreeCollection } from '@chakra-ui/react/collection';
+export type { TreeViewExpandedChangeDetails as BitkitTreeViewExpandedChangeDetails, TreeViewNodeRenderProps as BitkitTreeViewNodeRenderProps, TreeViewSelectionChangeDetails as BitkitTreeViewSelectionChangeDetails, } from '@chakra-ui/react/tree-view';
+export type BitkitTreeViewVariant = 'files' | 'navigation';
+export interface BitkitTreeViewRootProps extends Omit<TreeViewRootProps, 'children'> {
+    children?: ReactNode;
+    render: (props: TreeViewNodeRenderProps) => ReactNode;
+    variant?: BitkitTreeViewVariant;
+}
+export interface BitkitTreeViewBranchProps extends Omit<TreeViewBranchControlProps, 'children'> {
+    actions?: ReactElement[];
+    hasWarning?: boolean;
+    label: string;
+    subtext?: ReactNode;
+    suffixIcon?: BitkitIconComponent;
+    suffixText?: string;
+}
+export interface BitkitTreeViewLeafProps extends Omit<TreeViewItemProps, 'children'> {
+    actions?: ReactElement[];
+    badge?: ReactElement;
+    hasWarning?: boolean;
+    icon?: BitkitIconComponent;
+    label: string;
+    subtext?: ReactNode;
+    suffixIcon?: BitkitIconComponent;
+    suffixText?: string;
+}
+declare const BitkitTreeView: import('react').ForwardRefExoticComponent<BitkitTreeViewRootProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Branch: import('react').ForwardRefExoticComponent<BitkitTreeViewBranchProps & import('react').RefAttributes<HTMLDivElement>>;
+    Leaf: import('react').ForwardRefExoticComponent<BitkitTreeViewLeafProps & import('react').RefAttributes<HTMLDivElement>>;
+};
+export default BitkitTreeView;

package/dist/components/BitkitTreeView/BitkitTreeView.js

@@ -0,0 +1,109 @@
+import IconChevronRight from "../../icons/IconChevronRight.js";
+import IconFolder from "../../icons/IconFolder.js";
+import IconWarningYellow from "../../icons/IconWarningYellow.js";
+import { Box } from "@chakra-ui/react/box";
+import { useSlotRecipe } from "@chakra-ui/react/styled-system";
+import { Text } from "@chakra-ui/react/text";
+import { cloneElement, forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createTreeCollection } from "@chakra-ui/react/collection";
+import { createContext as createContext$1 } from "@chakra-ui/react";
+import { TreeView } from "@chakra-ui/react/tree-view";
+//#region lib/components/BitkitTreeView/BitkitTreeView.tsx
+var [VariantProvider, useVariant] = createContext$1({
+	name: "BitkitTreeViewVariantContext",
+	defaultValue: { variant: "files" }
+});
+var useCustomSlotStyles = (variant) => {
+	return useSlotRecipe({ key: "treeView" })({ variant });
+};
+var Root = forwardRef(({ children, render, variant = "files", ...props }, ref) => {
+	const indentGuide = variant === "files" ? /* @__PURE__ */ jsx(TreeView.BranchIndentGuide, {}) : void 0;
+	return /* @__PURE__ */ jsx(VariantProvider, {
+		value: { variant },
+		children: /* @__PURE__ */ jsx(TreeView.Root, {
+			ref,
+			variant,
+			...props,
+			children: /* @__PURE__ */ jsxs(TreeView.Tree, { children: [/* @__PURE__ */ jsx(TreeView.Node, {
+				indentGuide,
+				render
+			}), children] })
+		})
+	});
+});
+Root.displayName = "BitkitTreeView";
+var Branch = forwardRef((props, ref) => {
+	const { actions, hasWarning, label, subtext, suffixIcon: SuffixIcon, suffixText, ...rest } = props;
+	const { variant } = useVariant();
+	const styles = useCustomSlotStyles(variant);
+	const hasSuffix = hasWarning || SuffixIcon || suffixText;
+	const hasActions = actions && actions.length > 0;
+	const BranchIcon = variant === "navigation" ? IconChevronRight : IconFolder;
+	return /* @__PURE__ */ jsxs(TreeView.BranchControl, {
+		ref,
+		className: hasActions ? "group" : void 0,
+		...rest,
+		children: [
+			/* @__PURE__ */ jsx(TreeView.BranchIndicator, { children: /* @__PURE__ */ jsx(BranchIcon, { size: "16" }) }),
+			/* @__PURE__ */ jsxs(TreeView.BranchText, { children: [label, subtext && /* @__PURE__ */ jsx(Text, {
+				css: styles.secondaryText,
+				children: subtext
+			})] }),
+			hasSuffix && /* @__PURE__ */ jsxs(Box, {
+				css: styles.suffixGroup,
+				children: [
+					hasWarning && /* @__PURE__ */ jsx(IconWarningYellow, { size: "16" }),
+					SuffixIcon && /* @__PURE__ */ jsx(SuffixIcon, { size: "16" }),
+					suffixText && /* @__PURE__ */ jsx("span", { children: suffixText })
+				]
+			}),
+			hasActions && /* @__PURE__ */ jsx(Box, {
+				css: styles.actionGroup,
+				children: actions.map((action) => cloneElement(action, { size: "xs" }))
+			})
+		]
+	});
+});
+Branch.displayName = "BitkitTreeView.Branch";
+var Leaf = forwardRef((props, ref) => {
+	const { actions, badge, hasWarning, icon: Icon, label, subtext, suffixIcon: SuffixIcon, suffixText, ...rest } = props;
+	const { variant } = useVariant();
+	const styles = useCustomSlotStyles(variant);
+	const hasSuffix = hasWarning || SuffixIcon || suffixText;
+	const hasActions = actions && actions.length > 0;
+	return /* @__PURE__ */ jsxs(TreeView.Item, {
+		ref,
+		className: hasActions ? "group" : void 0,
+		...rest,
+		children: [
+			Icon && /* @__PURE__ */ jsx(Icon, { size: "16" }),
+			badge && cloneElement(badge, { size: "xxs" }),
+			/* @__PURE__ */ jsxs(TreeView.ItemText, { children: [label, subtext && /* @__PURE__ */ jsx(Text, {
+				css: styles.secondaryText,
+				children: subtext
+			})] }),
+			hasSuffix && /* @__PURE__ */ jsxs(Box, {
+				css: styles.suffixGroup,
+				children: [
+					hasWarning && /* @__PURE__ */ jsx(IconWarningYellow, { size: "16" }),
+					SuffixIcon && /* @__PURE__ */ jsx(SuffixIcon, { size: "16" }),
+					suffixText && /* @__PURE__ */ jsx("span", { children: suffixText })
+				]
+			}),
+			hasActions && /* @__PURE__ */ jsx(Box, {
+				css: styles.actionGroup,
+				children: actions.map((action) => cloneElement(action, { size: "xs" }))
+			})
+		]
+	});
+});
+Leaf.displayName = "BitkitTreeView.Leaf";
+var BitkitTreeView = Object.assign(Root, {
+	Branch,
+	Leaf
+});
+//#endregion
+export { createTreeCollection, BitkitTreeView as default };
+
+//# sourceMappingURL=BitkitTreeView.js.map

package/dist/components/BitkitTreeView/BitkitTreeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitTreeView.js","names":[],"sources":["../../../lib/components/BitkitTreeView/BitkitTreeView.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\nimport { Box } from '@chakra-ui/react/box';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport {\n  TreeView,\n  type TreeViewBranchControlProps,\n  type TreeViewItemProps,\n  type TreeViewNodeRenderProps,\n  type TreeViewRootProps,\n} from '@chakra-ui/react/tree-view';\nimport { cloneElement, forwardRef, type ReactElement, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent, IconChevronRight, IconFolder, IconWarningYellow } from '../../icons';\n\n// Re-export for consumer convenience\nexport { createTreeCollection } from '@chakra-ui/react/collection';\n\n// Re-export useful types\nexport type {\n  TreeViewExpandedChangeDetails as BitkitTreeViewExpandedChangeDetails,\n  TreeViewNodeRenderProps as BitkitTreeViewNodeRenderProps,\n  TreeViewSelectionChangeDetails as BitkitTreeViewSelectionChangeDetails,\n} from '@chakra-ui/react/tree-view';\n\n// --- Variant context ---\n\nexport type BitkitTreeViewVariant = 'files' | 'navigation';\n\nconst [VariantProvider, useVariant] = createContext<{ variant: BitkitTreeViewVariant }>({\n  name: 'BitkitTreeViewVariantContext',\n  defaultValue: { variant: 'files' },\n});\n\nconst useCustomSlotStyles = (variant: BitkitTreeViewVariant) => {\n  const recipe = useSlotRecipe({ key: 'treeView' });\n  return recipe({ variant });\n};\n\n// --- Root ---\n\nexport interface BitkitTreeViewRootProps extends Omit<TreeViewRootProps, 'children'> {\n  children?: ReactNode;\n  render: (props: TreeViewNodeRenderProps) => ReactNode;\n  variant?: BitkitTreeViewVariant;\n}\n\nconst Root = forwardRef<HTMLDivElement, BitkitTreeViewRootProps>(\n  ({ children, render, variant = 'files', ...props }, ref) => {\n    const indentGuide = variant === 'files' ? <TreeView.BranchIndentGuide /> : undefined;\n\n    return (\n      <VariantProvider value={{ variant }}>\n        <TreeView.Root ref={ref} variant={variant} {...props}>\n          <TreeView.Tree>\n            <TreeView.Node indentGuide={indentGuide} render={render as never} />\n            {children}\n          </TreeView.Tree>\n        </TreeView.Root>\n      </VariantProvider>\n    );\n  },\n);\nRoot.displayName = 'BitkitTreeView';\n\n// --- Branch ---\n\nexport interface BitkitTreeViewBranchProps extends Omit<TreeViewBranchControlProps, 'children'> {\n  actions?: ReactElement[];\n  hasWarning?: boolean;\n  label: string;\n  subtext?: ReactNode;\n  suffixIcon?: BitkitIconComponent;\n  suffixText?: string;\n}\n\nconst Branch = forwardRef<HTMLDivElement, BitkitTreeViewBranchProps>((props, ref) => {\n  const { actions, hasWarning, label, subtext, suffixIcon: SuffixIcon, suffixText, ...rest } = props;\n  const { variant } = useVariant();\n  const styles = useCustomSlotStyles(variant);\n  const hasSuffix = hasWarning || SuffixIcon || suffixText;\n  const hasActions = actions && actions.length > 0;\n\n  const BranchIcon = variant === 'navigation' ? IconChevronRight : IconFolder;\n\n  return (\n    <TreeView.BranchControl ref={ref} className={hasActions ? 'group' : undefined} {...rest}>\n      <TreeView.BranchIndicator>\n        <BranchIcon size=\"16\" />\n      </TreeView.BranchIndicator>\n      <TreeView.BranchText>\n        {label}\n        {subtext && <Text css={styles.secondaryText}>{subtext}</Text>}\n      </TreeView.BranchText>\n      {hasSuffix && (\n        <Box css={styles.suffixGroup}>\n          {hasWarning && <IconWarningYellow size=\"16\" />}\n          {SuffixIcon && <SuffixIcon size=\"16\" />}\n          {suffixText && <span>{suffixText}</span>}\n        </Box>\n      )}\n      {hasActions && (\n        <Box css={styles.actionGroup}>{actions.map((action) => cloneElement(action, { size: 'xs' }))}</Box>\n      )}\n    </TreeView.BranchControl>\n  );\n});\nBranch.displayName = 'BitkitTreeView.Branch';\n\n// --- Leaf ---\n\nexport interface BitkitTreeViewLeafProps extends Omit<TreeViewItemProps, 'children'> {\n  actions?: ReactElement[];\n  badge?: ReactElement;\n  hasWarning?: boolean;\n  icon?: BitkitIconComponent;\n  label: string;\n  subtext?: ReactNode;\n  suffixIcon?: BitkitIconComponent;\n  suffixText?: string;\n}\n\nconst Leaf = forwardRef<HTMLDivElement, BitkitTreeViewLeafProps>((props, ref) => {\n  const { actions, badge, hasWarning, icon: Icon, label, subtext, suffixIcon: SuffixIcon, suffixText, ...rest } = props;\n  const { variant } = useVariant();\n  const styles = useCustomSlotStyles(variant);\n  const hasSuffix = hasWarning || SuffixIcon || suffixText;\n  const hasActions = actions && actions.length > 0;\n\n  return (\n    <TreeView.Item ref={ref} className={hasActions ? 'group' : undefined} {...rest}>\n      {Icon && <Icon size=\"16\" />}\n      {badge && cloneElement(badge, { size: 'xxs' })}\n      <TreeView.ItemText>\n        {label}\n        {subtext && <Text css={styles.secondaryText}>{subtext}</Text>}\n      </TreeView.ItemText>\n      {hasSuffix && (\n        <Box css={styles.suffixGroup}>\n          {hasWarning && <IconWarningYellow size=\"16\" />}\n          {SuffixIcon && <SuffixIcon size=\"16\" />}\n          {suffixText && <span>{suffixText}</span>}\n        </Box>\n      )}\n      {hasActions && (\n        <Box css={styles.actionGroup}>{actions.map((action) => cloneElement(action, { size: 'xs' }))}</Box>\n      )}\n    </TreeView.Item>\n  );\n});\nLeaf.displayName = 'BitkitTreeView.Leaf';\n\n// --- Main export ---\n\nconst BitkitTreeView = Object.assign(Root, {\n  Branch,\n  Leaf,\n});\n\nexport default BitkitTreeView;\n"],"mappings":"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"}

package/dist/components/index.d.ts

@@ -21,6 +21,7 @@ export { default as BitkitDialogButtons, type BitkitDialogButtonsProps } from '.
 export { default as BitkitDialogContent, type BitkitDialogContentProps } from './BitkitDialog/BitkitDialogContent';
 export { default as BitkitDialogRoot, type BitkitDialogRootProps } from './BitkitDialog/BitkitDialogRoot';
 export { default as BitkitDraggableCard, type BitkitDraggableCardProps, } from './BitkitDraggableCard/BitkitDraggableCard';
+export { default as BitkitDrawer, type BitkitDrawerActionTriggerProps, type BitkitDrawerBackdropProps, type BitkitDrawerBodyProps, type BitkitDrawerCloseButtonProps, type BitkitDrawerContentProps, type BitkitDrawerDescriptionProps, type BitkitDrawerFooterProps, type BitkitDrawerHeaderProps, type BitkitDrawerPositionerProps, type BitkitDrawerRootProps, type BitkitDrawerTitleProps, type BitkitDrawerTriggerProps, } from './BitkitDrawer/BitkitDrawer';
 export { default as BitkitEmptyState, type BitkitEmptyStateProps } from './BitkitEmptyState/BitkitEmptyState';
 export { default as BitkitExpandableCard, type BitkitExpandableCardProps, } from './BitkitExpandableCard/BitkitExpandableCard';
 export { default as BitkitExplainerList, type BitkitExplainerListItemProps, type BitkitExplainerListProps, } from './BitkitExplainerList/BitkitExplainerList';
@@ -67,4 +68,5 @@ export { type BitkitToastProps, default as createBitkitToast } from './BitkitToa
 export { default as BitkitToggle, type BitkitToggleProps } from './BitkitToggle';
 export { default as BitkitToggleButton, type BitkitToggleButtonProps } from './BitkitToggleButton/BitkitToggleButton';
 export { default as BitkitTooltip, type BitkitTooltipProps } from './BitkitTooltip/BitkitTooltip';
+export { default as BitkitTreeView, type BitkitTreeViewBranchProps, type BitkitTreeViewExpandedChangeDetails, type BitkitTreeViewLeafProps, type BitkitTreeViewNodeRenderProps, type BitkitTreeViewRootProps, type BitkitTreeViewSelectionChangeDetails, createTreeCollection, } from './BitkitTreeView/BitkitTreeView';
 export { default as BitkitUnorderedList, type BitkitUnorderedListItemProps, type BitkitUnorderedListProps, } from './BitkitUnorderedList/BitkitUnorderedList';

package/dist/main.js

@@ -307,6 +307,7 @@ import BitkitDialogRoot from "./components/BitkitDialog/BitkitDialogRoot.js";
 import BitkitDialog from "./components/BitkitDialog/BitkitDialog.js";
 import BitkitDialogButtons from "./components/BitkitDialog/BitkitDialogButtons.js";
 import BitkitDraggableCard from "./components/BitkitDraggableCard/BitkitDraggableCard.js";
+import BitkitDrawer from "./components/BitkitDrawer/BitkitDrawer.js";
 import BitkitEmptyState from "./components/BitkitEmptyState/BitkitEmptyState.js";
 import BitkitExpandableCard from "./components/BitkitExpandableCard/BitkitExpandableCard.js";
 import BitkitExplainerList_default from "./components/BitkitExplainerList/BitkitExplainerList.js";
@@ -349,6 +350,7 @@ import BitkitTextInput from "./components/BitkitTextInput/BitkitTextInput.js";
 import createBitkitToast from "./components/BitkitToast/BitkitToast.js";
 import BitkitToggle from "./components/BitkitToggle/BitkitToggle.js";
 import BitkitToggleButton from "./components/BitkitToggleButton/BitkitToggleButton.js";
+import BitkitTreeView, { createTreeCollection } from "./components/BitkitTreeView/BitkitTreeView.js";
 import bitkitTheme from "./theme/index.js";
 import Provider from "./providers/BitkitProvider.js";
-export { BitkitAccordion, BitkitActionBar, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitButton, BitkitCalendar, BitkitCard, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox, BitkitControlButton, BitkitDefinitionTooltip, BitkitDialog, BitkitDialogBody, BitkitDialogButtons, BitkitDialogContent, BitkitDialogRoot, BitkitDraggableCard, BitkitEmptyState, BitkitExpandableCard, BitkitExplainerList_default as BitkitExplainerList, BitkitField, BitkitFileInput, BitkitGroupHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLink, BitkitLinkButton, BitkitMarkdown, BitkitMarkdownCard, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOrderedList_default as BitkitOrderedList, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPagination, BitkitPaginationLoadMore, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect, BitkitSelectMenu, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSidebar_default as BitkitSidebar, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextInput, BitkitToggle, BitkitToggleButton, BitkitTooltip, BitkitUnorderedList_default as BitkitUnorderedList, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkip, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast };
+export { BitkitAccordion, BitkitActionBar, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitButton, BitkitCalendar, BitkitCard, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox, BitkitControlButton, BitkitDefinitionTooltip, BitkitDialog, BitkitDialogBody, BitkitDialogButtons, BitkitDialogContent, BitkitDialogRoot, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitExplainerList_default as BitkitExplainerList, BitkitField, BitkitFileInput, BitkitGroupHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLink, BitkitLinkButton, BitkitMarkdown, BitkitMarkdownCard, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOrderedList_default as BitkitOrderedList, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPagination, BitkitPaginationLoadMore, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect, BitkitSelectMenu, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSidebar_default as BitkitSidebar, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextInput, BitkitToggle, BitkitToggleButton, BitkitTooltip, BitkitTreeView, BitkitUnorderedList_default as BitkitUnorderedList, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkip, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection };

package/dist/theme/slot-recipes/ActionBar.recipe.js

@@ -10,7 +10,7 @@ var actionBarSlotRecipe = defineSlotRecipe({
 			display: "flex",
 			justifyContent: "center",
 			pointerEvents: "none",
-			insetInline: "0",
+			insetInline: 0,
 			top: "unset",
 			bottom: "calc(env(safe-area-inset-bottom) + 20px)"
 		},

package/dist/theme/slot-recipes/ActionBar.recipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/ActionBar.recipe.ts"],"sourcesContent":["import { actionBarAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst actionBarSlotRecipe = defineSlotRecipe({\n  slots: actionBarAnatomy.keys(),\n  className: 'action-bar',\n  base: {\n    positioner: {\n      position: 'fixed',\n      display: 'flex',\n      justifyContent: 'center',\n      pointerEvents: 'none',\n      insetInline: '0',\n      top: 'unset',\n      bottom: 'calc(env(safe-area-inset-bottom) + 20px)',\n    },\n    content: {\n      display: 'flex',\n      alignItems: 'center',\n      boxShadow: 'elevation/lg',\n      pointerEvents: 'auto',\n      border: '1px solid',\n      borderColor: 'border/minimal',\n      borderRadius: '8',\n      backgroundColor: 'background/primary',\n      _open: {\n        animationName: 'slide-from-bottom, fade-in',\n        animationDuration: 'moderate',\n      },\n\n      _closed: {\n        animationName: 'slide-to-bottom, fade-out',\n        animationDuration: 'faster',\n      },\n    },\n    separator: {\n      width: '1',\n      height: '24',\n      bg: 'border/minimal',\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        content: {\n          padding: '12',\n          paddingInlineStart: '16',\n          gap: '12',\n        },\n      },\n      sm: {\n        content: {\n          padding: '8',\n          paddingInlineStart: '12',\n          gap: '8',\n        },\n      },\n      xs: {\n        content: {\n          padding: '8',\n          paddingInlineStart: '12',\n          gap: '8',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport default actionBarSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,sBAAsB,iBAAiB;CAC3C,OAAO,iBAAiB,MAAM;CAC9B,WAAW;CACX,MAAM;EACJ,YAAY;GACV,UAAU;GACV,SAAS;GACT,gBAAgB;GAChB,eAAe;GACf,aAAa;GACb,KAAK;GACL,QAAQ;GACT;EACD,SAAS;GACP,SAAS;GACT,YAAY;GACZ,WAAW;GACX,eAAe;GACf,QAAQ;GACR,aAAa;GACb,cAAc;GACd,iBAAiB;GACjB,OAAO;IACL,eAAe;IACf,mBAAmB;IACpB;GAED,SAAS;IACP,eAAe;IACf,mBAAmB;IACpB;GACF;EACD,WAAW;GACT,OAAO;GACP,QAAQ;GACR,IAAI;GACL;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI,EACF,SAAS;GACP,SAAS;GACT,oBAAoB;GACpB,KAAK;GACN,EACF;EACD,IAAI,EACF,SAAS;GACP,SAAS;GACT,oBAAoB;GACpB,KAAK;GACN,EACF;EACD,IAAI,EACF,SAAS;GACP,SAAS;GACT,oBAAoB;GACpB,KAAK;GACN,EACF;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}
+{"version":3,"file":"ActionBar.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/ActionBar.recipe.ts"],"sourcesContent":["import { actionBarAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst actionBarSlotRecipe = defineSlotRecipe({\n  slots: actionBarAnatomy.keys(),\n  className: 'action-bar',\n  base: {\n    positioner: {\n      position: 'fixed',\n      display: 'flex',\n      justifyContent: 'center',\n      pointerEvents: 'none',\n      insetInline: 0,\n      top: 'unset',\n      bottom: 'calc(env(safe-area-inset-bottom) + 20px)',\n    },\n    content: {\n      display: 'flex',\n      alignItems: 'center',\n      boxShadow: 'elevation/lg',\n      pointerEvents: 'auto',\n      border: '1px solid',\n      borderColor: 'border/minimal',\n      borderRadius: '8',\n      backgroundColor: 'background/primary',\n      _open: {\n        animationName: 'slide-from-bottom, fade-in',\n        animationDuration: 'moderate',\n      },\n\n      _closed: {\n        animationName: 'slide-to-bottom, fade-out',\n        animationDuration: 'faster',\n      },\n    },\n    separator: {\n      width: '1',\n      height: '24',\n      bg: 'border/minimal',\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        content: {\n          padding: '12',\n          paddingInlineStart: '16',\n          gap: '12',\n        },\n      },\n      sm: {\n        content: {\n          padding: '8',\n          paddingInlineStart: '12',\n          gap: '8',\n        },\n      },\n      xs: {\n        content: {\n          padding: '8',\n          paddingInlineStart: '12',\n          gap: '8',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport default actionBarSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,sBAAsB,iBAAiB;CAC3C,OAAO,iBAAiB,MAAM;CAC9B,WAAW;CACX,MAAM;EACJ,YAAY;GACV,UAAU;GACV,SAAS;GACT,gBAAgB;GAChB,eAAe;GACf,aAAa;GACb,KAAK;GACL,QAAQ;GACT;EACD,SAAS;GACP,SAAS;GACT,YAAY;GACZ,WAAW;GACX,eAAe;GACf,QAAQ;GACR,aAAa;GACb,cAAc;GACd,iBAAiB;GACjB,OAAO;IACL,eAAe;IACf,mBAAmB;IACpB;GAED,SAAS;IACP,eAAe;IACf,mBAAmB;IACpB;GACF;EACD,WAAW;GACT,OAAO;GACP,QAAQ;GACR,IAAI;GACL;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI,EACF,SAAS;GACP,SAAS;GACT,oBAAoB;GACpB,KAAK;GACN,EACF;EACD,IAAI,EACF,SAAS;GACP,SAAS;GACT,oBAAoB;GACpB,KAAK;GACN,EACF;EACD,IAAI,EACF,SAAS;GACP,SAAS;GACT,oBAAoB;GACpB,KAAK;GACN,EACF;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}

package/dist/theme/slot-recipes/CodeSnippet.recipe.d.ts

@@ -34,8 +34,8 @@ declare const codeSnippetSlotRecipe: import('@chakra-ui/react').SlotRecipeDefini
                     height: "40";
                     pointerEvents: "none";
                     position: "absolute";
-                    right: "0";
-                    top: "0";
+                    right: number;
+                    top: number;
                     width: "8";
                 };
             };

package/dist/theme/slot-recipes/CodeSnippet.recipe.js

@@ -69,8 +69,8 @@ var codeSnippetSlotRecipe = defineSlotRecipe({
 						height: "40",
 						pointerEvents: "none",
 						position: "absolute",
-						right: "0",
-						top: "0",
+						right: 0,
+						top: 0,
 						width: "8"
 					}
 				},

package/dist/theme/slot-recipes/CodeSnippet.recipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeSnippet.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/CodeSnippet.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst codeSnippetSlotRecipe = defineSlotRecipe({\n  className: 'code-snippet',\n  slots: ['root', 'content', 'copyButton', 'showMoreContainer', 'showMoreGradient', 'showMoreButton'],\n  base: {\n    root: {\n      background: 'background/secondary',\n    },\n    content: {\n      flex: '1',\n      minWidth: 0,\n    },\n    copyButton: {\n      background: 'background/secondary',\n      color: 'icon/secondary',\n      cursor: 'pointer',\n      _hover: {\n        background: 'background/hover',\n        color: 'icon/primary',\n        _active: {\n          background: 'background/active',\n          color: 'icon/primary',\n        },\n      },\n      _active: {\n        background: 'background/active',\n        color: 'icon/primary',\n      },\n      _focusVisible: {\n        outlineOffset: '-3px',\n      },\n    },\n  },\n  variants: {\n    variant: {\n      inline: {\n        root: {\n          alignItems: 'center',\n          borderRadius: '2',\n          color: 'text/body',\n          display: 'inline-flex',\n          paddingBlock: '2',\n          paddingInline: '6',\n          whiteSpace: 'nowrap',\n        },\n      },\n      single: {\n        root: {\n          alignItems: 'center',\n          borderRadius: '4',\n          display: 'flex',\n          height: '40',\n          isolation: 'isolate',\n          overflow: 'hidden',\n          whiteSpace: 'nowrap',\n        },\n        content: {\n          alignItems: 'center',\n          display: 'flex',\n          height: '40',\n          overflow: 'hidden',\n          paddingInlineStart: '16',\n          position: 'relative',\n          _after: {\n            background: 'linear-gradient(to left, var(--colors-background-secondary), transparent)',\n            content: '\"\"',\n            height: '40',\n            pointerEvents: 'none',\n            position: 'absolute',\n            right: '0',\n            top: '0',\n            width: '8',\n          },\n        },\n        copyButton: {\n          flexShrink: '0',\n          padding: '12',\n        },\n      },\n      multi: {\n        root: {\n          borderRadius: '4',\n          display: 'flex',\n          flexDirection: 'column',\n          padding: '16',\n          position: 'relative',\n        },\n        content: {\n          color: 'text/body',\n          overflowY: 'auto',\n          transition: 'max-height 0.3s ease',\n          whiteSpace: 'pre-wrap',\n        },\n        copyButton: {\n          borderRadius: '4',\n          overflow: 'hidden',\n          padding: '8',\n          position: 'absolute',\n          right: 0,\n          top: 0,\n        },\n        showMoreContainer: {\n          alignItems: 'center',\n          display: 'flex',\n          justifyContent: 'flex-end',\n        },\n        showMoreGradient: {\n          background: 'linear-gradient(to top, var(--colors-background-secondary) 33%, transparent)',\n          borderBottomRadius: '4',\n          bottom: 0,\n          height: '40',\n          left: 0,\n          pointerEvents: 'none',\n          position: 'absolute',\n          right: 0,\n        },\n        showMoreButton: {\n          alignItems: 'center',\n          background: 'background/secondary',\n          borderRadius: '4',\n          color: 'text/secondary',\n          cursor: 'pointer',\n          display: 'flex',\n          gap: '4',\n          justifyContent: 'center',\n          minWidth: '64',\n          paddingBlock: '8',\n          paddingInline: '12',\n          position: 'relative',\n          textStyle: 'comp/button/md',\n          _hover: {\n            background: 'background/hover',\n            color: 'text/primary',\n            _active: {\n              background: 'background/active',\n              color: 'text/primary',\n              overflow: 'hidden',\n            },\n          },\n          _active: {\n            background: 'background/active',\n            color: 'text/primary',\n            overflow: 'hidden',\n          },\n          _focusVisible: {\n            outlineOffset: '-3px',\n          },\n        },\n      },\n    },\n    size: {\n      md: {\n        root: { textStyle: 'code/md' },\n        content: { textStyle: 'code/md' },\n      },\n      lg: {\n        root: { textStyle: 'code/lg' },\n        content: { textStyle: 'code/lg' },\n      },\n    },\n    interactive: {\n      true: {},\n      false: {},\n    },\n    hasShowMore: {\n      true: {},\n      false: {},\n    },\n    isExpanded: {\n      true: {},\n      false: {},\n    },\n  },\n  compoundVariants: [\n    {\n      variant: 'inline',\n      interactive: true,\n      css: {\n        root: {\n          cursor: 'pointer',\n          userSelect: 'none',\n          _hover: {\n            background: 'background/hover',\n          },\n          _active: {\n            background: 'background/active',\n          },\n        },\n      },\n    },\n    {\n      variant: 'multi',\n      hasShowMore: true,\n      css: {\n        root: { paddingBlockEnd: 0, paddingInlineEnd: '8' },\n      },\n    },\n    {\n      variant: 'multi',\n      hasShowMore: true,\n      isExpanded: false,\n      css: {\n        showMoreContainer: { bottom: 0, left: 0, position: 'absolute', right: 0 },\n      },\n    },\n    {\n      variant: 'multi',\n      hasShowMore: true,\n      isExpanded: true,\n      css: {\n        root: { padding: 0, paddingInlineEnd: 0 },\n        content: { overflow: 'auto', padding: '16', paddingBlockEnd: 0 },\n        showMoreContainer: { position: 'relative' },\n      },\n    },\n  ],\n  defaultVariants: {\n    interactive: false,\n    size: 'lg',\n    variant: 'single',\n  },\n});\n\nexport default codeSnippetSlotRecipe;\n"],"mappings":"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"}
+{"version":3,"file":"CodeSnippet.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/CodeSnippet.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst codeSnippetSlotRecipe = defineSlotRecipe({\n  className: 'code-snippet',\n  slots: ['root', 'content', 'copyButton', 'showMoreContainer', 'showMoreGradient', 'showMoreButton'],\n  base: {\n    root: {\n      background: 'background/secondary',\n    },\n    content: {\n      flex: '1',\n      minWidth: 0,\n    },\n    copyButton: {\n      background: 'background/secondary',\n      color: 'icon/secondary',\n      cursor: 'pointer',\n      _hover: {\n        background: 'background/hover',\n        color: 'icon/primary',\n        _active: {\n          background: 'background/active',\n          color: 'icon/primary',\n        },\n      },\n      _active: {\n        background: 'background/active',\n        color: 'icon/primary',\n      },\n      _focusVisible: {\n        outlineOffset: '-3px',\n      },\n    },\n  },\n  variants: {\n    variant: {\n      inline: {\n        root: {\n          alignItems: 'center',\n          borderRadius: '2',\n          color: 'text/body',\n          display: 'inline-flex',\n          paddingBlock: '2',\n          paddingInline: '6',\n          whiteSpace: 'nowrap',\n        },\n      },\n      single: {\n        root: {\n          alignItems: 'center',\n          borderRadius: '4',\n          display: 'flex',\n          height: '40',\n          isolation: 'isolate',\n          overflow: 'hidden',\n          whiteSpace: 'nowrap',\n        },\n        content: {\n          alignItems: 'center',\n          display: 'flex',\n          height: '40',\n          overflow: 'hidden',\n          paddingInlineStart: '16',\n          position: 'relative',\n          _after: {\n            background: 'linear-gradient(to left, var(--colors-background-secondary), transparent)',\n            content: '\"\"',\n            height: '40',\n            pointerEvents: 'none',\n            position: 'absolute',\n            right: 0,\n            top: 0,\n            width: '8',\n          },\n        },\n        copyButton: {\n          flexShrink: '0',\n          padding: '12',\n        },\n      },\n      multi: {\n        root: {\n          borderRadius: '4',\n          display: 'flex',\n          flexDirection: 'column',\n          padding: '16',\n          position: 'relative',\n        },\n        content: {\n          color: 'text/body',\n          overflowY: 'auto',\n          transition: 'max-height 0.3s ease',\n          whiteSpace: 'pre-wrap',\n        },\n        copyButton: {\n          borderRadius: '4',\n          overflow: 'hidden',\n          padding: '8',\n          position: 'absolute',\n          right: 0,\n          top: 0,\n        },\n        showMoreContainer: {\n          alignItems: 'center',\n          display: 'flex',\n          justifyContent: 'flex-end',\n        },\n        showMoreGradient: {\n          background: 'linear-gradient(to top, var(--colors-background-secondary) 33%, transparent)',\n          borderBottomRadius: '4',\n          bottom: 0,\n          height: '40',\n          left: 0,\n          pointerEvents: 'none',\n          position: 'absolute',\n          right: 0,\n        },\n        showMoreButton: {\n          alignItems: 'center',\n          background: 'background/secondary',\n          borderRadius: '4',\n          color: 'text/secondary',\n          cursor: 'pointer',\n          display: 'flex',\n          gap: '4',\n          justifyContent: 'center',\n          minWidth: '64',\n          paddingBlock: '8',\n          paddingInline: '12',\n          position: 'relative',\n          textStyle: 'comp/button/md',\n          _hover: {\n            background: 'background/hover',\n            color: 'text/primary',\n            _active: {\n              background: 'background/active',\n              color: 'text/primary',\n              overflow: 'hidden',\n            },\n          },\n          _active: {\n            background: 'background/active',\n            color: 'text/primary',\n            overflow: 'hidden',\n          },\n          _focusVisible: {\n            outlineOffset: '-3px',\n          },\n        },\n      },\n    },\n    size: {\n      md: {\n        root: { textStyle: 'code/md' },\n        content: { textStyle: 'code/md' },\n      },\n      lg: {\n        root: { textStyle: 'code/lg' },\n        content: { textStyle: 'code/lg' },\n      },\n    },\n    interactive: {\n      true: {},\n      false: {},\n    },\n    hasShowMore: {\n      true: {},\n      false: {},\n    },\n    isExpanded: {\n      true: {},\n      false: {},\n    },\n  },\n  compoundVariants: [\n    {\n      variant: 'inline',\n      interactive: true,\n      css: {\n        root: {\n          cursor: 'pointer',\n          userSelect: 'none',\n          _hover: {\n            background: 'background/hover',\n          },\n          _active: {\n            background: 'background/active',\n          },\n        },\n      },\n    },\n    {\n      variant: 'multi',\n      hasShowMore: true,\n      css: {\n        root: { paddingBlockEnd: 0, paddingInlineEnd: '8' },\n      },\n    },\n    {\n      variant: 'multi',\n      hasShowMore: true,\n      isExpanded: false,\n      css: {\n        showMoreContainer: { bottom: 0, left: 0, position: 'absolute', right: 0 },\n      },\n    },\n    {\n      variant: 'multi',\n      hasShowMore: true,\n      isExpanded: true,\n      css: {\n        root: { padding: 0, paddingInlineEnd: 0 },\n        content: { overflow: 'auto', padding: '16', paddingBlockEnd: 0 },\n        showMoreContainer: { position: 'relative' },\n      },\n    },\n  ],\n  defaultVariants: {\n    interactive: false,\n    size: 'lg',\n    variant: 'single',\n  },\n});\n\nexport default codeSnippetSlotRecipe;\n"],"mappings":"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"}

package/dist/theme/slot-recipes/Collapsible.recipe.js

@@ -25,9 +25,9 @@ var collapsibleSlotRecipe = defineSlotRecipe({
 				_after: {
 					content: "\"\"",
 					position: "absolute",
-					insetInlineStart: "0",
-					insetInlineEnd: "0",
-					bottom: "0",
+					insetInlineStart: 0,
+					insetInlineEnd: 0,
+					bottom: 0,
 					height: "32",
 					background: "linear-gradient(to top, {colors.background.primary}, transparent)",
 					pointerEvents: "none"

package/dist/theme/slot-recipes/Collapsible.recipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Collapsible.recipe.ts"],"sourcesContent":["import { collapsibleAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst collapsibleSlotRecipe = defineSlotRecipe({\n  className: 'collapsible',\n  slots: [...collapsibleAnatomy.keys()],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      width: '100%',\n    },\n    content: {\n      overflow: 'hidden',\n      color: 'text/body',\n      textStyle: 'body/lg/regular',\n      position: 'relative',\n      _open: {\n        animationName: 'expand-height',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationName: 'collapse-height',\n        animationDuration: 'moderate',\n        _after: {\n          content: '\"\"',\n          position: 'absolute',\n          insetInlineStart: '0',\n          insetInlineEnd: '0',\n          bottom: '0',\n          height: '32',\n          background: 'linear-gradient(to top, {colors.background.primary}, transparent)',\n          pointerEvents: 'none',\n        },\n      },\n    },\n    trigger: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      color: 'text/link',\n      cursor: 'pointer',\n      gap: '4',\n      textStyle: 'body/md/regular',\n      paddingBlockStart: '8',\n      width: 'fit-content',\n      _hover: {\n        color: 'text/link-hover',\n        _active: {\n          color: 'text/primary',\n        },\n      },\n      _active: {\n        color: 'text/primary',\n      },\n    },\n    indicator: {},\n  },\n});\n\nexport default collapsibleSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,wBAAwB,iBAAiB;CAC7C,WAAW;CACX,OAAO,CAAC,GAAG,mBAAmB,MAAM,CAAC;CACrC,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,OAAO;GACR;EACD,SAAS;GACP,UAAU;GACV,OAAO;GACP,WAAW;GACX,UAAU;GACV,OAAO;IACL,eAAe;IACf,mBAAmB;IACpB;GACD,SAAS;IACP,eAAe;IACf,mBAAmB;IACnB,QAAQ;KACN,SAAS;KACT,UAAU;KACV,kBAAkB;KAClB,gBAAgB;KAChB,QAAQ;KACR,QAAQ;KACR,YAAY;KACZ,eAAe;KAChB;IACF;GACF;EACD,SAAS;GACP,SAAS;GACT,YAAY;GACZ,OAAO;GACP,QAAQ;GACR,KAAK;GACL,WAAW;GACX,mBAAmB;GACnB,OAAO;GACP,QAAQ;IACN,OAAO;IACP,SAAS,EACP,OAAO,gBACR;IACF;GACD,SAAS,EACP,OAAO,gBACR;GACF;EACD,WAAW,EAAE;EACd;CACF,CAAC"}
+{"version":3,"file":"Collapsible.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Collapsible.recipe.ts"],"sourcesContent":["import { collapsibleAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst collapsibleSlotRecipe = defineSlotRecipe({\n  className: 'collapsible',\n  slots: [...collapsibleAnatomy.keys()],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      width: '100%',\n    },\n    content: {\n      overflow: 'hidden',\n      color: 'text/body',\n      textStyle: 'body/lg/regular',\n      position: 'relative',\n      _open: {\n        animationName: 'expand-height',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationName: 'collapse-height',\n        animationDuration: 'moderate',\n        _after: {\n          content: '\"\"',\n          position: 'absolute',\n          insetInlineStart: 0,\n          insetInlineEnd: 0,\n          bottom: 0,\n          height: '32',\n          background: 'linear-gradient(to top, {colors.background.primary}, transparent)',\n          pointerEvents: 'none',\n        },\n      },\n    },\n    trigger: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      color: 'text/link',\n      cursor: 'pointer',\n      gap: '4',\n      textStyle: 'body/md/regular',\n      paddingBlockStart: '8',\n      width: 'fit-content',\n      _hover: {\n        color: 'text/link-hover',\n        _active: {\n          color: 'text/primary',\n        },\n      },\n      _active: {\n        color: 'text/primary',\n      },\n    },\n    indicator: {},\n  },\n});\n\nexport default collapsibleSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,wBAAwB,iBAAiB;CAC7C,WAAW;CACX,OAAO,CAAC,GAAG,mBAAmB,MAAM,CAAC;CACrC,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,OAAO;GACR;EACD,SAAS;GACP,UAAU;GACV,OAAO;GACP,WAAW;GACX,UAAU;GACV,OAAO;IACL,eAAe;IACf,mBAAmB;IACpB;GACD,SAAS;IACP,eAAe;IACf,mBAAmB;IACnB,QAAQ;KACN,SAAS;KACT,UAAU;KACV,kBAAkB;KAClB,gBAAgB;KAChB,QAAQ;KACR,QAAQ;KACR,YAAY;KACZ,eAAe;KAChB;IACF;GACF;EACD,SAAS;GACP,SAAS;GACT,YAAY;GACZ,OAAO;GACP,QAAQ;GACR,KAAK;GACL,WAAW;GACX,mBAAmB;GACnB,OAAO;GACP,QAAQ;IACN,OAAO;IACP,SAAS,EACP,OAAO,gBACR;IACF;GACD,SAAS,EACP,OAAO,gBACR;GACF;EACD,WAAW,EAAE;EACd;CACF,CAAC"}

package/dist/theme/slot-recipes/Dialog.recipe.js

@@ -15,7 +15,7 @@ var dialogSlotRecipe = defineSlotRecipe({
 		backdrop: {
 			background: "utilities/overlay",
 			position: "fixed",
-			inset: "0",
+			inset: 0,
 			zIndex: "dialogOverlay",
 			_open: {
 				animationStyle: "fade-in",
@@ -31,9 +31,9 @@ var dialogSlotRecipe = defineSlotRecipe({
 			display: "flex",
 			height: "100dvh",
 			justifyContent: "center",
-			left: "0",
+			left: 0,
 			position: "fixed",
-			top: "0",
+			top: 0,
 			width: "100dvw",
 			zIndex: "dialog"
 		},
@@ -122,7 +122,7 @@ var dialogSlotRecipe = defineSlotRecipe({
 		},
 		scrollGradient: {
 			background: "linear-gradient(0deg, {colors.background.primary} 0%, transparent 100%)",
-			bottom: "48",
+			bottom: 48,
 			height: "32",
 			pointerEvents: "none",
 			position: "absolute",

package/dist/theme/slot-recipes/Dialog.recipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Dialog.recipe.ts"],"sourcesContent":["import { dialogAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst dialogSlotRecipe = defineSlotRecipe({\n  className: 'dialog',\n  slots: [...dialogAnatomy.keys(), 'label', 'scrollBody', 'scrollButton', 'scrollGradient'] as const,\n  base: {\n    backdrop: {\n      background: 'utilities/overlay',\n      position: 'fixed',\n      inset: '0',\n      zIndex: 'dialogOverlay',\n      _open: {\n        animationStyle: 'fade-in',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationStyle: 'fade-out',\n        animationDuration: 'moderate',\n      },\n    },\n    positioner: {\n      alignItems: 'center',\n      display: 'flex',\n      height: '100dvh',\n      justifyContent: 'center',\n      left: '0',\n      position: 'fixed',\n      top: '0',\n      width: '100dvw',\n      zIndex: 'dialog',\n    },\n    content: {\n      background: 'background/primary',\n      borderRadius: '8',\n      boxShadow: 'elevation/lg',\n      display: 'flex',\n      flexDirection: 'column',\n      outline: 'none',\n      position: 'relative',\n      _open: {\n        animationStyle: 'scale-fade-in',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationStyle: 'scale-fade-out',\n        animationDuration: 'faster',\n      },\n    },\n    header: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '16',\n      paddingBlock: '24',\n      paddingInline: '32',\n      position: 'relative',\n    },\n    title: {\n      color: 'text/primary',\n      paddingInlineEnd: '48',\n      textStyle: 'comp/dialog/title',\n    },\n    description: {\n      color: 'text/body',\n      textStyle: 'body/lg/regular',\n    },\n    label: {\n      color: 'text/secondary',\n      textStyle: 'comp/dialog/label',\n    },\n    body: {\n      display: 'flex',\n      flex: '1',\n      flexDirection: 'column',\n      gap: '24',\n      paddingInline: '32',\n      _last: {\n        paddingBlockEnd: '48',\n      },\n    },\n    scrollBody: {\n      display: 'flex',\n      flexDirection: 'column',\n      minHeight: 0,\n      position: 'relative',\n      _last: {\n        paddingBlockEnd: '48',\n      },\n    },\n    footer: {\n      alignItems: 'center',\n      display: 'flex',\n      gap: '16',\n      justifyContent: 'flex-end',\n      paddingBlockEnd: '32',\n      paddingBlockStart: '24',\n      paddingInline: '32',\n    },\n    closeTrigger: {\n      insetEnd: '24',\n      position: 'absolute',\n      top: '24',\n    },\n    scrollButton: {\n      alignItems: 'center',\n      alignSelf: 'center',\n      background: 'background/primary',\n      borderColor: 'border/minimal',\n      borderRadius: '100%',\n      borderWidth: '1px',\n      bottom: '16',\n      boxShadow: 'elevation/lg',\n      cursor: 'pointer',\n      display: 'flex',\n      height: '32',\n      justifyContent: 'center',\n      position: 'absolute',\n      width: '32',\n    },\n    scrollGradient: {\n      background: 'linear-gradient(0deg, {colors.background.primary} 0%, transparent 100%)',\n      bottom: '48',\n      height: '32',\n      pointerEvents: 'none',\n      position: 'absolute',\n      width: '100%',\n    },\n  },\n  variants: {\n    scrollBehavior: {\n      inside: {\n        body: {\n          overflowY: 'auto',\n          _last: {\n            paddingBlockEnd: 0, // override base _last: scrollBody slot handles padding instead\n          },\n        },\n        content: {\n          maxHeight: 'calc(100dvh - 96px)',\n          overflow: 'hidden',\n        },\n      },\n      outside: {},\n    },\n    size: {\n      lg: {\n        content: {\n          width: rem(800),\n        },\n      },\n      md: {\n        content: {\n          width: rem(640),\n        },\n      },\n      sm: {\n        content: {\n          width: rem(480),\n        },\n      },\n    },\n    variant: {\n      overflowContent: {\n        content: {\n          maxHeight: 'calc(100dvh - 48px)',\n          overflow: 'hidden',\n        },\n        header: {\n          gap: '8',\n          paddingBlockEnd: '8',\n          paddingBlockStart: '16',\n          paddingInline: '16',\n        },\n        title: {\n          paddingInlineEnd: '32',\n          textStyle: 'heading/h4',\n        },\n        body: {\n          overflowY: 'auto',\n          paddingBlockEnd: '8',\n          paddingInline: '16',\n          _last: {\n            paddingBlockEnd: 0,\n          },\n        },\n        scrollBody: {\n          _last: {\n            paddingBlockEnd: '16',\n          },\n        },\n        footer: {\n          paddingBlockEnd: '16',\n          paddingBlockStart: 0,\n          paddingInline: '16',\n        },\n        closeTrigger: {\n          insetEnd: '12',\n          top: '12',\n        },\n        scrollGradient: {\n          bottom: '16',\n        },\n        scrollButton: {\n          bottom: '8',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    scrollBehavior: 'outside',\n    size: 'md',\n  },\n});\n\nexport default dialogSlotRecipe;\n"],"mappings":"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"}
+{"version":3,"file":"Dialog.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Dialog.recipe.ts"],"sourcesContent":["import { dialogAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst dialogSlotRecipe = defineSlotRecipe({\n  className: 'dialog',\n  slots: [...dialogAnatomy.keys(), 'label', 'scrollBody', 'scrollButton', 'scrollGradient'] as const,\n  base: {\n    backdrop: {\n      background: 'utilities/overlay',\n      position: 'fixed',\n      inset: 0,\n      zIndex: 'dialogOverlay',\n      _open: {\n        animationStyle: 'fade-in',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationStyle: 'fade-out',\n        animationDuration: 'moderate',\n      },\n    },\n    positioner: {\n      alignItems: 'center',\n      display: 'flex',\n      height: '100dvh',\n      justifyContent: 'center',\n      left: 0,\n      position: 'fixed',\n      top: 0,\n      width: '100dvw',\n      zIndex: 'dialog',\n    },\n    content: {\n      background: 'background/primary',\n      borderRadius: '8',\n      boxShadow: 'elevation/lg',\n      display: 'flex',\n      flexDirection: 'column',\n      outline: 'none',\n      position: 'relative',\n      _open: {\n        animationStyle: 'scale-fade-in',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationStyle: 'scale-fade-out',\n        animationDuration: 'faster',\n      },\n    },\n    header: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '16',\n      paddingBlock: '24',\n      paddingInline: '32',\n      position: 'relative',\n    },\n    title: {\n      color: 'text/primary',\n      paddingInlineEnd: '48',\n      textStyle: 'comp/dialog/title',\n    },\n    description: {\n      color: 'text/body',\n      textStyle: 'body/lg/regular',\n    },\n    label: {\n      color: 'text/secondary',\n      textStyle: 'comp/dialog/label',\n    },\n    body: {\n      display: 'flex',\n      flex: '1',\n      flexDirection: 'column',\n      gap: '24',\n      paddingInline: '32',\n      _last: {\n        paddingBlockEnd: '48',\n      },\n    },\n    scrollBody: {\n      display: 'flex',\n      flexDirection: 'column',\n      minHeight: 0,\n      position: 'relative',\n      _last: {\n        paddingBlockEnd: '48',\n      },\n    },\n    footer: {\n      alignItems: 'center',\n      display: 'flex',\n      gap: '16',\n      justifyContent: 'flex-end',\n      paddingBlockEnd: '32',\n      paddingBlockStart: '24',\n      paddingInline: '32',\n    },\n    closeTrigger: {\n      insetEnd: '24',\n      position: 'absolute',\n      top: '24',\n    },\n    scrollButton: {\n      alignItems: 'center',\n      alignSelf: 'center',\n      background: 'background/primary',\n      borderColor: 'border/minimal',\n      borderRadius: '100%',\n      borderWidth: '1px',\n      bottom: '16',\n      boxShadow: 'elevation/lg',\n      cursor: 'pointer',\n      display: 'flex',\n      height: '32',\n      justifyContent: 'center',\n      position: 'absolute',\n      width: '32',\n    },\n    scrollGradient: {\n      background: 'linear-gradient(0deg, {colors.background.primary} 0%, transparent 100%)',\n      bottom: 48,\n      height: '32',\n      pointerEvents: 'none',\n      position: 'absolute',\n      width: '100%',\n    },\n  },\n  variants: {\n    scrollBehavior: {\n      inside: {\n        body: {\n          overflowY: 'auto',\n          _last: {\n            paddingBlockEnd: 0, // override base _last: scrollBody slot handles padding instead\n          },\n        },\n        content: {\n          maxHeight: 'calc(100dvh - 96px)',\n          overflow: 'hidden',\n        },\n      },\n      outside: {},\n    },\n    size: {\n      lg: {\n        content: {\n          width: rem(800),\n        },\n      },\n      md: {\n        content: {\n          width: rem(640),\n        },\n      },\n      sm: {\n        content: {\n          width: rem(480),\n        },\n      },\n    },\n    variant: {\n      overflowContent: {\n        content: {\n          maxHeight: 'calc(100dvh - 48px)',\n          overflow: 'hidden',\n        },\n        header: {\n          gap: '8',\n          paddingBlockEnd: '8',\n          paddingBlockStart: '16',\n          paddingInline: '16',\n        },\n        title: {\n          paddingInlineEnd: '32',\n          textStyle: 'heading/h4',\n        },\n        body: {\n          overflowY: 'auto',\n          paddingBlockEnd: '8',\n          paddingInline: '16',\n          _last: {\n            paddingBlockEnd: 0,\n          },\n        },\n        scrollBody: {\n          _last: {\n            paddingBlockEnd: '16',\n          },\n        },\n        footer: {\n          paddingBlockEnd: '16',\n          paddingBlockStart: 0,\n          paddingInline: '16',\n        },\n        closeTrigger: {\n          insetEnd: '12',\n          top: '12',\n        },\n        scrollGradient: {\n          bottom: '16',\n        },\n        scrollButton: {\n          bottom: '8',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    scrollBehavior: 'outside',\n    size: 'md',\n  },\n});\n\nexport default dialogSlotRecipe;\n"],"mappings":"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"}

package/dist/theme/slot-recipes/Drawer.recipe.d.ts

@@ -0,0 +1,50 @@
+declare const drawerSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "title" | "trigger" | "positioner" | "closeTrigger" | "description" | "backdrop", {
+    variant: {
+        docked: {
+            closeTrigger: {
+                insetEnd: string;
+                top: "12";
+            };
+            content: {
+                width: {
+                    base: "100vw";
+                    tablet: string;
+                };
+            };
+        };
+        floating: {
+            body: {
+                paddingInline: "24";
+            };
+            closeTrigger: {
+                insetEnd: "24";
+                top: "24";
+            };
+            positioner: {
+                padding: "32";
+            };
+            content: {
+                borderRadius: "12";
+                boxShadow: "elevation/lg";
+                maxWidth: string;
+            };
+            header: {
+                paddingBlockEnd: "16";
+                paddingBlockStart: "24";
+                paddingInline: "24";
+            };
+            footer: {
+                borderBlockStartColor: "transparent";
+                borderBlockStartWidth: "0";
+                paddingBlockEnd: "24";
+                paddingBlockStart: "32";
+                paddingInline: "24";
+            };
+            title: {
+                color: "text/primary";
+                textStyle: "comp/dialog/title";
+            };
+        };
+    };
+}>;
+export default drawerSlotRecipe;