@bitrise/bitkit-v2 0.3.414 → 0.3.416

package/dist/theme/slot-recipes/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/slot-recipes/index.ts"],"sourcesContent":["import accordionSlotRecipe from './Accordion.recipe.ts';\nimport actionBarSlotRecipe from './ActionBar.recipe.ts';\nimport alertSlotRecipe from './Alert.recipe.ts';\nimport avatarSlotRecipe from './Avatar.recipe.ts';\nimport breadcrumbSlotRecipe from './Breadcrumb.recipe.ts';\nimport cardSlotRecipe from './Card.recipe';\nimport checkboxSlotRecipe from './Checkbox.recipe';\nimport codeSnippetSlotRecipe from './CodeSnippet.recipe.ts';\nimport collapsibleSlotRecipe from './Collapsible.recipe.ts';\nimport comboboxSlotRecipe from './Combobox.recipe.ts';\nimport dataWidgetSlotRecipe from './DataWidget.recipe.ts';\nimport datePickerSlotRecipe from './DatePicker.recipe.ts';\nimport datePickerSelectSlotRecipe from './DatePickerSelect.recipe.ts';\nimport dialogSlotRecipe from './Dialog.recipe.ts';\nimport draggableCardSlotRecipe from './DraggableCard.recipe.ts';\nimport drawerSlotRecipe from './Drawer.recipe.ts';\nimport emptyStateSlotRecipe from './EmptyState.recipe';\nimport expandableCardSlotRecipe from './ExpandableCard.recipe.ts';\nimport fieldSlotRecipe from './Field.recipe';\nimport fieldsetSlotRecipe from './Fieldset.recipe.ts';\nimport fileUploadSlotRecipe from './FileUpload.recipe.ts';\nimport groupHeadingSlotRecipe from './GroupHeading.recipe.ts';\nimport imageCropperSlotRecipe from './ImageCropper.recipe.ts';\nimport inlineLoadingSlotRecipe from './InlineLoading.recipe.ts';\nimport labeledDataSlotRecipe from './LabeledData.recipe.ts';\nimport listSlotRecipe from './List.recipe.ts';\nimport markdownSlotRecipe from './Markdown.recipe.ts';\nimport markdownCardSlotRecipe from './MarkdownCard.recipe.ts';\nimport menuSlotRecipe from './Menu.recipe.ts';\nimport multiselectSlotRecipe from './Multiselect.recipe.ts';\nimport nativeSelectSlotRecipe from './NativeSelect.recipe.ts';\nimport noteCardSlotRecipe from './NoteCard.recipe.ts';\nimport numberInputSlotRecipe from './NumberInput.recipe';\nimport overflowContentSlotRecipe from './OverflowContent.recipe.ts';\nimport pageFooterSlotRecipe from './PageFooter.recipe.ts';\nimport paginationSlotRecipe from './Pagination.recipe.ts';\nimport paginationLoadMoreSlotRecipe from './PaginationLoadMore.recipe.ts';\nimport popoverSlotRecipe from './Popover.recipe.ts';\nimport progressSlotRecipe from './Progress.recipe.ts';\nimport qrCodeSlotRecipe from './QrCode.recipe.ts';\nimport radioGroupSlotRecipe from './RadioGroup.recipe.ts';\nimport ribbonSlotRecipe from './Ribbon.recipe.ts';\nimport sectionHeadingSlotRecipe from './SectionHeading.recipe.ts';\nimport segmentGroupSlotRecipe from './SegmentGroup.recipe.ts';\nimport { selectSlotRecipe } from './Select.recipe.ts';\nimport settingsCardSlotRecipe from './SettingsCard.recipe.ts';\nimport sidebarSlotRecipe from './Sidebar.recipe.ts';\nimport splitButtonSlotRecipe from './SplitButton.recipe.ts';\nimport statSlotRecipe from './Stat.recipe.ts';\nimport stepCardSlotRecipe from './StepCard.recipe.ts';\nimport stepsSlotRecipe from './Steps.recipe.ts';\nimport switchSlotRecipe from './Switch.recipe';\nimport tableSlotRecipe from './Table.recipe.ts';\nimport tableCardSlotRecipe from './TableCard.recipe.ts';\nimport tabsSlotRecipe from './Tabs.recipe';\nimport tagSlotRecipe from './Tag.recipe.ts';\nimport tagsInputSlotRecipe from './TagsInput.recipe.ts';\nimport textInputSlotRecipe from './TextInput.recipe.ts';\nimport toastSlotRecipe from './Toast.recipe';\nimport tooltipSlotRecipe from './Tooltip.recipe';\nimport tourSlotRecipe from './Tour.recipe.ts';\nimport treeViewSlotRecipe from './TreeView.recipe.ts';\n\nconst slotRecipes = {\n  accordion: accordionSlotRecipe,\n  actionBar: actionBarSlotRecipe,\n  alert: alertSlotRecipe,\n  avatar: avatarSlotRecipe,\n  breadcrumb: breadcrumbSlotRecipe,\n  card: cardSlotRecipe,\n  checkbox: checkboxSlotRecipe,\n  codeSnippet: codeSnippetSlotRecipe,\n  collapsible: collapsibleSlotRecipe,\n  combobox: comboboxSlotRecipe,\n  dataWidget: dataWidgetSlotRecipe,\n  datePicker: datePickerSlotRecipe,\n  datePickerSelect: datePickerSelectSlotRecipe,\n  dialog: dialogSlotRecipe,\n  draggableCard: draggableCardSlotRecipe,\n  drawer: drawerSlotRecipe,\n  emptyState: emptyStateSlotRecipe,\n  expandableCard: expandableCardSlotRecipe,\n  field: fieldSlotRecipe,\n  groupHeading: groupHeadingSlotRecipe,\n  fieldset: fieldsetSlotRecipe,\n  fileUpload: fileUploadSlotRecipe,\n  imageCropper: imageCropperSlotRecipe,\n  inlineLoading: inlineLoadingSlotRecipe,\n  list: listSlotRecipe,\n  markdown: markdownSlotRecipe,\n  markdownCard: markdownCardSlotRecipe,\n  menu: menuSlotRecipe,\n  multiselect: multiselectSlotRecipe,\n  noteCard: noteCardSlotRecipe,\n  nativeSelect: nativeSelectSlotRecipe,\n  numberInput: numberInputSlotRecipe,\n  overflowContent: overflowContentSlotRecipe,\n  pageFooter: pageFooterSlotRecipe,\n  pagination: paginationSlotRecipe,\n  paginationLoadMore: paginationLoadMoreSlotRecipe,\n  popover: popoverSlotRecipe,\n  progress: progressSlotRecipe,\n  qrCode: qrCodeSlotRecipe,\n  radioGroup: radioGroupSlotRecipe,\n  ribbon: ribbonSlotRecipe,\n  sectionHeading: sectionHeadingSlotRecipe,\n  labeledData: labeledDataSlotRecipe,\n  segmentGroup: segmentGroupSlotRecipe,\n  sidebar: sidebarSlotRecipe,\n  select: selectSlotRecipe,\n  settingsCard: settingsCardSlotRecipe,\n  splitButton: splitButtonSlotRecipe,\n  stat: statSlotRecipe,\n  stepsCard: stepCardSlotRecipe,\n  steps: stepsSlotRecipe,\n  switch: switchSlotRecipe,\n  table: tableSlotRecipe,\n  tableCard: tableCardSlotRecipe,\n  tabs: tabsSlotRecipe,\n  tag: tagSlotRecipe,\n  tagsInput: tagsInputSlotRecipe,\n  textInput: textInputSlotRecipe,\n  toast: toastSlotRecipe,\n  tooltip: tooltipSlotRecipe,\n  tour: tourSlotRecipe,\n  treeView: treeViewSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DA,IAAM,cAAc;CAClB,WAAW;CACX,WAAW;CACX,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,MAAM;CACN,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,kBAAkB;CAClB,QAAQ;CACR,eAAe;CACf,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,OAAO;CACP,cAAc;CACd,UAAU;CACV,YAAY;CACZ,cAAc;CACd,eAAe;CACf,MAAM;CACN,UAAU;CACV,cAAc;CACd,MAAM;CACN,aAAa;CACb,UAAU;CACV,cAAc;CACd,aAAa;CACb,iBAAiB;CACjB,YAAY;CACZ,YAAY;CACZ,oBAAoB;CACpB,SAAS;CACT,UAAU;CACV,QAAQ;CACR,YAAY;CACZ,QAAQ;CACR,gBAAgB;CAChB,aAAa;CACb,cAAc;CACd,SAAS;CACT,QAAQ;CACR,cAAc;CACd,aAAa;CACb,MAAM;CACN,WAAW;CACX,OAAO;CACP,QAAQ;CACR,OAAO;CACP,WAAW;CACX,MAAM;CACN,KAAK;CACL,WAAW;CACX,WAAW;CACX,OAAO;CACP,SAAS;CACT,MAAM;CACN,UAAU;AACZ"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/slot-recipes/index.ts"],"sourcesContent":["import accordionSlotRecipe from './Accordion.recipe.ts';\nimport actionBarSlotRecipe from './ActionBar.recipe.ts';\nimport alertSlotRecipe from './Alert.recipe.ts';\nimport avatarSlotRecipe from './Avatar.recipe.ts';\nimport breadcrumbSlotRecipe from './Breadcrumb.recipe.ts';\nimport cardSlotRecipe from './Card.recipe';\nimport checkboxSlotRecipe from './Checkbox.recipe';\nimport codeSnippetSlotRecipe from './CodeSnippet.recipe.ts';\nimport collapsibleSlotRecipe from './Collapsible.recipe.ts';\nimport comboboxSlotRecipe from './Combobox.recipe.ts';\nimport dataWidgetSlotRecipe from './DataWidget.recipe.ts';\nimport datePickerSlotRecipe from './DatePicker.recipe.ts';\nimport datePickerSelectSlotRecipe from './DatePickerSelect.recipe.ts';\nimport dialogSlotRecipe from './Dialog.recipe.ts';\nimport draggableCardSlotRecipe from './DraggableCard.recipe.ts';\nimport drawerSlotRecipe from './Drawer.recipe.ts';\nimport emptyStateSlotRecipe from './EmptyState.recipe';\nimport expandableCardSlotRecipe from './ExpandableCard.recipe.ts';\nimport fieldSlotRecipe from './Field.recipe';\nimport fieldsetSlotRecipe from './Fieldset.recipe.ts';\nimport fileUploadSlotRecipe from './FileUpload.recipe.ts';\nimport groupHeadingSlotRecipe from './GroupHeading.recipe.ts';\nimport imageCropperSlotRecipe from './ImageCropper.recipe.ts';\nimport inlineLoadingSlotRecipe from './InlineLoading.recipe.ts';\nimport labeledDataSlotRecipe from './LabeledData.recipe.ts';\nimport listSlotRecipe from './List.recipe.ts';\nimport markdownSlotRecipe from './Markdown.recipe.ts';\nimport markdownCardSlotRecipe from './MarkdownCard.recipe.ts';\nimport menuSlotRecipe from './Menu.recipe.ts';\nimport multiselectSlotRecipe from './Multiselect.recipe.ts';\nimport nativeSelectSlotRecipe from './NativeSelect.recipe.ts';\nimport noteCardSlotRecipe from './NoteCard.recipe.ts';\nimport numberInputSlotRecipe from './NumberInput.recipe';\nimport overflowContentSlotRecipe from './OverflowContent.recipe.ts';\nimport pageFooterSlotRecipe from './PageFooter.recipe.ts';\nimport pageHeaderSlotRecipe from './PageHeader.recipe.ts';\nimport pageSidebarSlotRecipe from './PageSidebar.recipe.ts';\nimport paginationSlotRecipe from './Pagination.recipe.ts';\nimport paginationLoadMoreSlotRecipe from './PaginationLoadMore.recipe.ts';\nimport popoverSlotRecipe from './Popover.recipe.ts';\nimport progressSlotRecipe from './Progress.recipe.ts';\nimport qrCodeSlotRecipe from './QrCode.recipe.ts';\nimport radioGroupSlotRecipe from './RadioGroup.recipe.ts';\nimport ribbonSlotRecipe from './Ribbon.recipe.ts';\nimport sectionHeadingSlotRecipe from './SectionHeading.recipe.ts';\nimport segmentGroupSlotRecipe from './SegmentGroup.recipe.ts';\nimport { selectSlotRecipe } from './Select.recipe.ts';\nimport settingsCardSlotRecipe from './SettingsCard.recipe.ts';\nimport splitButtonSlotRecipe from './SplitButton.recipe.ts';\nimport statSlotRecipe from './Stat.recipe.ts';\nimport stepCardSlotRecipe from './StepCard.recipe.ts';\nimport stepsSlotRecipe from './Steps.recipe.ts';\nimport switchSlotRecipe from './Switch.recipe';\nimport tableSlotRecipe from './Table.recipe.ts';\nimport tableCardSlotRecipe from './TableCard.recipe.ts';\nimport tabsSlotRecipe from './Tabs.recipe';\nimport tagSlotRecipe from './Tag.recipe.ts';\nimport tagsInputSlotRecipe from './TagsInput.recipe.ts';\nimport textInputSlotRecipe from './TextInput.recipe.ts';\nimport toastSlotRecipe from './Toast.recipe';\nimport tooltipSlotRecipe from './Tooltip.recipe';\nimport tourSlotRecipe from './Tour.recipe.ts';\nimport treeViewSlotRecipe from './TreeView.recipe.ts';\n\nconst slotRecipes = {\n  accordion: accordionSlotRecipe,\n  actionBar: actionBarSlotRecipe,\n  alert: alertSlotRecipe,\n  avatar: avatarSlotRecipe,\n  breadcrumb: breadcrumbSlotRecipe,\n  card: cardSlotRecipe,\n  checkbox: checkboxSlotRecipe,\n  codeSnippet: codeSnippetSlotRecipe,\n  collapsible: collapsibleSlotRecipe,\n  combobox: comboboxSlotRecipe,\n  dataWidget: dataWidgetSlotRecipe,\n  datePicker: datePickerSlotRecipe,\n  datePickerSelect: datePickerSelectSlotRecipe,\n  dialog: dialogSlotRecipe,\n  draggableCard: draggableCardSlotRecipe,\n  drawer: drawerSlotRecipe,\n  emptyState: emptyStateSlotRecipe,\n  expandableCard: expandableCardSlotRecipe,\n  field: fieldSlotRecipe,\n  groupHeading: groupHeadingSlotRecipe,\n  fieldset: fieldsetSlotRecipe,\n  fileUpload: fileUploadSlotRecipe,\n  imageCropper: imageCropperSlotRecipe,\n  inlineLoading: inlineLoadingSlotRecipe,\n  list: listSlotRecipe,\n  markdown: markdownSlotRecipe,\n  markdownCard: markdownCardSlotRecipe,\n  menu: menuSlotRecipe,\n  multiselect: multiselectSlotRecipe,\n  noteCard: noteCardSlotRecipe,\n  nativeSelect: nativeSelectSlotRecipe,\n  numberInput: numberInputSlotRecipe,\n  overflowContent: overflowContentSlotRecipe,\n  pageFooter: pageFooterSlotRecipe,\n  pageHeader: pageHeaderSlotRecipe,\n  pageSidebar: pageSidebarSlotRecipe,\n  pagination: paginationSlotRecipe,\n  paginationLoadMore: paginationLoadMoreSlotRecipe,\n  popover: popoverSlotRecipe,\n  progress: progressSlotRecipe,\n  qrCode: qrCodeSlotRecipe,\n  radioGroup: radioGroupSlotRecipe,\n  ribbon: ribbonSlotRecipe,\n  sectionHeading: sectionHeadingSlotRecipe,\n  labeledData: labeledDataSlotRecipe,\n  segmentGroup: segmentGroupSlotRecipe,\n  select: selectSlotRecipe,\n  settingsCard: settingsCardSlotRecipe,\n  splitButton: splitButtonSlotRecipe,\n  stat: statSlotRecipe,\n  stepsCard: stepCardSlotRecipe,\n  steps: stepsSlotRecipe,\n  switch: switchSlotRecipe,\n  table: tableSlotRecipe,\n  tableCard: tableCardSlotRecipe,\n  tabs: tabsSlotRecipe,\n  tag: tagSlotRecipe,\n  tagsInput: tagsInputSlotRecipe,\n  textInput: textInputSlotRecipe,\n  toast: toastSlotRecipe,\n  tooltip: tooltipSlotRecipe,\n  tour: tourSlotRecipe,\n  treeView: treeViewSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA,IAAM,cAAc;CAClB,WAAW;CACX,WAAW;CACX,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,MAAM;CACN,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,kBAAkB;CAClB,QAAQ;CACR,eAAe;CACf,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,OAAO;CACP,cAAc;CACd,UAAU;CACV,YAAY;CACZ,cAAc;CACd,eAAe;CACf,MAAM;CACN,UAAU;CACV,cAAc;CACd,MAAM;CACN,aAAa;CACb,UAAU;CACV,cAAc;CACd,aAAa;CACb,iBAAiB;CACjB,YAAY;CACZ,YAAY;CACZ,aAAa;CACb,YAAY;CACZ,oBAAoB;CACpB,SAAS;CACT,UAAU;CACV,QAAQ;CACR,YAAY;CACZ,QAAQ;CACR,gBAAgB;CAChB,aAAa;CACb,cAAc;CACd,QAAQ;CACR,cAAc;CACd,aAAa;CACb,MAAM;CACN,WAAW;CACX,OAAO;CACP,QAAQ;CACR,OAAO;CACP,WAAW;CACX,MAAM;CACN,KAAK;CACL,WAAW;CACX,WAAW;CACX,OAAO;CACP,SAAS;CACT,MAAM;CACN,UAAU;AACZ"}

