wimui 0.18.0 → 0.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (187) hide show
  1. package/dist/components/_internal/FeedbackIcon.cjs +1 -1
  2. package/dist/components/_internal/FeedbackIcon.d.ts +14 -3
  3. package/dist/components/_internal/FeedbackIcon.js +2 -2
  4. package/dist/components/_internal/FieldCharacterCount/FieldCharacterCount.cjs +1 -1
  5. package/dist/components/_internal/FieldCharacterCount/FieldCharacterCount.js +2 -8
  6. package/dist/components/ai/ChatUI/ChatUI.cjs +1 -1
  7. package/dist/components/ai/ChatUI/ChatUI.d.ts +15 -4
  8. package/dist/components/ai/ChatUI/ChatUI.js +1 -1
  9. package/dist/components/ai/ChatUI/chat-ui.module.cjs +1 -1
  10. package/dist/components/ai/ChatUI/chat-ui.module.js +5 -5
  11. package/dist/components/ai/Terminal/terminal.module.cjs +1 -1
  12. package/dist/components/ai/Terminal/terminal.module.js +1 -1
  13. package/dist/components/ai/ThoughtProcess/ThoughtProcess.cjs +1 -1
  14. package/dist/components/ai/ThoughtProcess/ThoughtProcess.js +2 -2
  15. package/dist/components/ai/ThreadList/thread-list.module.cjs +1 -1
  16. package/dist/components/ai/ThreadList/thread-list.module.js +1 -1
  17. package/dist/components/charts/GaugeChart/GaugeChart.cjs +1 -1
  18. package/dist/components/charts/GaugeChart/GaugeChart.js +1 -1
  19. package/dist/components/data-display/Calendar/calendar.module.cjs +1 -1
  20. package/dist/components/data-display/Calendar/calendar.module.js +1 -1
  21. package/dist/components/data-display/Carousel/carousel.module.cjs +1 -1
  22. package/dist/components/data-display/Carousel/carousel.module.js +1 -1
  23. package/dist/components/data-display/Chip/chip.module.cjs +1 -1
  24. package/dist/components/data-display/Chip/chip.module.js +2 -2
  25. package/dist/components/data-display/EmptyState/EmptyState.cjs +1 -1
  26. package/dist/components/data-display/EmptyState/EmptyState.d.ts +1 -3
  27. package/dist/components/data-display/EmptyState/EmptyState.js +10 -11
  28. package/dist/components/data-display/FAQSection/FAQSection.cjs +1 -1
  29. package/dist/components/data-display/FAQSection/FAQSection.js +1 -1
  30. package/dist/components/data-display/JsonViewer/json-viewer.module.cjs +1 -1
  31. package/dist/components/data-display/JsonViewer/json-viewer.module.js +8 -7
  32. package/dist/components/data-display/Kanban/Kanban.cjs +1 -1
  33. package/dist/components/data-display/Kanban/Kanban.js +1 -0
  34. package/dist/components/data-display/Reaction/reaction.module.cjs +1 -1
  35. package/dist/components/data-display/Reaction/reaction.module.js +1 -1
  36. package/dist/components/data-display/ScheduleView/schedule-view.module.cjs +1 -1
  37. package/dist/components/data-display/ScheduleView/schedule-view.module.js +1 -1
  38. package/dist/components/data-display/Stats/Stats.cjs +1 -1
  39. package/dist/components/data-display/Stats/Stats.js +1 -5
  40. package/dist/components/data-display/Tag/tag.module.cjs +1 -1
  41. package/dist/components/data-display/Tag/tag.module.js +1 -1
  42. package/dist/components/data-display/Timeline/Timeline.cjs +1 -1
  43. package/dist/components/data-display/Timeline/Timeline.d.ts +6 -1
  44. package/dist/components/data-display/Timeline/Timeline.js +1 -1
  45. package/dist/components/data-display/Timeline/timeline.module.cjs +1 -1
  46. package/dist/components/data-display/Timeline/timeline.module.js +9 -6
  47. package/dist/components/data-display/TreeView/tree-view.module.cjs +1 -1
  48. package/dist/components/data-display/TreeView/tree-view.module.js +19 -19
  49. package/dist/components/data-display/VirtualList/virtual-list.module.cjs +1 -1
  50. package/dist/components/data-display/VirtualList/virtual-list.module.js +1 -1
  51. package/dist/components/feedback/LoadingOverlay/LoadingOverlay.d.ts +8 -2
  52. package/dist/components/feedback/Notification/Notification.cjs +1 -1
  53. package/dist/components/feedback/Notification/Notification.js +3 -8
  54. package/dist/components/feedback/Notification/notification.module.cjs +1 -1
  55. package/dist/components/feedback/Notification/notification.module.js +2 -2
  56. package/dist/components/feedback/Result/Result.cjs +1 -1
  57. package/dist/components/feedback/Result/Result.js +2 -2
  58. package/dist/components/feedback/ScrollProgress/ScrollProgress.cjs +1 -1
  59. package/dist/components/feedback/ScrollProgress/ScrollProgress.d.ts +10 -2
  60. package/dist/components/feedback/ScrollProgress/ScrollProgress.js +2 -2
  61. package/dist/components/feedback/ScrollProgress/scrollprogress.module.cjs +1 -1
  62. package/dist/components/feedback/ScrollProgress/scrollprogress.module.js +6 -4
  63. package/dist/components/feedback/Snackbar/snackbar.module.cjs +1 -1
  64. package/dist/components/feedback/Snackbar/snackbar.module.js +7 -7
  65. package/dist/components/feedback/Tour/Tour.cjs +1 -1
  66. package/dist/components/feedback/Tour/Tour.js +5 -4
  67. package/dist/components/form/Button/button.module.cjs +1 -1
  68. package/dist/components/form/Button/button.module.js +2 -2
  69. package/dist/components/form/Checkbox/checkbox.module.cjs +1 -1
  70. package/dist/components/form/Checkbox/checkbox.module.js +1 -1
  71. package/dist/components/form/ColorInput/ColorInput.cjs +1 -1
  72. package/dist/components/form/ColorInput/ColorInput.d.ts +9 -1
  73. package/dist/components/form/ColorInput/ColorInput.js +36 -46
  74. package/dist/components/form/ColorInput/color-input.module.cjs +1 -1
  75. package/dist/components/form/ColorInput/color-input.module.js +4 -7
  76. package/dist/components/form/CreditCardInput/CreditCardInput.cjs +1 -1
  77. package/dist/components/form/CreditCardInput/CreditCardInput.js +27 -28
  78. package/dist/components/form/DatePicker/DatePicker.cjs +1 -1
  79. package/dist/components/form/DatePicker/DatePicker.js +37 -37
  80. package/dist/components/form/DateRangePicker/DateRangePicker.cjs +1 -1
  81. package/dist/components/form/DateRangePicker/DateRangePicker.js +36 -37
  82. package/dist/components/form/Dropzone/Dropzone.cjs +1 -1
  83. package/dist/components/form/Dropzone/Dropzone.js +0 -1
  84. package/dist/components/form/FloatButton/FloatButton.cjs +1 -1
  85. package/dist/components/form/FloatButton/FloatButton.d.ts +10 -2
  86. package/dist/components/form/FloatButton/FloatButton.js +2 -2
  87. package/dist/components/form/FloatButton/float-button.module.cjs +1 -1
  88. package/dist/components/form/FloatButton/float-button.module.js +16 -18
  89. package/dist/components/form/InputBase/input-base.module.cjs +1 -1
  90. package/dist/components/form/InputBase/input-base.module.js +1 -1
  91. package/dist/components/form/Mentions/Mentions.cjs +1 -1
  92. package/dist/components/form/Mentions/Mentions.js +0 -1
  93. package/dist/components/form/MultiSelect/MultiSelect.cjs +1 -1
  94. package/dist/components/form/MultiSelect/MultiSelect.js +1 -1
  95. package/dist/components/form/QueryBuilder/QueryBuilder.cjs +1 -1
  96. package/dist/components/form/QueryBuilder/QueryBuilder.d.ts +124 -1
  97. package/dist/components/form/QueryBuilder/QueryBuilder.js +87 -84
  98. package/dist/components/form/QueryBuilder/querybuilder.module.cjs +1 -1
  99. package/dist/components/form/QueryBuilder/querybuilder.module.js +1 -1
  100. package/dist/components/form/QueryBuilder/warn-unknown-operator.cjs +2 -0
  101. package/dist/components/form/QueryBuilder/warn-unknown-operator.d.ts +3 -0
  102. package/dist/components/form/QueryBuilder/warn-unknown-operator.js +4 -0
  103. package/dist/components/form/Radio/radio.module.cjs +1 -1
  104. package/dist/components/form/Radio/radio.module.js +1 -1
  105. package/dist/components/form/RangeSlider/range-slider.module.cjs +1 -1
  106. package/dist/components/form/RangeSlider/range-slider.module.js +1 -1
  107. package/dist/components/form/Rating/rating.module.cjs +1 -1
  108. package/dist/components/form/Rating/rating.module.js +1 -1
  109. package/dist/components/form/SegmentedControl/segmented-control.module.cjs +1 -1
  110. package/dist/components/form/SegmentedControl/segmented-control.module.js +1 -1
  111. package/dist/components/form/Slider/slider.module.cjs +1 -1
  112. package/dist/components/form/Slider/slider.module.js +1 -1
  113. package/dist/components/form/SmartSearchInput/SmartSearchInput.cjs +1 -1
  114. package/dist/components/form/SmartSearchInput/SmartSearchInput.js +4 -0
  115. package/dist/components/form/SmartSearchInput/smart-search-input.module.cjs +1 -1
  116. package/dist/components/form/SmartSearchInput/smart-search-input.module.js +5 -3
  117. package/dist/components/form/Switch/switch.module.cjs +1 -1
  118. package/dist/components/form/Switch/switch.module.js +1 -1
  119. package/dist/components/form/TagInput/TagInput.cjs +1 -1
  120. package/dist/components/form/TagInput/TagInput.js +1 -1
  121. package/dist/components/form/ThemeToggle/theme-toggle.module.cjs +1 -1
  122. package/dist/components/form/ThemeToggle/theme-toggle.module.js +1 -1
  123. package/dist/components/form/ToggleGroup/toggle-group.module.cjs +1 -1
  124. package/dist/components/form/ToggleGroup/toggle-group.module.js +1 -1
  125. package/dist/components/layout/Footer/Footer.cjs +1 -1
  126. package/dist/components/layout/Footer/Footer.d.ts +1 -1
  127. package/dist/components/layout/Footer/Footer.js +1 -1
  128. package/dist/components/layout/Footer/footer.module.cjs +1 -1
  129. package/dist/components/layout/Footer/footer.module.js +4 -4
  130. package/dist/components/layout/Header/Header.cjs +1 -1
  131. package/dist/components/layout/Header/Header.d.ts +1 -1
  132. package/dist/components/layout/Header/Header.js +1 -1
  133. package/dist/components/layout/Header/header.module.cjs +1 -1
  134. package/dist/components/layout/Header/header.module.js +4 -4
  135. package/dist/components/media/Audio/Audio.cjs +1 -1
  136. package/dist/components/media/Audio/Audio.js +1 -1
  137. package/dist/components/media/Image/Image.cjs +1 -1
  138. package/dist/components/media/Image/Image.js +1 -1
  139. package/dist/components/media/ImageCompare/image-compare.module.cjs +1 -1
  140. package/dist/components/media/ImageCompare/image-compare.module.js +6 -6
  141. package/dist/components/navigation/CommandPalette/command-palette.module.cjs +1 -1
  142. package/dist/components/navigation/CommandPalette/command-palette.module.js +1 -1
  143. package/dist/components/navigation/Link/Link.cjs +1 -1
  144. package/dist/components/navigation/Link/Link.js +1 -1
  145. package/dist/components/navigation/Menubar/menubar.module.cjs +1 -1
  146. package/dist/components/navigation/Menubar/menubar.module.js +1 -1
  147. package/dist/components/navigation/Pagination/pagination.module.cjs +1 -1
  148. package/dist/components/navigation/Pagination/pagination.module.js +1 -1
  149. package/dist/components/navigation/SpeedDial/SpeedDial.cjs +1 -1
  150. package/dist/components/navigation/SpeedDial/SpeedDial.js +3 -4
  151. package/dist/components/overlay/ContextMenu/ContextMenu.cjs +1 -1
  152. package/dist/components/overlay/ContextMenu/ContextMenu.js +1 -1
  153. package/dist/components/overlay/Drawer/Drawer.cjs +1 -1
  154. package/dist/components/overlay/Drawer/Drawer.d.ts +32 -4
  155. package/dist/components/overlay/Drawer/Drawer.js +22 -17
  156. package/dist/components/overlay/Drawer/drawer.module.cjs +1 -1
  157. package/dist/components/overlay/Drawer/drawer.module.js +4 -3
  158. package/dist/components/overlay/Popconfirm/Popconfirm.cjs +1 -1
  159. package/dist/components/overlay/Popconfirm/Popconfirm.js +1 -1
  160. package/dist/components/overlay/Popover/popover.module.cjs +1 -1
  161. package/dist/components/overlay/Popover/popover.module.js +1 -1
  162. package/dist/components/typography/Spoiler/spoiler.module.cjs +1 -1
  163. package/dist/components/typography/Spoiler/spoiler.module.js +1 -1
  164. package/dist/i18n/generated/keys.d.ts +1 -1
  165. package/dist/i18n/generated/resources.cjs +1 -1
  166. package/dist/i18n/generated/resources.js +18 -3
  167. package/dist/index.cjs +1 -1
  168. package/dist/index.js +267 -267
  169. package/dist/llms-full.txt +19 -11
  170. package/dist/llms.txt +1 -1
  171. package/dist/locales/en/components.json +19 -2
  172. package/dist/locales/ja/components.json +19 -2
  173. package/dist/locales/pt/components.json +19 -2
  174. package/dist/overlay.cjs +1 -1
  175. package/dist/overlay.js +11 -11
  176. package/dist/reset.css +1 -1
  177. package/dist/styles.css +2 -2
  178. package/dist/types/generated-tokens.d.ts +1 -1
  179. package/dist/utilities/style-utils.cjs +1 -1
  180. package/dist/utilities/style-utils.js +1 -1
  181. package/dist/wimui.umd.css +1 -1
  182. package/dist/wimui.umd.js +5 -5
  183. package/package.json +12 -7
  184. package/dist/components/data-display/EmptyState/empty-state.module.cjs +0 -2
  185. package/dist/components/data-display/EmptyState/empty-state.module.js +0 -5
  186. package/dist/components/form/CreditCardInput/credit-card-input.module.cjs +0 -2
  187. package/dist/components/form/CreditCardInput/credit-card-input.module.js +0 -5
