@godxjp/ui 31.31.8 → 32.0.1

package/dist/props/vocabulary/index.d.ts

@@ -2,6 +2,6 @@
 export type { ClassNameProp, ChildrenProp, IdProp, OpenProp, DefaultOpenProp, OnOpenChangeProp, HandlerProp, PendingProp, RequiredProp, DisabledProp, LabelProp, HelperProp, ErrorProp, ErrorBagProp, PlaceholderProp, NameProp, ValueProp, DefaultValueProp, OnValueChangeProp, OnChangeProp, OnClickProp, AsChildProp, FlushProp, WidthProp, ControlWidthProp, AllowClearProp, MaxTagCountProp, MaxTagPlaceholderProp, NotFoundContentProp, PopupMatchWidthProp, } from "./shared.prop.js";
 export type { TitleProp, SubtitleProp, StatusProp, DescriptionProp, ExtraProp, FooterProp, ActionProp, IconProp, ConfirmLabelProp, CancelLabelProp, ActionsProp, EmptyMessageProp, } from "./content.prop.js";
 export type { PageDensityProp, PageContainerVariantProp, CenteredShellWidthProp, CenteredShellAlignProp, CenteredShellPresetProp, ErrorSurfaceModeProp, ErrorSurfaceStatusProp, AuthShellPresetProp, MobileShellHeightProp, MobileShellWidthProp, OrientationProp, TableDensityProp, DensityProp, GapNameProp, PadProp, PadRawProp, PadSides, GapProp, GapStepProp, } from "./layout.prop.js";
-export type { ButtonVariantProp, ButtonSizeProp, BadgeVariantProp, AppSettingPickerAppearanceProp, AppSettingToggleAppearanceProp, ShapeProp, AvatarShapeProp, TextSizeProp, TextToneProp, FontWeightProp, HeadingLevelProp, TextAlignProp, TextWhitespaceProp, TextBreakProp, TypographyTypeProp, TitleLevelProp, TypographyCopyConfigProp, TypographyEditConfigProp, TypographyEllipsisConfigProp, TypographyActionsConfigProp, SizeProp, ControlStatusProp, ControlVariantProp, FormLayoutProp, DescriptionsLayoutProp, BreakpointProp, ConfirmVariantProp, ToneProp, AlertVariantProp, CalloutKindProp, SortDirectionProp, ColumnAlignProp, SortStateProp, RevealDelayProp, RevealTriggerProp, InViewAmountProp, ActivityVariantProp, ActivityAnnounceProp, IconSizeProp, } from "./interaction.prop.js";
+export type { ButtonVariantProp, ButtonSizeProp, BadgeVariantProp, AppSettingPickerAppearanceProp, AppSettingCycleAppearanceProp, ShapeProp, AvatarShapeProp, TextSizeProp, TextToneProp, FontWeightProp, HeadingLevelProp, TextAlignProp, TextWhitespaceProp, TextBreakProp, TypographyTypeProp, TypographyCopyConfigProp, TypographyEditConfigProp, TypographyEllipsisConfigProp, TypographyActionsConfigProp, SizeProp, ControlStatusProp, ControlVariantProp, FormLayoutProp, DescriptionsLayoutProp, BreakpointProp, ConfirmVariantProp, ToneProp, AlertVariantProp, CalloutKindProp, SortDirectionProp, ColumnAlignProp, SortStateProp, RevealDelayProp, RevealTriggerProp, InViewAmountProp, ActivityVariantProp, ActivityAnnounceProp, IconSizeProp, } from "./interaction.prop.js";
 export type { BreadcrumbItemProp, BreadcrumbProp, BreadcrumbItemMenuProp, BreadcrumbItemEllipsisProp, BreadcrumbItemMenuEntryProp, BreadcrumbSeparatorProp, BreadcrumbItemRenderProp, } from "./navigation.prop.js";
 export type { GetRowIdProp, GetRowLabelProp, OnRowClickProp, ColumnDefProp, TablePresetProp, TableColumnPriorityProp, TableCellIndentProp, SelectedIdsProp, OnSelectChangeProp, OnTableDensityChangeProp, TableRowToneProp, RowToneProp, OnSortChangeProp, OnSearchChangeProp, OnClearFiltersProp, HasActiveFiltersProp, StickyProp, ColumnFixedProp, ColumnFilterValueProp, ColumnFilterItemProp, ColumnFilterStateProp, OnColumnFilterChangeProp, ColumnCompareProp, ColumnSorterProp, TableSelectionItemProp, TableSelectionBuiltInProp, TableSelectAllMatchingProp, TableRowSelectionProp, TableExpandableProp, TableSummaryProp, TableScrollProp, TableStickyProp, OnRowProp, TablePaginationProp, TablePaginationPositionProp, DescriptionsColumnProp, DescriptionsSpanProp, DescriptionsItemsProp, } from "./data.prop.js";

