wimui 0.19.0 → 0.21.0

package/dist/llms-full.txt

@@ -4,7 +4,7 @@
 
 ## What this is
 
-**wimui** v0.19.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).
+**wimui** v0.21.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
 
@@ -708,7 +708,10 @@ export function RenameWorkspace() {
     - `onAdd: () => void` — Called when the "Add Widget" button is clicked.
     - `columns: number` = 3 — Number of columns. Default: 3.
     - `gap: "xs" | "sm" | "md" | "lg" | "xl"` = "md" — Gap between widgets. Default: "md".
-    - `showEditToggle: boolean` = true — Show the edit toggle button in the header. Default: true.
+    - `showEditToggle: boolean` — Show the edit toggle button in the header. Default: true.
+    - `titleLevel: 2 | 3 | 4 | 5 | 6` = 3 — Heading level for the widget titles. Match it to the page: a dashboard
+under an `h1` needs `2`, one under an `h2` section keeps `3`.
+@default 3
     - `label: string` — Dashboard heading label.
 - **Divider** — Content separator (aka Separator, Horizontal Rule)
     - `orientation: "horizontal" | "vertical"` = "horizontal" — Orientation of the divider
@@ -2834,6 +2837,10 @@ Ignored when `truncate` is set (one line wins; they cannot both apply).
     - `xAxisKey: string` (required) — The key in the data objects used for the X axis labels.
     - `stacked: boolean` = false — If true, series are stacked on top of each other.
 @default false
+    - `yDomain: [ number | "auto" | "dataMin" | (string & {}), number | "auto" | "dataMax" | (string & {}), ]` = [0, "auto"] — Range of the Y axis. Pass ["auto", "auto"] when the change matters more
+than the distance from zero. Bars keep zero by default: their length is
+the value, so cutting the axis lies about the ratio between them.
+@default [0, "auto"]
     - `height: number` = 300 — The height of the chart in pixels.
 @default 300
     - `width: string | number` = "100%" — The width of the chart (e.g., "100%", 500).
@@ -2849,6 +2856,10 @@ Ignored when `truncate` is set (one line wins; they cannot both apply).
     - `xAxisKey: string` (required) — The key in the data objects used for the X axis labels.
     - `stacked: boolean` = false — If true, series are stacked on top of each other.
 @default false
+    - `yDomain: [ number | "auto" | "dataMin" | (string & {}), number | "auto" | "dataMax" | (string & {}), ]` = [0, "auto"] — Range of the Y axis. Pass ["auto", "auto"] when the change matters more
+than the distance from zero. Bars keep zero by default: their length is
+the value, so cutting the axis lies about the ratio between them.
+@default [0, "auto"]
     - `height: number` = 300 — The height of the chart in pixels.
 @default 300
     - `width: string | number` = "100%" — The width of the chart (e.g., "100%", 500).
@@ -2918,6 +2929,10 @@ Ignored when `truncate` is set (one line wins; they cannot both apply).
     - `title: string` — Optional title displayed above the chart.
     - `smooth: boolean` = false — If true, draws smooth (monotone) curves instead of straight lines.
 @default false
+    - `yDomain: [ number | "auto" | "dataMin" | (string & {}), number | "auto" | "dataMax" | (string & {}), ]` = [0, "auto"] — Range of the Y axis. Pass ["auto", "auto"] when the change matters more
+than the distance from zero (a yield moving between 84% and 85% is a flat
+line on a 0–100 axis).
+@default [0, "auto"]
     - `animated: boolean` = false — If true, animates the chart on mount.
 @default false
 - **PieChart** — Proportional parts of a whole chart
@@ -2948,6 +2963,10 @@ Ignored when `truncate` is set (one line wins; they cannot both apply).
 @default "X"
     - `yAxisName: string` = "Y" — Name of the Y axis, shown in the tooltip.
 @default "Y"
+    - `xDomain: [ number | "auto" | "dataMin" | (string & {}), number | "auto" | "dataMax" | (string & {}), ]` = ["auto", "auto"] — Range of the X axis.
+@default ["auto", "auto"]
+    - `yDomain: [ number | "auto" | "dataMin" | (string & {}), number | "auto" | "dataMax" | (string & {}), ]` = ["auto", "auto"] — Range of the Y axis.
+@default ["auto", "auto"]
     - `height: number` = 300 — The height of the chart in pixels.
 @default 300
     - `width: string | number` = "100%" — The width of the chart (e.g., "100%", 500).
@@ -2958,7 +2977,7 @@ Ignored when `truncate` is set (one line wins; they cannot both apply).
 - **Sparkline** — Tiny inline trend chart
     - `data: number[]` (required) — Sequence of values to plot, in order
     - `type: "line" | "area" | "bar"` = "line" — Visual form of the sparkline
-    - `width: number | string` = 100 — Width of the sparkline (number in px, or a CSS value such as "100%")
+    - `width: number | string` = "100%" — Width of the sparkline (number in px, or a CSS value such as "100%")
     - `height: number` = 24 — Height of the sparkline in px
     - `color: string` = "var(--wim-color-chart-primary)" — Stroke/fill color (defaults to the primary chart color)
     - `strokeWidth: number` = 2 — Stroke width for line and area types

package/dist/llms.txt

@@ -4,7 +4,7 @@
 
 ## What this is
 
-**wimui** v0.19.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).
+**wimui** v0.21.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
 