@@ -4,7 +4,7 @@
4
4
 
5
5
  ## What this is
6
6
 
7
- **wimui** v0.18.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).
7
+ **wimui** v0.20.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).
8
8
 
9
9
  ## Install & required setup
10
10
 
@@ -724,7 +724,7 @@ export function RenameWorkspace() {
724
724
  - **Footer** — Lower navigation
725
725
  - `bordered: boolean` — Border at the top
726
726
  - `fluid: boolean` — Expand content to full width (disable the centered max-width container)
727
- - `background: "primary" | "secondary" | "dark"` = "primary" — Background color
727
+ - `background: "surface" | "surface-variant" | "inverse"` = "surface" — Background color
728
728
  - **Grid** — Flexbox or CSS Grid system
729
729
  - `asChild: boolean` = false — If true, the grid will be rendered as its child, merging its props onto that child.
730
730
  The container-query wrapper div is preserved to maintain responsive column behaviour.
@@ -750,7 +750,7 @@ The container-query wrapper div is preserved to maintain responsive column behav
750
750
  - `bordered: boolean` — Border at the bottom
751
751
  - `glass: boolean` — Glassmorphism effect
752
752
  - `fluid: boolean` — Expand content to full width (disable the centered max-width container)
753
- - `background: "primary" | "secondary" | "transparent"` = "primary" — Background color
753
+ - `background: "surface" | "surface-variant" | "transparent"` = "surface" — Background color
754
754
  - **InteractiveArea** — Interactive empty/drop zone area
755
755
  - `title: ReactNode` — Area title
756
756
  - `description: ReactNode` — Area description
@@ -1173,13 +1173,18 @@ it undefined to let the field track its own selection.
1173
1173
  - **FloatButton** — Floating action buttons
1174
1174
  - `asChild: boolean` = false — If true, the button will be rendered as its child, merging its props onto that child.
1175
1175
  - `iconName: "CircleIcon" | "SquareIcon" | "LoadingIcon" | "ExternalLinkIcon" | "ArrowUpIcon" | string` = "CircleIcon" — Icon name from the library
1176
- - `variant: "default" | "primary" | "glass"` — Variant of the button
1176
+ - `variant: "outline" | "glass"` — 見た目の強さ。既定(未指定)は intent の塗り。
1177
+
1178
+ 以前は `"default" | "primary" | "glass"` だったが、3 つとも実態とずれていた(T114):
1179
+ `primary` は variant 未指定とまったく同じ規則に落ちる重複、
1180
+ `default` は**既定の見た目ではなく枠線のある outline** で名前が逆、
1181
+ SCSS には誰も付けない `.default_intent` が「temporary name」のまま残っていた。
1177
1182
  - `intent: ButtonIntent` = "default" — Intent of the button (semantic meaning)
1178
1183
  - `shape: "circle" | "square"` = "circle" — Shape of the button
1179
1184
  - `size: Extract<ComponentSize, "sm" | "md" | "lg">` = "md" — Size of the button
1180
1185
  - `label: React.ReactNode` — Label text for extended FAB
1181
1186
  - `shrink: boolean` = false — Whether to shrink the extended FAB (hide label)
1182
- - `position: "bottom-right" | "bottom-left" | "bottom-center" | "top-right" | "top-left" | "static"` = "bottom-right" — Position of the button
1187
+ - `position: "bottom-right" | "bottom-left" | "bottom-center" | "top-right" | "top-left" | "inline"` = "bottom-right" — Position of the button
1183
1188
  - `description: React.ReactNode` — Description for tooltip
1184
1189
  - `badge: number | boolean` — Badge content (number or dot)
1185
1190
  - `backTop: boolean` = false — If true, the button will scroll to the top of the page when clicked
@@ -1836,8 +1841,9 @@ When a function is passed, it is called as (error, errorInfo, reset) => ReactNod
1836
1841
  @default "spinner"
1837
1842
  - `loaderSize: "sm" | "md" | "lg" | "xl"` = "lg" — Size of the loading indicator.
1838
1843
  @default "lg"
1839
- - `loaderColor: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "currentColor"` = "primary" — Color of the loading indicator.
1840
- @default "primary"
1844
+ - `loaderColor: "currentColor" | WimColor` = "primary" — 渡した値はそのまま `Spinner` / `Loader` の `color` へ流れる。
1845
+ 以前はここだけが独自の閉じた集合を持っており、同じ値が 3 段で違う型を
1846
+ 通っていた(T118)。委譲先と同じ型にそろえる。
1841
1847
  - `backdropVariant: "light" | "dark"` = "dark" — Background style of the overlay.
1842
1848
  @default "dark"
1843
1849
  - `blur: "none" | "sm" | "md" | "lg"` = "sm" — Strength of the backdrop blur effect.
@@ -1846,7 +1852,7 @@ When a function is passed, it is called as (error, errorInfo, reset) => ReactNod
1846
1852
  - `fixed: boolean` = false — Whether to use position: fixed (covers the whole screen).
1847
1853
 
1848
1854
  When `false` (the default) the overlay is `position: absolute`, so it covers
1849
- **the nearest positioned ancestor** — not necessarily the element you wrapped.
1855
+ the nearest positioned ancestor — not necessarily the element you wrapped.
1850
1856
  Give that element a position explicitly, e.g. `<Box position="relative">`.
1851
1857
 
1852
1858
  `Card` sets `position: relative` for this reason (T88), so
@@ -1889,8 +1895,11 @@ follows the theme and never needs a hand-mixed colour.
1889
1895
  - `className: string` — Custom class name
1890
1896
  - `children: ReactNode` — The children
1891
1897
  - **ScrollProgress** — Reading progress indicator
1892
- - `color: "primary" | "secondary" | "success" | "warning" | "danger"` = "primary" — Color of the progress bar.
1893
- @default "primary"
1898
+ - `intent: IndicatorIntent` = "primary" — 意味の軸。兄弟の `Progress` / `ProgressRing` と同じ語彙にそろえてある。
1899
+
1900
+ 以前は `color` という名前で、値も独自(`secondary` を含む)だった。
1901
+ 塗っているものは `Progress.intent` と構造まで同一だったので、prop 名だけが
1902
+ ずれていた(T114)。
1894
1903
  - `target: React.RefObject<HTMLElement | null>` — Element whose scroll position is tracked. Defaults to `window`.
1895
1904
  - **Skeleton** — Placeholder for content loading states. (aka Shimmer)
1896
1905
  - `variant: "text" | "rect" | "circle"` = "text" — Shape of the skeleton.
@@ -2249,7 +2258,6 @@ drops secondary text below the AA contrast floor.
2249
2258
  - `description: React.ReactNode` — Description text to display.
2250
2259
  - `icon: React.ReactNode` — Icon to display.
2251
2260
  - `extra: React.ReactNode` — Element shown as an action (e.g. a button).
2252
- - `variant: "default" | "simple"` = "default" — Design variant.
2253
2261
  - **FAQSection** — Frequently Asked Questions section
2254
2262
  - `items: FAQItem[]` (required) — FAQ items.
2255
2263
  - `title: React.ReactNode` — Main title of the section.
package/dist/llms.txt CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  ## What this is
6
6
 
7
- **wimui** v0.18.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).
7
+ **wimui** v0.20.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).
8
8
 
