wimui 0.9.0 → 0.11.0

package/dist/llms.txt

@@ -4,7 +4,7 @@
 
 ## What this is
 
-**wimui** v0.9.0 — a React 19 component library: 216 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
+**wimui** v0.11.0 — a React 19 component library: 218 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
 
 ## Install & required setup
 
@@ -75,9 +75,13 @@ Single components are judged by state/a11y/token compliance. **Composed screens*
 5. Keep one radius stance per screen (`radius.component` / `radius.container` / `radius.overlay`); don't mix 0 and lg arbitrarily.
 6. Limit accent color: primary surfaces (solid buttons, emphasis backgrounds) 1–2 per view.
 7. Give demo content real substance (product-context copy, internally consistent numbers/dates/names — active ≤ total, dates not evenly spaced).
-8. Add intentional "wobble": mix in 1–2 incomplete rows (a truncated long name, a missing optional field, an extreme value, an error/unread state) and show non-happy-path states (hover/focus/disabled/error/empty/loading).
-9. Keep the chrome quiet. Breadcrumb, page title, summary line, toolbar and filter bar frame the content; they must not compete with the protagonist. Don't promote a one-line summary to an `Alert`/`Banner`, don't wrap the filter bar in a `Card` (its border doubles up with the data region's), keep primary surfaces out of the chrome, and don't stack a KPI tile row above a table screen. Corollary of 1 and 6, but it is the rule most often broken on admin/list screens — the test is whether the eye lands on the data first.
-10. Check the screen at 390px and 768px before calling it done. The page itself must never scroll sideways (`document.scrollWidth > document.documentElement.clientWidth` is a bug — the usual cause is a group of controls that cannot wrap, e.g. several buttons packed into one `Toolbar.Group`; split them into separate groups). Data tables need their narrow mode turned on (`<DataGrid mobileCard>`) rather than an inner scrollbar: without it columns collapse and a short string like a `Code` lot number breaks one character per line. The switch to cards happens at the `md` container width, so tablets get cards too.
+8. Keep one elevation stance per screen: don't mix surfaces raised by shadow with surfaces cut by borders. `Card` and `Stats` default to `elevated`, so pass `variant="outline"` when the screen is border-led. If the outer container already casts a shadow, its contents need only a border.
+9. Never wrap a component that already draws its own frame. `<Card><Table card /></Card>` doubles the border and nests radii (12px inside 4px). `Table` takes a `card` prop and `Stats` is already a Card — place them directly.
+10. Always pass `intent` on `Badge` / `Tag` / `Chip`. Their default is `primary` (the accent), so an ordinary value like `pending` or `member` gets painted as loudly as an exception and the colour stops carrying information. Use `intent="neutral"` for ordinary values.
+11. Pick colour by good/bad, not by direction. `Stats.Trend` ties the arrow and the colour together, so `up` is always the success colour — using it for a metric where up is bad (failures, error rate) renders the bad news as good. Use a colourless form such as `Stats.Description` instead. Don't approximate a meaning the API cannot express.
+12. Keep the chrome quiet. Breadcrumb, page title, summary line, toolbar and filter bar frame the content; they must not compete with the protagonist. Don't promote a one-line summary to an `Alert`/`Banner`, don't wrap the filter bar in a `Card` (its border doubles up with the data region's), keep primary surfaces out of the chrome, and don't stack a KPI tile row above a table screen. Corollary of protagonist and accent limits, but it is the rule most often broken on admin/list screens — the test is whether the eye lands on the data first.
+13. Add intentional "wobble": mix in 1–2 incomplete rows (a truncated long name, a missing optional field, an extreme value, an error/unread state) and show non-happy-path states (hover/focus/disabled/error/empty/loading).
+14. Check the screen at 390px and 768px before calling it done. The page itself must never scroll sideways (`document.scrollWidth > document.documentElement.clientWidth` is a bug — the usual cause is a group of controls that cannot wrap, e.g. several buttons packed into one `Toolbar.Group`; split them into separate groups). Data tables need their narrow mode turned on (`<DataGrid mobileCard>`) rather than an inner scrollbar: without it columns collapse and a short string like a `Code` lot number breaks one character per line. The switch to cards happens at the `md` container width, so tablets get cards too.
 
 ## Recipes — copy-paste starting points
 
@@ -187,12 +191,12 @@ export function BillingOverview() {
 
 - **AppShell** — Basic application shell layout
 - **AspectRatio** — Fixed ratio container
-- **BentoGrid** — Modern card grid
+- **BentoGrid** — Modern card grid (aka Waffle Menu, Bento Menu, Grid Menu, Candy Bar Menu, Chocolate Bar Menu, ベントーメニュー, ワッフルメニュー)
 - **Box** — Polymorphic box
 - **Center** — Radial centering
 - **Container** — Layout wrapper
 - **Dashboard** — Arranges widgets in a configurable grid with an edit mode for adding, removing, and resizing them.
-- **Divider** — Content separator
+- **Divider** — Content separator (aka Separator, Horizontal Rule)
 - **Flex** — Flexible layout
 - **Footer** — Lower navigation
 - **Grid** — Flexbox or CSS Grid system
@@ -202,23 +206,23 @@ export function BillingOverview() {
 - **Masonry** — Waterfall grid
 - **Navbar** — Primary navigation
 - **ScrollArea** — A custom scrollbar component that provides high-performance, cross-browser consistent themes while maintaining a native-like feel.
-- **Sidebar** — A collapsible navigation or informational panel on the side of the screen
+- **Sidebar** — A collapsible navigation or informational panel on the side of the screen (aka Source List, Inspector)
 - **SimpleGrid** — Responsive fixed grid
 - **Splitter** — Split and resize panels
 - **Stack** — Vertical/Horizontal alignment
-- **Toolbar** — Action strip for IconButton, ToggleGroup, and related controls with toolbar keyboard navigation.
+- **Toolbar** — Action strip for IconButton, ToggleGroup, and related controls with toolbar keyboard navigation. (aka Action Bar)
 - **Transition** — Utilities for managing smooth enter and leave animations with CSS classes
-- **VisuallyHidden** — Hide content visually while keeping it accessible to screen readers
+- **VisuallyHidden** — Hide content visually while keeping it accessible to screen readers (aka Screen Reader Only, SR Only)
 - **Watermark** — Translucent text or images overlaid on content to indicate ownership or status
 
 ### form — `import { … } from "wimui/form"`
 
 - **Button** — Action triggers
 - **ButtonGroup** — Group of buttons
-- **Cascader** — Hierarchical selection
+- **Cascader** — Hierarchical selection (aka Column View, Miller Columns)
 - **Checkbox** — Multiple choice
 - **CheckboxGroup** — Shared state checkboxes
-- **ColorInput** — Input with color preview
+- **ColorInput** — Input with color preview (aka Color Well, Color Field)
 - **ColorPicker** — Color selection picker
 - **Combobox** — Select with search
 - **CopyButton** — Copy to clipboard
@@ -234,7 +238,7 @@ export function BillingOverview() {
 - **FloatButton** — Floating action buttons
 - **IconButton** — Icon-only button
 - **ImageCropper** — Front-end image crop and rotate tool
-- **InlineEdit** — A component that allows users to switch between a view-only mode and an editable mode in-place.
+- **InlineEdit** — A component that allows users to switch between a view-only mode and an editable mode in-place. (aka Editable Text)
 - **Input** — Single-line input fields for text, numbers, or emails
 - **InputBase** — Standardizes the visual container, icon slots (Prefix/Suffix), and clear button behavior for text-based inputs.
 - **InputGroup** — Inputs with icons/labels
@@ -242,26 +246,27 @@ export function BillingOverview() {
 - **LinkButton** — Anchor styled as button
 - **Mentions** — @ / # suggestions
 - **MultiSelect** — Multiple selection
-- **NumberInput** — Input with step adjustments
+- **NumberInput** — Input with step adjustments (aka Spin Button, Numeric Stepper)
 - **OtpInput** — One-time password fields
 - **PasswordInput** — Password with toggle
-- **PasswordStrength** — Visual meter to indicate password security level
+- **PasswordStrength** — Visual meter to indicate password security level (aka Strength Meter)
 - **PhoneInput** — International phone number input
 - **QueryBuilder** — Visual builder for constructing complex search queries.
 - **Radio** — Single choice
 - **RadioGroup** — Shared state radio buttons
 - **RangeSlider** — Range selection
-- **Rating** — Star rating
+- **Rating** — Star rating (aka Star Rating, Rating Indicator)
 - **RichTextEditor** — WYSIWYG rich text editor
-- **SearchInput** — Search with clear button
-- **SegmentedControl** — Button-style controls for switching between a small set of mutually exclusive options
-- **Select** — A dropdown menu for selecting one option from a predefined list
+- **SearchInput** — Search with clear button (aka Search Field, Search Bar)
+- **SegmentedControl** — Button-style controls for switching between a small set of mutually exclusive options (aka Segmented Buttons, Segmented Picker)
+- **Select** — A dropdown menu for selecting one option from a predefined list (aka Pop-Up Button, Select Menu)
 - **SignaturePad** — Handwritten signature input
 - **Slider** — An input to capture a numeric value from a specified range by dragging a knob
 - **SmartSearchInput** — Smart search input enabling both traditional search and AI prompting.
-- **Switch** — A binary switch for instantly toggling settings between on and off states
+- **SplitButton** — SplitButton description.
+- **Switch** — A binary switch for instantly toggling settings between on and off states (aka Toggle, Toggle Switch)
 - **SwitchGroup** — Shared state switches
-- **TagInput** — Field for entering free-form text as tags
+- **TagInput** — Field for entering free-form text as tags (aka Token Field, Chips Input)
 - **Textarea** — Multi-line input fields for longer text entries like descriptions or comments
 - **ThemeToggle** — Light / dark / system theme switcher
 - **TimePicker** — Time selection
@@ -280,47 +285,50 @@ export function BillingOverview() {
 - **LoadingOverlay** — Overlay with loading indicator
 - **Notification** — Rich notification card
 - **Progress** — Progress bar
+  - ⚠️ Not the same as elsewhere: Material's "Progress Indicator" covers indeterminate spinners as well. WIM's `Progress` is determinate and linear only — for the indeterminate case use `Spinner`.
+- **ProgressRing** — ProgressRing description.
 - **Result** — Task status indicator
 - **ScrollProgress** — Reading progress indicator
-- **Skeleton** — Placeholder for content loading states.
+- **Skeleton** — Placeholder for content loading states. (aka Shimmer)
 - **Snackbar** — Bottom notifications
-- **Spinner** — A rotating icon indicating background activity or data fetching
+- **Spinner** — A rotating icon indicating background activity or data fetching (aka Activity Indicator)
 - **Toast** — Non-intrusive floating messages that provide feedback on system operations
 - **Tour** — Sequential guided walkthroughs to onboard users or highlight features
 
 ### navigation — `import { … } from "wimui/navigation"`
 
-- **Affix** — Sticky elements
-- **Anchor** — Smooth scroll links
-- **BackTop** — Back to top button
-- **Breadcrumb** — Location trace
-- **CommandPalette** — Cmd+K search overlay
-- **HamburgerMenu** — Toggleable menu
+- **Affix** — Sticky elements (aka Sticky)
+- **Anchor** — Smooth scroll links (aka Scrollspy)
+- **BackTop** — Back to top button (aka Back to Top)
+- **Breadcrumb** — Location trace (aka Path Bar, Path Control)
+- **CommandPalette** — Cmd+K search overlay (aka Command Bar, Quick Open)
+- **HamburgerMenu** — Toggleable menu (aka Sandwich Menu, Navigation Drawer Trigger, Nav Toggle, Cheeseburger Menu, Veggie Burger Menu, Pancake Menu, Bacon Menu, Hot Dog Menu, ハンバーガーメニュー, サンドイッチメニュー)
 - **KeyboardShortcuts** — Display a structured list of keyboard shortcuts
 - **Link** — Hyperlinks
 - **Menubar** — Desktop-style application menu bar with floating File / Edit / View submenus.
 - **Pagination** — Multi-page navigation
 - **SpeedDial** — Floating action button that expands sub-actions on hover or click.
 - **Stepper** — Visual sequence steps
+  - ⚠️ Not the same as elsewhere: In Apple HIG and macOS, a "Stepper" is the control that increments a number — that is `NumberInput` here. WIM's `Stepper` shows progress through a sequence of steps, which is what Material calls a Stepper.
 - **TabBar** — Mobile bottom navigation
 - **TabNavigation** — Tab-based navigation
 - **Tabs** — A container to organize related content into switchable view panels
 
 ### data-display — `import { … } from "wimui/data-display"`
 
-- **Accordion** — Collapsible panels
+- **Accordion** — Collapsible panels (aka Disclosure, Disclosure Group, Expander)
 - **Avatar** — Profile initials/pics
-- **AvatarGroup** — Stacked avatars
+- **AvatarGroup** — Stacked avatars (aka Face Pile)
 - **Badge** — Indicators or counts
 - **Calendar** — Calendar view
 - **CalendarHeatmap** — GitHub-style activity graph for visualizing continuity
 - **Card** — Information containers
 - **Carousel** — Content slideshow
-- **Chip** — Filter/Selection tokens
+- **Chip** — Filter/Selection tokens (aka Pill, Token)
 - **Countdown** — Display the remaining time until a target moment as a live ticking timer, for sale deadlines, OTP resend waits, and maintenance notices.
 - **DataGrid** — Advanced data table and manipulation
 - **DescriptionList** — Key-value pairs
-- **EmptyState** — Missing data placeholder
+- **EmptyState** — Missing data placeholder (aka Blank Slate, Zero State)
 - **FAQSection** — Frequently Asked Questions section
 - **InfiniteScroll** — Infinite scroll control
 - **JsonDiffViewer** — Compares two JSON values as a formatted side-by-side or unified diff, built on top of CodeDiffViewer.
@@ -329,7 +337,7 @@ export function BillingOverview() {
 - **Leaderboard** — Display a ranked list of entries with scores and medal highlights for the top three positions.
 - **List** — Structurally organized items in bullet points or numbered formats
 - **Markdown** — A component for safely rendering text in Markdown format.
-- **Marquee** — Scrolling text animation
+- **Marquee** — Scrolling text animation (aka Ticker)
 - **NodeGraph** — Interactive node-based flowchart and pipeline editor
 - **PullToRefresh** — Pull-to-refresh utility for enhancing mobile user experience.
 - **QRCode** — QR generator
@@ -343,23 +351,24 @@ export function BillingOverview() {
 - **Table** — Rows and columns for displaying structured data efficiently
 - **Tag** — Compact visual descriptors used for labeling or categorizing content
 - **Timeline** — A vertical list mapping events or history in chronological order
-- **TreeView** — Hierarchical data
+- **TreeView** — Hierarchical data (aka Outline View)
 - **VirtualList** — Efficiently renders large lists by virtualizing off-screen items
 
 ### overlay — `import { … } from "wimui/overlay"`
 
-- **BottomSheet** — Mobile bottom overlay
+- **BottomSheet** — Mobile bottom overlay (aka Sheet, Action Sheet)
 - **ContextMenu** — Right-click menus
-- **Dialog** — Focused task windows
-- **Drawer** — Slide-out detail panels
-- **Dropdown** — Overlay selection menu
+- **Dialog** — Focused task windows (aka Modal, Modal Dialog)
+- **Drawer** — Slide-out detail panels (aka Navigation Drawer)
+- **Dropdown** — Overlay selection menu (aka Overflow Menu, Kebab Menu, Meatball Menu, Vertical Ellipsis, Horizontal Ellipsis, Three Dots Menu, More Menu, App Switcher, オーバーフローメニュー, ケバブメニュー, ミートボールメニュー)
 - **FocusTrap** — Focus management
 - **HoverCard** — Rich content on hover
 - **Menu** — General menus
+  - ⚠️ Not the same as elsewhere: In macOS, a "Menu" is the pull-down from a menu bar. WIM's `Menu` is the list of choices itself; for one that opens from a trigger, use `Dropdown`.
 - **Popconfirm** — Confirmation overlay
 - **Popover** — Contextual overlay
 - **Portal** — Out-of-hierarchy render
-- **Tooltip** — Information on hover
+- **Tooltip** — Information on hover (aka Help Tag)
 
 ### typography — `import { … } from "wimui/typography"`
 
@@ -381,7 +390,7 @@ export function BillingOverview() {
 - **Icon** — Visual symbols
 - **Image** — Image content
 - **ImageCompare** — ImageCompare overlays two images and reveals them with a draggable divider — a before/after slider for comparing edits, restorations, or AI-generated results against their source.
-- **Lightbox** — A high-quality overlay component for displaying images and media with gallery and zoom functionality.
+- **Lightbox** — A high-quality overlay component for displaying images and media with gallery and zoom functionality. (aka Image Viewer)
 - **Video** — A component for embedding and controlling local or remote video content
 
 ### charts — `import { … } from "wimui/charts"`
@@ -416,7 +425,7 @@ export function BillingOverview() {
 - **Terminal** — Renders terminal-style output with ANSI color support, prompt prefixes, and copy/clear controls.
 - **ThoughtProcess** — Visualizes AI reasoning steps and execution states in a timeline format.
 - **ThreadList** — ThreadList renders a conversation-history sidebar for AI chat apps — a scrollable list of past threads with an optional new-conversation action and per-thread deletion.
-- **UsageMeter** — UsageMeter (also exported as TokenCounter) visualizes token consumption against a budget such as a model's context window — a labeled bar plus a numeric readout that shifts to warning and danger colors near the limit.
+- **UsageMeter** — UsageMeter (also exported as TokenCounter) visualizes token consumption against a budget such as a model's context window — a labeled bar plus a numeric readout that shifts to warning and danger colors near the limit. (aka Level Indicator, Capacity Indicator, Meter)
 - **VoiceVisualizer** — Animated voice-level indicator (bars / waveform)
 
 ---

package/dist/locales/en/components.json

@@ -117,7 +117,9 @@
     "countdown_desc": "Display the remaining time until a target moment as a live ticking timer, for sale deadlines, OTP resend waits, and maintenance notices.",
     "spoiler_desc": "Collapse long text such as reviews and comments to a fixed number of lines, with an accessible \"show more\" toggle that appears only when the text overflows.",
     "toolbar_desc": "Action strip for IconButton, ToggleGroup, and related controls with toolbar keyboard navigation.",
-    "menubar_desc": "Desktop-style application menu bar with floating File / Edit / View submenus."
+    "menubar_desc": "Desktop-style application menu bar with floating File / Edit / View submenus.",
+    "progressRing_desc": "ProgressRing description.",
+    "splitButton_desc": "SplitButton description."
   },
   "cat": {
     "ai": "AI"

package/dist/locales/ja/components.json

@@ -189,7 +189,9 @@
     "countdown_desc": "セール終了・OTP再送待ち・メンテナンス告知などの目標時刻までの残り時間を、毎秒更新されるタイマーとして表示します。",
     "spoiler_desc": "レビューやコメントなどの長文を指定行数に折りたたみ、テキストがあふれる場合のみアクセシブルな「もっと見る」トグルを表示します。",
     "toolbar_desc": "IconButton や ToggleGroup などをまとめるアクション帯。ツールバーのキーボード操作に対応します。",
-    "menubar_desc": "File / Edit / View のようなデスクトップ型メニューバー。フローティングのサブメニューを開きます。"
+    "menubar_desc": "File / Edit / View のようなデスクトップ型メニューバー。フローティングのサブメニューを開きます。",
+    "progressRing_desc": "ProgressRing description.",
+    "splitButton_desc": "SplitButton description."
   },
   "effects": {
     "common_vars": "共通変数"

package/dist/locales/pt/components.json

@@ -189,7 +189,9 @@
     "countdown_desc": "Exibe o tempo restante até um momento alvo como um cronômetro atualizado a cada segundo, para prazos de promoções, espera de reenvio de OTP e avisos de manutenção.",
     "spoiler_desc": "Recolhe textos longos, como avaliações e comentários, a um número fixo de linhas, com um botão \"mostrar mais\" acessível que aparece apenas quando o texto transborda.",
     "toolbar_desc": "Faixa de ações para IconButton, ToggleGroup e controles relacionados, com navegação por teclado de toolbar.",
-    "menubar_desc": "Barra de menus no estilo desktop, com submenus flutuantes de Arquivo / Editar / Exibir."
+    "menubar_desc": "Barra de menus no estilo desktop, com submenus flutuantes de Arquivo / Editar / Exibir.",
+    "progressRing_desc": "ProgressRing description.",
+    "splitButton_desc": "SplitButton description."
   },
   "effects": {
     "common_vars": "Variáveis Comuns"

package/dist/overlay.cjs

@@ -1,2 +1,2 @@
 "use client";
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./components/overlay/Portal/Portal.cjs"),t=require("./components/overlay/FocusTrap/FocusTrap.cjs"),n=require("./components/overlay/Drawer/Drawer.cjs"),r=require("./components/overlay/Dialog/Dialog.cjs"),i=require("./components/overlay/Tooltip/Tooltip.cjs"),a=require("./components/overlay/BottomSheet/BottomSheet.cjs"),o=require("./components/overlay/ContextMenu/ContextMenu.cjs"),s=require("./components/overlay/Dropdown/Dropdown.cjs"),c=require("./components/overlay/HoverCard/HoverCard.cjs"),l=require("./components/overlay/Menu/Menu.cjs"),u=require("./components/overlay/Popover/Popover.cjs"),d=require("./components/overlay/Popconfirm/Popconfirm.cjs");exports.BottomSheet=a.BottomSheet,exports.BottomSheetBody=a.BottomSheetBody,exports.BottomSheetClose=a.BottomSheetClose,exports.BottomSheetContent=a.BottomSheetContent,exports.BottomSheetDescription=a.BottomSheetDescription,exports.BottomSheetFooter=a.BottomSheetFooter,exports.BottomSheetHeader=a.BottomSheetHeader,exports.BottomSheetTitle=a.BottomSheetTitle,exports.BottomSheetTrigger=a.BottomSheetTrigger,exports.ContextMenu=o.ContextMenu,exports.ContextMenuDivider=o.ContextMenuDivider,exports.ContextMenuGroup=o.ContextMenuGroup,exports.ContextMenuItem=o.ContextMenuItem,exports.Dialog=r.Dialog,exports.DialogClose=r.DialogClose,exports.DialogContent=r.DialogContent,exports.DialogDescription=r.DialogDescription,exports.DialogFooter=r.DialogFooter,exports.DialogHeader=r.DialogHeader,exports.DialogTitle=r.DialogTitle,exports.DialogTrigger=r.DialogTrigger,exports.Drawer=n.Drawer,exports.DrawerClose=n.DrawerClose,exports.DrawerContent=n.DrawerContent,exports.DrawerDescription=n.DrawerDescription,exports.DrawerFooter=n.DrawerFooter,exports.DrawerHeader=n.DrawerHeader,exports.DrawerTitle=n.DrawerTitle,exports.DrawerTrigger=n.DrawerTrigger,exports.Dropdown=s.Dropdown,exports.DropdownItem=s.DropdownItem,exports.DropdownMenu=s.DropdownMenu,exports.DropdownTrigger=s.DropdownTrigger,exports.FocusTrap=t.FocusTrap,exports.HoverCard=c.HoverCard,exports.HoverCardContent=c.HoverCardContent,exports.HoverCardTrigger=c.HoverCardTrigger,exports.Menu=l.Menu,exports.MenuDivider=l.MenuDivider,exports.MenuItem=l.MenuItem,exports.MenuItemGroup=l.MenuItemGroup,exports.Popconfirm=d.Popconfirm,exports.Popover=u.Popover,exports.PopoverClose=u.PopoverClose,exports.PopoverContent=u.PopoverContent,exports.PopoverTrigger=u.PopoverTrigger,exports.Portal=e.Portal,exports.SubMenu=l.SubMenu,exports.Tooltip=i.Tooltip,exports.TooltipContent=i.TooltipContent,exports.TooltipTrigger=i.TooltipTrigger,exports.useDialog=r.useDialog,exports.useDrawer=n.useDrawer;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./components/overlay/Portal/Portal.cjs"),t=require("./components/overlay/FocusTrap/FocusTrap.cjs"),n=require("./components/overlay/Drawer/Drawer.cjs"),r=require("./components/overlay/Dialog/Dialog.cjs"),i=require("./components/overlay/Tooltip/Tooltip.cjs"),a=require("./components/overlay/Dropdown/Dropdown.cjs"),o=require("./components/overlay/BottomSheet/BottomSheet.cjs"),s=require("./components/overlay/ContextMenu/ContextMenu.cjs"),c=require("./components/overlay/HoverCard/HoverCard.cjs"),l=require("./components/overlay/Menu/Menu.cjs"),u=require("./components/overlay/Popover/Popover.cjs"),d=require("./components/overlay/Popconfirm/Popconfirm.cjs");exports.BottomSheet=o.BottomSheet,exports.BottomSheetBody=o.BottomSheetBody,exports.BottomSheetClose=o.BottomSheetClose,exports.BottomSheetContent=o.BottomSheetContent,exports.BottomSheetDescription=o.BottomSheetDescription,exports.BottomSheetFooter=o.BottomSheetFooter,exports.BottomSheetHeader=o.BottomSheetHeader,exports.BottomSheetTitle=o.BottomSheetTitle,exports.BottomSheetTrigger=o.BottomSheetTrigger,exports.ContextMenu=s.ContextMenu,exports.ContextMenuDivider=s.ContextMenuDivider,exports.ContextMenuGroup=s.ContextMenuGroup,exports.ContextMenuItem=s.ContextMenuItem,exports.Dialog=r.Dialog,exports.DialogClose=r.DialogClose,exports.DialogContent=r.DialogContent,exports.DialogDescription=r.DialogDescription,exports.DialogFooter=r.DialogFooter,exports.DialogHeader=r.DialogHeader,exports.DialogTitle=r.DialogTitle,exports.DialogTrigger=r.DialogTrigger,exports.Drawer=n.Drawer,exports.DrawerClose=n.DrawerClose,exports.DrawerContent=n.DrawerContent,exports.DrawerDescription=n.DrawerDescription,exports.DrawerFooter=n.DrawerFooter,exports.DrawerHeader=n.DrawerHeader,exports.DrawerTitle=n.DrawerTitle,exports.DrawerTrigger=n.DrawerTrigger,exports.Dropdown=a.Dropdown,exports.DropdownItem=a.DropdownItem,exports.DropdownMenu=a.DropdownMenu,exports.DropdownTrigger=a.DropdownTrigger,exports.FocusTrap=t.FocusTrap,exports.HoverCard=c.HoverCard,exports.HoverCardContent=c.HoverCardContent,exports.HoverCardTrigger=c.HoverCardTrigger,exports.Menu=l.Menu,exports.MenuDivider=l.MenuDivider,exports.MenuItem=l.MenuItem,exports.MenuItemGroup=l.MenuItemGroup,exports.Popconfirm=d.Popconfirm,exports.Popover=u.Popover,exports.PopoverClose=u.PopoverClose,exports.PopoverContent=u.PopoverContent,exports.PopoverTrigger=u.PopoverTrigger,exports.Portal=e.Portal,exports.SubMenu=l.SubMenu,exports.Tooltip=i.Tooltip,exports.TooltipContent=i.TooltipContent,exports.TooltipTrigger=i.TooltipTrigger,exports.useDialog=r.useDialog,exports.useDrawer=n.useDrawer;

package/dist/overlay.js

@@ -4,11 +4,11 @@ import { FocusTrap as t } from "./components/overlay/FocusTrap/FocusTrap.js";
 import { Drawer as n, DrawerClose as r, DrawerContent as i, DrawerDescription as a, DrawerFooter as o, DrawerHeader as s, DrawerTitle as c, DrawerTrigger as l, useDrawer as u } from "./components/overlay/Drawer/Drawer.js";
 import { Dialog as d, DialogClose as f, DialogContent as p, DialogDescription as m, DialogFooter as h, DialogHeader as g, DialogTitle as _, DialogTrigger as v, useDialog as y } from "./components/overlay/Dialog/Dialog.js";
 import { Tooltip as b, TooltipContent as x, TooltipTrigger as S } from "./components/overlay/Tooltip/Tooltip.js";
-import { BottomSheet as C, BottomSheetBody as w, BottomSheetClose as T, BottomSheetContent as E, BottomSheetDescription as D, BottomSheetFooter as O, BottomSheetHeader as k, BottomSheetTitle as A, BottomSheetTrigger as j } from "./components/overlay/BottomSheet/BottomSheet.js";
-import { ContextMenu as M, ContextMenuDivider as N, ContextMenuGroup as P, ContextMenuItem as F } from "./components/overlay/ContextMenu/ContextMenu.js";
-import { Dropdown as I, DropdownItem as L, DropdownMenu as R, DropdownTrigger as z } from "./components/overlay/Dropdown/Dropdown.js";
+import { Dropdown as C, DropdownItem as w, DropdownMenu as T, DropdownTrigger as E } from "./components/overlay/Dropdown/Dropdown.js";
+import { BottomSheet as D, BottomSheetBody as O, BottomSheetClose as k, BottomSheetContent as A, BottomSheetDescription as j, BottomSheetFooter as M, BottomSheetHeader as N, BottomSheetTitle as P, BottomSheetTrigger as F } from "./components/overlay/BottomSheet/BottomSheet.js";
+import { ContextMenu as I, ContextMenuDivider as L, ContextMenuGroup as R, ContextMenuItem as z } from "./components/overlay/ContextMenu/ContextMenu.js";
 import { HoverCard as B, HoverCardContent as V, HoverCardTrigger as H } from "./components/overlay/HoverCard/HoverCard.js";
 import { Menu as U, MenuDivider as W, MenuItem as G, MenuItemGroup as K, SubMenu as q } from "./components/overlay/Menu/Menu.js";
 import { Popover as J, PopoverClose as Y, PopoverContent as X, PopoverTrigger as Z } from "./components/overlay/Popover/Popover.js";
 import { Popconfirm as Q } from "./components/overlay/Popconfirm/Popconfirm.js";
-export { C as BottomSheet, w as BottomSheetBody, T as BottomSheetClose, E as BottomSheetContent, D as BottomSheetDescription, O as BottomSheetFooter, k as BottomSheetHeader, A as BottomSheetTitle, j as BottomSheetTrigger, M as ContextMenu, N as ContextMenuDivider, P as ContextMenuGroup, F as ContextMenuItem, d as Dialog, f as DialogClose, p as DialogContent, m as DialogDescription, h as DialogFooter, g as DialogHeader, _ as DialogTitle, v as DialogTrigger, n as Drawer, r as DrawerClose, i as DrawerContent, a as DrawerDescription, o as DrawerFooter, s as DrawerHeader, c as DrawerTitle, l as DrawerTrigger, I as Dropdown, L as DropdownItem, R as DropdownMenu, z as DropdownTrigger, t as FocusTrap, B as HoverCard, V as HoverCardContent, H as HoverCardTrigger, U as Menu, W as MenuDivider, G as MenuItem, K as MenuItemGroup, Q as Popconfirm, J as Popover, Y as PopoverClose, X as PopoverContent, Z as PopoverTrigger, e as Portal, q as SubMenu, b as Tooltip, x as TooltipContent, S as TooltipTrigger, y as useDialog, u as useDrawer };
+export { D as BottomSheet, O as BottomSheetBody, k as BottomSheetClose, A as BottomSheetContent, j as BottomSheetDescription, M as BottomSheetFooter, N as BottomSheetHeader, P as BottomSheetTitle, F as BottomSheetTrigger, I as ContextMenu, L as ContextMenuDivider, R as ContextMenuGroup, z as ContextMenuItem, d as Dialog, f as DialogClose, p as DialogContent, m as DialogDescription, h as DialogFooter, g as DialogHeader, _ as DialogTitle, v as DialogTrigger, n as Drawer, r as DrawerClose, i as DrawerContent, a as DrawerDescription, o as DrawerFooter, s as DrawerHeader, c as DrawerTitle, l as DrawerTrigger, C as Dropdown, w as DropdownItem, T as DropdownMenu, E as DropdownTrigger, t as FocusTrap, B as HoverCard, V as HoverCardContent, H as HoverCardTrigger, U as Menu, W as MenuDivider, G as MenuItem, K as MenuItemGroup, Q as Popconfirm, J as Popover, Y as PopoverClose, X as PopoverContent, Z as PopoverTrigger, e as Portal, q as SubMenu, b as Tooltip, x as TooltipContent, S as TooltipTrigger, y as useDialog, u as useDrawer };

package/dist/reset.css

@@ -1 +1 @@
-@layer reset, base, component, utilities;@layer reset{@media(prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto !important;transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important}}*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{padding:0;margin:0}button{padding:0;cursor:pointer;background-color:rgba(0,0,0,0);border:none}ol,ul{padding:0;margin:0;list-style:none}a{color:inherit;text-decoration:none}table{border-spacing:0;border-collapse:collapse}blockquote{margin:0}}@layer base{html{text-size-adjust:100%;line-height:1.15;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;scrollbar-gutter:auto}@media(width >= 769px){body{scrollbar-gutter:stable}}body{color:var(--wim-color-text-primary);overflow-wrap:break-word;background-color:var(--wim-color-surface-app);text-rendering:optimizelegibility;-webkit-tap-highlight-color:rgba(0,0,0,0)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;line-height:inherit;touch-action:manipulation}textarea{resize:vertical}rt{font-feature-settings:"palt"}dialog,[popover]{overscroll-behavior-block:contain}:focus-visible{outline:none;border-radius:inherit;box-shadow:var(--wim-shadow-focus)}@media(prefers-reduced-motion: reduce){*,::before,::after{scroll-behavior:auto !important;transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important}}::-webkit-scrollbar{width:var(--wim-spacing-sm);height:var(--wim-spacing-sm)}::-webkit-scrollbar-track{background:var(--wim-color-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--wim-color-scrollbar-thumb);border-radius:var(--wim-radius-full)}::-webkit-scrollbar-thumb:hover{background:oklch(from var(--wim-color-scrollbar-thumb) calc(l * 0.9) c h)}*{scrollbar-color:var(--wim-color-scrollbar-thumb) var(--wim-color-scrollbar-track);scrollbar-width:thin}}.wim-docs-container{padding:24px;color:var(--wim-color-text-primary);background-color:var(--wim-color-surface-app);border-radius:var(--wim-radius-container);transition:background-color var(--wim-duration-base) var(--wim-easing-standard),color var(--wim-duration-base) var(--wim-easing-standard)}.wim-docs-container h1,.wim-docs-container h2,.wim-docs-container h3,.wim-docs-container h4,.wim-docs-container h5,.wim-docs-container h6{margin-top:1.5em;margin-bottom:.5em;color:var(--wim-color-text-primary) !important}.wim-docs-container h1:first-child,.wim-docs-container h2:first-child,.wim-docs-container h3:first-child,.wim-docs-container h4:first-child,.wim-docs-container h5:first-child,.wim-docs-container h6:first-child{margin-top:0}.wim-docs-container p{line-height:1.6;color:var(--wim-color-text-primary) !important}.wim-docs-container ul,.wim-docs-container ol{padding-left:2em;margin:1em 0;color:var(--wim-color-text-primary) !important}.wim-docs-container ul li,.wim-docs-container ol li{margin-bottom:.5em;color:var(--wim-color-text-primary) !important}.wim-docs-container ul li strong,.wim-docs-container ol li strong{color:var(--wim-color-text-primary) !important}.wim-docs-container strong{color:var(--wim-color-text-primary) !important}.wim-docs-container code{padding:2px 4px;color:var(--wim-color-text-primary) !important;background-color:var(--wim-color-surface-variant);border-radius:var(--wim-radius-component)}.wim-docs-container small{color:var(--wim-color-text-secondary) !important}.wim-docs-container table{width:100%;margin:16px 0;color:var(--wim-color-text-primary) !important;border-collapse:collapse}.wim-docs-container table th,.wim-docs-container table td{padding:12px;color:var(--wim-color-text-primary) !important;background-color:var(--wim-color-surface);border:1px solid var(--wim-color-border)}.wim-docs-container table th strong,.wim-docs-container table td strong{color:var(--wim-color-text-primary) !important}.wim-docs-container table th{font-weight:600;background-color:var(--wim-color-surface-variant)}.wim-docs-container a{color:var(--wim-color-primary)}.wim-t code{display:inline-block;padding:3px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:var(--wim-font-size-xs);line-height:1;vertical-align:middle;color:var(--wim-color-text-primary) !important;background-color:oklch(from var(--wim-color-text-primary) l c h/0.01);border:1px solid oklch(from var(--wim-color-text-primary) l c h/0.05);border-radius:var(--wim-radius-sm)}.react-flow svg,.react-flow__edges svg,svg.react-flow__connectionline{display:unset !important;max-width:unset !important;height:unset !important}@layer utilities{.no-scrollbar{scrollbar-width:none !important;-ms-overflow-style:none !important}.no-scrollbar::-webkit-scrollbar{display:none !important}.subtle-scrollbar{scrollbar-color:var(--wim-color-scrollbar-thumb) var(--wim-color-scrollbar-track) !important;scrollbar-width:thin !important}.subtle-scrollbar::-webkit-scrollbar{width:var(--wim-spacing-lg) !important;height:var(--wim-spacing-lg) !important}.subtle-scrollbar::-webkit-scrollbar-track{background:var(--wim-color-scrollbar-track) !important}.subtle-scrollbar::-webkit-scrollbar-thumb{background-color:var(--wim-color-scrollbar-thumb) !important;background-clip:content-box !important;border:1px solid rgba(0,0,0,0) !important;border-radius:var(--wim-radius-lg) !important}.subtle-scrollbar::-webkit-scrollbar-thumb:hover{background-color:oklch(from var(--wim-color-scrollbar-thumb) calc(l * 0.9) c h) !important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0;clip-path:inset(50%)}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-nowrap{white-space:nowrap}.flex-center{display:flex !important;align-items:center !important;justify-content:center !important}.expand-click-area{position:relative}.expand-click-area::before{position:absolute;inset:calc(-1*var(--wim-spacing-lg));content:""}.unselectable{user-select:none}.pointer-events-none{pointer-events:none}.glass-sm{background:var(--wim-glass-bg);border:1px solid var(--wim-glass-border);backdrop-filter:blur(var(--wim-blur-sm))}.glass-md{background:var(--wim-glass-bg);border:1px solid var(--wim-glass-border);box-shadow:var(--wim-shadow-sm);backdrop-filter:blur(var(--wim-blur-md))}.glass-lg{background:var(--wim-glass-bg);border:1px solid var(--wim-glass-border);box-shadow:var(--wim-shadow-md);backdrop-filter:blur(var(--wim-blur-xl))}}body{font-family:var(--wim-font-family-default);font-optical-sizing:auto;font-feature-settings:normal;font-kerning:auto;line-height:var(--wim-line-height-normal);word-spacing:0;letter-spacing:0;line-break:normal;word-break:normal;text-wrap:pretty;overflow-wrap:anywhere;text-size-adjust:100%;text-spacing-trim:normal}body[lang=ja]{font-family:var(--wim-font-family-ja);font-feature-settings:"palt";line-height:var(--wim-line-height-normal-jp);hyphens:manual;line-break:auto}body[lang=ja] p,body[lang=ja] li,body[lang=ja] dd,body[lang=ja] dt{-webkit-line-break:strict;line-break:strict;word-break:break-all}body[lang=ja] h1,body[lang=ja] h2,body[lang=ja] h3,body[lang=ja] h4,body[lang=ja] h5,body[lang=ja] h6{-webkit-line-break:strict;line-break:strict}body[lang=en]{font-family:var(--wim-font-family-en);line-height:var(--wim-line-height-normal);hyphens:auto}body[lang=en] h1,body[lang=en] h2,body[lang=en] h3,body[lang=en] h4,body[lang=en] h5,body[lang=en] h6{hyphens:manual}body[lang=pt]{font-family:var(--wim-font-family-pt);line-height:var(--wim-line-height-normal);hyphens:auto}body[lang=pt] h1,body[lang=pt] h2,body[lang=pt] h3,body[lang=pt] h4,body[lang=pt] h5,body[lang=pt] h6{hyphens:manual}.font-size-ex-large{font-size:var(--wim-font-size-xl)}.font-size-large{font-size:var(--wim-font-size-lg)}.font-size-medium{font-size:var(--wim-font-size-md)}.font-size-small{font-size:var(--wim-font-size-sm)}.font-size-ex-small{font-size:var(--wim-font-size-xs)}.text-color-white{color:var(--wim-color-white)}.text-color-deepgray{color:var(--wim-color-text-primary)}.text-color-gray{color:var(--wim-color-text-secondary)}.text-color-lightgray{color:var(--wim-color-text-tertiary)}.text-color-black{color:var(--wim-color-surface-app)}.text-color-error{color:var(--wim-color-text-danger)}.font-weight-normal{font-weight:var(--wim-font-weight-normal)}.font-weight-bold{font-weight:var(--wim-font-weight-bold)}.font-style-normal{font-style:normal}.font-style-italic{font-style:italic}.font-lines-loose-jpan{line-height:var(--wim-line-height-loose-jp)}.font-lines-normal-jpan{line-height:var(--wim-line-height-normal-jp)}.font-lines-tight-jpan{line-height:var(--wim-line-height-tight-jp)}.font-lines-loose-latn{line-height:var(--wim-line-height-loose)}.font-lines-normal-latn{line-height:var(--wim-line-height-normal)}.font-lines-tight-latn{line-height:var(--wim-line-height-tight)}
+@layer reset, base, component, utilities;@layer reset{@media(prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto !important;transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important}}*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{padding:0;margin:0}button{padding:0;cursor:pointer;background-color:rgba(0,0,0,0);border:none}ol,ul{padding:0;margin:0;list-style:none}a{color:inherit;text-decoration:none}table{border-spacing:0;border-collapse:collapse}blockquote{margin:0}}@layer base{html{text-size-adjust:100%;line-height:1.15;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;scrollbar-gutter:auto}@media(width >= 769px){body{scrollbar-gutter:stable}}body{color:var(--wim-color-text-primary);overflow-wrap:break-word;background-color:var(--wim-color-surface-app);text-rendering:optimizelegibility;-webkit-tap-highlight-color:rgba(0,0,0,0)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;line-height:inherit;touch-action:manipulation}textarea{resize:vertical}rt{font-feature-settings:"palt"}dialog,[popover]{overscroll-behavior-block:contain}:focus-visible{outline:none;border-radius:inherit;box-shadow:var(--wim-shadow-focus)}@media(prefers-reduced-motion: reduce){*,::before,::after{scroll-behavior:auto !important;transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important}}::-webkit-scrollbar{width:var(--wim-spacing-sm);height:var(--wim-spacing-sm)}::-webkit-scrollbar-track{background:var(--wim-color-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--wim-color-scrollbar-thumb);border-radius:var(--wim-radius-full)}::-webkit-scrollbar-thumb:hover{background:oklch(from var(--wim-color-scrollbar-thumb) calc(l * 0.9) c h)}*{scrollbar-color:var(--wim-color-scrollbar-thumb) var(--wim-color-scrollbar-track);scrollbar-width:thin}}.wim-docs-container{padding:24px;color:var(--wim-color-text-primary);background-color:var(--wim-color-surface-app);border-radius:var(--wim-radius-container);transition:background-color var(--wim-duration-base) var(--wim-easing-standard),color var(--wim-duration-base) var(--wim-easing-standard)}.wim-docs-container h1,.wim-docs-container h2,.wim-docs-container h3,.wim-docs-container h4,.wim-docs-container h5,.wim-docs-container h6{margin-top:1.5em;margin-bottom:.5em;color:var(--wim-color-text-primary) !important}.wim-docs-container h1:first-child,.wim-docs-container h2:first-child,.wim-docs-container h3:first-child,.wim-docs-container h4:first-child,.wim-docs-container h5:first-child,.wim-docs-container h6:first-child{margin-top:0}.wim-docs-container p{line-height:1.6;color:var(--wim-color-text-primary) !important}.wim-docs-container ul,.wim-docs-container ol{padding-left:2em;margin:1em 0;color:var(--wim-color-text-primary) !important}.wim-docs-container ul li,.wim-docs-container ol li{margin-bottom:.5em;color:var(--wim-color-text-primary) !important}.wim-docs-container ul li strong,.wim-docs-container ol li strong{color:var(--wim-color-text-primary) !important}.wim-docs-container strong{color:var(--wim-color-text-primary) !important}.wim-docs-container code{font-family:var(--wim-font-family-mono, monospace)}.wim-docs-container code :where(code,pre,kbd,samp){font-family:inherit}.wim-docs-container code{padding:2px 4px;color:var(--wim-color-text-primary) !important;background-color:var(--wim-color-surface-variant);border-radius:var(--wim-radius-component)}.wim-docs-container small{color:var(--wim-color-text-secondary) !important}.wim-docs-container table{width:100%;margin:16px 0;color:var(--wim-color-text-primary) !important;border-collapse:collapse}.wim-docs-container table th,.wim-docs-container table td{padding:12px;color:var(--wim-color-text-primary) !important;background-color:var(--wim-color-surface);border:1px solid var(--wim-color-border)}.wim-docs-container table th strong,.wim-docs-container table td strong{color:var(--wim-color-text-primary) !important}.wim-docs-container table th{font-weight:600;background-color:var(--wim-color-surface-variant)}.wim-docs-container a{color:var(--wim-color-primary)}.wim-t code{display:inline-block;padding:3px 5px;font-family:var(--wim-font-family-mono, monospace)}.wim-t code :where(code,pre,kbd,samp){font-family:inherit}.wim-t code{font-size:var(--wim-font-size-xs);line-height:1;vertical-align:middle;color:var(--wim-color-text-primary) !important;background-color:oklch(from var(--wim-color-text-primary) l c h/0.01);border:1px solid oklch(from var(--wim-color-text-primary) l c h/0.05);border-radius:var(--wim-radius-sm)}.react-flow svg,.react-flow__edges svg,svg.react-flow__connectionline{display:unset !important;max-width:unset !important;height:unset !important}@layer utilities{.no-scrollbar{scrollbar-width:none !important;-ms-overflow-style:none !important}.no-scrollbar::-webkit-scrollbar{display:none !important}.subtle-scrollbar{scrollbar-color:var(--wim-color-scrollbar-thumb) var(--wim-color-scrollbar-track) !important;scrollbar-width:thin !important}.subtle-scrollbar::-webkit-scrollbar{width:var(--wim-spacing-lg) !important;height:var(--wim-spacing-lg) !important}.subtle-scrollbar::-webkit-scrollbar-track{background:var(--wim-color-scrollbar-track) !important}.subtle-scrollbar::-webkit-scrollbar-thumb{background-color:var(--wim-color-scrollbar-thumb) !important;background-clip:content-box !important;border:1px solid rgba(0,0,0,0) !important;border-radius:var(--wim-radius-lg) !important}.subtle-scrollbar::-webkit-scrollbar-thumb:hover{background-color:oklch(from var(--wim-color-scrollbar-thumb) calc(l * 0.9) c h) !important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0;clip-path:inset(50%)}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-nowrap{white-space:nowrap}.flex-center{display:flex !important;align-items:center !important;justify-content:center !important}.expand-click-area{position:relative}.expand-click-area::before{position:absolute;inset:calc(-1*var(--wim-spacing-lg));content:""}.unselectable{user-select:none}.pointer-events-none{pointer-events:none}.glass-sm{background:var(--wim-glass-bg);border:1px solid var(--wim-glass-border);backdrop-filter:blur(var(--wim-blur-sm))}.glass-md{background:var(--wim-glass-bg);border:1px solid var(--wim-glass-border);box-shadow:var(--wim-shadow-sm);backdrop-filter:blur(var(--wim-blur-md))}.glass-lg{background:var(--wim-glass-bg);border:1px solid var(--wim-glass-border);box-shadow:var(--wim-shadow-md);backdrop-filter:blur(var(--wim-blur-xl))}}body{font-family:var(--wim-font-family-default);font-optical-sizing:auto;font-feature-settings:normal;font-kerning:auto;line-height:var(--wim-line-height-normal);word-spacing:0;letter-spacing:0;line-break:normal;word-break:normal;text-wrap:pretty;overflow-wrap:anywhere;text-size-adjust:100%;text-spacing-trim:normal}body[lang=ja]{font-family:var(--wim-font-family-ja);font-feature-settings:"palt";line-height:var(--wim-line-height-normal-jp);hyphens:manual;line-break:auto}body[lang=ja] p,body[lang=ja] li,body[lang=ja] dd,body[lang=ja] dt{-webkit-line-break:strict;line-break:strict;word-break:break-all}body[lang=ja] h1,body[lang=ja] h2,body[lang=ja] h3,body[lang=ja] h4,body[lang=ja] h5,body[lang=ja] h6{-webkit-line-break:strict;line-break:strict}body[lang=en]{font-family:var(--wim-font-family-en);line-height:var(--wim-line-height-normal);hyphens:auto}body[lang=en] h1,body[lang=en] h2,body[lang=en] h3,body[lang=en] h4,body[lang=en] h5,body[lang=en] h6{hyphens:manual}body[lang=pt]{font-family:var(--wim-font-family-pt);line-height:var(--wim-line-height-normal);hyphens:auto}body[lang=pt] h1,body[lang=pt] h2,body[lang=pt] h3,body[lang=pt] h4,body[lang=pt] h5,body[lang=pt] h6{hyphens:manual}.font-size-ex-large{font-size:var(--wim-font-size-xl)}.font-size-large{font-size:var(--wim-font-size-lg)}.font-size-medium{font-size:var(--wim-font-size-md)}.font-size-small{font-size:var(--wim-font-size-sm)}.font-size-ex-small{font-size:var(--wim-font-size-xs)}.text-color-white{color:var(--wim-color-white)}.text-color-deepgray{color:var(--wim-color-text-primary)}.text-color-gray{color:var(--wim-color-text-secondary)}.text-color-lightgray{color:var(--wim-color-text-tertiary)}.text-color-black{color:var(--wim-color-surface-app)}.text-color-error{color:var(--wim-color-text-danger)}.font-weight-normal{font-weight:var(--wim-font-weight-normal)}.font-weight-bold{font-weight:var(--wim-font-weight-bold)}.font-style-normal{font-style:normal}.font-style-italic{font-style:italic}.font-lines-loose-jpan{line-height:var(--wim-line-height-loose-jp)}.font-lines-normal-jpan{line-height:var(--wim-line-height-normal-jp)}.font-lines-tight-jpan{line-height:var(--wim-line-height-tight-jp)}.font-lines-loose-latn{line-height:var(--wim-line-height-loose)}.font-lines-normal-latn{line-height:var(--wim-line-height-normal)}.font-lines-tight-latn{line-height:var(--wim-line-height-tight)}