package/dist/locales/en/components.json

@@ -66,7 +66,7 @@
     "querybuilder_design_intent": "QueryBuilder enables end-users to construct complex, nested logical queries without writing code. Use it when search criteria are dynamic and user-defined rather than fixed.",
     "querybuilder_choice_matrix_desc": "Choose the right component based on the complexity of your search requirements:",
     "querybuilder_choice_self_when": "When users need to build arbitrary nested conditions with AND/OR/NOT logic across multiple field types.",
-    "querybuilder_choice_filterbar_when": "When filtering criteria are limited to a fixed set of predefined fields.",
+    "querybuilder_choice_filterbar_when": "When the filters are a fixed, known set of fields — a search box plus a few selects is enough.",
     "querybuilder_anatomy_root_label": "Root Group",
     "querybuilder_anatomy_root": "The top-level rule group. Always present and cannot be deleted. Contains the combinator toggle and the rules list.",
     "querybuilder_anatomy_group_label": "Nested Group",
@@ -119,7 +119,17 @@
     "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.",
     "progressRing_desc": "ProgressRing description.",
-    "splitButton_desc": "SplitButton description."
+    "splitButton_desc": "SplitButton description.",
+    "querybuilder_operators_title": "Operator values",
+    "querybuilder_operators_desc": "`QueryRule.operator` takes the value below, not the translation key. The set depends on the field type.",
+    "querybuilder_operators_type": "Field type",
+    "querybuilder_operators_values": "Accepted values",
+    "querybuilder_operators_note": "Passing anything else renders an empty operator control. The type rejects it, and a development-time warning names the accepted values for that field type.",
+    "selection_guide_link": "Foundation › Selection components — compare table, timing and the SegmentedControl / ToggleGroup line",
+    "togglegroup_choice_self_when": "When the buttons carry a value: formatting, a setting, a filter that goes into the query. The selection is part of the result, not a change of what you are looking at.",
+    "togglegroup_choice_alt_when": "When picking one changes what is shown below it — that is SegmentedControl.",
+    "segmentedcontrol_choice_self_when": "When picking one switches the view: which slice of the data, which period, which stage. What follows it changes.",
+    "segmentedcontrol_choice_alt_when": "When the choice is a value you keep (formatting, a setting, a filter) — that is ToggleGroup. For moving between pages, Tabs."
   },
   "cat": {
     "ai": "AI"
@@ -636,5 +646,12 @@
     "collapse": "Collapse {{label}}",
     "expand": "Expand {{label}}",
     "search_aria": "Search tree items"
+  },
+  "daterangepicker": {
+    "start": "Start date",
+    "end": "End date"
+  },
+  "colorinput": {
+    "swatch": "Pick a colour"
   }
 }