9
9
  ## Install & required setup
10
10
 
@@ -66,7 +66,7 @@
66
66
  "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.",
67
67
  "querybuilder_choice_matrix_desc": "Choose the right component based on the complexity of your search requirements:",
68
68
  "querybuilder_choice_self_when": "When users need to build arbitrary nested conditions with AND/OR/NOT logic across multiple field types.",
69
- "querybuilder_choice_filterbar_when": "When filtering criteria are limited to a fixed set of predefined fields.",
69
+ "querybuilder_choice_filterbar_when": "When the filters are a fixed, known set of fields — a search box plus a few selects is enough.",
70
70
  "querybuilder_anatomy_root_label": "Root Group",
71
71
  "querybuilder_anatomy_root": "The top-level rule group. Always present and cannot be deleted. Contains the combinator toggle and the rules list.",
72
72
  "querybuilder_anatomy_group_label": "Nested Group",
@@ -119,7 +119,17 @@
119
119
  "toolbar_desc": "Action strip for IconButton, ToggleGroup, and related controls with toolbar keyboard navigation.",
120
120
  "menubar_desc": "Desktop-style application menu bar with floating File / Edit / View submenus.",
121
121
  "progressRing_desc": "ProgressRing description.",
122
- "splitButton_desc": "SplitButton description."
122
+ "splitButton_desc": "SplitButton description.",
123
+ "querybuilder_operators_title": "Operator values",
124
+ "querybuilder_operators_desc": "`QueryRule.operator` takes the value below, not the translation key. The set depends on the field type.",
125
+ "querybuilder_operators_type": "Field type",
126
+ "querybuilder_operators_values": "Accepted values",
127
+ "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.",
128
+ "selection_guide_link": "Foundation › Selection components — compare table, timing and the SegmentedControl / ToggleGroup line",
129
+ "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.",
130
+ "togglegroup_choice_alt_when": "When picking one changes what is shown below it — that is SegmentedControl.",
131
+ "segmentedcontrol_choice_self_when": "When picking one switches the view: which slice of the data, which period, which stage. What follows it changes.",
132
+ "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."
123
133
  },