package/dist/props/vocabulary/interaction.prop.d.ts

@@ -120,16 +120,6 @@ export type TextBreakProp = "normal" | "anywhere";
  * The fold is `secondary → muted`, `danger → destructive`, `success` / `warning` unchanged.
  */
 export type TypographyTypeProp = "secondary" | "success" | "warning" | "danger";
-/**
- * antd `Typography.Title` `level` — 1…5.
- *
- * `HeadingLevelProp` stops at 4 because `--heading-h4` is already 12.5px, BELOW the 14px body step.
- * antd's fifth level is carried here rather than widened into `HeadingLevelProp`, so `Heading` —
- * used across the package and at consumer call sites — keeps the four levels its tokens actually
- * define while `Title` reaches antd's five. Level 5 reads `--heading-h5`, which is bound to the
- * existing `--font-size-2xs` step (≈11.1px); it is not a new number.
- */
-export type TitleLevelProp = 1 | 2 | 3 | 4 | 5;
 /**
  * antd `CopyConfig` — the copy affordance beside a run of text.
  *
@@ -240,7 +230,8 @@ export type BadgeVariantProp = "default" | "secondary" | "outline" | "dashed";
  */
 export type AppSettingPickerAppearanceProp = "labeled" | "icon" | "bar" | "inline";
 /**
- * AppSettingToggle presentation. The toggle has no menu, so it has no `labeled`/`inline` form —
+ * `AppSettingPicker menu={false}` presentation (the former AppSettingToggle, v32 #1223). The
+ * cycler has no menu, so it has no `labeled`/`inline` form —
  * the two members here are the two BOXES a one-tap cycler can take.
  * - `bar` (default) — a CELL of the bar (`TopbarItem`): full bar height, the bar's own hover
  *   surface, square corners (`--topbar-item-radius`). This is the canonical placement, which is
@@ -249,7 +240,7 @@ export type AppSettingPickerAppearanceProp = "labeled" | "icon" | "bar" | "inlin
  *   settings row, a card header). In a taller bar this leaves a pill floating mid-strip, which is
  *   the defect `bar` exists to avoid.
  */
-export type AppSettingToggleAppearanceProp = "bar" | "icon";
+export type AppSettingCycleAppearanceProp = "bar" | "icon";
 /** Button size preset. */
 export type SizeProp = "xs" | "sm" | "md" | "lg";
 /** Button size preset; icon-only sizes are a documented Button subset. */

package/dist/styles/alert-layout.css

@@ -422,19 +422,6 @@
     border-radius: var(--radius-pill);
   }
 
-  [data-skeleton-element="button"] {
-    inline-size: calc(var(--skeleton-element-block-size) * var(--skeleton-button-width-ratio));
-    min-inline-size: calc(var(--skeleton-element-block-size) * var(--skeleton-button-width-ratio));
-  }
-
-  [data-skeleton-element="button"][data-shape="pill"] {
-    border-radius: var(--radius-pill);
-  }
-
-  [data-skeleton-element="button"][data-shape="sharp"] {
-    border-radius: var(--radius-sharp);
-  }
-
   [data-skeleton-element="input"] {
     inline-size: calc(var(--skeleton-element-block-size) * var(--skeleton-input-width-ratio));
     min-inline-size: calc(var(--skeleton-element-block-size) * var(--skeleton-input-width-ratio));
@@ -446,22 +433,6 @@
     min-inline-size: 0;
   }
 
