@bitrise/bitkit-v2 0.3.432 → 0.3.434

package/dist/components/BitkitActionBar/BitkitActionBar.d.ts

@@ -5,5 +5,5 @@ export interface BitkitActionBarProps extends ActionBarRootProps {
     countValue: number;
     onClose?: () => void;
 }
-declare const BitkitActionBar: (props: BitkitActionBarProps) => import("react").JSX.Element;
+declare const BitkitActionBar: (props: BitkitActionBarProps) => import('react').JSX.Element;
 export default BitkitActionBar;

package/dist/components/BitkitActionMenu/BitkitActionMenu.d.ts

@@ -67,7 +67,7 @@ export interface BitkitActionMenuGroupProps extends MenuItemGroupProps {
 }
 export type BitkitActionMenuSeparatorProps = MenuSeparatorProps;
 declare const _default: {
-    ({ trigger, children, size, ...props }: BitkitActionMenuProps): import("react").JSX.Element;
+    ({ trigger, children, size, ...props }: BitkitActionMenuProps): import('react').JSX.Element;
     displayName: string;
 } & {
     Group: import('react').ForwardRefExoticComponent<BitkitActionMenuGroupProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/BitkitAlert/BitkitAlert.d.ts

@@ -12,5 +12,5 @@ export interface BitkitAlertProps extends AlertRootProps {
     titleText?: ReactNode;
     variant: AlertVariants;
 }
-declare const BitkitAlert: (props: BitkitAlertProps) => import("react").JSX.Element;
+declare const BitkitAlert: (props: BitkitAlertProps) => import('react').JSX.Element;
 export default BitkitAlert;

package/dist/components/BitkitBreadcrumb/BitkitBreadcrumb.d.ts

@@ -18,7 +18,7 @@ declare const BitkitBreadcrumb: import('react').ForwardRefExoticComponent<Omit<B
         href: string;
     } & import('react').RefAttributes<HTMLAnchorElement>>;
     OverflowMenu: {
-        ({ children }: OverflowMenuProps): import("react").JSX.Element;
+        ({ children }: OverflowMenuProps): import('react').JSX.Element;
         displayName: string;
     };
     OverflowMenuItem: import('react').ForwardRefExoticComponent<Omit<Breadcrumb.LinkProps, "href" | "children"> & {

package/dist/components/BitkitBreadcrumb/components/OverflowMenu.d.ts

@@ -3,7 +3,7 @@ export type OverflowMenuProps = {
     children: ReactNode;
 };
 declare const OverflowMenu: {
-    ({ children }: OverflowMenuProps): import("react").JSX.Element;
+    ({ children }: OverflowMenuProps): import('react').JSX.Element;
     displayName: string;
 };
 export default OverflowMenu;

package/dist/components/BitkitBreadcrumb/components/OverflowMenuTrigger.d.ts

@@ -3,7 +3,7 @@ type OverflowMenuTriggerProps = {
     children?: ReactNode;
 };
 declare const OverflowMenuTrigger: {
-    ({ children }: OverflowMenuTriggerProps): import("react").JSX.Element;
+    ({ children }: OverflowMenuTriggerProps): import('react').JSX.Element;
     displayName: string;
 };
 export default OverflowMenuTrigger;

package/dist/components/BitkitCalendar/components/CalendarContent.d.ts

@@ -10,5 +10,5 @@ export interface CalendarContentProps {
  * The styled popover body shared by BitkitCalendar and BitkitDatePicker.
  * Renders the view controls, month grids and footer inside `DatePicker.Content`.
  */
-declare const CalendarContent: ({ layout, max, min, selectionMode, showSelectedDate }: CalendarContentProps) => import("react").JSX.Element;
+declare const CalendarContent: ({ layout, max, min, selectionMode, showSelectedDate }: CalendarContentProps) => import('react').JSX.Element;
 export default CalendarContent;

package/dist/components/BitkitCalendar/components/CalendarFooter.d.ts

@@ -2,5 +2,5 @@ type CalendarFooterProps = {
     selectionMode?: 'day' | 'range';
     showSelectedDate?: boolean;
 };
-declare const CalendarFooter: ({ selectionMode, showSelectedDate }: CalendarFooterProps) => import("react").JSX.Element | null;
+declare const CalendarFooter: ({ selectionMode, showSelectedDate }: CalendarFooterProps) => import('react').JSX.Element | null;
 export default CalendarFooter;

package/dist/components/BitkitCalendar/components/CalendarMonth.d.ts

@@ -1,4 +1,4 @@
 declare const CalendarMonth: ({ monthsIndex }: {
     monthsIndex: number;
-}) => import("react").JSX.Element;
+}) => import('react').JSX.Element;
 export default CalendarMonth;

package/dist/components/BitkitCalendar/components/CalendarMonthSelect.d.ts

@@ -5,5 +5,5 @@ type CalendarMonthSelectProps = {
     min?: CalendarDate;
     max?: CalendarDate;
 };
-declare const CalendarMonthSelect: ({ offset, layout, min, max }: CalendarMonthSelectProps) => import("react").JSX.Element;
+declare const CalendarMonthSelect: ({ offset, layout, min, max }: CalendarMonthSelectProps) => import('react').JSX.Element;
 export default CalendarMonthSelect;

package/dist/components/BitkitCalendar/components/CalendarNextTrigger.d.ts

@@ -1,2 +1,2 @@
-declare const CalendarNextTrigger: () => import("react").JSX.Element;
+declare const CalendarNextTrigger: () => import('react').JSX.Element;
 export default CalendarNextTrigger;

package/dist/components/BitkitCalendar/components/CalendarPrevTrigger.d.ts

@@ -1,2 +1,2 @@
-declare const CalendarPrevTrigger: () => import("react").JSX.Element;
+declare const CalendarPrevTrigger: () => import('react').JSX.Element;
 export default CalendarPrevTrigger;

package/dist/components/BitkitCalendar/components/CalendarSelect.d.ts

@@ -12,7 +12,7 @@ export interface BitkitSelectProps {
     value?: string[];
 }
 declare const CalendarSelect: {
-    (props: BitkitSelectProps): import("react").JSX.Element;
+    (props: BitkitSelectProps): import('react').JSX.Element;
     displayName: string;
 };
 export default CalendarSelect;

package/dist/components/BitkitCalendar/components/CalendarYearSelect.d.ts

@@ -8,5 +8,5 @@ type CalendarYearSelectProps = {
         to: number;
     };
 };
-declare const CalendarYearSelect: ({ monthOffset, max, min, yearsRange }: CalendarYearSelectProps) => import("react").JSX.Element;
+declare const CalendarYearSelect: ({ monthOffset, max, min, yearsRange }: CalendarYearSelectProps) => import('react').JSX.Element;
 export default CalendarYearSelect;

package/dist/components/BitkitCombobox/BitkitCombobox.d.ts

@@ -41,7 +41,7 @@ declare const _default: import('react').ForwardRefExoticComponent<Omit<BitkitFie
     value?: string;
 } & BitkitSelectMenuScrollProps & BitkitSelectMenuEmptyStateProps & import('react').RefAttributes<HTMLDivElement>> & {
     Action: {
-        (props: import('..').BitkitSelectMenuActionProps): import("react").JSX.Element;
+        (props: import('..').BitkitSelectMenuActionProps): import('react').JSX.Element;
         displayName: string;
     };
 };

package/dist/components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.d.ts