124
134
  "cat": {
125
135
  "ai": "AI"
@@ -636,5 +646,12 @@
636
646
  "collapse": "Collapse {{label}}",
637
647
  "expand": "Expand {{label}}",
638
648
  "search_aria": "Search tree items"
649
+ },
650
+ "daterangepicker": {
651
+ "start": "Start date",
652
+ "end": "End date"
653
+ },
654
+ "colorinput": {
655
+ "swatch": "Pick a colour"
639
656
  }
640
657
  }
@@ -147,7 +147,7 @@
147
147
  "querybuilder_anatomy_rule_label": "ルール行",
148
148
  "querybuilder_best_practice_1": "初めて使うユーザーが混乱しないよう、必ず defaultQuery を提供して空の状態にならないようにしてください。",
149
149
  "querybuilder_best_practice_2": "生成された QueryGroup はサーバーサイドでバリデーションしてください。クライアント側のクエリ構造のみを信頼してはいけません。",
150
- "querybuilder_choice_filterbar_when": "フィルタリング条件が固定の定義済みフィールドに限定される場合。",
150
+ "querybuilder_choice_filterbar_when": "絞り込む項目が決まっていて増えないとき。検索欄と選択肢がいくつかあれば足りる。",
151
151
  "querybuilder_choice_matrix_desc": "検索要件の複雑さに応じて適切なコンポーネントを選択してください:",