package/dist/locales/ja/components.json

@@ -147,7 +147,7 @@
     "querybuilder_anatomy_rule_label": "ルール行",
     "querybuilder_best_practice_1": "初めて使うユーザーが混乱しないよう、必ず defaultQuery を提供して空の状態にならないようにしてください。",
     "querybuilder_best_practice_2": "生成された QueryGroup はサーバーサイドでバリデーションしてください。クライアント側のクエリ構造のみを信頼してはいけません。",
-    "querybuilder_choice_filterbar_when": "フィルタリング条件が固定の定義済みフィールドに限定される場合。",
+    "querybuilder_choice_filterbar_when": "絞り込む項目が決まっていて増えないとき。検索欄と選択肢がいくつかあれば足りる。",
     "querybuilder_choice_matrix_desc": "検索要件の複雑さに応じて適切なコンポーネントを選択してください：",
     "querybuilder_choice_self_when": "AND/OR/NOT ロジックと複数のフィールド型による任意のネスト条件が必要な場合。",
     "querybuilder_content_guideline_1": "ユーザーが認識できる簡潔なフィールドラベルを使用してください。技術的な識別子をそのままフィールド名に使わないでください。",
@@ -191,7 +191,17 @@
     "toolbar_desc": "IconButton や ToggleGroup などをまとめるアクション帯。ツールバーのキーボード操作に対応します。",
     "menubar_desc": "File / Edit / View のようなデスクトップ型メニューバー。フローティングのサブメニューを開きます。",
     "progressRing_desc": "ProgressRing description.",
-    "splitButton_desc": "SplitButton description."
+    "splitButton_desc": "SplitButton description.",
+    "querybuilder_operators_title": "演算子の値",
+    "querybuilder_operators_desc": "`QueryRule.operator` に渡すのは下の値で、翻訳キーではありません。使える集合はフィールドの型で決まります。",
+    "querybuilder_operators_type": "フィールドの型",
+    "querybuilder_operators_values": "渡せる値",
+    "querybuilder_operators_note": "これ以外を渡すと演算子の欄が空で描画されます。型では弾かれ、開発時にはその型で使える値を並べた警告が出ます。",
+    "selection_guide_link": "Foundation › 選択系コンポーネントの使い分け ── 比較表・反映のタイミング・SegmentedControl と ToggleGroup の線引き",
+    "togglegroup_choice_self_when": "ボタンが値を持つとき。書式・設定・条件に混ざる絞り込みなど、選んだものが結果の一部になる場合。見ている対象は変わらない。",
+    "togglegroup_choice_alt_when": "選ぶと下の内容が入れ替わるなら SegmentedControl。",
+    "segmentedcontrol_choice_self_when": "選ぶとビューが切り替わるとき。データのどの断面か、どの期間か、どの段階か。後ろの内容が入れ替わる場合。",
+    "segmentedcontrol_choice_alt_when": "選んだものが持ち続ける値（書式・設定・絞り込み）なら ToggleGroup。ページ間の移動なら Tabs。"
   },
   "effects": {
     "common_vars": "共通変数"
@@ -636,5 +646,12 @@
     "collapse": "{{label}} を折りたたむ",
     "expand": "{{label}} を展開",
     "search_aria": "ツリー項目を検索"
+  },
+  "daterangepicker": {
+    "start": "開始日",
+    "end": "終了日"
+  },
+  "colorinput": {
+    "swatch": "色を選ぶ"
   }
 }

package/dist/locales/pt/components.json

@@ -147,7 +147,7 @@
     "querybuilder_anatomy_rule_label": "Linha de Regra",
     "querybuilder_best_practice_1": "Sempre forneça um defaultQuery para evitar um estado vazio que pode confundir usuários novatos.",
     "querybuilder_best_practice_2": "Valide o QueryGroup gerado no servidor; não confie apenas na estrutura de consulta do lado do cliente.",