package/dist/utilities/useIsTruncated.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Reports whether an element's text is actually clipped by its own box.
+ *
+ * `BitkitOverflowTooltip` shows its tooltip unconditionally unless told otherwise, and a tooltip
+ * that repeats a label the user can already read in full is noise — so pass the result as its
+ * `disabled` prop to keep it out of the way when the text fits.
+ *
+ * Attach the returned `ref` to the element that truncates:
+ *
+ * ```tsx
+ * const { isTruncated, ref } = useIsTruncated<HTMLParagraphElement>(label);
+ * <BitkitOverflowTooltip disabled={!isTruncated} text={label}>
+ *   <Text ref={ref} truncate>{label}</Text>
+ * </BitkitOverflowTooltip>
+ * ```
+ *
+ * The measured node is tracked in state rather than a `RefObject` so that it can be an effect
+ * dependency: a `RefObject`'s identity never changes, so an effect keyed on it would not re-run
+ * when React swaps the node — which happens whenever an element changes type, say a row rendering
+ * as `<a>` instead of `<button>`. The observer would stay attached to the detached node and the
+ * result would freeze at whatever it last measured.
+ */
+declare const useIsTruncated: <T extends HTMLElement>(value?: unknown) => {
+    isTruncated: boolean;
+    ref: import('react').Dispatch<import('react').SetStateAction<T | null>>;
+};
+export default useIsTruncated;