152
152
  "querybuilder_choice_self_when": "AND/OR/NOT ロジックと複数のフィールド型による任意のネスト条件が必要な場合。",
153
153
  "querybuilder_content_guideline_1": "ユーザーが認識できる簡潔なフィールドラベルを使用してください。技術的な識別子をそのままフィールド名に使わないでください。",
@@ -191,7 +191,17 @@
191
191
  "toolbar_desc": "IconButton や ToggleGroup などをまとめるアクション帯。ツールバーのキーボード操作に対応します。",
192
192
  "menubar_desc": "File / Edit / View のようなデスクトップ型メニューバー。フローティングのサブメニューを開きます。",
193
193
  "progressRing_desc": "ProgressRing description.",
194
- "splitButton_desc": "SplitButton description."
194
+ "splitButton_desc": "SplitButton description.",
195
+ "querybuilder_operators_title": "演算子の値",
196
+ "querybuilder_operators_desc": "`QueryRule.operator` に渡すのは下の値で、翻訳キーではありません。使える集合はフィールドの型で決まります。",
197
+ "querybuilder_operators_type": "フィールドの型",
198
+ "querybuilder_operators_values": "渡せる値",
199
+ "querybuilder_operators_note": "これ以外を渡すと演算子の欄が空で描画されます。型では弾かれ、開発時にはその型で使える値を並べた警告が出ます。",
200
+ "selection_guide_link": "Foundation › 選択系コンポーネントの使い分け ── 比較表・反映のタイミング・SegmentedControl と ToggleGroup の線引き",
201
+ "togglegroup_choice_self_when": "ボタンが値を持つとき。書式・設定・条件に混ざる絞り込みなど、選んだものが結果の一部になる場合。見ている対象は変わらない。",
202
+ "togglegroup_choice_alt_when": "選ぶと下の内容が入れ替わるなら SegmentedControl。",
203
+ "segmentedcontrol_choice_self_when": "選ぶとビューが切り替わるとき。データのどの断面か、どの期間か、どの段階か。後ろの内容が入れ替わる場合。",
204
+ "segmentedcontrol_choice_alt_when": "選んだものが持ち続ける値(書式・設定・絞り込み)なら ToggleGroup。ページ間の移動なら Tabs。"
195
205
  },
