@bitrise/bitkit-v2 0.3.195 → 0.3.197

package/dist/components/BitkitPageFooter/BitkitPageFooter.d.ts

@@ -0,0 +1,26 @@
+import { BoxProps } from '@chakra-ui/react/box';
+import { ComponentPropsWithoutRef, HTMLAttributeAnchorTarget, MouseEventHandler, ReactNode } from 'react';
+export interface BitkitPageFooterProps extends Omit<BoxProps, 'colorScheme'> {
+    children?: ReactNode;
+    colorScheme?: 'gray' | 'white';
+    severity?: 'none' | 'minor' | 'major' | 'critical' | (string & {});
+    size?: 'compact' | 'default';
+    statusLabel?: string;
+    variant?: 'default' | 'public';
+}
+type LinkItemProps = {
+    href: string;
+    rel?: string;
+    target?: HTMLAttributeAnchorTarget;
+} & Omit<ComponentPropsWithoutRef<'a'>, 'href' | 'target' | 'rel'>;
+type ButtonItemProps = {
+    href?: never;
+    onClick: MouseEventHandler<HTMLButtonElement>;
+} & Omit<ComponentPropsWithoutRef<'button'>, 'onClick'>;
+export type BitkitPageFooterItemProps = (LinkItemProps | ButtonItemProps) & {
+    children: ReactNode;
+};
+declare const _default: import('react').ForwardRefExoticComponent<BitkitPageFooterProps & import('react').RefAttributes<HTMLDivElement>> & {
+    Item: import('react').ForwardRefExoticComponent<BitkitPageFooterItemProps & import('react').RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
+};
+export default _default;

package/dist/components/BitkitPageFooter/BitkitPageFooter.js

@@ -0,0 +1,90 @@
+import IconBitbot from "../../icons/IconBitbot.js";
+import { Box } from "@chakra-ui/react/box";
+import { chakra, useSlotRecipe } from "@chakra-ui/react/styled-system";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region lib/components/BitkitPageFooter/BitkitPageFooter.tsx
+var SEVERITY_COLOR_MAP = {
+	critical: "sys/red/bold",
+	major: "sys/orange/bold",
+	minor: "sys/yellow/muted",
+	none: "sys/green/bold"
+};
+var BitkitPageFooter = forwardRef((props, ref) => {
+	const { children, colorScheme, severity = "none", size, statusLabel, variant, ...rest } = props;
+	const styles = useSlotRecipe({ key: "pageFooter" })({
+		colorScheme,
+		size,
+		variant
+	});
+	const year = (/* @__PURE__ */ new Date()).getFullYear();
+	const severityColor = SEVERITY_COLOR_MAP[severity] ?? "sys/neutral/bold";
+	return /* @__PURE__ */ jsxs(Box, {
+		as: "footer",
+		ref,
+		css: styles.root,
+		...rest,
+		children: [
+			statusLabel && /* @__PURE__ */ jsxs(chakra.div, {
+				css: styles.status,
+				children: [/* @__PURE__ */ jsx(chakra.div, {
+					css: styles.statusDot,
+					background: severityColor
+				}), /* @__PURE__ */ jsx(chakra.span, {
+					css: styles.statusLabel,
+					children: statusLabel
+				})]
+			}),
+			/* @__PURE__ */ jsxs(chakra.div, {
+				css: styles.copyright,
+				children: [/* @__PURE__ */ jsx(IconBitbot, {
+					size: "24",
+					color: "icon/secondary"
+				}), /* @__PURE__ */ jsxs(chakra.span, {
+					css: styles.copyrightText,
+					children: [
+						"© ",
+						year,
+						" Bitrise Ltd."
+					]
+				})]
+			}),
+			children && /* @__PURE__ */ jsx(chakra.nav, {
+				css: styles.links,
+				children
+			})
+		]
+	});
+});
+BitkitPageFooter.displayName = "BitkitPageFooter";
+var BitkitPageFooterItem = forwardRef((props, ref) => {
+	const styles = useSlotRecipe({ key: "pageFooter" })();
+	if ("href" in props && props.href) {
+		const { children, href, target, rel, ...rest } = props;
+		const resolvedRel = target === "_blank" ? [rel, "noopener noreferrer"].filter(Boolean).join(" ") : rel;
+		return /* @__PURE__ */ jsx(chakra.a, {
+			ref,
+			css: styles.link,
+			href,
+			rel: resolvedRel,
+			target,
+			...rest,
+			children
+		});
+	}
+	const { children, onClick, ...rest } = props;
+	return /* @__PURE__ */ jsx(chakra.button, {
+		ref,
+		css: styles.link,
+		onClick,
+		type: "button",
+		...rest,
+		children
+	});
+});
+BitkitPageFooterItem.displayName = "BitkitPageFooterItem";
+var BitkitPageFooter_default = Object.assign(BitkitPageFooter, { Item: BitkitPageFooterItem });
+//#endregion
+export { BitkitPageFooter_default as default };
+
+//# sourceMappingURL=BitkitPageFooter.js.map