package/dist/utilities/useIsTruncated.js

@@ -0,0 +1,54 @@
+import { useEffect, useState } from "react";
+//#region lib/utilities/useIsTruncated.ts
+/**
+* Reports whether an element's text is actually clipped by its own box.
+*
+* `BitkitOverflowTooltip` shows its tooltip unconditionally unless told otherwise, and a tooltip
+* that repeats a label the user can already read in full is noise — so pass the result as its
+* `disabled` prop to keep it out of the way when the text fits.
+*
+* Attach the returned `ref` to the element that truncates:
+*
+* ```tsx
+* const { isTruncated, ref } = useIsTruncated<HTMLParagraphElement>(label);
+* <BitkitOverflowTooltip disabled={!isTruncated} text={label}>
+*   <Text ref={ref} truncate>{label}</Text>
+* </BitkitOverflowTooltip>
+* ```
+*
+* The measured node is tracked in state rather than a `RefObject` so that it can be an effect
+* dependency: a `RefObject`'s identity never changes, so an effect keyed on it would not re-run
+* when React swaps the node — which happens whenever an element changes type, say a row rendering
+* as `<a>` instead of `<button>`. The observer would stay attached to the detached node and the
+* result would freeze at whatever it last measured.
+*/
+var useIsTruncated = (value) => {
+	const [node, setNode] = useState(null);
+	const [isTruncated, setIsTruncated] = useState(false);
+	useEffect(() => {
+		if (!node) return;
+		const measure = () => setIsTruncated(node.scrollWidth > node.clientWidth + 1);
+		measure();
+		let cancelled = false;
+		document.fonts?.ready.then(() => {
+			if (!cancelled) measure();
+		});
+		if (typeof ResizeObserver === "undefined") return () => {
+			cancelled = true;
+		};
+		const observer = new ResizeObserver(measure);
+		observer.observe(node);
+		return () => {
+			cancelled = true;
+			observer.disconnect();
+		};
+	}, [node, value]);
+	return {
+		isTruncated,
+		ref: setNode
+	};
+};
+//#endregion
+export { useIsTruncated as default };
+
+//# sourceMappingURL=useIsTruncated.js.map