196
206
  "effects": {
197
207
  "common_vars": "共通変数"
@@ -636,5 +646,12 @@
636
646
  "collapse": "{{label}} を折りたたむ",
637
647
  "expand": "{{label}} を展開",
638
648
  "search_aria": "ツリー項目を検索"
649
+ },
650
+ "daterangepicker": {
651
+ "start": "開始日",
652
+ "end": "終了日"
653
+ },
654
+ "colorinput": {
655
+ "swatch": "色を選ぶ"
639
656
  }
640
657
  }
@@ -147,7 +147,7 @@
147
147
  "querybuilder_anatomy_rule_label": "Linha de Regra",
148
148
  "querybuilder_best_practice_1": "Sempre forneça um defaultQuery para evitar um estado vazio que pode confundir usuários novatos.",
149
149
  "querybuilder_best_practice_2": "Valide o QueryGroup gerado no servidor; não confie apenas na estrutura de consulta do lado do cliente.",
150
- "querybuilder_choice_filterbar_when": "Quando os critérios de filtragem estão limitados a um conjunto fixo de campos predefinidos.",
150
+ "querybuilder_choice_filterbar_when": "Quando os filtros são um conjunto fixo e conhecido de campos — uma busca e alguns seletores bastam.",
151
151
  "querybuilder_choice_matrix_desc": "Escolha o componente certo com base na complexidade dos requisitos de pesquisa:",