-    "querybuilder_choice_filterbar_when": "Quando os critérios de filtragem estão limitados a um conjunto fixo de campos predefinidos.",
+    "querybuilder_choice_filterbar_when": "Quando os filtros são um conjunto fixo e conhecido de campos — uma busca e alguns seletores bastam.",
     "querybuilder_choice_matrix_desc": "Escolha o componente certo com base na complexidade dos requisitos de pesquisa:",
     "querybuilder_choice_self_when": "Quando os usuários precisam criar condições aninhadas arbitrárias com lógica AND/OR/NOT e múltiplos tipos de campo.",
     "querybuilder_content_guideline_1": "Use rótulos de campo concisos e reconhecíveis pelo usuário. Evite expor identificadores técnicos brutos como nomes de campo.",
@@ -191,7 +191,17 @@
     "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.",
     "progressRing_desc": "ProgressRing description.",
-    "splitButton_desc": "SplitButton description."
+    "splitButton_desc": "SplitButton description.",
+    "querybuilder_operators_title": "Valores de operador",
+    "querybuilder_operators_desc": "`QueryRule.operator` recebe o valor abaixo, não a chave de tradução. O conjunto depende do tipo do campo.",
+    "querybuilder_operators_type": "Tipo do campo",
+    "querybuilder_operators_values": "Valores aceitos",
+    "querybuilder_operators_note": "Qualquer outro valor deixa o controle de operador vazio. O tipo recusa, e um aviso em desenvolvimento lista os valores aceitos para aquele tipo.",
+    "selection_guide_link": "Foundation › Componentes de seleção — tabela comparativa, momento da aplicação e a linha entre SegmentedControl e ToggleGroup",
+    "togglegroup_choice_self_when": "Quando os botões carregam um valor: formatação, uma configuração, um filtro que entra na consulta. A escolha faz parte do resultado, não troca o que você está vendo.",
+    "togglegroup_choice_alt_when": "Quando escolher um troca o que aparece abaixo — isso é SegmentedControl.",
+    "segmentedcontrol_choice_self_when": "Quando escolher um troca a visão: qual recorte dos dados, qual período, qual etapa. O que vem depois muda.",
+    "segmentedcontrol_choice_alt_when": "Quando a escolha é um valor que você mantém (formatação, configuração, filtro) — isso é ToggleGroup. Para navegar entre páginas, Tabs."
   },
   "effects": {
     "common_vars": "Variáveis Comuns"
@@ -636,5 +646,12 @@
     "collapse": "Recolher {{label}}",
     "expand": "Expandir {{label}}",
     "search_aria": "Buscar itens da árvore"
+  },
+  "daterangepicker": {
+    "start": "Data inicial",
+    "end": "Data final"
+  },
+  "colorinput": {
+    "swatch": "Escolher uma cor"
   }
 }

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}code,kbd,samp,pre{font-family:var(--wim-font-family-mono, monospace)}code :where(code,pre,kbd,samp),kbd :where(code,pre,kbd,samp),samp :where(code,pre,kbd,samp),pre :where(code,pre,kbd,samp){font-family:inherit}code,kbd,samp,pre{font-size:1em}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-text-accent)}.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)}
+@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}code,kbd,samp,pre{font-family:var(--wim-font-family-mono, monospace)}code :where(code,pre,kbd,samp),kbd :where(code,pre,kbd,samp),samp :where(code,pre,kbd,samp),pre :where(code,pre,kbd,samp){font-family:inherit}code,kbd,samp,pre{font-size:1em}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-text-accent)}.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=en] input,body[lang=en] textarea,body[lang=en] [contenteditable=true],body[lang=en] [contenteditable=""]{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}body[lang=pt] input,body[lang=pt] textarea,body[lang=pt] [contenteditable=true],body[lang=pt] [contenteditable=""]{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)}