package/dist/components/BitkitPageFooter/BitkitPageFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitPageFooter.js","names":[],"sources":["../../../lib/components/BitkitPageFooter/BitkitPageFooter.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type HTMLAttributeAnchorTarget,\n  type MouseEventHandler,\n  type ReactNode,\n} from 'react';\n\nimport IconBitbot from '../../icons/IconBitbot';\n\nconst SEVERITY_COLOR_MAP: Record<string, string> = {\n  critical: 'sys/red/bold',\n  major: 'sys/orange/bold',\n  minor: 'sys/yellow/muted',\n  none: 'sys/green/bold',\n};\n\n// --- BitkitPageFooter (Root) ---\n\nexport interface BitkitPageFooterProps extends Omit<BoxProps, 'colorScheme'> {\n  children?: ReactNode;\n  colorScheme?: 'gray' | 'white';\n  severity?: 'none' | 'minor' | 'major' | 'critical' | (string & {});\n  size?: 'compact' | 'default';\n  statusLabel?: string;\n  variant?: 'default' | 'public';\n}\n\nconst BitkitPageFooter = forwardRef<HTMLDivElement, BitkitPageFooterProps>((props, ref) => {\n  const { children, colorScheme, severity = 'none', size, statusLabel, variant, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'pageFooter' });\n  const styles = recipe({ colorScheme, size, variant });\n\n  const year = new Date().getFullYear();\n\n  const severityColor = SEVERITY_COLOR_MAP[severity] ?? 'sys/neutral/bold';\n\n  return (\n    <Box as=\"footer\" ref={ref} css={styles.root} {...rest}>\n      {statusLabel && (\n        <chakra.div css={styles.status}>\n          <chakra.div css={styles.statusDot} background={severityColor} />\n          <chakra.span css={styles.statusLabel}>{statusLabel}</chakra.span>\n        </chakra.div>\n      )}\n\n      <chakra.div css={styles.copyright}>\n        <IconBitbot size=\"24\" color=\"icon/secondary\" />\n        <chakra.span css={styles.copyrightText}>© {year} Bitrise Ltd.</chakra.span>\n      </chakra.div>\n\n      {children && <chakra.nav css={styles.links}>{children}</chakra.nav>}\n    </Box>\n  );\n});\n\nBitkitPageFooter.displayName = 'BitkitPageFooter';\n\n// --- BitkitPageFooterItem ---\n\ntype LinkItemProps = {\n  href: string;\n  rel?: string;\n  target?: HTMLAttributeAnchorTarget;\n} & Omit<ComponentPropsWithoutRef<'a'>, 'href' | 'target' | 'rel'>;\n\ntype ButtonItemProps = {\n  href?: never;\n  onClick: MouseEventHandler<HTMLButtonElement>;\n} & Omit<ComponentPropsWithoutRef<'button'>, 'onClick'>;\n\nexport type BitkitPageFooterItemProps = (LinkItemProps | ButtonItemProps) & {\n  children: ReactNode;\n};\n\nconst BitkitPageFooterItem = forwardRef<HTMLButtonElement & HTMLAnchorElement, BitkitPageFooterItemProps>(\n  (props, ref) => {\n    const recipe = useSlotRecipe({ key: 'pageFooter' });\n    const styles = recipe();\n\n    if ('href' in props && props.href) {\n      const { children, href, target, rel, ...rest } = props as LinkItemProps & { children: ReactNode };\n      const resolvedRel = target === '_blank' ? [rel, 'noopener noreferrer'].filter(Boolean).join(' ') : rel;\n\n      return (\n        <chakra.a ref={ref} css={styles.link} href={href} rel={resolvedRel} target={target} {...rest}>\n          {children}\n        </chakra.a>\n      );\n    }\n\n    const { children, onClick, ...rest } = props as ButtonItemProps & { children: ReactNode };\n\n    return (\n      <chakra.button ref={ref} css={styles.link} onClick={onClick} type=\"button\" {...rest}>\n        {children}\n      </chakra.button>\n    );\n  },\n);\n\nBitkitPageFooterItem.displayName = 'BitkitPageFooterItem';\n\nexport default Object.assign(BitkitPageFooter, { Item: BitkitPageFooterItem });\n"],"mappings":";;;;;;AAYA,IAAM,qBAA6C;CACjD,UAAU;CACV,OAAO;CACP,OAAO;CACP,MAAM;CACP;AAaD,IAAM,mBAAmB,YAAmD,OAAO,QAAQ;CACzF,MAAM,EAAE,UAAU,aAAa,WAAW,QAAQ,MAAM,aAAa,SAAS,GAAG,SAAS;CAG1F,MAAM,SADS,cAAc,EAAE,KAAK,cAAc,CAAC,CAC7B;EAAE;EAAa;EAAM;EAAS,CAAC;CAErD,MAAM,wBAAO,IAAI,MAAM,EAAC,aAAa;CAErC,MAAM,gBAAgB,mBAAmB,aAAa;AAEtD,QACE,qBAAC,KAAD;EAAK,IAAG;EAAc;EAAK,KAAK,OAAO;EAAM,GAAI;YAAjD;GACG,eACC,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;cAAxB,CACE,oBAAC,OAAO,KAAR;KAAY,KAAK,OAAO;KAAW,YAAY;KAAiB,CAAA,EAChE,oBAAC,OAAO,MAAR;KAAa,KAAK,OAAO;eAAc;KAA0B,CAAA,CACtD;;GAGf,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;cAAxB,CACE,oBAAC,YAAD;KAAY,MAAK;KAAK,OAAM;KAAmB,CAAA,EAC/C,qBAAC,OAAO,MAAR;KAAa,KAAK,OAAO;eAAzB;MAAwC;MAAG;MAAK;MAA2B;OAChE;;GAEZ,YAAY,oBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;IAAQ;IAAsB,CAAA;GAC/D;;EAER;AAEF,iBAAiB,cAAc;AAmB/B,IAAM,uBAAuB,YAC1B,OAAO,QAAQ;CAEd,MAAM,SADS,cAAc,EAAE,KAAK,cAAc,CAAC,EAC5B;AAEvB,KAAI,UAAU,SAAS,MAAM,MAAM;EACjC,MAAM,EAAE,UAAU,MAAM,QAAQ,KAAK,GAAG,SAAS;EACjD,MAAM,cAAc,WAAW,WAAW,CAAC,KAAK,sBAAsB,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,GAAG;AAEnG,SACE,oBAAC,OAAO,GAAR;GAAe;GAAK,KAAK,OAAO;GAAY;GAAM,KAAK;GAAqB;GAAQ,GAAI;GACrF;GACQ,CAAA;;CAIf,MAAM,EAAE,UAAU,SAAS,GAAG,SAAS;AAEvC,QACE,oBAAC,OAAO,QAAR;EAAoB;EAAK,KAAK,OAAO;EAAe;EAAS,MAAK;EAAS,GAAI;EAC5E;EACa,CAAA;EAGrB;AAED,qBAAqB,cAAc;AAEnC,IAAA,2BAAe,OAAO,OAAO,kBAAkB,EAAE,MAAM,sBAAsB,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