-  [data-skeleton-element="node"],
-  [data-skeleton-element="image"] {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    vertical-align: middle;
-    inline-size: var(--skeleton-node-size);
-    block-size: var(--skeleton-node-size);
-  }
-
-  .ui-skeleton-image-glyph {
-    inline-size: var(--skeleton-image-glyph-size);
-    block-size: var(--skeleton-image-glyph-size);
-    color: var(--skeleton-image-glyph-color, hsl(var(--muted-foreground) / 0.4));
-  }
-
   .ui-skeleton-article {
     display: flex;
     align-items: flex-start;

package/dist/styles/data-display-layout.css

@@ -453,28 +453,6 @@
     font-size: var(--feature-list-description-font-size);
   }
 
-  .ui-thumbnail {
-    display: block;
-
-    inline-size: auto;
-
-    max-inline-size: 100%;
-    block-size: var(--thumbnail-block-size);
-    border: var(--thumbnail-border-width, var(--stroke-hairline)) solid hsl(var(--border));
-    border-radius: var(--thumbnail-radius, var(--radius));
-
-    background: hsl(var(--muted));
-    object-fit: contain;
-  }
-
-  .ui-thumbnail[data-size="sm"] {
-    block-size: var(--thumbnail-block-size-sm);
-  }
-
-  .ui-thumbnail[data-size="lg"] {
-    block-size: var(--thumbnail-block-size-lg);
-  }
-
   .ui-text-diff {
     min-inline-size: 0;
   }
@@ -3467,6 +3445,20 @@
     --image-inline-size: calc(var(--image-block-size) * var(--thumbnail-width-ratio));
   }
 
+  .ui-image[data-fit="intrinsic"] {
+    inline-size: auto;
+    border: var(--thumbnail-border-width, var(--stroke-hairline)) solid hsl(var(--border));
+    border-radius: var(--thumbnail-radius, var(--radius));
+    background: hsl(var(--muted));
+  }
+
+  .ui-image[data-fit="intrinsic"] > .ui-image-img {
+    inline-size: auto;
+    max-inline-size: 100%;
+    block-size: 100%;
+    object-fit: contain;
+  }
+
   .ui-image-img[data-fit="cover"] {
     object-fit: cover;
   }

package/dist/styles/fonts/OFL.txt

@@ -0,0 +1,93 @@
+Google Inc.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/dist/styles/form-layout.css

@@ -69,6 +69,10 @@
     inline-size: auto;
   }
 
+  .ui-form-field[data-layout="inline"] > .ui-form-field-control {
+    inline-size: var(--form-control-width, auto);
+  }
+
   .ui-form-field-label {
     display: flex;
     align-items: center;

package/dist/styles/index.css

@@ -5,8 +5,6 @@
 @import "sonner/dist/styles.css" layer(vendor);
 @import "react-day-picker/style.css" layer(vendor);
 @import "./base.css";
-
-@import "./fonts.css";
 @import "./shell-layout.css";
 @import "./motion.css";
 @import "./layout.css";

package/dist/styles/layers.json

@@ -1,5 +1,5 @@
 {
-  "version": "31.31.8",
+  "version": "32.0.1",
   "generatedBy": "scripts/gen-style-layers.mjs — do not edit by hand; run `pnpm gen:style-layers`",
   "base": "base.css",
   "fonts": "fonts.css",
@@ -39,12 +39,12 @@
         "shell-layout.css",
         "control.css",
         "text-layout.css",
-        "dialog-layout.css"
+        "dialog-layout.css",
+        "data-display-layout.css"
       ]
     },
     "Actions": {
       "layers": [
-        "layout.css",
         "control.css",
         "dialog-layout.css",
         "navigation-layout.css"
@@ -82,16 +82,6 @@
         "form-layout.css"
       ]
     },
-    "AlertDialogRoot": {
-      "layers": [
-        "layout.css",
-        "control.css",
-        "text-layout.css",
-        "dialog-layout.css",
-        "alert-layout.css",
-        "form-layout.css"
-      ]
-    },
     "Anchor": {
       "layers": [
         "layout.css",
@@ -113,16 +103,10 @@
       "layers": []
     },
     "AppSettingPicker": {
-      "layers": [
-        "control.css",
-        "dialog-layout.css",
-        "navigation-layout.css"
-      ]
-    },
-    "AppSettingToggle": {
       "layers": [
         "shell-layout.css",
         "control.css",
+        "dialog-layout.css",
         "navigation-layout.css"
       ]
     },
@@ -145,15 +129,21 @@
     },
     "Attachments": {
       "layers": [
+        "layout.css",
         "control.css",
+        "text-layout.css",
+        "table-layout.css",
+        "dialog-layout.css",
+        "alert-layout.css",
         "data-display-layout.css",
-        "data-entry-layout.css"
+        "navigation-layout.css"
       ]
     },
     "AuthAccountSummary": {
       "layers": [
         "shell-layout.css",
-        "control.css"
+        "control.css",
+        "data-display-layout.css"
       ]
     },
     "AuthDivider": {
@@ -174,16 +164,10 @@
       "layers": [
         "shell-layout.css",
         "control.css",
-        "logo-layout.css",
         "text-layout.css",
         "dialog-layout.css"
       ]
     },