@@ -37,7 +37,7 @@ export interface BitkitDefinitionTooltipProps {
  * `learnMoreUrl` or `button` inside it actually clickable.
  */
 declare const BitkitDefinitionTooltip: {
-    ({ button, children, disablePortal, learnMoreTarget, learnMoreUrl, method, placement, text, textSize, truncate, }: BitkitDefinitionTooltipProps): import("react").JSX.Element;
+    ({ button, children, disablePortal, learnMoreTarget, learnMoreUrl, method, placement, text, textSize, truncate, }: BitkitDefinitionTooltipProps): import('react').JSX.Element;
     displayName: string;
 };
 export default BitkitDefinitionTooltip;

package/dist/components/BitkitDialog/BitkitDialog.d.ts

@@ -31,7 +31,7 @@ export type BitkitDialogProps = {
     variant?: 'overflowContent';
 } & BitkitDataAttributes;
 declare const _default: {
-    ({ children, dismissible, footerButtons, footerContent, headerLabel, initialFocusEl, maxHeight, onExitComplete, onOpenChange, open, preventScroll, scrollBehavior, showScrollGradient, size, state, title, trigger, variant, ...dataAttributes }: BitkitDialogProps): import("react").JSX.Element;
+    ({ children, dismissible, footerButtons, footerContent, headerLabel, initialFocusEl, maxHeight, onExitComplete, onOpenChange, open, preventScroll, scrollBehavior, showScrollGradient, size, state, title, trigger, variant, ...dataAttributes }: BitkitDialogProps): import('react').JSX.Element;
     displayName: string;
 } & {
     ActionTrigger: import('react').ForwardRefExoticComponent<Dialog.ActionTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/BitkitDialog/BitkitStepsDialog.d.ts

@@ -46,12 +46,12 @@ export type BitkitStepsDialogProps = {
     variant?: 'overflowContent';
 } & BitkitDataAttributes;
 declare const _default: {
-    ({ children, defaultStep, dismissible, initialFocusEl, footerButtons, footerContent, headerLabel, maxHeight, onExitComplete, onOpenChange, onStepChange, open, preventScroll, scrollBehavior, showScrollGradient, size, state, step: stepProp, title, trigger, variant, ...dataAttributes }: BitkitStepsDialogProps): import("react").JSX.Element;
+    ({ children, defaultStep, dismissible, initialFocusEl, footerButtons, footerContent, headerLabel, maxHeight, onExitComplete, onOpenChange, onStepChange, open, preventScroll, scrollBehavior, showScrollGradient, size, state, step: stepProp, title, trigger, variant, ...dataAttributes }: BitkitStepsDialogProps): import('react').JSX.Element;
     displayName: string;
 } & {
     ActionTrigger: import('react').ForwardRefExoticComponent<Dialog.ActionTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
     Step: {
-        ({ children, description, title }: BitkitStepsDialogStepProps): import("react").JSX.Element;
+        ({ children, description, title }: BitkitStepsDialogStepProps): import('react').JSX.Element;
         displayName: string;
     };
 };

package/dist/components/BitkitDialog/BitkitStepsDialogStep.d.ts

@@ -14,7 +14,7 @@ export interface BitkitStepsDialogStepProps {
  * followed by `children`. The parent only mounts the active step, so this never self-gates.
  */
 declare const BitkitStepsDialogStep: {
-    ({ children, description, title }: BitkitStepsDialogStepProps): import("react").JSX.Element;
+    ({ children, description, title }: BitkitStepsDialogStepProps): import('react').JSX.Element;
     displayName: string;
 };
 export default BitkitStepsDialogStep;

package/dist/components/BitkitDialog/DialogBodyContext.d.ts

@@ -9,5 +9,5 @@ export declare const resolveScrollBehavior: (variant: "overflowContent" | undefi
  * Scroll-aware dialog body. Reads {@link DialogBodyContext} to decide whether the body scrolls
  * internally (`inside` → scroll button + optional gradient) or the whole dialog scrolls (`outside`).
  */
-declare const DialogBody: ({ children, ...rest }: Dialog.BodyProps) => import("react").JSX.Element;
+declare const DialogBody: ({ children, ...rest }: Dialog.BodyProps) => import('react').JSX.Element;
 export default DialogBody;

package/dist/components/BitkitDialog/DialogInner.d.ts

@@ -22,5 +22,5 @@ export interface DialogInnerProps {
  * standard right-aligned button row, which carries the design's 24px gap above the actions; both
  * render in the same `Dialog.Footer` (content first); if neither is set, no footer renders.
  */
-declare const DialogInner: ({ children, dismissible, footerButtons, footerContent, headerExtra, headerLabel, scrollBehavior: scrollBehaviorProp, showScrollGradient, state, title, variant, }: DialogInnerProps) => import("react").JSX.Element;
+declare const DialogInner: ({ children, dismissible, footerButtons, footerContent, headerExtra, headerLabel, scrollBehavior: scrollBehaviorProp, showScrollGradient, state, title, variant, }: DialogInnerProps) => import('react').JSX.Element;
 export default DialogInner;

package/dist/components/BitkitDialog/DialogShell.d.ts

@@ -28,5 +28,5 @@ export interface DialogShellProps {
  * to block every route out disables that button itself.
  * The caller passes the `Dialog.Content` (or a `Dialog.Content asChild` wrapper) as children.
  **/
-declare const DialogShell: ({ children, dismissible, initialFocusEl, onExitComplete, onOpenChange, open, preventScroll, scrollBehavior: scrollBehaviorProp, size, state, trigger, variant, }: DialogShellProps) => import("react").JSX.Element;
+declare const DialogShell: ({ children, dismissible, initialFocusEl, onExitComplete, onOpenChange, open, preventScroll, scrollBehavior: scrollBehaviorProp, size, state, trigger, variant, }: DialogShellProps) => import('react').JSX.Element;
 export default DialogShell;

package/dist/components/BitkitEmptyState/BitkitEmptyState.d.ts

@@ -7,5 +7,5 @@ export interface BitkitEmptyStateProps extends EmptyStateRootProps {
     icon: BitkitIconComponent;
     loading?: boolean;
 }
-declare const BitkitEmptyState: (props: BitkitEmptyStateProps) => import("react").JSX.Element;
+declare const BitkitEmptyState: (props: BitkitEmptyStateProps) => import('react').JSX.Element;
 export default BitkitEmptyState;

package/dist/components/BitkitExpandableCard/BitkitExpandableCard.d.ts

@@ -25,6 +25,7 @@ export type BitkitExpandableCardProps = Omit<BoxProps, 'asChild' | 'children' |
     footer?: ReactNode;
     icon?: BitkitIconComponent | ReactElement<BitkitAvatarProps>;
     iconColor?: string;
+    noPadding?: boolean;
     size?: 'md' | 'lg';
     subtitle?: ReactNode;
     suffix?: ReactNode;

package/dist/components/BitkitExpandableCard/BitkitExpandableCard.js

@@ -9,8 +9,11 @@ import { Collapsible } from "@chakra-ui/react/collapsible";
 import { Card } from "@chakra-ui/react/card";
 //#region lib/components/BitkitExpandableCard/BitkitExpandableCard.tsx
 var BitkitExpandableCard = forwardRef((props, ref) => {
-	const { children, collapsedHeight, collapsedWidth, css, defaultExpanded, disabled, elevation = true, expanded, footer, hideMode, icon, iconColor, ids, lazyMount, onChange, onExitComplete, size = "lg", subtitle, suffix, title, unmountOnExit, ...rest } = props;
-	const styles = useSlotRecipe({ key: "expandableCard" })({ size });
+	const { children, collapsedHeight, collapsedWidth, css, defaultExpanded, disabled, elevation = true, expanded, footer, hideMode, icon, iconColor, ids, lazyMount, noPadding = false, onChange, onExitComplete, size = "lg", subtitle, suffix, title, unmountOnExit, ...rest } = props;
+	const styles = useSlotRecipe({ key: "expandableCard" })({
+		noPadding,
+		size
+	});
 	const handleOpenChange = onChange ? (details) => onChange(details.open) : void 0;
 	const iconSize = size === "md" ? "16" : "24";
 	let renderedSuffix = suffix;
@@ -44,14 +47,14 @@ var BitkitExpandableCard = forwardRef((props, ref) => {
 				children: [/* @__PURE__ */ jsxs(Box, {
 					display: "flex",
 					alignItems: "center",
+					flex: "1",
 					gap: "8",
+					minWidth: "0",
 					children: [!!renderedIcon && /* @__PURE__ */ jsx(Box, {
 						css: styles.icon,
 						children: renderedIcon
 					}), /* @__PURE__ */ jsxs(Box, {
-						display: "flex",
-						alignItems: "flex-start",
-						flexDirection: "column",
+						css: styles.title,
 						children: [title, !!subtitle && /* @__PURE__ */ jsx(Text, {
 							as: "span",
 							css: styles.subtitle,
@@ -61,6 +64,7 @@ var BitkitExpandableCard = forwardRef((props, ref) => {
 				}), /* @__PURE__ */ jsxs(Box, {
 					display: "flex",
 					alignItems: "center",
+					flexShrink: "0",
 					children: [!!renderedSuffix && /* @__PURE__ */ jsx(Text, {
 						as: "span",
 						css: styles.suffix,
@@ -72,7 +76,10 @@ var BitkitExpandableCard = forwardRef((props, ref) => {
 				})]
 			}), /* @__PURE__ */ jsxs(Collapsible.Content, {
 				css: styles.collapsible,
-				children: [/* @__PURE__ */ jsx(Card.Body, { children }), !!footer && /* @__PURE__ */ jsx(Card.Footer, {
+				children: [/* @__PURE__ */ jsx(Card.Body, {
+					css: styles.body,
+					children
+				}), !!footer && /* @__PURE__ */ jsx(Card.Footer, {
 					css: styles.footer,
 					children: footer
 				})]

package/dist/components/BitkitExpandableCard/BitkitExpandableCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitExpandableCard.js","names":[],"sources":["../../../lib/components/BitkitExpandableCard/BitkitExpandableCard.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { Card } from '@chakra-ui/react/card';\nimport { Collapsible, type CollapsibleRootProps } from '@chakra-ui/react/collapsible';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { cloneElement, forwardRef, isValidElement, type ReactElement, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport AssetSelectChevron from '../../utilities/AssetSelectChevron';\nimport { type BitkitAvatarProps } from '../BitkitAvatar/BitkitAvatar';\nimport BitkitBadge, { type BitkitBadgeProps } from '../BitkitBadge/BitkitBadge';\n\ntype UncontrolledProps = {\n  defaultExpanded?: boolean;\n  expanded?: never;\n  onChange?: never;\n};\n\ntype ControlledProps = {\n  defaultExpanded?: never;\n  expanded: boolean;\n  onChange: (expanded: boolean) => void;\n};\n\n/**\n * Zag/Ark machine props. They drive the inner `Collapsible.Root` and mean nothing on the card\n * element, so they're forwarded by name rather than left in `...rest` — which belongs to the\n * rendered root (`Card.Root`) so consumer style props reach the card itself.\n */\ntype CollapsibleMachineProps = Pick<\n  CollapsibleRootProps,\n  | 'collapsedHeight'\n  | 'collapsedWidth'\n  | 'disabled'\n  | 'hideMode'\n  | 'ids'\n  | 'lazyMount'\n  | 'onExitComplete'\n  | 'unmountOnExit'\n>;\n\nexport type BitkitExpandableCardProps = Omit<BoxProps, 'asChild' | 'children' | 'onChange' | 'title'> &\n  CollapsibleMachineProps & {\n    children: ReactNode;\n    elevation?: boolean;\n    footer?: ReactNode;\n    icon?: BitkitIconComponent | ReactElement<BitkitAvatarProps>;\n    iconColor?: string;\n    size?: 'md' | 'lg';\n    subtitle?: ReactNode;\n    suffix?: ReactNode;\n    title: ReactNode;\n  } & (UncontrolledProps | ControlledProps);\n\nconst BitkitExpandableCard = forwardRef<HTMLDivElement, BitkitExpandableCardProps>((props, ref) => {\n  const {\n    children,\n    collapsedHeight,\n    collapsedWidth,\n    css,\n    defaultExpanded,\n    disabled,\n    elevation = true,\n    expanded,\n    footer,\n    hideMode,\n    icon,\n    iconColor,\n    ids,\n    lazyMount,\n    onChange,\n    onExitComplete,\n    size = 'lg',\n    subtitle,\n    suffix,\n    title,\n    unmountOnExit,\n    ...rest\n  } = props;\n\n  const recipe = useSlotRecipe({ key: 'expandableCard' });\n  const styles = recipe({ size });\n\n  const handleOpenChange = onChange ? (details: { open: boolean }) => onChange(details.open) : undefined;\n\n  // `md` is the tested branch so the default size ('lg') stays on the fallback.\n  const iconSize = size === 'md' ? '16' : '24';\n\n  // Figma sizes the header badge with the card: xs on md, sm (the badge default) on lg.\n  let renderedSuffix: ReactNode = suffix;\n  if (isValidElement<BitkitBadgeProps>(suffix) && suffix.type === BitkitBadge) {\n    renderedSuffix = cloneElement(suffix, { size: size === 'md' ? 'xs' : 'sm' });\n  }\n\n  let renderedIcon: ReactNode = null;\n  if (isValidElement<BitkitAvatarProps>(icon)) {\n    // BitkitAvatar has no '16' size, so avatars stay at '24' even on the md card.\n    renderedIcon = cloneElement(icon, { size: '24' });\n  } else if (icon) {\n    const Icon = icon;\n    renderedIcon = <Icon color={iconColor} size={iconSize} />;\n  }\n\n  return (\n    <Card.Root ref={ref} elevation={elevation} paddingSize=\"sm\" css={[styles.root, css]} {...rest}>\n      <Collapsible.Root\n        collapsedHeight={collapsedHeight}\n        collapsedWidth={collapsedWidth}\n        defaultOpen={defaultExpanded}\n        disabled={disabled}\n        hideMode={hideMode}\n        ids={ids}\n        lazyMount={lazyMount}\n        onExitComplete={onExitComplete}\n        onOpenChange={handleOpenChange}\n        open={expanded}\n        unmountOnExit={unmountOnExit}\n      >\n        <Collapsible.Trigger css={styles.header}>\n          <Box display=\"flex\" alignItems=\"center\" gap=\"8\">\n            {!!renderedIcon && <Box css={styles.icon}>{renderedIcon}</Box>}\n            <Box display=\"flex\" alignItems=\"flex-start\" flexDirection=\"column\">\n              {title}\n              {!!subtitle && (\n                <Text as=\"span\" css={styles.subtitle}>\n                  {subtitle}\n                </Text>\n              )}\n            </Box>\n          </Box>\n          <Box display=\"flex\" alignItems=\"center\">\n            {!!renderedSuffix && (\n              <Text as=\"span\" css={styles.suffix}>\n                {renderedSuffix}\n              </Text>\n            )}\n            <Collapsible.Indicator asChild>\n              <AssetSelectChevron />\n            </Collapsible.Indicator>\n          </Box>\n        </Collapsible.Trigger>\n        <Collapsible.Content css={styles.collapsible}>\n          <Card.Body>{children}</Card.Body>\n          {!!footer && <Card.Footer css={styles.footer}>{footer}</Card.Footer>}\n        </Collapsible.Content>\n      </Collapsible.Root>\n    </Card.Root>\n  );\n});\n\nBitkitExpandableCard.displayName = 'BitkitExpandableCard';\n\nexport default BitkitExpandableCard;\n"],"mappings":";;;;;;;;;;AAsDA,IAAM,uBAAuB,YAAuD,OAAO,QAAQ;CACjG,MAAM,EACJ,UACA,iBACA,gBACA,KACA,iBACA,UACA,YAAY,MACZ,UACA,QACA,UACA,MACA,WACA,KACA,WACA,UACA,gBACA,OAAO,MACP,UACA,QACA,OACA,eACA,GAAG,SACD;CAGJ,MAAM,SADS,cAAc,EAAE,KAAK,iBAAiB,CACtC,CAAA,CAAO,EAAE,KAAK,CAAC;CAE9B,MAAM,mBAAmB,YAAY,YAA+B,SAAS,QAAQ,IAAI,IAAI,KAAA;CAG7F,MAAM,WAAW,SAAS,OAAO,OAAO;CAGxC,IAAI,iBAA4B;CAChC,IAAI,eAAiC,MAAM,KAAK,OAAO,SAAS,aAC9D,iBAAiB,aAAa,QAAQ,EAAE,MAAM,SAAS,OAAO,OAAO,KAAK,CAAC;CAG7E,IAAI,eAA0B;CAC9B,IAAI,eAAkC,IAAI,GAExC,eAAe,aAAa,MAAM,EAAE,MAAM,KAAK,CAAC;MAC3C,IAAI,MAET,eAAe,oBAAC,MAAD;EAAM,OAAO;EAAW,MAAM;CAAW,CAAA;CAG1D,OACE,oBAAC,KAAK,MAAN;EAAgB;EAAgB;EAAW,aAAY;EAAK,KAAK,CAAC,OAAO,MAAM,GAAG;EAAG,GAAI;EACvF,UAAA,qBAAC,YAAY,MAAb;GACmB;GACD;GAChB,aAAa;GACH;GACA;GACL;GACM;GACK;GAChB,cAAc;GACd,MAAM;GACS;GAXjB,UAAA,CAaE,qBAAC,YAAY,SAAb;IAAqB,KAAK,OAAO;IAAjC,UAAA,CACE,qBAAC,KAAD;KAAK,SAAQ;KAAO,YAAW;KAAS,KAAI;KAA5C,UAAA,CACG,CAAC,CAAC,gBAAgB,oBAAC,KAAD;MAAK,KAAK,OAAO;MAAO,UAAA;KAAkB,CAAA,GAC7D,qBAAC,KAAD;MAAK,SAAQ;MAAO,YAAW;MAAa,eAAc;MAA1D,UAAA,CACG,OACA,CAAC,CAAC,YACD,oBAAC,MAAD;OAAM,IAAG;OAAO,KAAK,OAAO;OACzB,UAAA;MACG,CAAA,CAEL;KACF,CAAA,CAAA;IACL,CAAA,GAAA,qBAAC,KAAD;KAAK,SAAQ;KAAO,YAAW;KAA/B,UAAA,CACG,CAAC,CAAC,kBACD,oBAAC,MAAD;MAAM,IAAG;MAAO,KAAK,OAAO;MACzB,UAAA;KACG,CAAA,GAER,oBAAC,YAAY,WAAb;MAAuB,SAAA;MACrB,UAAA,oBAAC,oBAAD,CAAqB,CAAA;KACA,CAAA,CACpB;IACc,CAAA,CAAA;GACrB,CAAA,GAAA,qBAAC,YAAY,SAAb;IAAqB,KAAK,OAAO;IAAjC,UAAA,CACE,oBAAC,KAAK,MAAN,EAAY,SAAoB,CAAA,GAC/B,CAAC,CAAC,UAAU,oBAAC,KAAK,QAAN;KAAa,KAAK,OAAO;KAAS,UAAA;IAAoB,CAAA,CAChD;GACL,CAAA,CAAA;;CACT,CAAA;AAEf,CAAC;AAED,qBAAqB,cAAc"}
+{"version":3,"file":"BitkitExpandableCard.js","names":[],"sources":["../../../lib/components/BitkitExpandableCard/BitkitExpandableCard.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { Card } from '@chakra-ui/react/card';\nimport { Collapsible, type CollapsibleRootProps } from '@chakra-ui/react/collapsible';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { cloneElement, forwardRef, isValidElement, type ReactElement, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport AssetSelectChevron from '../../utilities/AssetSelectChevron';\nimport { type BitkitAvatarProps } from '../BitkitAvatar/BitkitAvatar';\nimport BitkitBadge, { type BitkitBadgeProps } from '../BitkitBadge/BitkitBadge';\n\ntype UncontrolledProps = {\n  defaultExpanded?: boolean;\n  expanded?: never;\n  onChange?: never;\n};\n\ntype ControlledProps = {\n  defaultExpanded?: never;\n  expanded: boolean;\n  onChange: (expanded: boolean) => void;\n};\n\n/**\n * Zag/Ark machine props. They drive the inner `Collapsible.Root` and mean nothing on the card\n * element, so they're forwarded by name rather than left in `...rest` — which belongs to the\n * rendered root (`Card.Root`) so consumer style props reach the card itself.\n */\ntype CollapsibleMachineProps = Pick<\n  CollapsibleRootProps,\n  | 'collapsedHeight'\n  | 'collapsedWidth'\n  | 'disabled'\n  | 'hideMode'\n  | 'ids'\n  | 'lazyMount'\n  | 'onExitComplete'\n  | 'unmountOnExit'\n>;\n\nexport type BitkitExpandableCardProps = Omit<BoxProps, 'asChild' | 'children' | 'onChange' | 'title'> &\n  CollapsibleMachineProps & {\n    children: ReactNode;\n    elevation?: boolean;\n    footer?: ReactNode;\n    icon?: BitkitIconComponent | ReactElement<BitkitAvatarProps>;\n    iconColor?: string;\n    noPadding?: boolean;\n    size?: 'md' | 'lg';\n    subtitle?: ReactNode;\n    suffix?: ReactNode;\n    title: ReactNode;\n  } & (UncontrolledProps | ControlledProps);\n\nconst BitkitExpandableCard = forwardRef<HTMLDivElement, BitkitExpandableCardProps>((props, ref) => {\n  const {\n    children,\n    collapsedHeight,\n    collapsedWidth,\n    css,\n    defaultExpanded,\n    disabled,\n    elevation = true,\n    expanded,\n    footer,\n    hideMode,\n    icon,\n    iconColor,\n    ids,\n    lazyMount,\n    noPadding = false,\n    onChange,\n    onExitComplete,\n    size = 'lg',\n    subtitle,\n    suffix,\n    title,\n    unmountOnExit,\n    ...rest\n  } = props;\n\n  const recipe = useSlotRecipe({ key: 'expandableCard' });\n  const styles = recipe({ noPadding, size });\n\n  const handleOpenChange = onChange ? (details: { open: boolean }) => onChange(details.open) : undefined;\n\n  // `md` is the tested branch so the default size ('lg') stays on the fallback.\n  const iconSize = size === 'md' ? '16' : '24';\n\n  // Figma sizes the header badge with the card: xs on md, sm (the badge default) on lg.\n  let renderedSuffix: ReactNode = suffix;\n  if (isValidElement<BitkitBadgeProps>(suffix) && suffix.type === BitkitBadge) {\n    renderedSuffix = cloneElement(suffix, { size: size === 'md' ? 'xs' : 'sm' });\n  }\n\n  let renderedIcon: ReactNode = null;\n  if (isValidElement<BitkitAvatarProps>(icon)) {\n    // BitkitAvatar has no '16' size, so avatars stay at '24' even on the md card.\n    renderedIcon = cloneElement(icon, { size: '24' });\n  } else if (icon) {\n    const Icon = icon;\n    renderedIcon = <Icon color={iconColor} size={iconSize} />;\n  }\n\n  return (\n    <Card.Root ref={ref} elevation={elevation} paddingSize=\"sm\" css={[styles.root, css]} {...rest}>\n      <Collapsible.Root\n        collapsedHeight={collapsedHeight}\n        collapsedWidth={collapsedWidth}\n        defaultOpen={defaultExpanded}\n        disabled={disabled}\n        hideMode={hideMode}\n        ids={ids}\n        lazyMount={lazyMount}\n        onExitComplete={onExitComplete}\n        onOpenChange={handleOpenChange}\n        open={expanded}\n        unmountOnExit={unmountOnExit}\n      >\n        <Collapsible.Trigger css={styles.header}>\n          <Box display=\"flex\" alignItems=\"center\" flex=\"1\" gap=\"8\" minWidth=\"0\">\n            {!!renderedIcon && <Box css={styles.icon}>{renderedIcon}</Box>}\n            <Box css={styles.title}>\n              {title}\n              {!!subtitle && (\n                <Text as=\"span\" css={styles.subtitle}>\n                  {subtitle}\n                </Text>\n              )}\n            </Box>\n          </Box>\n          <Box display=\"flex\" alignItems=\"center\" flexShrink=\"0\">\n            {!!renderedSuffix && (\n              <Text as=\"span\" css={styles.suffix}>\n                {renderedSuffix}\n              </Text>\n            )}\n            <Collapsible.Indicator asChild>\n              <AssetSelectChevron />\n            </Collapsible.Indicator>\n          </Box>\n        </Collapsible.Trigger>\n        <Collapsible.Content css={styles.collapsible}>\n          <Card.Body css={styles.body}>{children}</Card.Body>\n          {!!footer && <Card.Footer css={styles.footer}>{footer}</Card.Footer>}\n        </Collapsible.Content>\n      </Collapsible.Root>\n    </Card.Root>\n  );\n});\n\nBitkitExpandableCard.displayName = 'BitkitExpandableCard';\n\nexport default BitkitExpandableCard;\n"],"mappings":";;;;;;;;;;AAuDA,IAAM,uBAAuB,YAAuD,OAAO,QAAQ;CACjG,MAAM,EACJ,UACA,iBACA,gBACA,KACA,iBACA,UACA,YAAY,MACZ,UACA,QACA,UACA,MACA,WACA,KACA,WACA,YAAY,OACZ,UACA,gBACA,OAAO,MACP,UACA,QACA,OACA,eACA,GAAG,SACD;CAGJ,MAAM,SADS,cAAc,EAAE,KAAK,iBAAiB,CACtC,CAAA,CAAO;EAAE;EAAW;CAAK,CAAC;CAEzC,MAAM,mBAAmB,YAAY,YAA+B,SAAS,QAAQ,IAAI,IAAI,KAAA;CAG7F,MAAM,WAAW,SAAS,OAAO,OAAO;CAGxC,IAAI,iBAA4B;CAChC,IAAI,eAAiC,MAAM,KAAK,OAAO,SAAS,aAC9D,iBAAiB,aAAa,QAAQ,EAAE,MAAM,SAAS,OAAO,OAAO,KAAK,CAAC;CAG7E,IAAI,eAA0B;CAC9B,IAAI,eAAkC,IAAI,GAExC,eAAe,aAAa,MAAM,EAAE,MAAM,KAAK,CAAC;MAC3C,IAAI,MAET,eAAe,oBAAC,MAAD;EAAM,OAAO;EAAW,MAAM;CAAW,CAAA;CAG1D,OACE,oBAAC,KAAK,MAAN;EAAgB;EAAgB;EAAW,aAAY;EAAK,KAAK,CAAC,OAAO,MAAM,GAAG;EAAG,GAAI;EACvF,UAAA,qBAAC,YAAY,MAAb;GACmB;GACD;GAChB,aAAa;GACH;GACA;GACL;GACM;GACK;GAChB,cAAc;GACd,MAAM;GACS;GAXjB,UAAA,CAaE,qBAAC,YAAY,SAAb;IAAqB,KAAK,OAAO;IAAjC,UAAA,CACE,qBAAC,KAAD;KAAK,SAAQ;KAAO,YAAW;KAAS,MAAK;KAAI,KAAI;KAAI,UAAS;KAAlE,UAAA,CACG,CAAC,CAAC,gBAAgB,oBAAC,KAAD;MAAK,KAAK,OAAO;MAAO,UAAA;KAAkB,CAAA,GAC7D,qBAAC,KAAD;MAAK,KAAK,OAAO;MAAjB,UAAA,CACG,OACA,CAAC,CAAC,YACD,oBAAC,MAAD;OAAM,IAAG;OAAO,KAAK,OAAO;OACzB,UAAA;MACG,CAAA,CAEL;KACF,CAAA,CAAA;IACL,CAAA,GAAA,qBAAC,KAAD;KAAK,SAAQ;KAAO,YAAW;KAAS,YAAW;KAAnD,UAAA,CACG,CAAC,CAAC,kBACD,oBAAC,MAAD;MAAM,IAAG;MAAO,KAAK,OAAO;MACzB,UAAA;KACG,CAAA,GAER,oBAAC,YAAY,WAAb;MAAuB,SAAA;MACrB,UAAA,oBAAC,oBAAD,CAAqB,CAAA;KACA,CAAA,CACpB;IACc,CAAA,CAAA;GACrB,CAAA,GAAA,qBAAC,YAAY,SAAb;IAAqB,KAAK,OAAO;IAAjC,UAAA,CACE,oBAAC,KAAK,MAAN;KAAW,KAAK,OAAO;KAAO;IAAoB,CAAA,GACjD,CAAC,CAAC,UAAU,oBAAC,KAAK,QAAN;KAAa,KAAK,OAAO;KAAS,UAAA;IAAoB,CAAA,CAChD;GACL,CAAA,CAAA;;CACT,CAAA;AAEf,CAAC;AAED,qBAAqB,cAAc"}

package/dist/components/BitkitLabelTooltip/BitkitLabelTooltip.d.ts

@@ -26,7 +26,7 @@ export type BitkitLabelTooltipProps = {
  * Dialogs turn that off through `BitkitPortalContext`; `disablePortal` is the manual override.
  */
 declare const BitkitLabelTooltip: {
-    ({ children, disablePortal, disabled, placement, text, }: BitkitLabelTooltipProps): import("react").JSX.Element;
+    ({ children, disablePortal, disabled, placement, text, }: BitkitLabelTooltipProps): import('react').JSX.Element;
     displayName: string;
 };
 export default BitkitLabelTooltip;

package/dist/components/BitkitLightbox/BitkitLightbox.d.ts

@@ -24,7 +24,7 @@ export interface BitkitLightboxProps {
  * overlay (outside) click both dismiss it — Chakra's `Dialog.Root` default, so it isn't overridden.
  */
 declare const BitkitLightbox: {
-    ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children, onOpenChange, open, size, trigger, }: BitkitLightboxProps): import("react").JSX.Element;
+    ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children, onOpenChange, open, size, trigger, }: BitkitLightboxProps): import('react').JSX.Element;
     displayName: string;
 };
 export default BitkitLightbox;

package/dist/components/BitkitMultiselect/BitkitMultiselect.d.ts

@@ -39,7 +39,7 @@ declare const _default: import('react').ForwardRefExoticComponent<Omit<BitkitFie
     value?: Array<string>;
 } & BitkitSelectMenuSearchProps & BitkitSelectMenuScrollProps & BitkitSelectMenuEmptyStateProps & import('react').RefAttributes<HTMLDivElement>> & {
     Action: {
-        (props: import('..').BitkitSelectMenuActionProps): import("react").JSX.Element;
+        (props: import('..').BitkitSelectMenuActionProps): import('react').JSX.Element;
         displayName: string;
     };
 };

package/dist/components/BitkitOverflowTooltip/BitkitOverflowTooltip.d.ts

@@ -25,7 +25,7 @@ export type BitkitOverflowTooltipProps = {
  * `disablePortal` is the manual override.
  */
 declare const BitkitOverflowTooltip: {
-    ({ children, disablePortal, disabled, placement, text, }: BitkitOverflowTooltipProps): import("react").JSX.Element;
+    ({ children, disablePortal, disabled, placement, text, }: BitkitOverflowTooltipProps): import('react').JSX.Element;
     displayName: string;
 };
 export default BitkitOverflowTooltip;

package/dist/components/BitkitPopover/BitkitPopover.d.ts

@@ -25,7 +25,7 @@ export interface BitkitPopoverProps {
  * `positioning.getAnchorElement`.
  */
 declare const BitkitPopover: {
-    ({ children, title, footer, trigger, open, defaultOpen, onOpenChange, positioning, persistentElements, }: BitkitPopoverProps): import("react").JSX.Element;
+    ({ children, title, footer, trigger, open, defaultOpen, onOpenChange, positioning, persistentElements, }: BitkitPopoverProps): import('react').JSX.Element;
     displayName: string;
 };
 export default BitkitPopover;

package/dist/components/BitkitPromoBanner/BitkitPromoBanner.d.ts

@@ -12,7 +12,7 @@ export interface BitkitPromoBannerProps extends Omit<AlertRootProps, 'title' | '
     title: ReactNode;
 }
 declare const BitkitPromoBanner: {
-    (props: BitkitPromoBannerProps): import("react").JSX.Element;
+    (props: BitkitPromoBannerProps): import('react').JSX.Element;
     displayName: string;
 };
 export default BitkitPromoBanner;

package/dist/components/BitkitSelect/BitkitSelect.d.ts

@@ -32,7 +32,7 @@ declare const _default: import('react').ForwardRefExoticComponent<Omit<BitkitFie
     value?: string;
 } & BitkitSelectMenuSearchProps & BitkitSelectMenuScrollProps & BitkitSelectMenuEmptyStateProps & import('react').RefAttributes<HTMLDivElement>> & {
     Action: {
-        (props: import('../index.ts').BitkitSelectMenuActionProps): import("react").JSX.Element;
+        (props: import('../index.ts').BitkitSelectMenuActionProps): import('react').JSX.Element;
         displayName: string;
     };
 };

package/dist/components/BitkitSelectMenu/BitkitSelectMenuAction.d.ts

@@ -38,7 +38,7 @@ type SelectMenuShellContext = {
 declare const SelectMenuShellContextProvider: import('react').Provider<SelectMenuShellContext>;
 export { SelectMenuShellContextProvider };
 declare const BitkitSelectMenuAction: {
-    (props: BitkitSelectMenuActionProps): import("react").JSX.Element;
+    (props: BitkitSelectMenuActionProps): import('react').JSX.Element;
     displayName: string;
 };
 export default BitkitSelectMenuAction;

package/dist/components/BitkitSelectMenu/SelectMenuShell.d.ts

@@ -42,4 +42,4 @@ export type SelectMenuShellProps<T extends {
 export declare const SelectMenuShell: <T extends {
     value: string;
     group?: string;
-}>({ NS, children, collection, contentProps, contentRef, emptyHelperText, emptyLabel, iconSize, isLoading, onScrolledToBottom, onSearchChange, renderItem, searchValue, spinnerSize, styles, }: SelectMenuShellProps<T>) => import("react").JSX.Element;
+}>({ NS, children, collection, contentProps, contentRef, emptyHelperText, emptyLabel, iconSize, isLoading, onScrolledToBottom, onSearchChange, renderItem, searchValue, spinnerSize, styles, }: SelectMenuShellProps<T>) => import('react').JSX.Element;

package/dist/components/BitkitStepsCard/BitkitStepsCard.d.ts

@@ -23,7 +23,7 @@ declare const _default: import('react').ForwardRefExoticComponent<BitkitStepsCar
     Footer: import('react').ForwardRefExoticComponent<BitkitStepsCardFooterProps & import('react').RefAttributes<HTMLDivElement>>;
     Header: import('react').ForwardRefExoticComponent<BitkitStepsCardHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
     Step: {
-        (props: BitkitStepsCardStepProps): import("react").JSX.Element | null;
+        (props: BitkitStepsCardStepProps): import('react').JSX.Element | null;
         displayName: string;
     };
 };

package/dist/components/BitkitSwitch/components/BitkitSwitchHelperText.d.ts

@@ -1,3 +1,3 @@
 import { BitkitSwitchDynamicTextProps } from '../BitkitSwitch.types';
-declare const BitkitSwitchHelperText: ({ state, helperText }: Pick<BitkitSwitchDynamicTextProps, "state" | "helperText">) => import("react").JSX.Element | null;
+declare const BitkitSwitchHelperText: ({ state, helperText }: Pick<BitkitSwitchDynamicTextProps, "state" | "helperText">) => import('react').JSX.Element | null;
 export default BitkitSwitchHelperText;

package/dist/components/BitkitSwitch/components/BitkitSwitchLabel.d.ts

@@ -3,5 +3,5 @@ import { BitkitSwitchDynamicTextProps } from '../BitkitSwitch.types';
 type Props = Pick<BitkitSwitchDynamicTextProps, 'label' | 'state' | 'tooltip' | 'optional'> & {
     icon?: BitkitIconComponent;
 };
-declare const BitkitSwitchLabel: ({ label, state, tooltip, optional, icon: Icon }: Props) => import("react").JSX.Element | null;
+declare const BitkitSwitchLabel: ({ label, state, tooltip, optional, icon: Icon }: Props) => import('react').JSX.Element | null;
 export default BitkitSwitchLabel;

package/dist/components/BitkitSwitch/components/BitkitSwitchReadOnly.d.ts

@@ -1,4 +1,4 @@
 import { BitkitSwitchProps } from '../BitkitSwitch.types';
 type Props = Pick<BitkitSwitchProps, 'state' | 'children'>;
-declare const BitkitSwitchReadOnly: ({ state, children }: Props) => string | number | boolean | Iterable<import('react').ReactNode> | import("react").JSX.Element | null | undefined;
+declare const BitkitSwitchReadOnly: ({ state, children }: Props) => string | number | boolean | Iterable<import('react').ReactNode> | import('react').JSX.Element | null | undefined;
 export default BitkitSwitchReadOnly;

package/dist/components/BitkitSwitch/components/BitkitSwitchValueText.d.ts

@@ -1,3 +1,3 @@
 import { BitkitSwitchDynamicTextProps } from '../BitkitSwitch.types';
-declare const BitkitSwitchValueText: ({ size, state, valueText, }: Pick<BitkitSwitchDynamicTextProps, "size" | "state" | "valueText">) => import("react").JSX.Element | null;
+declare const BitkitSwitchValueText: ({ size, state, valueText, }: Pick<BitkitSwitchDynamicTextProps, "size" | "state" | "valueText">) => import('react').JSX.Element | null;
 export default BitkitSwitchValueText;

package/dist/components/BitkitTag/BitkitTag.d.ts

@@ -6,5 +6,5 @@ export interface BitkitTagProps extends TagRootProps {
     onRemove?: () => void;
     state?: 'disabled' | 'skeleton';
 }
-declare const BitkitTag: (props: BitkitTagProps) => import("react").JSX.Element;
+declare const BitkitTag: (props: BitkitTagProps) => import('react').JSX.Element;
 export default BitkitTag;

package/dist/components/BitkitToast/BitkitToaster.d.ts

@@ -1,2 +1,2 @@
-declare const BitkitToaster: () => import("react").JSX.Element;
+declare const BitkitToaster: () => import('react').JSX.Element;
 export default BitkitToaster;

package/dist/components/BitkitTooltip/BitkitTooltip.d.ts

@@ -77,7 +77,7 @@ export type BitkitTooltipProps = {
  * the manual override.
  */
 declare const BitkitTooltip: {
-    ({ button, children, closeOnClick, disablePortal, disabled, icon: Icon, learnMoreTarget, learnMoreUrl, onOpenChange, open, openDelay, placement, text, wrapTrigger, }: BitkitTooltipProps): import("react").JSX.Element;
+    ({ button, children, closeOnClick, disablePortal, disabled, icon: Icon, learnMoreTarget, learnMoreUrl, onOpenChange, open, openDelay, placement, text, wrapTrigger, }: BitkitTooltipProps): import('react').JSX.Element;
     displayName: string;
 };
 export default BitkitTooltip;

package/dist/components/BitkitTour/BitkitTour.d.ts

@@ -108,7 +108,7 @@ export declare const useBitkitTour: (options: BitkitTourOptions) => BitkitTourIn
  * turns the card into the single-feature presentation.
  */
 declare const BitkitTour: {
-    ({ tour }: BitkitTourProps): import("react").JSX.Element;
+    ({ tour }: BitkitTourProps): import('react').JSX.Element;
     displayName: string;
 };
 export default BitkitTour;

package/dist/components/common/NotificationContent.d.ts

@@ -11,5 +11,5 @@ export interface NotificationContentProps {
     stackable?: boolean;
     titleText?: ReactNode;
 }
-export declare const NotificationContent: ({ action, colorVariant, dismissible, messageText, onClose, stackable, titleText, }: NotificationContentProps) => import("react").JSX.Element;
+export declare const NotificationContent: ({ action, colorVariant, dismissible, messageText, onClose, stackable, titleText, }: NotificationContentProps) => import('react').JSX.Element;
 export {};

package/dist/docs/ColorsBase.d.ts

@@ -1,2 +1,2 @@
-declare const ColorsBasePage: () => import("react").JSX.Element;
+declare const ColorsBasePage: () => import('react').JSX.Element;
 export default ColorsBasePage;

package/dist/docs/ColorsComponent.d.ts

@@ -1,2 +1,2 @@
-declare const ColorsComponentPage: () => import("react").JSX.Element;
+declare const ColorsComponentPage: () => import('react').JSX.Element;
 export default ColorsComponentPage;

package/dist/docs/ColorsSystem.d.ts

@@ -1,2 +1,2 @@
-declare const ColorsSystemPage: () => import("react").JSX.Element;
+declare const ColorsSystemPage: () => import('react').JSX.Element;
 export default ColorsSystemPage;

package/dist/docs/Icons.d.ts

@@ -1 +1 @@
-export declare const IconsPage: () => import("react").JSX.Element;
+export declare const IconsPage: () => import('react').JSX.Element;

package/dist/docs/Radii.d.ts

@@ -1,2 +1,2 @@
-declare const RadiiPage: () => import("react").JSX.Element;
+declare const RadiiPage: () => import('react').JSX.Element;
 export default RadiiPage;

package/dist/docs/Shadows.d.ts

@@ -1,2 +1,2 @@
-declare const ShadowsPage: () => import("react").JSX.Element;
+declare const ShadowsPage: () => import('react').JSX.Element;
 export default ShadowsPage;

package/dist/docs/SpacingAndSizes.d.ts

@@ -1,2 +1,2 @@
-declare const SpacingAndSizesPage: () => import("react").JSX.Element;
+declare const SpacingAndSizesPage: () => import('react').JSX.Element;
 export default SpacingAndSizesPage;

package/dist/docs/TextStyles.d.ts

@@ -1,2 +1,2 @@
-declare const TextStylesPage: () => import("react").JSX.Element;
+declare const TextStylesPage: () => import('react').JSX.Element;
 export default TextStylesPage;

package/dist/docs/Typography.d.ts

@@ -1,2 +1,2 @@
-declare const TypographyPage: () => import("react").JSX.Element;
+declare const TypographyPage: () => import('react').JSX.Element;
 export default TypographyPage;

package/dist/docs/shared.d.ts

@@ -14,12 +14,12 @@ export declare const flattenTokens: (obj: Record<string, unknown>) => {
 export declare const slugify: (text: string) => string;
 export declare const ColorPreview: ({ value }: {
     value: string;
-}) => import("react").JSX.Element;
+}) => import('react').JSX.Element;
 export declare const Section: ({ children, heading, slug }: {
     children: ReactNode;
     heading: string;
     slug?: string;
-}) => import("react").JSX.Element;
+}) => import('react').JSX.Element;
 type TokenTableRow = {
     preview: ReactNode;
     token: string;
@@ -27,5 +27,5 @@ type TokenTableRow = {
 };
 export declare const TokenTable: ({ rows }: {
     rows: TokenTableRow[];
-}) => import("react").JSX.Element;
+}) => import('react').JSX.Element;
 export {};

package/dist/hooks/useResponsive.d.ts

@@ -8,7 +8,7 @@ export interface ResponsiveState {
 export declare const ResponsiveProvider: {
     ({ children }: {
         children: ReactNode;
-    }): import("react").JSX.Element;
+    }): import('react').JSX.Element;
     displayName: string;
 };
 declare const useResponsive: () => ResponsiveState;

package/dist/providers/BitkitProvider.d.ts

@@ -1,3 +1,3 @@
 import { ChakraProviderProps } from '@chakra-ui/react/styled-system';
-declare const Provider: (props: Omit<ChakraProviderProps, "value">) => import("react").JSX.Element;
+declare const Provider: (props: Omit<ChakraProviderProps, "value">) => import('react').JSX.Element;
 export default Provider;

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

@@ -1,4 +1,12 @@
-declare const expandableCardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"footer" | "header" | "title" | "icon" | "collapsible" | "root" | "suffix" | "description" | "subtitle", {
+declare const expandableCardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "header" | "title" | "icon" | "collapsible" | "root" | "suffix" | "description" | "subtitle", {
+    noPadding: {
+        false: {};
+        true: {
+            body: {
+                padding: number;
+            };
+        };
+    };
     size: {
         md: {
             header: {

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

@@ -4,7 +4,7 @@ import { cardAnatomy } from "@chakra-ui/react/anatomy";
 var expandableCardSlotRecipe = defineSlotRecipe({
 	className: "expandable-card",
 	slots: [
-		...cardAnatomy.omit("body").keys(),
+		...cardAnatomy.keys(),
 		"collapsible",
 		"icon",
 		"subtitle",
@@ -13,7 +13,7 @@ var expandableCardSlotRecipe = defineSlotRecipe({
 	base: {
 		root: {
 			backgroundColor: "background/primary",
-			overflow: "hidden"
+			overflow: "clip"
 		},
 		header: {
 			display: "flex",
@@ -32,7 +32,7 @@ var expandableCardSlotRecipe = defineSlotRecipe({
 			}
 		},
 		collapsible: {
-			overflow: "hidden",
+			overflow: "clip",
 			_open: {
 				animationName: "expand-height, fade-in",
 				animationDuration: "moderate"
@@ -57,26 +57,42 @@ var expandableCardSlotRecipe = defineSlotRecipe({
 			color: "text/secondary",
 			mx: "16",
 			textStyle: "body/md/regular"
+		},
+		title: {
+			alignItems: "flex-start",
+			display: "flex",
+			flexDirection: "column",
+			minWidth: 0,
+			"& > *": { maxWidth: "100%" }
 		}
 	},
-	variants: { size: {
-		md: {
-			header: {
-				textStyle: "body/md/regular",
-				paddingX: "16",
-				paddingY: "12"
-			},
-			subtitle: { textStyle: "body/sm/regular" }
+	variants: {
+		noPadding: {
+			false: {},
+			true: { body: { padding: 0 } }
 		},
-		lg: {
-			header: {
-				textStyle: "body/lg/regular",
-				padding: "16"
+		size: {
+			md: {
+				header: {
+					textStyle: "body/md/regular",
+					paddingX: "16",
+					paddingY: "12"
+				},
+				subtitle: { textStyle: "body/sm/regular" }
 			},
-			subtitle: { textStyle: "body/md/regular" }
+			lg: {
+				header: {
+					textStyle: "body/lg/regular",
+					padding: "16"
+				},
+				subtitle: { textStyle: "body/md/regular" }
+			}
 		}
-	} },
-	defaultVariants: { size: "lg" }
+	},
+	defaultVariants: {
+		noPadding: false,
+		size: "lg"
+	}
 });
 //#endregion
 export { expandableCardSlotRecipe as default };

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

@@ -1 +1 @@
-{"version":3,"file":"ExpandableCard.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/ExpandableCard.recipe.ts"],"sourcesContent":["import { cardAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst expandableCardSlotRecipe = defineSlotRecipe({\n  className: 'expandable-card',\n  slots: [...cardAnatomy.omit('body').keys(), 'collapsible', 'icon', 'subtitle', 'suffix'],\n  base: {\n    root: {\n      backgroundColor: 'background/primary',\n      overflow: 'hidden',\n    },\n    header: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      cursor: 'pointer',\n      width: '100%',\n      color: 'text/primary',\n      '&:active': {\n        backgroundColor: 'background/active',\n      },\n      '&:hover:not(:active)': {\n        backgroundColor: 'background/hover',\n      },\n      _hover: {\n        color: 'text/primary',\n      },\n      _open: {\n        backgroundColor: 'background/secondary',\n        // Figma draws this stroke inside the 48px header, so as a real border the open header\n        // is 49px. Swap for `boxShadow: 'inset 0 -1px 0 {colors.border/minimal}'` if exact\n        // 48px parity is ever needed.\n        borderBottom: '1px solid',\n        borderBottomColor: 'border/minimal',\n      },\n    },\n    collapsible: {\n      overflow: 'hidden',\n      _open: {\n        animationName: 'expand-height, fade-in',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationName: 'collapse-height, fade-out',\n        animationDuration: 'moderate',\n      },\n    },\n    // Figma's footer content slot is 24px tall in both sizes; with Card's `sm` block\n    // padding (8/8) that makes the 40px footer shown in the design.\n    footer: {\n      alignItems: 'center',\n      display: 'flex',\n      minHeight: '40',\n    },\n    // Flex, not the default block: an inline-block svg in a block box picks up the line box's\n    // extra leading, which made an lg header with an icon 57.5px instead of Figma's 56px.\n    icon: {\n      alignItems: 'center',\n      color: 'icon/secondary',\n      display: 'flex',\n    },\n    subtitle: {\n      color: 'text/secondary',\n    },\n    suffix: {\n      color: 'text/secondary',\n      mx: '16',\n      textStyle: 'body/md/regular',\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        header: { textStyle: 'body/md/regular', paddingX: '16', paddingY: '12' },\n        subtitle: { textStyle: 'body/sm/regular' },\n      },\n      lg: {\n        header: { textStyle: 'body/lg/regular', padding: '16' },\n        subtitle: { textStyle: 'body/md/regular' },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default expandableCardSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,2BAA2B,iBAAiB;CAChD,WAAW;CACX,OAAO;EAAC,GAAG,YAAY,KAAK,MAAM,CAAC,CAAC,KAAK;EAAG;EAAe;EAAQ;EAAY;CAAQ;CACvF,MAAM;EACJ,MAAM;GACJ,iBAAiB;GACjB,UAAU;EACZ;EACA,QAAQ;GACN,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,QAAQ;GACR,OAAO;GACP,OAAO;GACP,YAAY,EACV,iBAAiB,oBACnB;GACA,wBAAwB,EACtB,iBAAiB,mBACnB;GACA,QAAQ,EACN,OAAO,eACT;GACA,OAAO;IACL,iBAAiB;IAIjB,cAAc;IACd,mBAAmB;GACrB;EACF;EACA,aAAa;GACX,UAAU;GACV,OAAO;IACL,eAAe;IACf,mBAAmB;GACrB;GACA,SAAS;IACP,eAAe;IACf,mBAAmB;GACrB;EACF;EAGA,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,WAAW;EACb;EAGA,MAAM;GACJ,YAAY;GACZ,OAAO;GACP,SAAS;EACX;EACA,UAAU,EACR,OAAO,iBACT;EACA,QAAQ;GACN,OAAO;GACP,IAAI;GACJ,WAAW;EACb;CACF;CACA,UAAU,EACR,MAAM;EACJ,IAAI;GACF,QAAQ;IAAE,WAAW;IAAmB,UAAU;IAAM,UAAU;GAAK;GACvE,UAAU,EAAE,WAAW,kBAAkB;EAC3C;EACA,IAAI;GACF,QAAQ;IAAE,WAAW;IAAmB,SAAS;GAAK;GACtD,UAAU,EAAE,WAAW,kBAAkB;EAC3C;CACF,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CAAC"}
+{"version":3,"file":"ExpandableCard.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/ExpandableCard.recipe.ts"],"sourcesContent":["import { cardAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst expandableCardSlotRecipe = defineSlotRecipe({\n  className: 'expandable-card',\n  slots: [...cardAnatomy.keys(), 'collapsible', 'icon', 'subtitle', 'suffix'],\n  base: {\n    root: {\n      backgroundColor: 'background/primary',\n      // `clip` rather than `hidden`: a hidden box is a scroll container, which would make a\n      // `position: sticky` element in the body stick to the card instead of the page.\n      overflow: 'clip',\n    },\n    header: {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      cursor: 'pointer',\n      width: '100%',\n      color: 'text/primary',\n      '&:active': {\n        backgroundColor: 'background/active',\n      },\n      '&:hover:not(:active)': {\n        backgroundColor: 'background/hover',\n      },\n      _hover: {\n        color: 'text/primary',\n      },\n      _open: {\n        backgroundColor: 'background/secondary',\n        // Figma draws this stroke inside the 48px header, so as a real border the open header\n        // is 49px. Swap for `boxShadow: 'inset 0 -1px 0 {colors.border/minimal}'` if exact\n        // 48px parity is ever needed.\n        borderBottom: '1px solid',\n        borderBottomColor: 'border/minimal',\n      },\n    },\n    collapsible: {\n      overflow: 'clip',\n      _open: {\n        animationName: 'expand-height, fade-in',\n        animationDuration: 'moderate',\n      },\n      _closed: {\n        animationName: 'collapse-height, fade-out',\n        animationDuration: 'moderate',\n      },\n    },\n    // Figma's footer content slot is 24px tall in both sizes; with Card's `sm` block\n    // padding (8/8) that makes the 40px footer shown in the design.\n    footer: {\n      alignItems: 'center',\n      display: 'flex',\n      minHeight: '40',\n    },\n    // Flex, not the default block: an inline-block svg in a block box picks up the line box's\n    // extra leading, which made an lg header with an icon 57.5px instead of Figma's 56px.\n    icon: {\n      alignItems: 'center',\n      color: 'icon/secondary',\n      display: 'flex',\n    },\n    subtitle: {\n      color: 'text/secondary',\n    },\n    suffix: {\n      color: 'text/secondary',\n      mx: '16',\n      textStyle: 'body/md/regular',\n    },\n    title: {\n      alignItems: 'flex-start',\n      display: 'flex',\n      flexDirection: 'column',\n      minWidth: 0,\n      // Under `flex-start` a nowrap child keeps its full width, so cap it or `truncate` never engages.\n      '& > *': {\n        maxWidth: '100%',\n      },\n    },\n  },\n  variants: {\n    noPadding: {\n      false: {},\n      true: {\n        body: { padding: 0 },\n      },\n    },\n    size: {\n      md: {\n        header: { textStyle: 'body/md/regular', paddingX: '16', paddingY: '12' },\n        subtitle: { textStyle: 'body/sm/regular' },\n      },\n      lg: {\n        header: { textStyle: 'body/lg/regular', padding: '16' },\n        subtitle: { textStyle: 'body/md/regular' },\n      },\n    },\n  },\n  defaultVariants: {\n    noPadding: false,\n    size: 'lg',\n  },\n});\n\nexport default expandableCardSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,2BAA2B,iBAAiB;CAChD,WAAW;CACX,OAAO;EAAC,GAAG,YAAY,KAAK;EAAG;EAAe;EAAQ;EAAY;CAAQ;CAC1E,MAAM;EACJ,MAAM;GACJ,iBAAiB;GAGjB,UAAU;EACZ;EACA,QAAQ;GACN,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,QAAQ;GACR,OAAO;GACP,OAAO;GACP,YAAY,EACV,iBAAiB,oBACnB;GACA,wBAAwB,EACtB,iBAAiB,mBACnB;GACA,QAAQ,EACN,OAAO,eACT;GACA,OAAO;IACL,iBAAiB;IAIjB,cAAc;IACd,mBAAmB;GACrB;EACF;EACA,aAAa;GACX,UAAU;GACV,OAAO;IACL,eAAe;IACf,mBAAmB;GACrB;GACA,SAAS;IACP,eAAe;IACf,mBAAmB;GACrB;EACF;EAGA,QAAQ;GACN,YAAY;GACZ,SAAS;GACT,WAAW;EACb;EAGA,MAAM;GACJ,YAAY;GACZ,OAAO;GACP,SAAS;EACX;EACA,UAAU,EACR,OAAO,iBACT;EACA,QAAQ;GACN,OAAO;GACP,IAAI;GACJ,WAAW;EACb;EACA,OAAO;GACL,YAAY;GACZ,SAAS;GACT,eAAe;GACf,UAAU;GAEV,SAAS,EACP,UAAU,OACZ;EACF;CACF;CACA,UAAU;EACR,WAAW;GACT,OAAO,CAAC;GACR,MAAM,EACJ,MAAM,EAAE,SAAS,EAAE,EACrB;EACF;EACA,MAAM;GACJ,IAAI;IACF,QAAQ;KAAE,WAAW;KAAmB,UAAU;KAAM,UAAU;IAAK;IACvE,UAAU,EAAE,WAAW,kBAAkB;GAC3C;GACA,IAAI;IACF,QAAQ;KAAE,WAAW;KAAmB,SAAS;IAAK;IACtD,UAAU,EAAE,WAAW,kBAAkB;GAC3C;EACF;CACF;CACA,iBAAiB;EACf,WAAW;EACX,MAAM;CACR;AACF,CAAC"}

package/dist/theme/slot-recipes/index.d.ts

@@ -941,7 +941,15 @@ declare const slotRecipes: {
             };
         };
     }>;
-    expandableCard: import('@chakra-ui/react').SlotRecipeDefinition<"footer" | "header" | "title" | "icon" | "collapsible" | "root" | "suffix" | "description" | "subtitle", {
+    expandableCard: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "header" | "title" | "icon" | "collapsible" | "root" | "suffix" | "description" | "subtitle", {
+        noPadding: {
+            false: {};
+            true: {
+                body: {
+                    padding: number;
+                };
+            };
+        };
         size: {
             md: {
                 header: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.432",
+  "version": "0.3.434",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",
@@ -75,23 +75,23 @@
     "@figma-export/cli": "^6.4.1",
     "@figma-export/output-components-as-svg": "^6.4.1",
     "@figma-export/transform-svg-with-svgo": "^6.4.1",
-    "@google-cloud/storage": "^8.0.1",
+    "@google-cloud/storage": "^8.2.0",
     "@storybook/addon-docs": "10.6.0",
     "@storybook/addon-mcp": "10.6.0",
     "@storybook/react-vite": "10.6.0",
     "@svgr/plugin-jsx": "^8.1.0",
-    "@types/node": "^26.5.0",
+    "@types/node": "^26.6.2",
     "@types/react": "^18.3.31",
     "@types/react-dom": "^18.3.7",
     "@vitejs/plugin-react": "^6.1.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "release-it": "^21.0.2",
+    "release-it": "^21.1.0",
     "storybook": "10.6.0",
-    "tsx": "^4.23.13",
+    "tsx": "^4.23.15",
     "typescript": "^6.0.3",
-    "vite": "^8.2.2",
-    "vite-plugin-dts": "^5.1.0",
+    "vite": "^8.3.0",
+    "vite-plugin-dts": "^5.1.1",
     "vite-plugin-svgr": "^5.2.0"
   },
   "dependencies": {