package/dist/utilities/useIsTruncated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsTruncated.js","names":[],"sources":["../../lib/utilities/useIsTruncated.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * Reports whether an element's text is actually clipped by its own box.\n *\n * `BitkitOverflowTooltip` shows its tooltip unconditionally unless told otherwise, and a tooltip\n * that repeats a label the user can already read in full is noise — so pass the result as its\n * `disabled` prop to keep it out of the way when the text fits.\n *\n * Attach the returned `ref` to the element that truncates:\n *\n * ```tsx\n * const { isTruncated, ref } = useIsTruncated<HTMLParagraphElement>(label);\n * <BitkitOverflowTooltip disabled={!isTruncated} text={label}>\n *   <Text ref={ref} truncate>{label}</Text>\n * </BitkitOverflowTooltip>\n * ```\n *\n * The measured node is tracked in state rather than a `RefObject` so that it can be an effect\n * dependency: a `RefObject`'s identity never changes, so an effect keyed on it would not re-run\n * when React swaps the node — which happens whenever an element changes type, say a row rendering\n * as `<a>` instead of `<button>`. The observer would stay attached to the detached node and the\n * result would freeze at whatever it last measured.\n */\nconst useIsTruncated = <T extends HTMLElement>(value?: unknown) => {\n  const [node, setNode] = useState<T | null>(null);\n  const [isTruncated, setIsTruncated] = useState(false);\n\n  useEffect(() => {\n    // No reset when the node is missing: React nulls the ref and hands over the replacement in the\n    // same commit, and the effect re-runs to measure it. Resetting here would only add a render.\n    if (!node) {\n      return;\n    }\n\n    // 1px of slack: sub-pixel text metrics make `scrollWidth` exceed `clientWidth` by a fraction on\n    // labels that actually fit, which would show a tooltip repeating the whole visible label.\n    const measure = () => setIsTruncated(node.scrollWidth > node.clientWidth + 1);\n\n    measure();\n\n    // The element's own box is fixed by its container, so swapping the fallback font for the real\n    // one changes how wide the *text* renders without ever resizing the element — a ResizeObserver\n    // never fires for that. Re-measure once the webfonts are in.\n    let cancelled = false;\n    void document.fonts?.ready.then(() => {\n      if (!cancelled) {\n        measure();\n      }\n    });\n\n    if (typeof ResizeObserver === 'undefined') {\n      return () => {\n        cancelled = true;\n      };\n    }\n\n    const observer = new ResizeObserver(measure);\n    observer.observe(node);\n\n    return () => {\n      cancelled = true;\n      observer.disconnect();\n    };\n  }, [node, value]);\n\n  return { isTruncated, ref: setNode };\n};\n\nexport default useIsTruncated;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAM,kBAAyC,UAAoB;CACjE,MAAM,CAAC,MAAM,WAAW,SAAmB,IAAI;CAC/C,MAAM,CAAC,aAAa,kBAAkB,SAAS,KAAK;CAEpD,gBAAgB;EAGd,IAAI,CAAC,MACH;EAKF,MAAM,gBAAgB,eAAe,KAAK,cAAc,KAAK,cAAc,CAAC;EAE5E,QAAQ;EAKR,IAAI,YAAY;EAChB,SAAc,OAAO,MAAM,WAAW;GACpC,IAAI,CAAC,WACH,QAAQ;EAEZ,CAAC;EAED,IAAI,OAAO,mBAAmB,aAC5B,aAAa;GACX,YAAY;EACd;EAGF,MAAM,WAAW,IAAI,eAAe,OAAO;EAC3C,SAAS,QAAQ,IAAI;EAErB,aAAa;GACX,YAAY;GACZ,SAAS,WAAW;EACtB;CACF,GAAG,CAAC,MAAM,KAAK,CAAC;CAEhB,OAAO;EAAE;EAAa,KAAK;CAAQ;AACrC"}

package/docs/v1-to-v2-migration-guide.md

@@ -273,12 +273,15 @@ If your codebase has a local `card.tsx` wrapper around v1 Card (e.g. Shadcn-styl
 ### Sidebar & Breadcrumb
 
 ```tsx
-// Sidebar v2
-<BitkitSidebar>
-  <BitkitSidebar.Title>Title</BitkitSidebar.Title>
-  <BitkitSidebar.GroupHeading>Group</BitkitSidebar.GroupHeading>
-  <BitkitSidebar.Item icon={IconName} selected={...}>Label</BitkitSidebar.Item>
-</BitkitSidebar>
+// Sidebar v2 — note the rename: v1 `Sidebar` maps to `BitkitPageSidebar`.
+// It stands at least viewport-tall; an embedded panel opts out with `minHeight="auto"`.
+<BitkitPageSidebar>
+  <BitkitPageSidebar.Title>Title</BitkitPageSidebar.Title>
+  <BitkitPageSidebar.Body>
+    <BitkitPageSidebar.GroupHeading label="Group" />
+    <BitkitPageSidebar.Item icon={IconName} selected={...}>Label</BitkitPageSidebar.Item>
+  </BitkitPageSidebar.Body>
+</BitkitPageSidebar>
 
 // Breadcrumb v2
 <BitkitBreadcrumb>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.414",
+  "version": "0.3.416",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",

package/dist/components/BitkitSidebar/BitkitSidebar.d.ts

@@ -1,45 +0,0 @@
-import { BoxProps } from '@chakra-ui/react/box';
-import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
-import { ReactNode } from 'react';
-import { BitkitIconComponent } from '../../icons';
-import { BitkitGroupHeadingProps } from '../BitkitGroupHeading/BitkitGroupHeading';
-export interface BitkitSidebarProps extends BoxProps {
-    children: ReactNode;
-}
-interface BitkitSidebarItemCommonProps {
-    badge?: ReactNode;
-    children: ReactNode;
-    icon?: BitkitIconComponent;
-    selected?: boolean;
-    suffixIcon?: BitkitIconComponent;
-}
-interface BitkitSidebarItemLinkProps extends Omit<HTMLChakraProps<'a'>, 'children'>, BitkitSidebarItemCommonProps {
-    href: string;
-}
-interface BitkitSidebarItemButtonProps extends Omit<HTMLChakraProps<'button'>, 'children'>, BitkitSidebarItemCommonProps {
-    href?: never;
-}
-export type BitkitSidebarItemProps = BitkitSidebarItemButtonProps | BitkitSidebarItemLinkProps;
-export interface BitkitSidebarTitleProps extends BoxProps {
-    backHref?: string;
-    backLabel?: string;
-    children: ReactNode;
-    onBackClick?: () => void;
-}
-export interface BitkitSidebarFooterProps extends BoxProps {
-    children: ReactNode;
-}
-export interface BitkitSidebarProjectProps extends BoxProps {
-    label: string;
-    value: string;
-}
-export type BitkitSidebarGroupHeadingProps = BitkitGroupHeadingProps;
-declare const _default: import('react').ForwardRefExoticComponent<BitkitSidebarProps & import('react').RefAttributes<HTMLElement>> & {
-    Divider: import('react').ForwardRefExoticComponent<import('react').RefAttributes<HTMLDivElement>>;
-    Footer: import('react').ForwardRefExoticComponent<BitkitSidebarFooterProps & import('react').RefAttributes<HTMLDivElement>>;
-    GroupHeading: import('react').ForwardRefExoticComponent<BitkitGroupHeadingProps & import('react').RefAttributes<HTMLDivElement>>;
-    Item: import('react').ForwardRefExoticComponent<BitkitSidebarItemProps & import('react').RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
-    Project: import('react').ForwardRefExoticComponent<BitkitSidebarProjectProps & import('react').RefAttributes<HTMLDivElement>>;
-    Title: import('react').ForwardRefExoticComponent<BitkitSidebarTitleProps & import('react').RefAttributes<HTMLDivElement>>;
-};
-export default _default;

package/dist/components/BitkitSidebar/BitkitSidebar.js

@@ -1,147 +0,0 @@
-import { withSubComponents } from "../../utilities/withSubComponents.js";
-import IconChevronLeft from "../../icons/IconChevronLeft.js";
-import BitkitLabelTooltip from "../BitkitLabelTooltip/BitkitLabelTooltip.js";
-import BitkitGroupHeading from "../BitkitGroupHeading/BitkitGroupHeading.js";
-import { Box } from "@chakra-ui/react/box";
-import { chakra, useRecipe, useSlotRecipe } from "@chakra-ui/react/styled-system";
-import { forwardRef } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { Separator } from "@chakra-ui/react/separator";
-//#region lib/components/BitkitSidebar/BitkitSidebar.tsx
-var BitkitSidebar = forwardRef((props, ref) => {
-	const { children, ...rest } = props;
-	const styles = useSlotRecipe({ key: "sidebar" })();
-	return /* @__PURE__ */ jsx(Box, {
-		ref,
-		asChild: true,
-		css: styles.root,
-		...rest,
-		children: /* @__PURE__ */ jsx("nav", { children })
-	});
-});
-BitkitSidebar.displayName = "BitkitSidebar";
-var BitkitSidebarItem = forwardRef((props, ref) => {
-	const { badge, children, icon: Icon, selected, suffixIcon: SuffixIcon, ...rest } = props;
-	const styles = useSlotRecipe({ key: "sidebar" })({ selected });
-	const itemContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		Icon && /* @__PURE__ */ jsx(Icon, {
-			css: styles.itemIcon,
-			size: "24"
-		}),
-		/* @__PURE__ */ jsx(chakra.span, {
-			css: styles.itemLabel,
-			children
-		}),
-		badge,
-		SuffixIcon && /* @__PURE__ */ jsx(SuffixIcon, {
-			css: styles.suffixIcon,
-			size: "24"
-		}),
-		/* @__PURE__ */ jsx(chakra.div, { css: styles.selectionMarker })
-	] });
-	if (rest.href !== void 0) {
-		const { className, ...linkRest } = rest;
-		return /* @__PURE__ */ jsx(chakra.a, {
-			ref,
-			...linkRest,
-			"aria-current": selected ? "page" : void 0,
-			className: className ? `group ${className}` : "group",
-			css: styles.item,
-			children: itemContent
-		});
-	}
-	const { className, href: _, ...buttonRest } = rest;
-	return /* @__PURE__ */ jsx(chakra.button, {
-		ref,
-		...buttonRest,
-		"aria-pressed": selected,
-		className: className ? `group ${className}` : "group",
-		css: styles.item,
-		type: "button",
-		children: itemContent
-	});
-});
-BitkitSidebarItem.displayName = "BitkitSidebarItem";
-var BitkitSidebarTitle = forwardRef((props, ref) => {
-	const { backHref, backLabel = "Back", children, onBackClick, ...rest } = props;
-	const styles = useSlotRecipe({ key: "sidebar" })();
-	const controlButtonRecipe = useRecipe({ key: "controlButton" });
-	const hasBack = !!backHref || !!onBackClick;
-	const BackElement = onBackClick ? chakra.button : chakra.a;
-	return /* @__PURE__ */ jsxs(Box, {
-		ref,
-		css: hasBack ? styles.titleWithBack : styles.title,
-		...rest,
-		children: [hasBack && /* @__PURE__ */ jsx(BitkitLabelTooltip, {
-			text: backLabel,
-			children: /* @__PURE__ */ jsx(BackElement, {
-				"aria-label": backLabel,
-				css: controlButtonRecipe({ size: "sm" }),
-				...onBackClick ? {
-					onClick: onBackClick,
-					type: "button"
-				} : { href: backHref },
-				children: /* @__PURE__ */ jsx(IconChevronLeft, { size: "24" })
-			})
-		}), children]
-	});
-});
-BitkitSidebarTitle.displayName = "BitkitSidebarTitle";
-var BitkitSidebarFooter = forwardRef((props, ref) => {
-	const { children, ...rest } = props;
-	const styles = useSlotRecipe({ key: "sidebar" })();
-	return /* @__PURE__ */ jsx(Box, {
-		ref,
-		css: styles.footer,
-		...rest,
-		children
-	});
-});
-BitkitSidebarFooter.displayName = "BitkitSidebarFooter";
-var BitkitSidebarProject = forwardRef((props, ref) => {
-	const { label, value, ...rest } = props;
-	const styles = useSlotRecipe({ key: "sidebar" })();
-	return /* @__PURE__ */ jsxs(Box, {
-		ref,
-		css: styles.project,
-		...rest,
-		children: [/* @__PURE__ */ jsx(chakra.span, {
-			css: styles.projectLabel,
-			children: label
-		}), /* @__PURE__ */ jsx(chakra.span, {
-			css: styles.projectValue,
-			children: value
-		})]
-	});
-});
-BitkitSidebarProject.displayName = "BitkitSidebarProject";
-var BitkitSidebarGroupHeading = forwardRef((props, ref) => {
-	return /* @__PURE__ */ jsx(BitkitGroupHeading, {
-		ref,
-		paddingBlockEnd: "12",
-		paddingBlockStart: "24",
-		paddingInline: "32",
-		...props
-	});
-});
-BitkitSidebarGroupHeading.displayName = "BitkitSidebarGroupHeading";
-var BitkitSidebarDivider = forwardRef((_, ref) => {
-	const styles = useSlotRecipe({ key: "sidebar" })();
-	return /* @__PURE__ */ jsx(Separator, {
-		ref,
-		css: styles.divider
-	});
-});
-BitkitSidebarDivider.displayName = "BitkitSidebarDivider";
-var BitkitSidebar_default = withSubComponents(BitkitSidebar, {
-	Divider: BitkitSidebarDivider,
-	Footer: BitkitSidebarFooter,
-	GroupHeading: BitkitSidebarGroupHeading,
-	Item: BitkitSidebarItem,
-	Project: BitkitSidebarProject,
-	Title: BitkitSidebarTitle
-});
-//#endregion
-export { BitkitSidebar_default as default };
-
-//# sourceMappingURL=BitkitSidebar.js.map

package/dist/components/BitkitSidebar/BitkitSidebar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BitkitSidebar.js","names":[],"sources":["../../../lib/components/BitkitSidebar/BitkitSidebar.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { Separator } from '@chakra-ui/react/separator';\nimport { chakra, type HTMLChakraProps, useRecipe, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport IconChevronLeft from '../../icons/IconChevronLeft';\nimport { withSubComponents } from '../../utilities/withSubComponents';\nimport BitkitGroupHeading, { type BitkitGroupHeadingProps } from '../BitkitGroupHeading/BitkitGroupHeading';\nimport BitkitLabelTooltip from '../BitkitLabelTooltip/BitkitLabelTooltip';\n\n// ----- BitkitSidebar (Root) -----\n\nexport interface BitkitSidebarProps extends BoxProps {\n  children: ReactNode;\n}\n\nconst BitkitSidebar = forwardRef<HTMLElement, BitkitSidebarProps>((props, ref) => {\n  const { children, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'sidebar' });\n  const styles = recipe();\n\n  return (\n    <Box ref={ref} asChild css={styles.root} {...rest}>\n      <nav>{children}</nav>\n    </Box>\n  );\n});\n\nBitkitSidebar.displayName = 'BitkitSidebar';\n\n// ----- BitkitSidebar.Item -----\n\ninterface BitkitSidebarItemCommonProps {\n  badge?: ReactNode;\n  children: ReactNode;\n  icon?: BitkitIconComponent;\n  selected?: boolean;\n  suffixIcon?: BitkitIconComponent;\n}\n\ninterface BitkitSidebarItemLinkProps extends Omit<HTMLChakraProps<'a'>, 'children'>, BitkitSidebarItemCommonProps {\n  href: string;\n}\n\ninterface BitkitSidebarItemButtonProps\n  extends Omit<HTMLChakraProps<'button'>, 'children'>, BitkitSidebarItemCommonProps {\n  href?: never;\n}\n\nexport type BitkitSidebarItemProps = BitkitSidebarItemButtonProps | BitkitSidebarItemLinkProps;\n\nconst BitkitSidebarItem = forwardRef<HTMLButtonElement & HTMLAnchorElement, BitkitSidebarItemProps>((props, ref) => {\n  const { badge, children, icon: Icon, selected, suffixIcon: SuffixIcon, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'sidebar' });\n  const styles = recipe({ selected });\n\n  const itemContent = (\n    <>\n      {Icon && <Icon css={styles.itemIcon} size=\"24\" />}\n      <chakra.span css={styles.itemLabel}>{children}</chakra.span>\n      {badge}\n      {SuffixIcon && <SuffixIcon css={styles.suffixIcon} size=\"24\" />}\n      <chakra.div css={styles.selectionMarker} />\n    </>\n  );\n\n  if (rest.href !== undefined) {\n    const { className, ...linkRest } = rest;\n    return (\n      <chakra.a\n        ref={ref}\n        {...linkRest}\n        aria-current={selected ? 'page' : undefined}\n        className={className ? `group ${className}` : 'group'}\n        css={styles.item}\n      >\n        {itemContent}\n      </chakra.a>\n    );\n  }\n\n  const { className, href: _, ...buttonRest } = rest;\n  return (\n    <chakra.button\n      ref={ref}\n      {...buttonRest}\n      aria-pressed={selected}\n      className={className ? `group ${className}` : 'group'}\n      css={styles.item}\n      type=\"button\"\n    >\n      {itemContent}\n    </chakra.button>\n  );\n});\n\nBitkitSidebarItem.displayName = 'BitkitSidebarItem';\n\n// ----- BitkitSidebar.Title -----\n\nexport interface BitkitSidebarTitleProps extends BoxProps {\n  backHref?: string;\n  backLabel?: string;\n  children: ReactNode;\n  onBackClick?: () => void;\n}\n\nconst BitkitSidebarTitle = forwardRef<HTMLDivElement, BitkitSidebarTitleProps>((props, ref) => {\n  const { backHref, backLabel = 'Back', children, onBackClick, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'sidebar' });\n  const styles = recipe();\n  const controlButtonRecipe = useRecipe({ key: 'controlButton' });\n\n  const hasBack = !!backHref || !!onBackClick;\n\n  const BackElement = onBackClick ? chakra.button : chakra.a;\n\n  return (\n    <Box ref={ref} css={hasBack ? styles.titleWithBack : styles.title} {...rest}>\n      {hasBack && (\n        <BitkitLabelTooltip text={backLabel}>\n          <BackElement\n            aria-label={backLabel}\n            css={controlButtonRecipe({ size: 'sm' })}\n            {...(onBackClick ? { onClick: onBackClick, type: 'button' as const } : { href: backHref })}\n          >\n            <IconChevronLeft size=\"24\" />\n          </BackElement>\n        </BitkitLabelTooltip>\n      )}\n      {children}\n    </Box>\n  );\n});\n\nBitkitSidebarTitle.displayName = 'BitkitSidebarTitle';\n\n// ----- BitkitSidebar.Footer -----\n\nexport interface BitkitSidebarFooterProps extends BoxProps {\n  children: ReactNode;\n}\n\nconst BitkitSidebarFooter = forwardRef<HTMLDivElement, BitkitSidebarFooterProps>((props, ref) => {\n  const { children, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'sidebar' });\n  const styles = recipe();\n\n  return (\n    <Box ref={ref} css={styles.footer} {...rest}>\n      {children}\n    </Box>\n  );\n});\n\nBitkitSidebarFooter.displayName = 'BitkitSidebarFooter';\n\n// ----- BitkitSidebar.Project -----\n\nexport interface BitkitSidebarProjectProps extends BoxProps {\n  label: string;\n  value: string;\n}\n\nconst BitkitSidebarProject = forwardRef<HTMLDivElement, BitkitSidebarProjectProps>((props, ref) => {\n  const { label, value, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'sidebar' });\n  const styles = recipe();\n\n  return (\n    <Box ref={ref} css={styles.project} {...rest}>\n      <chakra.span css={styles.projectLabel}>{label}</chakra.span>\n      <chakra.span css={styles.projectValue}>{value}</chakra.span>\n    </Box>\n  );\n});\n\nBitkitSidebarProject.displayName = 'BitkitSidebarProject';\n\n// ----- BitkitSidebar.GroupHeading -----\n\nexport type BitkitSidebarGroupHeadingProps = BitkitGroupHeadingProps;\n\nconst BitkitSidebarGroupHeading = forwardRef<HTMLDivElement, BitkitSidebarGroupHeadingProps>((props, ref) => {\n  return <BitkitGroupHeading ref={ref} paddingBlockEnd=\"12\" paddingBlockStart=\"24\" paddingInline=\"32\" {...props} />;\n});\n\nBitkitSidebarGroupHeading.displayName = 'BitkitSidebarGroupHeading';\n\n// ----- BitkitSidebar.Divider -----\n\nconst BitkitSidebarDivider = forwardRef<HTMLDivElement>((_, ref) => {\n  const recipe = useSlotRecipe({ key: 'sidebar' });\n  const styles = recipe();\n\n  return <Separator ref={ref} css={styles.divider} />;\n});\n\nBitkitSidebarDivider.displayName = 'BitkitSidebarDivider';\n\nexport default withSubComponents(BitkitSidebar, {\n  Divider: BitkitSidebarDivider,\n  Footer: BitkitSidebarFooter,\n  GroupHeading: BitkitSidebarGroupHeading,\n  Item: BitkitSidebarItem,\n  Project: BitkitSidebarProject,\n  Title: BitkitSidebarTitle,\n});\n"],"mappings":"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"}

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

@@ -1,22 +0,0 @@
-declare const sidebarSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"footer" | "title" | "root" | "item" | "suffixIcon" | "itemLabel" | "itemIcon" | "divider" | "project" | "projectLabel" | "projectValue" | "selectionMarker" | "titleWithBack", {
-    selected: {
-        true: {
-            item: {
-                background: "background/selected";
-                _hover: {
-                    background: "background/selected-hover";
-                };
-            };
-            itemIcon: {
-                color: "icon/interactive";
-            };
-            itemLabel: {
-                textStyle: "body/lg/semibold";
-            };
-            selectionMarker: {
-                display: "block";
-            };
-        };
-    };
-}>;
-export default sidebarSlotRecipe;

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

@@ -1,143 +0,0 @@
-import { rem } from "../themeUtils.js";
-import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
-//#region lib/theme/slot-recipes/Sidebar.recipe.ts
-var sidebarSlotRecipe = defineSlotRecipe({
-	className: "sidebar",
-	slots: [
-		"divider",
-		"suffixIcon",
-		"footer",
-		"item",
-		"itemIcon",
-		"itemLabel",
-		"project",
-		"projectLabel",
-		"projectValue",
-		"root",
-		"selectionMarker",
-		"title",
-		"titleWithBack"
-	],
-	base: {
-		root: {
-			background: "background/primary",
-			borderInlineEnd: "1px solid",
-			borderColor: "border/regular",
-			display: "flex",
-			flexDirection: "column",
-			width: rem(256),
-			height: "100dvh"
-		},
-		item: {
-			alignItems: "center",
-			cursor: "pointer",
-			display: "flex",
-			gap: "16",
-			overflow: "clip",
-			paddingBlock: "12",
-			paddingInlineEnd: "24",
-			paddingInlineStart: "32",
-			position: "relative",
-			width: "full",
-			_hover: { background: "background/hover" }
-		},
-		itemIcon: {
-			color: "icon/secondary",
-			flexShrink: 0
-		},
-		itemLabel: {
-			color: "text/primary",
-			flex: 1,
-			minWidth: 0,
-			overflow: "hidden",
-			textAlign: "start",
-			textOverflow: "ellipsis",
-			textStyle: "body/lg/regular",
-			whiteSpace: "nowrap"
-		},
-		suffixIcon: {
-			color: "icon/tertiary",
-			display: "none",
-			flexShrink: 0,
-			_groupHover: { display: "block" }
-		},
-		selectionMarker: {
-			background: "border/selected",
-			borderStartEndRadius: "2",
-			borderEndEndRadius: "2",
-			display: "none",
-			height: "full",
-			insetBlockStart: 0,
-			insetInlineEnd: 0,
-			position: "absolute",
-			width: "2"
-		},
-		footer: {
-			borderBlockStart: "1px solid",
-			borderColor: "border/regular",
-			display: "flex",
-			flexDirection: "column",
-			marginBlockStart: "auto",
-			paddingBlock: "12"
-		},
-		project: {
-			display: "flex",
-			flexDirection: "column",
-			gap: "4",
-			justifyContent: "center",
-			overflow: "clip",
-			paddingBlockEnd: "12",
-			paddingBlockStart: "8",
-			paddingInlineEnd: "24",
-			paddingInlineStart: "32",
-			whiteSpace: "nowrap"
-		},
-		projectLabel: {
-			color: "text/tertiary",
-			textStyle: "heading/h6"
-		},
-		projectValue: {
-			color: "text/body",
-			textStyle: "body/lg/semibold"
-		},
-		title: {
-			alignItems: "center",
-			color: "text/primary",
-			display: "flex",
-			gap: "12",
-			paddingBlock: "16",
-			paddingInlineEnd: "8",
-			paddingInlineStart: "32",
-			textStyle: "heading/h3"
-		},
-		titleWithBack: {
-			alignItems: "center",
-			color: "text/primary",
-			display: "flex",
-			gap: "12",
-			paddingBlockEnd: "16",
-			paddingBlockStart: "24",
-			paddingInlineEnd: "8",
-			paddingInlineStart: "24",
-			textStyle: "heading/h3"
-		},
-		divider: {
-			marginInline: "32",
-			marginBlock: "24",
-			width: "auto"
-		}
-	},
-	variants: { selected: { true: {
-		item: {
-			background: "background/selected",
-			_hover: { background: "background/selected-hover" }
-		},
-		itemIcon: { color: "icon/interactive" },
-		itemLabel: { textStyle: "body/lg/semibold" },
-		selectionMarker: { display: "block" }
-	} } }
-});
-//#endregion
-export { sidebarSlotRecipe as default };
-
-//# sourceMappingURL=Sidebar.recipe.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Sidebar.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Sidebar.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst sidebarSlotRecipe = defineSlotRecipe({\n  className: 'sidebar',\n  slots: [\n    'divider',\n    'suffixIcon',\n    'footer',\n    'item',\n    'itemIcon',\n    'itemLabel',\n    'project',\n    'projectLabel',\n    'projectValue',\n    'root',\n    'selectionMarker',\n    'title',\n    'titleWithBack',\n  ],\n  base: {\n    root: {\n      background: 'background/primary',\n      borderInlineEnd: '1px solid',\n      borderColor: 'border/regular',\n      display: 'flex',\n      flexDirection: 'column',\n      width: rem(256),\n      height: '100dvh',\n    },\n    item: {\n      alignItems: 'center',\n      cursor: 'pointer',\n      display: 'flex',\n      gap: '16',\n      overflow: 'clip',\n      paddingBlock: '12',\n      paddingInlineEnd: '24',\n      paddingInlineStart: '32',\n      position: 'relative',\n      width: 'full',\n      _hover: {\n        background: 'background/hover',\n      },\n    },\n    itemIcon: {\n      color: 'icon/secondary',\n      flexShrink: 0,\n    },\n    itemLabel: {\n      color: 'text/primary',\n      flex: 1,\n      minWidth: 0,\n      overflow: 'hidden',\n      textAlign: 'start',\n      textOverflow: 'ellipsis',\n      textStyle: 'body/lg/regular',\n      whiteSpace: 'nowrap',\n    },\n    suffixIcon: {\n      color: 'icon/tertiary',\n      display: 'none',\n      flexShrink: 0,\n      _groupHover: {\n        display: 'block',\n      },\n    },\n    selectionMarker: {\n      background: 'border/selected',\n      borderStartEndRadius: '2',\n      borderEndEndRadius: '2',\n      display: 'none',\n      height: 'full',\n      insetBlockStart: 0,\n      insetInlineEnd: 0,\n      position: 'absolute',\n      width: '2',\n    },\n    footer: {\n      borderBlockStart: '1px solid',\n      borderColor: 'border/regular',\n      display: 'flex',\n      flexDirection: 'column',\n      marginBlockStart: 'auto',\n      paddingBlock: '12',\n    },\n    project: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '4',\n      justifyContent: 'center',\n      overflow: 'clip',\n      paddingBlockEnd: '12',\n      paddingBlockStart: '8',\n      paddingInlineEnd: '24',\n      paddingInlineStart: '32',\n      whiteSpace: 'nowrap',\n    },\n    projectLabel: {\n      color: 'text/tertiary',\n      textStyle: 'heading/h6',\n    },\n    projectValue: {\n      color: 'text/body',\n      textStyle: 'body/lg/semibold',\n    },\n    title: {\n      alignItems: 'center',\n      color: 'text/primary',\n      display: 'flex',\n      gap: '12',\n      paddingBlock: '16',\n      paddingInlineEnd: '8',\n      paddingInlineStart: '32',\n      textStyle: 'heading/h3',\n    },\n    titleWithBack: {\n      alignItems: 'center',\n      color: 'text/primary',\n      display: 'flex',\n      gap: '12',\n      paddingBlockEnd: '16',\n      paddingBlockStart: '24',\n      paddingInlineEnd: '8',\n      paddingInlineStart: '24',\n      textStyle: 'heading/h3',\n    },\n    divider: {\n      marginInline: '32',\n      marginBlock: '24',\n      width: 'auto',\n    },\n  },\n  variants: {\n    selected: {\n      true: {\n        item: {\n          background: 'background/selected',\n          _hover: {\n            background: 'background/selected-hover',\n          },\n        },\n        itemIcon: {\n          color: 'icon/interactive',\n        },\n        itemLabel: {\n          textStyle: 'body/lg/semibold',\n        },\n        selectionMarker: {\n          display: 'block',\n        },\n      },\n    },\n  },\n});\n\nexport default sidebarSlotRecipe;\n"],"mappings":";;;AAIA,IAAM,oBAAoB,iBAAiB;CACzC,WAAW;CACX,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,iBAAiB;GACjB,aAAa;GACb,SAAS;GACT,eAAe;GACf,OAAO,IAAI,GAAG;GACd,QAAQ;EACV;EACA,MAAM;GACJ,YAAY;GACZ,QAAQ;GACR,SAAS;GACT,KAAK;GACL,UAAU;GACV,cAAc;GACd,kBAAkB;GAClB,oBAAoB;GACpB,UAAU;GACV,OAAO;GACP,QAAQ,EACN,YAAY,mBACd;EACF;EACA,UAAU;GACR,OAAO;GACP,YAAY;EACd;EACA,WAAW;GACT,OAAO;GACP,MAAM;GACN,UAAU;GACV,UAAU;GACV,WAAW;GACX,cAAc;GACd,WAAW;GACX,YAAY;EACd;EACA,YAAY;GACV,OAAO;GACP,SAAS;GACT,YAAY;GACZ,aAAa,EACX,SAAS,QACX;EACF;EACA,iBAAiB;GACf,YAAY;GACZ,sBAAsB;GACtB,oBAAoB;GACpB,SAAS;GACT,QAAQ;GACR,iBAAiB;GACjB,gBAAgB;GAChB,UAAU;GACV,OAAO;EACT;EACA,QAAQ;GACN,kBAAkB;GAClB,aAAa;GACb,SAAS;GACT,eAAe;GACf,kBAAkB;GAClB,cAAc;EAChB;EACA,SAAS;GACP,SAAS;GACT,eAAe;GACf,KAAK;GACL,gBAAgB;GAChB,UAAU;GACV,iBAAiB;GACjB,mBAAmB;GACnB,kBAAkB;GAClB,oBAAoB;GACpB,YAAY;EACd;EACA,cAAc;GACZ,OAAO;GACP,WAAW;EACb;EACA,cAAc;GACZ,OAAO;GACP,WAAW;EACb;EACA,OAAO;GACL,YAAY;GACZ,OAAO;GACP,SAAS;GACT,KAAK;GACL,cAAc;GACd,kBAAkB;GAClB,oBAAoB;GACpB,WAAW;EACb;EACA,eAAe;GACb,YAAY;GACZ,OAAO;GACP,SAAS;GACT,KAAK;GACL,iBAAiB;GACjB,mBAAmB;GACnB,kBAAkB;GAClB,oBAAoB;GACpB,WAAW;EACb;EACA,SAAS;GACP,cAAc;GACd,aAAa;GACb,OAAO;EACT;CACF;CACA,UAAU,EACR,UAAU,EACR,MAAM;EACJ,MAAM;GACJ,YAAY;GACZ,QAAQ,EACN,YAAY,4BACd;EACF;EACA,UAAU,EACR,OAAO,mBACT;EACA,WAAW,EACT,WAAW,mBACb;EACA,iBAAiB,EACf,SAAS,QACX;CACF,EACF,EACF;AACF,CAAC"}