-    "AuthShell": {
-      "layers": [
-        "shell-layout.css"
-      ]
-    },
     "AuthStack": {
       "layers": [
         "shell-layout.css"
@@ -200,15 +184,6 @@
         "badge-layout.css"
       ]
     },
-    "Banner": {
-      "layers": [
-        "layout.css",
-        "control.css",
-        "text-layout.css",
-        "dialog-layout.css",
-        "alert-layout.css"
-      ]
-    },
     "BarChart": {
       "layers": [
         "layout.css",
@@ -261,15 +236,6 @@
         "vendor-day-picker.css"
       ]
     },
-    "Callout": {
-      "layers": [
-        "layout.css",
-        "control.css",
-        "text-layout.css",
-        "dialog-layout.css",
-        "alert-layout.css"
-      ]
-    },
     "Card": {
       "layers": [
         "control.css",
@@ -322,7 +288,8 @@
         "table-layout.css",
         "dialog-layout.css",
         "alert-layout.css",
-        "data-display-layout.css"
+        "data-display-layout.css",
+        "navigation-layout.css"
       ]
     },
     "ChatBubbleList": {
@@ -333,20 +300,32 @@
         "table-layout.css",
         "dialog-layout.css",
         "alert-layout.css",
-        "data-display-layout.css"
+        "data-display-layout.css",
+        "navigation-layout.css"
       ]
     },
     "ChatComposer": {
       "layers": [
+        "layout.css",
         "control.css",
-        "data-entry-layout.css"
+        "text-layout.css",
+        "table-layout.css",
+        "dialog-layout.css",
+        "alert-layout.css",
+        "data-display-layout.css",
+        "navigation-layout.css"
       ]
     },
     "ChatSuggestion": {
       "layers": [
+        "layout.css",
         "control.css",
+        "text-layout.css",
+        "table-layout.css",
         "dialog-layout.css",
-        "data-entry-layout.css"
+        "alert-layout.css",
+        "data-display-layout.css",
+        "navigation-layout.css"
       ]
     },
     "Checkbox": {
@@ -400,9 +379,13 @@
     },
     "Conversations": {
       "layers": [
+        "layout.css",
         "control.css",
         "text-layout.css",
+        "table-layout.css",
         "dialog-layout.css",
+        "alert-layout.css",
+        "data-display-layout.css",
         "navigation-layout.css"
       ]
     },
@@ -506,15 +489,6 @@
         "form-layout.css"
       ]
     },
-    "FilterBar": {
-      "layers": [
-        "layout.css",
-        "control.css",
-        "dialog-layout.css",
-        "badge-layout.css",
-        "navigation-layout.css"
-      ]
-    },
     "Flex": {
       "layers": [
         "layout.css"
@@ -586,11 +560,6 @@
         "dialog-layout.css"
       ]
     },
-    "HoverCard": {
-      "layers": [
-        "dialog-layout.css"
-      ]
-    },
     "Icon": {
       "layers": [
         "icon-layout.css"
@@ -763,13 +732,6 @@
         "navigation-layout.css"
       ]
     },
-    "Paragraph": {
-      "layers": [
-        "control.css",
-        "text-layout.css",
-        "dialog-layout.css"
-      ]
-    },
     "PasswordInput": {
       "layers": [
         "control.css"
@@ -953,83 +915,6 @@
         "alert-layout.css"
       ]
     },