@@ -42,6 +42,7 @@ export { default as BitkitNumberInput, type BitkitNumberInputProps } from './Bit
 export { default as BitkitOrderedList, type BitkitOrderedListItemProps, type BitkitOrderedListProps, } from './BitkitOrderedList/BitkitOrderedList';
 export { default as BitkitOverflowContent, type BitkitOverflowContentProps, } from './BitkitOverflowContent/BitkitOverflowContent';
 export { default as BitkitOverflowTooltip, type BitkitOverflowTooltipProps, } from './BitkitOverflowTooltip/BitkitOverflowTooltip';
+export { default as BitkitPageFooter, type BitkitPageFooterItemProps, type BitkitPageFooterProps, } from './BitkitPageFooter/BitkitPageFooter';
 export { default as BitkitPagination, type BitkitPaginationLabels, type BitkitPaginationProps, } from './BitkitPagination/BitkitPagination';
 export { default as BitkitPaginationLoadMore, type BitkitPaginationLoadMoreProps, } from './BitkitPaginationLoadMore/BitkitPaginationLoadMore';
 export { default as BitkitRadio, type BitkitRadioProps } from './BitkitRadio/BitkitRadio';
@@ -66,4 +67,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

@@ -326,6 +326,7 @@ import BitkitNoteCard from "./components/BitkitNoteCard/BitkitNoteCard.js";
 import BitkitNumberInput from "./components/BitkitNumberInput/BitkitNumberInput.js";
 import BitkitOverflowContent from "./components/BitkitOverflowContent/BitkitOverflowContent.js";
 import BitkitOverflowTooltip from "./components/BitkitOverflowTooltip/BitkitOverflowTooltip.js";
