@usefragments/ui 1.3.2 → 1.3.3

package/README.md

@@ -45,7 +45,9 @@ import "@usefragments/ui/styles";
 import "./styles/globals.scss"; // your @use … with (…) seed overrides
 ```
 
-**Next.js users** — add `transpilePackages` to your `next.config.js`:
+**Next.js compatibility** — current releases can consume the package directly.
+If your Next.js version reports an untranspiled-package error or omits the
+stylesheet, add `transpilePackages` to `next.config.js`:
 
 ```js
 // next.config.js

package/dist/assets/ui.css

@@ -5672,7 +5672,9 @@
   ._row_1talf_100 {
     transition: none;
   }
-}._wrapper_1nxxb_1 {
+}._wrapper_1ci3s_1 {
+  min-width: 0;
+  max-width: 100%;
   --fui-data-table-bg: var(--fui-table-bg, var(--fui-bg-elevated, #ffffff));
   --fui-data-table-header-bg: var(
     --fui-table-header-bg,
@@ -5682,7 +5684,7 @@
   -webkit-overflow-scrolling: touch;
 }
 
-._table_1nxxb_11 {
+._table_1ci3s_13 {
   width: 100%;
   border-collapse: collapse;
   font-family: var(--fui-font-sans, "Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif);
@@ -5690,7 +5692,7 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-._caption_1nxxb_19 {
+._caption_1ci3s_21 {
   padding: var(--fui-space-3, 1.5rem) 0;
   font-size: var(--fui-font-size-sm, 1rem);
   font-weight: var(--fui-font-weight-medium, 500);
@@ -5699,7 +5701,7 @@
   caption-side: top;
 }
 
-._captionHidden_1nxxb_28 {
+._captionHidden_1ci3s_30 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -5711,29 +5713,29 @@
   border: 0;
 }
 
-._sm_1nxxb_40 ._th_1nxxb_40,
-._sm_1nxxb_40 ._td_1nxxb_41 {
+._sm_1ci3s_42 ._th_1ci3s_42,
+._sm_1ci3s_42 ._td_1ci3s_43 {
   padding: var(--fui-space-1, 0.5rem) var(--fui-space-3, 1.5rem);
   font-size: var(--fui-font-size-xs, 0.857rem);
 }
 
-._md_1nxxb_46 ._th_1nxxb_40,
-._md_1nxxb_46 ._td_1nxxb_41 {
+._md_1ci3s_48 ._th_1ci3s_42,
+._md_1ci3s_48 ._td_1ci3s_43 {
   padding: var(--fui-space-1, 0.5rem) var(--fui-space-3, 1.5rem);
   font-size: var(--fui-font-size-sm, 1rem);
 }
 
-._thead_1nxxb_52 {
+._thead_1ci3s_54 {
   position: sticky;
   top: 0;
   z-index: 1;
 }
 
-._headerRow_1nxxb_58 {
+._headerRow_1ci3s_60 {
   border-bottom: 1px solid var(--fui-table-header-border, var(--fui-border, rgba(0, 0, 0, 0.05)));
 }
 
-._th_1nxxb_40 {
+._th_1ci3s_42 {
   text-align: left;
   font-weight: var(--fui-font-weight-medium, 500);
   color: var(--fui-text-secondary, rgb(84.468434358, 84.468434358, 84.468434358));
@@ -5742,24 +5744,24 @@
   user-select: none;
   background: var(--fui-data-table-header-bg, var(--fui-data-table-bg, var(--fui-bg-primary, #ffffff)));
 }
-._th_1nxxb_40:first-child {
+._th_1ci3s_42:first-child {
   border-top-left-radius: var(--fui-radius-md, 0.429rem);
 }
-._th_1nxxb_40:last-child {
+._th_1ci3s_42:last-child {
   border-top-right-radius: var(--fui-radius-md, 0.429rem);
 }
 
-._headerContent_1nxxb_78 {
+._headerContent_1ci3s_80 {
   display: flex;
   align-items: center;
   gap: var(--fui-space-1, 0.5rem);
 }
 
-._thSortable_1nxxb_84 {
+._thSortable_1ci3s_86 {
   padding: 0;
 }
 
-._sortButton_1nxxb_88 {
+._sortButton_1ci3s_90 {
   appearance: none;
   background: transparent;
   border: none;
@@ -5769,21 +5771,21 @@
   color: inherit;
   cursor: pointer;
 }
-._sortButton_1nxxb_88:disabled {
+._sortButton_1ci3s_90:disabled {
   cursor: not-allowed;
 }
-._sortButton_1nxxb_88 {
+._sortButton_1ci3s_90 {
   transition: background-color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), border-color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), box-shadow var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), opacity var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94));
 }
-._sortButton_1nxxb_88:focus-visible {
+._sortButton_1ci3s_90:focus-visible {
   outline: none;
   box-shadow: 0 0 0 1px color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 28%, transparent), 0 0 0 calc(var(--fui-focus-ring-width, 2px) + 1px) color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 12%, transparent), 0 10px 24px -16px color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 32%, transparent);
 }
-._sortButton_1nxxb_88:disabled, ._sortButton_1nxxb_88[data-disabled] {
+._sortButton_1ci3s_90:disabled, ._sortButton_1ci3s_90[data-disabled] {
   opacity: 0.5;
   pointer-events: none;
 }
-._sortButton_1nxxb_88 {
+._sortButton_1ci3s_90 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -5794,156 +5796,156 @@
   text-align: left;
   transition: color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94));
 }
-._sortButton_1nxxb_88:hover {
+._sortButton_1ci3s_90:hover {
   color: var(--fui-text-primary, #212121);
 }
 
-._sortIndicator_1nxxb_127 {
+._sortIndicator_1ci3s_129 {
   display: inline-flex;
   align-items: center;
   color: var(--fui-text-tertiary, rgb(86.4227350852, 86.4227350852, 86.4227350852));
   flex-shrink: 0;
 }
-._sortIndicator_1nxxb_127 svg {
+._sortIndicator_1ci3s_129 svg {
   width: var(--fui-icon-xs, 0.857rem);
   height: var(--fui-icon-xs, 0.857rem);
 }
-._sortIndicator_1nxxb_127 {
+._sortIndicator_1ci3s_129 {
   opacity: 0;
   transition: opacity var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94));
 }
-._sortButton_1nxxb_88:hover ._sortIndicator_1nxxb_127 {
+._sortButton_1ci3s_90:hover ._sortIndicator_1ci3s_129 {
   color: var(--fui-text-secondary, rgb(84.468434358, 84.468434358, 84.468434358));
   opacity: 1;
 }
-._sortButton_1nxxb_88:focus-visible ._sortIndicator_1nxxb_127 {
+._sortButton_1ci3s_90:focus-visible ._sortIndicator_1ci3s_129 {
   opacity: 1;
 }
 
-._th_1nxxb_40[aria-sort=ascending] ._sortIndicator_1nxxb_127,
-._th_1nxxb_40[aria-sort=descending] ._sortIndicator_1nxxb_127 {
+._th_1ci3s_42[aria-sort=ascending] ._sortIndicator_1ci3s_129,
+._th_1ci3s_42[aria-sort=descending] ._sortIndicator_1ci3s_129 {
   opacity: 1;
 }
 
-._tbody_1nxxb_154 ._td_1nxxb_41 {
+._tbody_1ci3s_156 ._td_1ci3s_43 {
   padding-top: var(--fui-space-2, 1rem);
   padding-bottom: var(--fui-space-2, 1rem);
 }
 
-._row_1nxxb_159 {
+._row_1ci3s_161 {
   border-bottom: 1px solid var(--fui-table-border, var(--fui-border, rgba(0, 0, 0, 0.05)));
   transition: background-color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94));
 }
-._row_1nxxb_159:last-child {
+._row_1ci3s_161:last-child {
   border-bottom: none;
 }
-._row_1nxxb_159:hover {
+._row_1ci3s_161:hover {
   background-color: var(--fui-table-row-hover-bg, var(--fui-bg-hover, rgba(0, 0, 0, 0.04)));
 }
 
-._clickable_1nxxb_170 {
+._clickable_1ci3s_172 {
   cursor: pointer;
 }
-._clickable_1nxxb_170:hover {
+._clickable_1ci3s_172:hover {
   background-color: var(--fui-table-row-hover-bg, var(--fui-bg-hover, rgba(0, 0, 0, 0.04)));
 }
-._clickable_1nxxb_170:focus-visible {
+._clickable_1ci3s_172:focus-visible {
   outline: none;
   box-shadow: 0 0 0 1px color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 28%, transparent), 0 0 0 calc(var(--fui-focus-ring-width, 2px) + 1px) color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 12%, transparent), 0 10px 24px -16px color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 32%, transparent);
 }
-._clickable_1nxxb_170:active {
+._clickable_1ci3s_172:active {
   background-color: var(--fui-table-row-active-bg, var(--fui-bg-active, rgba(0, 0, 0, 0.06)));
 }
 
-._selected_1nxxb_184 {
+._selected_1ci3s_186 {
   background-color: var(--fui-table-row-selected-bg, color-mix(in srgb, var(--fui-text-primary, #212121) 8%, transparent));
   box-shadow: inset 1px 0 0 var(--fui-table-row-selected-border, var(--fui-border-strong, rgba(0, 0, 0, 0.1)));
 }
-._selected_1nxxb_184:hover {
+._selected_1ci3s_186:hover {
   background-color: var(--fui-table-row-selected-bg, color-mix(in srgb, var(--fui-text-primary, #212121) 10%, transparent));
 }
 
-._td_1nxxb_41 {
+._td_1ci3s_43 {
   color: var(--fui-text-primary, #212121);
   vertical-align: middle;
   line-height: var(--fui-line-height-normal, 1.5);
 }
 
-._striped_1nxxb_198 ._row_1nxxb_159:nth-child(even) {
+._striped_1ci3s_200 ._row_1ci3s_161:nth-child(even) {
   background-color: var(--fui-table-subrow-bg, var(--fui-bg-subtle, #fafafa));
 }
-._striped_1nxxb_198 ._clickable_1nxxb_170:hover {
+._striped_1ci3s_200 ._clickable_1ci3s_172:hover {
   background-color: var(--fui-table-row-hover-bg, var(--fui-bg-hover, rgba(0, 0, 0, 0.04)));
 }
-._striped_1nxxb_198 ._clickable_1nxxb_170:active {
+._striped_1ci3s_200 ._clickable_1ci3s_172:active {
   background-color: var(--fui-table-row-active-bg, var(--fui-bg-active, rgba(0, 0, 0, 0.06)));
 }
-._striped_1nxxb_198 ._selected_1nxxb_184 {
+._striped_1ci3s_200 ._selected_1ci3s_186 {
   background-color: var(--fui-table-row-selected-bg, color-mix(in srgb, var(--fui-text-primary, #212121) 8%, transparent));
 }
-._striped_1nxxb_198 ._selected_1nxxb_184:hover {
+._striped_1ci3s_200 ._selected_1ci3s_186:hover {
   background-color: var(--fui-table-row-selected-bg, color-mix(in srgb, var(--fui-text-primary, #212121) 10%, transparent));
 }
 
-._bordered_1nxxb_214 {
+._bordered_1ci3s_216 {
   border: 1px solid var(--fui-table-border, var(--fui-border, rgba(0, 0, 0, 0.05)));
   border-radius: var(--fui-radius-md, 0.429rem);
   background: var(--fui-data-table-bg, var(--fui-bg-primary, #ffffff));
   overflow: hidden;
 }
 
-._fixedLayout_1nxxb_221 {
+._fixedLayout_1ci3s_223 {
   table-layout: fixed;
 }
 
-._densityCondensed_1nxxb_225 ._row_1nxxb_159 {
+._densityCondensed_1ci3s_227 ._row_1ci3s_161 {
   height: 40px;
 }
 
-._densityRegular_1nxxb_229 ._row_1nxxb_159 {
+._densityRegular_1ci3s_231 ._row_1ci3s_161 {
   height: 48px;
 }
 
-._densityRelaxed_1nxxb_233 ._row_1nxxb_159 {
+._densityRelaxed_1ci3s_235 ._row_1ci3s_161 {
   height: 56px;
 }
 
-._th_1nxxb_40[data-align=right],
-._td_1nxxb_41[data-align=right] {
+._th_1ci3s_42[data-align=right],
+._td_1ci3s_43[data-align=right] {
   text-align: right;
 }
 
-._th_1nxxb_40[data-align=right] ._headerContent_1nxxb_78,
-._th_1nxxb_40[data-align=right] ._sortButton_1nxxb_88 {
+._th_1ci3s_42[data-align=right] ._headerContent_1ci3s_80,
+._th_1ci3s_42[data-align=right] ._sortButton_1ci3s_90 {
   justify-content: flex-end;
 }
 
-._th_1nxxb_40[data-align=center],
-._td_1nxxb_41[data-align=center] {
+._th_1ci3s_42[data-align=center],
+._td_1ci3s_43[data-align=center] {
   text-align: center;
 }
 
-._th_1nxxb_40[data-align=center] ._headerContent_1nxxb_78,
-._th_1nxxb_40[data-align=center] ._sortButton_1nxxb_88 {
+._th_1ci3s_42[data-align=center] ._headerContent_1ci3s_80,
+._th_1ci3s_42[data-align=center] ._sortButton_1ci3s_90 {
   justify-content: center;
 }
 
-._truncate_1nxxb_257 {
+._truncate_1ci3s_259 {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
 
-._skeletonBar_1nxxb_263 {
+._skeletonBar_1ci3s_265 {
   display: block;
   height: 10px;
   border-radius: var(--fui-radius-sm, 0.25rem);
   background: linear-gradient(90deg, color-mix(in srgb, currentColor 8%, transparent) 25%, color-mix(in srgb, currentColor 14%, transparent) 50%, color-mix(in srgb, currentColor 8%, transparent) 75%);
   background-size: 200% 100%;
-  animation: _dataTableShimmer_1nxxb_1 1.4s ease-in-out infinite;
+  animation: _dataTableShimmer_1ci3s_1 1.4s ease-in-out infinite;
 }
 
-@keyframes _dataTableShimmer_1nxxb_1 {
+@keyframes _dataTableShimmer_1ci3s_1 {
   from {
     background-position: 200% 0;
   }
@@ -5952,26 +5954,26 @@
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  ._skeletonBar_1nxxb_263 {
+  ._skeletonBar_1ci3s_265 {
     animation: none;
   }
-  ._sortIndicator_1nxxb_127 {
+  ._sortIndicator_1ci3s_129 {
     transition: none;
   }
 }
-._checkboxCell_1nxxb_288 {
+._checkboxCell_1ci3s_290 {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
-._expandCell_1nxxb_294 {
+._expandCell_1ci3s_296 {
   display: inline-flex;
   align-items: center;
   gap: var(--fui-space-1, 0.5rem);
 }
 
-._expandButton_1nxxb_300 {
+._expandButton_1ci3s_302 {
   appearance: none;
   background: transparent;
   border: none;
@@ -5981,10 +5983,10 @@
   color: inherit;
   cursor: pointer;
 }
-._expandButton_1nxxb_300:disabled {
+._expandButton_1ci3s_302:disabled {
   cursor: not-allowed;
 }
-._expandButton_1nxxb_300 {
+._expandButton_1ci3s_302 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -5995,47 +5997,47 @@
   color: var(--fui-text-tertiary, rgb(86.4227350852, 86.4227350852, 86.4227350852));
   transition: color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)), background-color var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94));
 }
-._expandButton_1nxxb_300:hover {
+._expandButton_1ci3s_302:hover {
   color: var(--fui-text-primary, #212121);
   background-color: var(--fui-bg-hover, rgba(0, 0, 0, 0.04));
 }
-._expandButton_1nxxb_300:focus-visible {
+._expandButton_1ci3s_302:focus-visible {
   outline: none;
   box-shadow: 0 0 0 1px color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 28%, transparent), 0 0 0 calc(var(--fui-focus-ring-width, 2px) + 1px) color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 12%, transparent), 0 10px 24px -16px color-mix(in srgb, var(--fui-focus-ring-color, #006b57) 32%, transparent);
 }
 
-._expandIcon_1nxxb_333 {
+._expandIcon_1ci3s_335 {
   width: var(--fui-icon-xs, 0.857rem);
   height: var(--fui-icon-xs, 0.857rem);
   transition: transform var(--fui-transition-fast, 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94));
 }
 
-._expandIconOpen_1nxxb_339 {
+._expandIconOpen_1ci3s_341 {
   transform: rotate(90deg);
 }
 
-._subRow_1nxxb_343 {
+._subRow_1ci3s_345 {
   background-color: var(--fui-table-subrow-bg, var(--fui-bg-subtle, #fafafa));
 }
-._subRow_1nxxb_343:hover {
+._subRow_1ci3s_345:hover {
   background-color: var(--fui-table-row-hover-bg, var(--fui-bg-hover, rgba(0, 0, 0, 0.04)));
 }
 
-._emptyState_1nxxb_350 {
+._emptyState_1ci3s_352 {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: var(--fui-space-12, 6rem) var(--fui-space-6, 3rem);
 }
 
-._emptyMessage_1nxxb_357 {
+._emptyMessage_1ci3s_359 {
   font-family: var(--fui-font-sans, "Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif);
   font-size: var(--fui-font-size-sm, 1rem);
   color: var(--fui-text-tertiary, rgb(86.4227350852, 86.4227350852, 86.4227350852));
 }
 
 @media (max-width: 639px) {
-  ._wrapper_1nxxb_1 {
+  ._wrapper_1ci3s_1 {
     margin-left: calc(-1 * var(--fui-space-4, 2rem));
     margin-right: calc(-1 * var(--fui-space-4, 2rem));
     padding-left: var(--fui-space-4, 2rem);
@@ -6043,21 +6045,21 @@
   }
 }
 @media (prefers-contrast: more) {
-  ._headerRow_1nxxb_58 {
+  ._headerRow_1ci3s_60 {
     border-bottom-width: 2px;
   }
-  ._row_1nxxb_159 {
+  ._row_1ci3s_161 {
     border-bottom-width: 2px;
   }
-  ._sortButton_1nxxb_88:focus-visible {
+  ._sortButton_1ci3s_90:focus-visible {
     outline-width: 3px;
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  ._row_1nxxb_159 {
+  ._row_1ci3s_161 {
     transition: none;
   }
-  ._sortButton_1nxxb_88 {
+  ._sortButton_1ci3s_90 {
     transition: none;
   }
 }._emptyState_2ooam_1 {

package/dist/codeblock.cjs

@@ -160,19 +160,27 @@ function dedent(str) {
   }
   return lines.map((line) => line.slice(minIndent)).join("\n");
 }
-function normalizeIndentation(str) {
+const INDENTATION_SIGNIFICANT_LANGUAGES = /* @__PURE__ */ new Set([
+  "yaml",
+  "yml",
+  "json",
+  "python",
+  "py"
+]);
+function normalizeIndentation(str, language) {
   var _a, _b;
   const lines = str.split("\n");
   if (lines.length <= 1) return str;
+  const firstLineCounts = INDENTATION_SIGNIFICANT_LANGUAGES.has(language);
   let minIndent = Infinity;
   const firstLineIndent = ((_a = lines[0].match(/^(\s*)/)) == null ? void 0 : _a[1].length) ?? 0;
-  for (let i = 1; i < lines.length; i += 1) {
+  for (let i = firstLineCounts ? 0 : 1; i < lines.length; i += 1) {
     const line = lines[i];
     if (line.trim().length === 0) continue;
     const indent = ((_b = line.match(/^(\s*)/)) == null ? void 0 : _b[1].length) ?? 0;
     minIndent = Math.min(minIndent, indent);
   }
-  if (firstLineIndent > 0) {
+  if (!firstLineCounts && firstLineIndent > 0) {
     minIndent = Math.min(minIndent, firstLineIndent);
   }
   if (minIndent === Infinity || minIndent === 0) return str;
@@ -299,10 +307,10 @@ function formatLongJsxTagLine(line) {
 function formatLongJsxTags(code) {
   return code.split("\n").flatMap((line) => formatLongJsxTagLine(line).split("\n")).join("\n");
 }
-function normalizeCode(code) {
+function normalizeCode(code, language) {
   const trimmed = code.trim();
   if (trimmed.length === 0) return "";
-  const normalized = normalizeIndentation(trimmed);
+  const normalized = normalizeIndentation(trimmed, language);
   const dedented = dedent(normalized);
   const withoutTrailingWhitespace = trimTrailingWhitespace(dedented);
   return formatLongJsxTags(withoutTrailingWhitespace);
@@ -391,7 +399,7 @@ const CodeBlockBase = React__namespace.forwardRef(function CodeBlock2({
   const [copied, setCopied] = React.useState(false);
   const [highlight, setHighlight] = React.useState({ html: "", loading: true });
   const [isCollapsed, setIsCollapsed] = React.useState(defaultCollapsed);
-  const trimmedCode = React.useMemo(() => normalizeCode(code), [code]);
+  const trimmedCode = React.useMemo(() => normalizeCode(code, language), [code, language]);
   const codeLines = trimmedCode.split("\n");
   const totalLines = codeLines.length;
   const shouldShowCollapse = collapsible && totalLines > collapsedLines;

package/dist/codeblock.js

@@ -120,19 +120,27 @@ function dedent(str) {
   }
   return lines.map((line) => line.slice(minIndent)).join("\n");
 }
-function normalizeIndentation(str) {
+const INDENTATION_SIGNIFICANT_LANGUAGES = /* @__PURE__ */ new Set([
+  "yaml",
+  "yml",
+  "json",
+  "python",
+  "py"
+]);
+function normalizeIndentation(str, language) {
   var _a, _b;
   const lines = str.split("\n");
   if (lines.length <= 1) return str;
+  const firstLineCounts = INDENTATION_SIGNIFICANT_LANGUAGES.has(language);
   let minIndent = Infinity;
   const firstLineIndent = ((_a = lines[0].match(/^(\s*)/)) == null ? void 0 : _a[1].length) ?? 0;
-  for (let i = 1; i < lines.length; i += 1) {
+  for (let i = firstLineCounts ? 0 : 1; i < lines.length; i += 1) {
     const line = lines[i];
     if (line.trim().length === 0) continue;
     const indent = ((_b = line.match(/^(\s*)/)) == null ? void 0 : _b[1].length) ?? 0;
     minIndent = Math.min(minIndent, indent);
   }
-  if (firstLineIndent > 0) {
+  if (!firstLineCounts && firstLineIndent > 0) {
     minIndent = Math.min(minIndent, firstLineIndent);
   }
   if (minIndent === Infinity || minIndent === 0) return str;
@@ -259,10 +267,10 @@ function formatLongJsxTagLine(line) {
 function formatLongJsxTags(code) {
   return code.split("\n").flatMap((line) => formatLongJsxTagLine(line).split("\n")).join("\n");
 }
-function normalizeCode(code) {
+function normalizeCode(code, language) {
   const trimmed = code.trim();
   if (trimmed.length === 0) return "";
-  const normalized = normalizeIndentation(trimmed);
+  const normalized = normalizeIndentation(trimmed, language);
   const dedented = dedent(normalized);
   const withoutTrailingWhitespace = trimTrailingWhitespace(dedented);
   return formatLongJsxTags(withoutTrailingWhitespace);
@@ -351,7 +359,7 @@ const CodeBlockBase = React.forwardRef(function CodeBlock2({
   const [copied, setCopied] = useState(false);
   const [highlight, setHighlight] = useState({ html: "", loading: true });
   const [isCollapsed, setIsCollapsed] = useState(defaultCollapsed);
-  const trimmedCode = useMemo(() => normalizeCode(code), [code]);
+  const trimmedCode = useMemo(() => normalizeCode(code, language), [code, language]);
   const codeLines = trimmedCode.split("\n");
   const totalLines = codeLines.length;
   const shouldShowCollapse = collapsible && totalLines > collapsedLines;

package/dist/components/CodeBlock/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CodeBlock/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/DataTable/DataTable.module.scss.cjs

@@ -1,40 +1,40 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const wrapper = "_wrapper_1nxxb_1";
-const table = "_table_1nxxb_11";
-const caption = "_caption_1nxxb_19";
-const captionHidden = "_captionHidden_1nxxb_28";
-const sm = "_sm_1nxxb_40";
-const th = "_th_1nxxb_40";
-const td = "_td_1nxxb_41";
-const md = "_md_1nxxb_46";
-const thead = "_thead_1nxxb_52";
-const headerRow = "_headerRow_1nxxb_58";
-const headerContent = "_headerContent_1nxxb_78";
-const thSortable = "_thSortable_1nxxb_84";
-const sortButton = "_sortButton_1nxxb_88";
-const sortIndicator = "_sortIndicator_1nxxb_127";
-const tbody = "_tbody_1nxxb_154";
-const row = "_row_1nxxb_159";
-const clickable = "_clickable_1nxxb_170";
-const selected = "_selected_1nxxb_184";
-const striped = "_striped_1nxxb_198";
-const bordered = "_bordered_1nxxb_214";
-const fixedLayout = "_fixedLayout_1nxxb_221";
-const densityCondensed = "_densityCondensed_1nxxb_225";
-const densityRegular = "_densityRegular_1nxxb_229";
-const densityRelaxed = "_densityRelaxed_1nxxb_233";
-const truncate = "_truncate_1nxxb_257";
-const skeletonBar = "_skeletonBar_1nxxb_263";
-const dataTableShimmer = "_dataTableShimmer_1nxxb_1";
-const checkboxCell = "_checkboxCell_1nxxb_288";
-const expandCell = "_expandCell_1nxxb_294";
-const expandButton = "_expandButton_1nxxb_300";
-const expandIcon = "_expandIcon_1nxxb_333";
-const expandIconOpen = "_expandIconOpen_1nxxb_339";
-const subRow = "_subRow_1nxxb_343";
-const emptyState = "_emptyState_1nxxb_350";
-const emptyMessage = "_emptyMessage_1nxxb_357";
+const wrapper = "_wrapper_1ci3s_1";
+const table = "_table_1ci3s_13";
+const caption = "_caption_1ci3s_21";
+const captionHidden = "_captionHidden_1ci3s_30";
+const sm = "_sm_1ci3s_42";
+const th = "_th_1ci3s_42";
+const td = "_td_1ci3s_43";
+const md = "_md_1ci3s_48";
+const thead = "_thead_1ci3s_54";
+const headerRow = "_headerRow_1ci3s_60";
+const headerContent = "_headerContent_1ci3s_80";
+const thSortable = "_thSortable_1ci3s_86";
+const sortButton = "_sortButton_1ci3s_90";
+const sortIndicator = "_sortIndicator_1ci3s_129";
+const tbody = "_tbody_1ci3s_156";
+const row = "_row_1ci3s_161";
+const clickable = "_clickable_1ci3s_172";
+const selected = "_selected_1ci3s_186";
+const striped = "_striped_1ci3s_200";
+const bordered = "_bordered_1ci3s_216";
+const fixedLayout = "_fixedLayout_1ci3s_223";
+const densityCondensed = "_densityCondensed_1ci3s_227";
+const densityRegular = "_densityRegular_1ci3s_231";
+const densityRelaxed = "_densityRelaxed_1ci3s_235";
+const truncate = "_truncate_1ci3s_259";
+const skeletonBar = "_skeletonBar_1ci3s_265";
+const dataTableShimmer = "_dataTableShimmer_1ci3s_1";
+const checkboxCell = "_checkboxCell_1ci3s_290";
+const expandCell = "_expandCell_1ci3s_296";
+const expandButton = "_expandButton_1ci3s_302";
+const expandIcon = "_expandIcon_1ci3s_335";
+const expandIconOpen = "_expandIconOpen_1ci3s_341";
+const subRow = "_subRow_1ci3s_345";
+const emptyState = "_emptyState_1ci3s_352";
+const emptyMessage = "_emptyMessage_1ci3s_359";
 const styles = {
   wrapper,
   table,