-    "SkeletonArticle": {
-      "layers": [
-        "layout.css",
-        "table-layout.css",
-        "alert-layout.css"
-      ]
-    },
-    "SkeletonAvatar": {
-      "layers": [
-        "layout.css",
-        "table-layout.css",
-        "alert-layout.css"
-      ]
-    },
-    "SkeletonButton": {
-      "layers": [
-        "layout.css",
-        "table-layout.css",
-        "alert-layout.css"
-      ]
-    },
-    "SkeletonDetail": {
-      "layers": [
-        "layout.css",
-        "table-layout.css",
-        "alert-layout.css"
-      ]
-    },
-    "SkeletonForm": {
-      "layers": [
-        "layout.css",
-        "table-layout.css",
-        "alert-layout.css"
-      ]
-    },
-    "SkeletonImage": {
-      "layers": [
-        "layout.css",
-        "table-layout.css",
-        "alert-layout.css"
-      ]
-    },
-    "SkeletonInput": {
-      "layers": [
-        "layout.css",
-        "table-layout.css",
-        "alert-layout.css"
-      ]
-    },
-    "SkeletonNode": {
-      "layers": [
-        "layout.css",
-        "table-layout.css",
-        "alert-layout.css"
-      ]
-    },
-    "SkeletonRows": {
-      "layers": [
-        "layout.css",
-        "table-layout.css",
-        "alert-layout.css"
-      ]
-    },
-    "SkeletonStat": {
-      "layers": [
-        "layout.css",
-        "table-layout.css",
-        "alert-layout.css"
-      ]
-    },
-    "SkeletonTable": {
-      "layers": [
-        "layout.css",
-        "table-layout.css",
-        "alert-layout.css"
-      ]
-    },
     "Slider": {
       "layers": [
         "control.css"
@@ -1040,11 +925,6 @@
         "control.css"
       ]
     },
-    "SpaceCompact": {
-      "layers": [
-        "layout.css"
-      ]
-    },
     "SplitPane": {
       "layers": [
         "layout.css"
@@ -1087,11 +967,6 @@
         "navigation-layout.css"
       ]
     },
-    "TagInput": {
-      "layers": [
-        "control.css"
-      ]
-    },
     "Text": {
       "layers": [
         "control.css",
@@ -1114,15 +989,14 @@
     },
     "ThoughtChain": {
       "layers": [
+        "layout.css",
         "control.css",
         "text-layout.css",
+        "table-layout.css",
         "dialog-layout.css",
-        "data-display-layout.css"
-      ]
-    },
-    "Thumbnail": {
-      "layers": [
-        "data-display-layout.css"
+        "alert-layout.css",
+        "data-display-layout.css",
+        "navigation-layout.css"
       ]
     },
     "TimePicker": {
@@ -1148,13 +1022,6 @@
         "data-display-layout.css"
       ]
     },
-    "Title": {
-      "layers": [
-        "control.css",
-        "text-layout.css",
-        "dialog-layout.css"
-      ]
-    },
     "Toaster": {
       "layers": [
         "alert-layout.css"
@@ -1224,6 +1091,7 @@
     },
     "TreeSelect": {
       "layers": [
+        "layout.css",
         "control.css",
         "dialog-layout.css",
         "data-display-layout.css",
@@ -1241,13 +1109,6 @@
         "form-layout.css"
       ]
     },
-    "Typography": {
-      "layers": [
-        "control.css",
-        "text-layout.css",
-        "dialog-layout.css"
-      ]
-    },
     "Upload": {
       "layers": [
         "layout.css",
@@ -1276,10 +1137,14 @@
     },
     "Welcome": {
       "layers": [
+        "layout.css",
         "control.css",
         "text-layout.css",
+        "table-layout.css",
         "dialog-layout.css",
-        "data-display-layout.css"
+        "alert-layout.css",
+        "data-display-layout.css",
+        "navigation-layout.css"
       ]
     }
   }

package/dist/styles/text-layout.css

@@ -295,16 +295,6 @@
 
 @layer components {
 
-  [data-slot="heading"][data-level="5"] {
-    font-size: var(
-      --heading-h5,
-      var(
-        --font-size-2xs,
-        calc(var(--font-size-base) / var(--font-size-ratio) / var(--font-size-ratio))
-      )
-    );
-  }
-
   [data-slot="text"][data-disabled],
   [data-slot="heading"][data-disabled] {
     color: hsl(var(--text-disabled));
@@ -452,11 +442,6 @@
     color: hsl(var(--muted-foreground));
     pointer-events: none;
   }
-
-  .ui-typography {
-    color: hsl(var(--foreground));
-    overflow-wrap: break-word;
-  }
 }
 
 @layer components {