152
152
  "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.",
153
153
  "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 @@
191
191
  "toolbar_desc": "Faixa de ações para IconButton, ToggleGroup e controles relacionados, com navegação por teclado de toolbar.",
192
192
  "menubar_desc": "Barra de menus no estilo desktop, com submenus flutuantes de Arquivo / Editar / Exibir.",
193
193
  "progressRing_desc": "ProgressRing description.",
194
- "splitButton_desc": "SplitButton description."
194
+ "splitButton_desc": "SplitButton description.",
195
+ "querybuilder_operators_title": "Valores de operador",
196
+ "querybuilder_operators_desc": "`QueryRule.operator` recebe o valor abaixo, não a chave de tradução. O conjunto depende do tipo do campo.",
197
+ "querybuilder_operators_type": "Tipo do campo",
198
+ "querybuilder_operators_values": "Valores aceitos",
199
+ "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.",
200
+ "selection_guide_link": "Foundation › Componentes de seleção — tabela comparativa, momento da aplicação e a linha entre SegmentedControl e ToggleGroup",
201
+ "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.",
202
+ "togglegroup_choice_alt_when": "Quando escolher um troca o que aparece abaixo — isso é SegmentedControl.",
203
+ "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.",
204
+ "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."
195
205
  },
196
206
  "effects": {
197
207
  "common_vars": "Variáveis Comuns"
@@ -636,5 +646,12 @@
636
646
  "collapse": "Recolher {{label}}",
637
647
  "expand": "Expandir {{label}}",
638
648
  "search_aria": "Buscar itens da árvore"
649
+ },
650
+ "daterangepicker": {
651
+ "start": "Data inicial",
652
+ "end": "Data final"
653
+ },
654
+ "colorinput": {
655
+ "swatch": "Escolher uma cor"
639
656
  }
640
657
  }
package/dist/overlay.cjs CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- 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;
2
+ 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.DrawerBody=n.DrawerBody,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 CHANGED
@@ -1,14 +1,14 @@
1
1
  "use client";
2
2
  import { Portal as e } from "./components/overlay/Portal/Portal.js";
3
3
  import { FocusTrap as t } from "./components/overlay/FocusTrap/FocusTrap.js";