+import BitkitPageFooter_default from "./components/BitkitPageFooter/BitkitPageFooter.js";
 import BitkitPagination from "./components/BitkitPagination/BitkitPagination.js";
 import BitkitPaginationLoadMore from "./components/BitkitPaginationLoadMore/BitkitPaginationLoadMore.js";
 import BitkitRadio from "./components/BitkitRadio/BitkitRadio.js";
@@ -348,6 +349,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, 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, 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/PageFooter.recipe.d.ts

@@ -0,0 +1,96 @@
+declare const pageFooterSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"link" | "status" | "root" | "statusLabel" | "statusDot" | "copyright" | "copyrightText" | "links", {
+    colorScheme: {
+        gray: {
+            root: {
+                background: "background/secondary";
+            };
+            status: {
+                background: "background/tertiary";
+            };
+        };
+        white: {
+            root: {
+                background: "background/primary";
+            };
+            status: {
+                background: "background/secondary";
+            };
+        };
+    };
+    size: {
+        compact: {
+            root: {
+                height: {
+                    tablet: "32";
+                };
+            };
+        };
+        default: {
+            root: {
+                height: {
+                    tablet: "64";
+                };
+            };
+        };
+    };
+    variant: {
+        default: {
+            root: {
+                paddingInlineEnd: {
+                    base: "16";
+                    tablet: string;
+                };
+                position: {
+                    tablet: "relative";
+                };
+            };
+            copyright: {
+                insetInlineStart: {
+                    tablet: "50%";
+                };
+                position: {
+                    tablet: "absolute";
+                };
+                top: {
+                    tablet: "50%";
+                };
+                transform: {
+                    tablet: "translate(-50%, -50%)";
+                };
+            };
+            links: {
+                borderBlockEnd: {
+                    base: "1px solid {colors.border.minimal}";
+                    tablet: "none";
+                };
+                borderBlockStart: {
+                    base: "1px solid {colors.border.minimal}";
+                    tablet: "none";
+                };
+                paddingBlock: {
+                    base: "16";
+                    tablet: "0";
+                };
+            };
+        };
+        public: {
+            root: {
+                paddingInlineEnd: {
+                    base: "16";
+                    tablet: "40";
+                };
+            };
+            links: {
+                borderBlockEnd: {
+                    base: "1px solid {colors.border.minimal}";
+                    tablet: "none";
+                };
+                paddingBlockEnd: {
+                    base: "16";
+                    tablet: "0";
+                };
+            };
+        };
+    };
+}>;
+export default pageFooterSlotRecipe;

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