4
- 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";
5
- 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";
6
- import { Tooltip as b, TooltipContent as x, TooltipTrigger as S } from "./components/overlay/Tooltip/Tooltip.js";
7
- import { Dropdown as C, DropdownItem as w, DropdownMenu as T, DropdownTrigger as E } from "./components/overlay/Dropdown/Dropdown.js";
8
- 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";
9
- import { ContextMenu as I, ContextMenuDivider as L, ContextMenuGroup as R, ContextMenuItem as z } from "./components/overlay/ContextMenu/ContextMenu.js";
10
- import { HoverCard as B, HoverCardContent as V, HoverCardTrigger as H } from "./components/overlay/HoverCard/HoverCard.js";
11
- import { Menu as U, MenuDivider as W, MenuItem as G, MenuItemGroup as K, SubMenu as q } from "./components/overlay/Menu/Menu.js";
12
- import { Popover as J, PopoverClose as Y, PopoverContent as X, PopoverTrigger as Z } from "./components/overlay/Popover/Popover.js";
13
- import { Popconfirm as Q } from "./components/overlay/Popconfirm/Popconfirm.js";
14
- 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 };
4
+ import { Drawer as n, DrawerBody as r, DrawerClose as i, DrawerContent as a, DrawerDescription as o, DrawerFooter as s, DrawerHeader as c, DrawerTitle as l, DrawerTrigger as u, useDrawer as d } from "./components/overlay/Drawer/Drawer.js";
5
+ import { Dialog as f, DialogClose as p, DialogContent as m, DialogDescription as h, DialogFooter as g, DialogHeader as _, DialogTitle as v, DialogTrigger as y, useDialog as b } from "./components/overlay/Dialog/Dialog.js";
6
+ import { Tooltip as x, TooltipContent as S, TooltipTrigger as C } from "./components/overlay/Tooltip/Tooltip.js";
7
+ import { Dropdown as w, DropdownItem as T, DropdownMenu as E, DropdownTrigger as D } from "./components/overlay/Dropdown/Dropdown.js";
8
+ import { BottomSheet as O, BottomSheetBody as k, BottomSheetClose as A, BottomSheetContent as j, BottomSheetDescription as M, BottomSheetFooter as N, BottomSheetHeader as P, BottomSheetTitle as F, BottomSheetTrigger as I } from "./components/overlay/BottomSheet/BottomSheet.js";
9
+ import { ContextMenu as L, ContextMenuDivider as R, ContextMenuGroup as z, ContextMenuItem as B } from "./components/overlay/ContextMenu/ContextMenu.js";
10
+ import { HoverCard as V, HoverCardContent as H, HoverCardTrigger as U } from "./components/overlay/HoverCard/HoverCard.js";
11
+ import { Menu as W, MenuDivider as G, MenuItem as K, MenuItemGroup as q, SubMenu as J } from "./components/overlay/Menu/Menu.js";
12
+ import { Popover as Y, PopoverClose as X, PopoverContent as Z, PopoverTrigger as Q } from "./components/overlay/Popover/Popover.js";
13
+ import { Popconfirm as $ } from "./components/overlay/Popconfirm/Popconfirm.js";
14
+ export { O as BottomSheet, k as BottomSheetBody, A as BottomSheetClose, j as BottomSheetContent, M as BottomSheetDescription, N as BottomSheetFooter, P as BottomSheetHeader, F as BottomSheetTitle, I as BottomSheetTrigger, L as ContextMenu, R as ContextMenuDivider, z as ContextMenuGroup, B as ContextMenuItem, f as Dialog, p as DialogClose, m as DialogContent, h as DialogDescription, g as DialogFooter, _ as DialogHeader, v as DialogTitle, y as DialogTrigger, n as Drawer, r as DrawerBody, i as DrawerClose, a as DrawerContent, o as DrawerDescription, s as DrawerFooter, c as DrawerHeader, l as DrawerTitle, u as DrawerTrigger, w as Dropdown, T as DropdownItem, E as DropdownMenu, D as DropdownTrigger, t as FocusTrap, V as HoverCard, H as HoverCardContent, U as HoverCardTrigger, W as Menu, G as MenuDivider, K as MenuItem, q as MenuItemGroup, $ as Popconfirm, Y as Popover, X as PopoverClose, Z as PopoverContent, Q as PopoverTrigger, e as Portal, J as SubMenu, x as Tooltip, S as TooltipContent, C as TooltipTrigger, b as useDialog, d as useDrawer };
package/dist/reset.css CHANGED
@@ -1 +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)}
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=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)}