@@ -0,0 +1,191 @@
+import { rem } from "../themeUtils.js";
+import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
+//#region lib/theme/slot-recipes/PageFooter.recipe.ts
+var pageFooterSlotRecipe = defineSlotRecipe({
+	className: "page-footer",
+	slots: [
+		"root",
+		"status",
+		"statusDot",
+		"statusLabel",
+		"copyright",
+		"copyrightText",
+		"links",
+		"link"
+	],
+	base: {
+		root: {
+			alignItems: "center",
+			display: "flex",
+			flexDirection: {
+				base: "column",
+				tablet: "row"
+			},
+			gap: {
+				base: "16",
+				tablet: "0"
+			},
+			justifyContent: "space-between",
+			padding: {
+				base: "16",
+				tablet: "0"
+			},
+			paddingInlineStart: {
+				base: "16",
+				tablet: "20"
+			},
+			width: "100%"
+		},
+		status: {
+			alignItems: "center",
+			borderRadius: "4",
+			display: "flex",
+			flexShrink: 0,
+			gap: "4",
+			paddingBlock: "4",
+			paddingInlineEnd: "8",
+			paddingInlineStart: "4"
+		},
+		statusDot: {
+			borderRadius: "full",
+			flexShrink: 0,
+			height: "8",
+			width: "8",
+			marginInline: "4"
+		},
+		statusLabel: {
+			color: "text/secondary",
+			textStyle: "comp/badge/sm",
+			whiteSpace: "nowrap"
+		},
+		copyright: {
+			alignItems: "center",
+			display: "flex",
+			gap: "8",
+			order: {
+				base: 3,
+				tablet: 0
+			}
+		},
+		copyrightText: {
+			color: "text/secondary",
+			textStyle: "body/md/regular",
+			whiteSpace: "nowrap"
+		},
+		links: {
+			alignItems: "center",
+			display: "flex",
+			flexShrink: 0,
+			flexWrap: {
+				base: "wrap",
+				tablet: "nowrap"
+			},
+			gap: {
+				base: "40",
+				tablet: "24"
+			},
+			justifyContent: {
+				base: "center",
+				tablet: "flex-start"
+			},
+			order: {
+				base: 2,
+				tablet: 0
+			},
+			rowGap: {
+				base: "12",
+				tablet: "8"
+			},
+			width: {
+				base: "100%",
+				tablet: "auto"
+			}
+		},
+		link: {
+			background: "transparent",
+			border: "none",
+			color: "text/secondary",
+			cursor: "pointer",
+			padding: 0,
+			textDecoration: "none",
+			textStyle: {
+				base: "body/lg/regular",
+				tablet: "body/md/regular"
+			},
+			whiteSpace: "nowrap",
+			_hover: { textDecoration: "underline" }
+		}
+	},
+	variants: {
+		colorScheme: {
+			gray: {
+				root: { background: "background/secondary" },
+				status: { background: "background/tertiary" }
+			},
+			white: {
+				root: { background: "background/primary" },
+				status: { background: "background/secondary" }
+			}
+		},
+		size: {
+			compact: { root: { height: { tablet: "32" } } },
+			default: { root: { height: { tablet: "64" } } }
+		},
+		variant: {
+			default: {
+				root: {
+					paddingInlineEnd: {
+						base: "16",
+						tablet: rem(80)
+					},
+					position: { tablet: "relative" }
+				},
+				copyright: {
+					insetInlineStart: { tablet: "50%" },
+					position: { tablet: "absolute" },
+					top: { tablet: "50%" },
+					transform: { tablet: "translate(-50%, -50%)" }
+				},
+				links: {
+					borderBlockEnd: {
+						base: "1px solid {colors.border.minimal}",
+						tablet: "none"
+					},
+					borderBlockStart: {
+						base: "1px solid {colors.border.minimal}",
+						tablet: "none"
+					},
+					paddingBlock: {
+						base: "16",
+						tablet: "0"
+					}
+				}
+			},
+			public: {
+				root: { paddingInlineEnd: {
+					base: "16",
+					tablet: "40"
+				} },
+				links: {
+					borderBlockEnd: {
+						base: "1px solid {colors.border.minimal}",
+						tablet: "none"
+					},
+					paddingBlockEnd: {
+						base: "16",
+						tablet: "0"
+					}
+				}
+			}
+		}
+	},
+	defaultVariants: {
+		colorScheme: "gray",
+		size: "default",
+		variant: "default"
+	}
+});
+//#endregion
+export { pageFooterSlotRecipe as default };
+
+//# sourceMappingURL=PageFooter.recipe.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageFooter.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/PageFooter.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst pageFooterSlotRecipe = defineSlotRecipe({\n  className: 'page-footer',\n  slots: ['root', 'status', 'statusDot', 'statusLabel', 'copyright', 'copyrightText', 'links', 'link'] as const,\n  base: {\n    root: {\n      alignItems: 'center',\n      display: 'flex',\n      flexDirection: { base: 'column', tablet: 'row' },\n      gap: { base: '16', tablet: '0' },\n      justifyContent: 'space-between',\n      padding: { base: '16', tablet: '0' },\n      paddingInlineStart: { base: '16', tablet: '20' },\n      width: '100%',\n    },\n    status: {\n      alignItems: 'center',\n      borderRadius: '4',\n      display: 'flex',\n      flexShrink: 0,\n      gap: '4',\n      paddingBlock: '4',\n      paddingInlineEnd: '8',\n      paddingInlineStart: '4',\n    },\n    statusDot: {\n      borderRadius: 'full',\n      flexShrink: 0,\n      height: '8',\n      width: '8',\n      marginInline: '4',\n    },\n    statusLabel: {\n      color: 'text/secondary',\n      textStyle: 'comp/badge/sm',\n      whiteSpace: 'nowrap',\n    },\n    copyright: {\n      alignItems: 'center',\n      display: 'flex',\n      gap: '8',\n      order: { base: 3, tablet: 0 },\n    },\n    copyrightText: {\n      color: 'text/secondary',\n      textStyle: 'body/md/regular',\n      whiteSpace: 'nowrap',\n    },\n    links: {\n      alignItems: 'center',\n      display: 'flex',\n      flexShrink: 0,\n      flexWrap: { base: 'wrap', tablet: 'nowrap' },\n      gap: { base: '40', tablet: '24' },\n      justifyContent: { base: 'center', tablet: 'flex-start' },\n      order: { base: 2, tablet: 0 },\n      rowGap: { base: '12', tablet: '8' },\n      width: { base: '100%', tablet: 'auto' },\n    },\n    link: {\n      background: 'transparent',\n      border: 'none',\n      color: 'text/secondary',\n      cursor: 'pointer',\n      padding: 0,\n      textDecoration: 'none',\n      textStyle: { base: 'body/lg/regular', tablet: 'body/md/regular' },\n      whiteSpace: 'nowrap',\n      _hover: {\n        textDecoration: 'underline',\n      },\n    },\n  },\n  variants: {\n    colorScheme: {\n      gray: {\n        root: {\n          background: 'background/secondary',\n        },\n        status: {\n          background: 'background/tertiary',\n        },\n      },\n      white: {\n        root: {\n          background: 'background/primary',\n        },\n        status: {\n          background: 'background/secondary',\n        },\n      },\n    },\n    size: {\n      compact: {\n        root: {\n          height: { tablet: '32' },\n        },\n      },\n      default: {\n        root: {\n          height: { tablet: '64' },\n        },\n      },\n    },\n    variant: {\n      default: {\n        root: {\n          paddingInlineEnd: { base: '16', tablet: rem(80) },\n          position: { tablet: 'relative' },\n        },\n        copyright: {\n          insetInlineStart: { tablet: '50%' },\n          position: { tablet: 'absolute' },\n          top: { tablet: '50%' },\n          transform: { tablet: 'translate(-50%, -50%)' },\n        },\n        links: {\n          borderBlockEnd: { base: '1px solid {colors.border.minimal}', tablet: 'none' },\n          borderBlockStart: { base: '1px solid {colors.border.minimal}', tablet: 'none' },\n          paddingBlock: { base: '16', tablet: '0' },\n        },\n      },\n      public: {\n        root: {\n          paddingInlineEnd: { base: '16', tablet: '40' },\n        },\n        links: {\n          borderBlockEnd: { base: '1px solid {colors.border.minimal}', tablet: 'none' },\n          paddingBlockEnd: { base: '16', tablet: '0' },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    colorScheme: 'gray',\n    size: 'default',\n    variant: 'default',\n  },\n});\n\nexport default pageFooterSlotRecipe;\n"],"mappings":";;;AAIA,IAAM,uBAAuB,iBAAiB;CAC5C,WAAW;CACX,OAAO;EAAC;EAAQ;EAAU;EAAa;EAAe;EAAa;EAAiB;EAAS;EAAO;CACpG,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,SAAS;GACT,eAAe;IAAE,MAAM;IAAU,QAAQ;IAAO;GAChD,KAAK;IAAE,MAAM;IAAM,QAAQ;IAAK;GAChC,gBAAgB;GAChB,SAAS;IAAE,MAAM;IAAM,QAAQ;IAAK;GACpC,oBAAoB;IAAE,MAAM;IAAM,QAAQ;IAAM;GAChD,OAAO;GACR;EACD,QAAQ;GACN,YAAY;GACZ,cAAc;GACd,SAAS;GACT,YAAY;GACZ,KAAK;GACL,cAAc;GACd,kBAAkB;GAClB,oBAAoB;GACrB;EACD,WAAW;GACT,cAAc;GACd,YAAY;GACZ,QAAQ;GACR,OAAO;GACP,cAAc;GACf;EACD,aAAa;GACX,OAAO;GACP,WAAW;GACX,YAAY;GACb;EACD,WAAW;GACT,YAAY;GACZ,SAAS;GACT,KAAK;GACL,OAAO;IAAE,MAAM;IAAG,QAAQ;IAAG;GAC9B;EACD,eAAe;GACb,OAAO;GACP,WAAW;GACX,YAAY;GACb;EACD,OAAO;GACL,YAAY;GACZ,SAAS;GACT,YAAY;GACZ,UAAU;IAAE,MAAM;IAAQ,QAAQ;IAAU;GAC5C,KAAK;IAAE,MAAM;IAAM,QAAQ;IAAM;GACjC,gBAAgB;IAAE,MAAM;IAAU,QAAQ;IAAc;GACxD,OAAO;IAAE,MAAM;IAAG,QAAQ;IAAG;GAC7B,QAAQ;IAAE,MAAM;IAAM,QAAQ;IAAK;GACnC,OAAO;IAAE,MAAM;IAAQ,QAAQ;IAAQ;GACxC;EACD,MAAM;GACJ,YAAY;GACZ,QAAQ;GACR,OAAO;GACP,QAAQ;GACR,SAAS;GACT,gBAAgB;GAChB,WAAW;IAAE,MAAM;IAAmB,QAAQ;IAAmB;GACjE,YAAY;GACZ,QAAQ,EACN,gBAAgB,aACjB;GACF;EACF;CACD,UAAU;EACR,aAAa;GACX,MAAM;IACJ,MAAM,EACJ,YAAY,wBACb;IACD,QAAQ,EACN,YAAY,uBACb;IACF;GACD,OAAO;IACL,MAAM,EACJ,YAAY,sBACb;IACD,QAAQ,EACN,YAAY,wBACb;IACF;GACF;EACD,MAAM;GACJ,SAAS,EACP,MAAM,EACJ,QAAQ,EAAE,QAAQ,MAAM,EACzB,EACF;GACD,SAAS,EACP,MAAM,EACJ,QAAQ,EAAE,QAAQ,MAAM,EACzB,EACF;GACF;EACD,SAAS;GACP,SAAS;IACP,MAAM;KACJ,kBAAkB;MAAE,MAAM;MAAM,QAAQ,IAAI,GAAG;MAAE;KACjD,UAAU,EAAE,QAAQ,YAAY;KACjC;IACD,WAAW;KACT,kBAAkB,EAAE,QAAQ,OAAO;KACnC,UAAU,EAAE,QAAQ,YAAY;KAChC,KAAK,EAAE,QAAQ,OAAO;KACtB,WAAW,EAAE,QAAQ,yBAAyB;KAC/C;IACD,OAAO;KACL,gBAAgB;MAAE,MAAM;MAAqC,QAAQ;MAAQ;KAC7E,kBAAkB;MAAE,MAAM;MAAqC,QAAQ;MAAQ;KAC/E,cAAc;MAAE,MAAM;MAAM,QAAQ;MAAK;KAC1C;IACF;GACD,QAAQ;IACN,MAAM,EACJ,kBAAkB;KAAE,MAAM;KAAM,QAAQ;KAAM,EAC/C;IACD,OAAO;KACL,gBAAgB;MAAE,MAAM;MAAqC,QAAQ;MAAQ;KAC7E,iBAAiB;MAAE,MAAM;MAAM,QAAQ;MAAK;KAC7C;IACF;GACF;EACF;CACD,iBAAiB;EACf,aAAa;EACb,MAAM;EACN,SAAS;EACV;CACF,CAAC"}