@usefragments/ui 1.3.3 → 1.4.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 (137) hide show
  1. package/dist/assets/ui.css +1176 -766
  2. package/dist/chart.cjs +60 -24
  3. package/dist/chart.js +38 -24
  4. package/dist/colorpicker.cjs +56 -9
  5. package/dist/colorpicker.js +34 -9
  6. package/dist/components/Badge/Badge.module.scss.cjs +23 -16
  7. package/dist/components/Badge/Badge.module.scss.js +23 -16
  8. package/dist/components/Badge/index.cjs +8 -1
  9. package/dist/components/Badge/index.d.ts +3 -0
  10. package/dist/components/Badge/index.d.ts.map +1 -1
  11. package/dist/components/Badge/index.js +8 -1
  12. package/dist/components/Button/Button.module.scss.cjs +16 -13
  13. package/dist/components/Button/Button.module.scss.js +16 -13
  14. package/dist/components/Button/index.d.ts +2 -1
  15. package/dist/components/Button/index.d.ts.map +1 -1
  16. package/dist/components/Chart/index.d.ts +3 -0
  17. package/dist/components/Chart/index.d.ts.map +1 -1
  18. package/dist/components/CodeBlock/CodeBlock.module.scss.cjs +21 -21
  19. package/dist/components/CodeBlock/CodeBlock.module.scss.js +21 -21
  20. package/dist/components/ColorPicker/index.d.ts +4 -0
  21. package/dist/components/ColorPicker/index.d.ts.map +1 -1
  22. package/dist/components/Combobox/Combobox.module.scss.cjs +23 -23
  23. package/dist/components/Combobox/Combobox.module.scss.js +23 -23
  24. package/dist/components/Command/Command.module.scss.cjs +11 -11
  25. package/dist/components/Command/Command.module.scss.js +11 -11
  26. package/dist/components/ConversationList/ConversationList.module.scss.cjs +13 -10
  27. package/dist/components/ConversationList/ConversationList.module.scss.js +14 -11
  28. package/dist/components/ConversationList/index.cjs +26 -22
  29. package/dist/components/ConversationList/index.d.ts +5 -1
  30. package/dist/components/ConversationList/index.d.ts.map +1 -1
  31. package/dist/components/ConversationList/index.js +27 -23
  32. package/dist/components/DataTable/index.d.ts +4 -1
  33. package/dist/components/DataTable/index.d.ts.map +1 -1
  34. package/dist/components/DatePicker/index.d.ts +3 -0
  35. package/dist/components/DatePicker/index.d.ts.map +1 -1
  36. package/dist/components/Editor/index.d.ts +4 -1
  37. package/dist/components/Editor/index.d.ts.map +1 -1
  38. package/dist/components/Listbox/Listbox.module.scss.cjs +8 -8
  39. package/dist/components/Listbox/Listbox.module.scss.js +8 -8
  40. package/dist/components/Markdown/Markdown.module.scss.cjs +1 -1
  41. package/dist/components/Markdown/Markdown.module.scss.js +1 -1
  42. package/dist/components/Markdown/index.d.ts +16 -0
  43. package/dist/components/Markdown/index.d.ts.map +1 -1
  44. package/dist/components/Menu/Menu.module.scss.cjs +14 -14
  45. package/dist/components/Menu/Menu.module.scss.js +14 -14
  46. package/dist/components/Message/Message.module.scss.cjs +23 -20
  47. package/dist/components/Message/Message.module.scss.js +24 -21
  48. package/dist/components/Message/index.cjs +5 -1
  49. package/dist/components/Message/index.d.ts.map +1 -1
  50. package/dist/components/Message/index.js +5 -1
  51. package/dist/components/NavigationMenu/NavigationMenu.module.scss.cjs +28 -28
  52. package/dist/components/NavigationMenu/NavigationMenu.module.scss.js +28 -28
  53. package/dist/components/Pagination/Pagination.module.scss.cjs +7 -7
  54. package/dist/components/Pagination/Pagination.module.scss.js +7 -7
  55. package/dist/components/Prompt/Prompt.module.scss.cjs +52 -22
  56. package/dist/components/Prompt/Prompt.module.scss.js +52 -22
  57. package/dist/components/Prompt/index.cjs +197 -2
  58. package/dist/components/Prompt/index.d.ts +98 -3
  59. package/dist/components/Prompt/index.d.ts.map +1 -1
  60. package/dist/components/Prompt/index.js +198 -3
  61. package/dist/components/Select/Select.module.scss.cjs +29 -17
  62. package/dist/components/Select/Select.module.scss.js +30 -18
  63. package/dist/components/Select/index.cjs +45 -8
  64. package/dist/components/Select/index.d.ts +17 -2
  65. package/dist/components/Select/index.d.ts.map +1 -1
  66. package/dist/components/Select/index.js +45 -8
  67. package/dist/components/Sidebar/Sidebar.module.scss.cjs +45 -42
  68. package/dist/components/Sidebar/Sidebar.module.scss.js +45 -42
  69. package/dist/components/Sidebar/index.cjs +2 -0
  70. package/dist/components/Sidebar/index.d.ts +6 -1
  71. package/dist/components/Sidebar/index.d.ts.map +1 -1
  72. package/dist/components/Sidebar/index.js +2 -0
  73. package/dist/components/Text/Text.module.scss.cjs +63 -51
  74. package/dist/components/Text/Text.module.scss.js +63 -51
  75. package/dist/components/Text/index.d.ts +4 -2
  76. package/dist/components/Text/index.d.ts.map +1 -1
  77. package/dist/data-table.cjs +210 -28
  78. package/dist/data-table.js +189 -29
  79. package/dist/datepicker.cjs +63 -14
  80. package/dist/datepicker.js +41 -14
  81. package/dist/editor.cjs +67 -16
  82. package/dist/editor.js +45 -16
  83. package/dist/index.cjs +1 -0
  84. package/dist/index.d.ts +1 -1
  85. package/dist/index.d.ts.map +1 -1
  86. package/dist/index.js +2 -1
  87. package/dist/markdown.cjs +63 -19
  88. package/dist/markdown.js +41 -19
  89. package/fragments.json +1 -1
  90. package/package.json +2 -2
  91. package/src/components/Badge/Badge.contract.json +28 -5
  92. package/src/components/Badge/Badge.module.scss +21 -0
  93. package/src/components/Badge/index.tsx +10 -1
  94. package/src/components/Button/Button.contract.json +9 -3
  95. package/src/components/Button/Button.module.scss +34 -0
  96. package/src/components/Button/index.tsx +11 -1
  97. package/src/components/Chart/Chart.contract.json +7 -0
  98. package/src/components/Chart/index.tsx +44 -27
  99. package/src/components/CodeBlock/CodeBlock.contract.json +7 -0
  100. package/src/components/CodeBlock/CodeBlock.module.scss +7 -2
  101. package/src/components/ColorPicker/ColorPicker.contract.json +9 -1
  102. package/src/components/ColorPicker/index.tsx +42 -12
  103. package/src/components/Combobox/Combobox.module.scss +4 -13
  104. package/src/components/ConversationList/ConversationList.contract.json +16 -1
  105. package/src/components/ConversationList/ConversationList.module.scss +12 -0
  106. package/src/components/ConversationList/index.tsx +40 -26
  107. package/src/components/DataTable/DataTable.contract.json +8 -1
  108. package/src/components/DataTable/index.tsx +282 -51
  109. package/src/components/DatePicker/DatePicker.contract.json +8 -1
  110. package/src/components/DatePicker/index.tsx +51 -22
  111. package/src/components/Editor/Editor.contract.json +19 -1
  112. package/src/components/Editor/index.tsx +67 -23
  113. package/src/components/Listbox/Listbox.module.scss +3 -11
  114. package/src/components/Markdown/Markdown.contract.json +15 -1
  115. package/src/components/Markdown/Markdown.module.scss +18 -1
  116. package/src/components/Markdown/index.tsx +58 -24
  117. package/src/components/Menu/Menu.module.scss +12 -2
  118. package/src/components/Message/Message.contract.json +3 -0
  119. package/src/components/Message/Message.module.scss +33 -4
  120. package/src/components/Message/index.tsx +7 -1
  121. package/src/components/Pagination/Pagination.contract.json +1 -0
  122. package/src/components/Pagination/Pagination.module.scss +5 -4
  123. package/src/components/Prompt/Prompt.contract.json +40 -1
  124. package/src/components/Prompt/Prompt.module.scss +351 -4
  125. package/src/components/Prompt/index.tsx +324 -0
  126. package/src/components/Select/Select.contract.json +11 -1
  127. package/src/components/Select/Select.module.scss +80 -13
  128. package/src/components/Select/index.tsx +73 -7
  129. package/src/components/Sidebar/Sidebar.contract.json +1 -0
  130. package/src/components/Sidebar/Sidebar.module.scss +10 -0
  131. package/src/components/Sidebar/index.tsx +7 -0
  132. package/src/components/Text/Text.contract.json +7 -4
  133. package/src/components/Text/Text.module.scss +18 -0
  134. package/src/components/Text/index.tsx +4 -2
  135. package/src/index.ts +1 -0
  136. package/src/tokens/_mixins.scss +39 -4
  137. package/src/tokens/_variables.scss +30 -0
@@ -66,8 +66,17 @@ const SelectContext = React__namespace.createContext({
66
66
  },
67
67
  unregisterItem: () => {
68
68
  },
69
- size: "md"
69
+ size: "md",
70
+ variant: "field",
71
+ optionItems: null
70
72
  });
73
+ function renderOptionLabel(option) {
74
+ if (!option.hint) return option.label;
75
+ return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
76
+ option.label,
77
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: Select_module.default.hint, children: option.hint })
78
+ ] });
79
+ }
71
80
  function collectDeclaredItems(children, map) {
72
81
  React__namespace.Children.forEach(children, (child) => {
73
82
  var _a;
@@ -103,6 +112,7 @@ const SelectRoot = React__namespace.forwardRef(function SelectRoot2({
103
112
  helperText,
104
113
  error,
105
114
  size: sizeProp,
115
+ variant = "field",
106
116
  className
107
117
  }, ref) {
108
118
  const size = index.useResolvedControlSize(sizeProp);
@@ -132,7 +142,7 @@ const SelectRoot = React__namespace.forwardRef(function SelectRoot2({
132
142
  }, [value]);
133
143
  const selectedValue = value !== void 0 ? value : internalValue;
134
144
  const optionItems = React__namespace.useMemo(
135
- () => (options == null ? void 0 : options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: option.value, disabled: option.disabled, children: option.label }, option.value))) ?? null,
145
+ () => (options == null ? void 0 : options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: option.value, disabled: option.disabled, children: renderOptionLabel(option) }, option.value))) ?? null,
136
146
  [options]
137
147
  );
138
148
  const resolvedChildren = children ?? (optionItems ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -152,7 +162,7 @@ const SelectRoot = React__namespace.forwardRef(function SelectRoot2({
152
162
  );
153
163
  const declaredItems = React__namespace.useMemo(() => {
154
164
  const map = /* @__PURE__ */ new Map();
155
- options == null ? void 0 : options.forEach((option) => map.set(option.value, option.label));
165
+ options == null ? void 0 : options.forEach((option) => map.set(option.value, renderOptionLabel(option)));
156
166
  collectDeclaredItems(children, map);
157
167
  return map;
158
168
  }, [children, options]);
@@ -169,16 +179,31 @@ const SelectRoot = React__namespace.forwardRef(function SelectRoot2({
169
179
  items: resolvedItems,
170
180
  registerItem,
171
181
  unregisterItem,
172
- size
182
+ size,
183
+ variant,
184
+ optionItems
173
185
  }),
174
- [placeholder, selectedValue, resolvedItems, registerItem, unregisterItem, size]
186
+ [
187
+ placeholder,
188
+ selectedValue,
189
+ resolvedItems,
190
+ registerItem,
191
+ unregisterItem,
192
+ size,
193
+ variant,
194
+ optionItems
195
+ ]
175
196
  );
176
197
  const { helperId, errorId, hasError, errorMessage } = aria.useFormFieldIds("select", {
177
198
  label,
178
199
  helperText,
179
200
  error
180
201
  });
181
- const wrapperClasses = [Select_module.default.wrapper, className].filter(Boolean).join(" ");
202
+ const wrapperClasses = [
203
+ Select_module.default.wrapper,
204
+ variant === "ghost" && Select_module.default.wrapperGhost,
205
+ className
206
+ ].filter(Boolean).join(" ");
182
207
  const helperClasses = [Select_module.default.helper, hasError && Select_module.default.helperError].filter(Boolean).join(" ");
183
208
  return /* @__PURE__ */ jsxRuntime.jsx(SelectContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: wrapperClasses, children: [
184
209
  /* @__PURE__ */ jsxRuntime.jsxs(
@@ -208,18 +233,29 @@ const SelectRoot = React__namespace.forwardRef(function SelectRoot2({
208
233
  errorMessage && /* @__PURE__ */ jsxRuntime.jsx("span", { id: errorId, className: Select_module.default.errorMessage, children: errorMessage })
209
234
  ] }) });
210
235
  });
211
- function SelectTrigger({ children, placeholder, className, ...htmlProps }) {
236
+ function SelectTrigger({
237
+ children,
238
+ placeholder,
239
+ icon,
240
+ className,
241
+ ...htmlProps
242
+ }) {
212
243
  const context = React__namespace.useContext(SelectContext);
213
244
  const placeholderText = placeholder ?? context.placeholder;
214
245
  const classes = [
215
246
  Select_module.default.trigger,
216
247
  context.size === "sm" && Select_module.default.triggerSm,
217
248
  context.size === "lg" && Select_module.default.triggerLg,
249
+ // Ghost unsets the field shell and the size mixin's box. Both are single
250
+ // classes like this one, so it wins on being declared after them in
251
+ // Select.module.scss — the one place that ordering is guaranteed.
252
+ context.variant === "ghost" && Select_module.default.triggerGhost,
218
253
  className
219
254
  ].filter(Boolean).join(" ");
220
255
  const selectedContent = context.value != null ? context.items.get(context.value) : null;
221
256
  const displayContent = selectedContent ?? (placeholderText ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: Select_module.default.placeholder, children: placeholderText }) : null);
222
257
  return /* @__PURE__ */ jsxRuntime.jsx(select.Select.Trigger, { ...htmlProps, className: classes, children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
258
+ icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: Select_module.default.triggerIcon, children: icon }),
223
259
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: Select_module.default.value, children: displayContent }),
224
260
  /* @__PURE__ */ jsxRuntime.jsx(select.Select.Icon, { className: Select_module.default.icon, children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, {}) })
225
261
  ] }) });
@@ -232,12 +268,13 @@ function SelectContent({
232
268
  maxVisibleItems,
233
269
  ...htmlProps
234
270
  }) {
271
+ const { optionItems } = React__namespace.useContext(SelectContext);
235
272
  const popupClasses = [Select_module.default.popup, className].filter(Boolean).join(" ");
236
273
  const popupStyle = maxVisibleItems != null ? {
237
274
  "--fui-select-max-items": maxVisibleItems + 0.5,
238
275
  ...htmlProps.style
239
276
  } : htmlProps.style;
240
- return /* @__PURE__ */ jsxRuntime.jsx(select.Select.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(select.Select.Positioner, { sideOffset, align, className: Select_module.default.positioner, children: /* @__PURE__ */ jsxRuntime.jsx(select.Select.Popup, { ...htmlProps, className: popupClasses, style: popupStyle, children }) }) });
277
+ return /* @__PURE__ */ jsxRuntime.jsx(select.Select.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(select.Select.Positioner, { sideOffset, align, className: Select_module.default.positioner, children: /* @__PURE__ */ jsxRuntime.jsx(select.Select.Popup, { ...htmlProps, className: popupClasses, style: popupStyle, children: children ?? optionItems }) }) });
241
278
  }
242
279
  function SelectItem({ children, value, disabled, className, ...htmlProps }) {
243
280
  const { registerItem, unregisterItem } = React__namespace.useContext(SelectContext);
@@ -1,9 +1,14 @@
1
1
  import * as React from "react";
2
2
  import { type FormFieldProps } from "../../utils/aria";
3
3
  export type SelectValue = string;
4
+ export type SelectVariant = "field" | "ghost";
4
5
  export interface SelectOption {
5
6
  value: SelectValue;
6
7
  label: string;
8
+ /** A dimmed qualifier after the label, in the trigger as well as the list —
9
+ * a tier beside a model, a path beside a filename. Use it when the label
10
+ * alone is ambiguous but the qualifier is not what you are choosing by. */
11
+ hint?: string;
7
12
  disabled?: boolean;
8
13
  }
9
14
  /**
@@ -45,15 +50,25 @@ export interface SelectProps extends FormFieldProps {
45
50
  /** Size variant.
46
51
  * @default "md" */
47
52
  size?: "sm" | "md" | "lg";
53
+ /** Visual treatment. `ghost` drops the field shell for a compact, borderless
54
+ * control — for toolbars and dense rows, where a bordered field reads as a
55
+ * form. Pair with `size="sm"`.
56
+ * @default "field" */
57
+ variant?: SelectVariant;
48
58
  /** Wrapper class name */
49
59
  className?: string;
50
60
  }
51
61
  export interface SelectTriggerProps extends React.HTMLAttributes<HTMLButtonElement> {
52
62
  children?: React.ReactNode;
53
63
  placeholder?: string;
64
+ /** Leading adornment shown before the value — usually says what the choice is
65
+ * about, so the visible text can be the choice itself. Ignored when you pass
66
+ * your own `children`. */
67
+ icon?: React.ReactNode;
54
68
  }
55
69
  export interface SelectContentProps extends React.HTMLAttributes<HTMLDivElement> {
56
- children: React.ReactNode;
70
+ /** Omit to render the items the root's `options` prop describes. */
71
+ children?: React.ReactNode;
57
72
  sideOffset?: number;
58
73
  align?: "start" | "center" | "end";
59
74
  /** Maximum number of visible options before scrolling. Shows half of the next item as a scroll hint. @default 4 */
@@ -71,7 +86,7 @@ export interface SelectGroupLabelProps extends React.HTMLAttributes<HTMLElement>
71
86
  children: React.ReactNode;
72
87
  }
73
88
  declare const SelectRoot: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
74
- declare function SelectTrigger({ children, placeholder, className, ...htmlProps }: SelectTriggerProps): import("react/jsx-runtime").JSX.Element;
89
+ declare function SelectTrigger({ children, placeholder, icon, className, ...htmlProps }: SelectTriggerProps): import("react/jsx-runtime").JSX.Element;
75
90
  declare function SelectContent({ children, className, sideOffset, align, maxVisibleItems, ...htmlProps }: SelectContentProps): import("react/jsx-runtime").JSX.Element;
76
91
  declare function SelectItem({ children, value, disabled, className, ...htmlProps }: SelectItemProps): import("react/jsx-runtime").JSX.Element;
77
92
  declare function SelectGroup({ children, className, ...htmlProps }: SelectGroupProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"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"}
@@ -47,8 +47,17 @@ const SelectContext = React.createContext({
47
47
  },
48
48
  unregisterItem: () => {
49
49
  },
50
- size: "md"
50
+ size: "md",
51
+ variant: "field",
52
+ optionItems: null
51
53
  });
54
+ function renderOptionLabel(option) {
55
+ if (!option.hint) return option.label;
56
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
57
+ option.label,
58
+ /* @__PURE__ */ jsx("span", { className: styles.hint, children: option.hint })
59
+ ] });
60
+ }
52
61
  function collectDeclaredItems(children, map) {
53
62
  React.Children.forEach(children, (child) => {
54
63
  var _a;
@@ -84,6 +93,7 @@ const SelectRoot = React.forwardRef(function SelectRoot2({
84
93
  helperText,
85
94
  error,
86
95
  size: sizeProp,
96
+ variant = "field",
87
97
  className
88
98
  }, ref) {
89
99
  const size = useResolvedControlSize(sizeProp);
@@ -113,7 +123,7 @@ const SelectRoot = React.forwardRef(function SelectRoot2({
113
123
  }, [value]);
114
124
  const selectedValue = value !== void 0 ? value : internalValue;
115
125
  const optionItems = React.useMemo(
116
- () => (options == null ? void 0 : options.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, disabled: option.disabled, children: option.label }, option.value))) ?? null,
126
+ () => (options == null ? void 0 : options.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, disabled: option.disabled, children: renderOptionLabel(option) }, option.value))) ?? null,
117
127
  [options]
118
128
  );
119
129
  const resolvedChildren = children ?? (optionItems ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -133,7 +143,7 @@ const SelectRoot = React.forwardRef(function SelectRoot2({
133
143
  );
134
144
  const declaredItems = React.useMemo(() => {
135
145
  const map = /* @__PURE__ */ new Map();
136
- options == null ? void 0 : options.forEach((option) => map.set(option.value, option.label));
146
+ options == null ? void 0 : options.forEach((option) => map.set(option.value, renderOptionLabel(option)));
137
147
  collectDeclaredItems(children, map);
138
148
  return map;
139
149
  }, [children, options]);
@@ -150,16 +160,31 @@ const SelectRoot = React.forwardRef(function SelectRoot2({
150
160
  items: resolvedItems,
151
161
  registerItem,
152
162
  unregisterItem,
153
- size
163
+ size,
164
+ variant,
165
+ optionItems
154
166
  }),
155
- [placeholder, selectedValue, resolvedItems, registerItem, unregisterItem, size]
167
+ [
168
+ placeholder,
169
+ selectedValue,
170
+ resolvedItems,
171
+ registerItem,
172
+ unregisterItem,
173
+ size,
174
+ variant,
175
+ optionItems
176
+ ]
156
177
  );
157
178
  const { helperId, errorId, hasError, errorMessage } = useFormFieldIds("select", {
158
179
  label,
159
180
  helperText,
160
181
  error
161
182
  });
162
- const wrapperClasses = [styles.wrapper, className].filter(Boolean).join(" ");
183
+ const wrapperClasses = [
184
+ styles.wrapper,
185
+ variant === "ghost" && styles.wrapperGhost,
186
+ className
187
+ ].filter(Boolean).join(" ");
163
188
  const helperClasses = [styles.helper, hasError && styles.helperError].filter(Boolean).join(" ");
164
189
  return /* @__PURE__ */ jsx(SelectContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs("div", { ref, className: wrapperClasses, children: [
165
190
  /* @__PURE__ */ jsxs(
@@ -189,18 +214,29 @@ const SelectRoot = React.forwardRef(function SelectRoot2({
189
214
  errorMessage && /* @__PURE__ */ jsx("span", { id: errorId, className: styles.errorMessage, children: errorMessage })
190
215
  ] }) });
191
216
  });
192
- function SelectTrigger({ children, placeholder, className, ...htmlProps }) {
217
+ function SelectTrigger({
218
+ children,
219
+ placeholder,
220
+ icon,
221
+ className,
222
+ ...htmlProps
223
+ }) {
193
224
  const context = React.useContext(SelectContext);
194
225
  const placeholderText = placeholder ?? context.placeholder;
195
226
  const classes = [
196
227
  styles.trigger,
197
228
  context.size === "sm" && styles.triggerSm,
198
229
  context.size === "lg" && styles.triggerLg,
230
+ // Ghost unsets the field shell and the size mixin's box. Both are single
231
+ // classes like this one, so it wins on being declared after them in
232
+ // Select.module.scss — the one place that ordering is guaranteed.
233
+ context.variant === "ghost" && styles.triggerGhost,
199
234
  className
200
235
  ].filter(Boolean).join(" ");
201
236
  const selectedContent = context.value != null ? context.items.get(context.value) : null;
202
237
  const displayContent = selectedContent ?? (placeholderText ? /* @__PURE__ */ jsx("span", { className: styles.placeholder, children: placeholderText }) : null);
203
238
  return /* @__PURE__ */ jsx(Select$1.Trigger, { ...htmlProps, className: classes, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
239
+ icon && /* @__PURE__ */ jsx("span", { className: styles.triggerIcon, children: icon }),
204
240
  /* @__PURE__ */ jsx("span", { className: styles.value, children: displayContent }),
205
241
  /* @__PURE__ */ jsx(Select$1.Icon, { className: styles.icon, children: /* @__PURE__ */ jsx(ChevronDownIcon, {}) })
206
242
  ] }) });
@@ -213,12 +249,13 @@ function SelectContent({
213
249
  maxVisibleItems,
214
250
  ...htmlProps
215
251
  }) {
252
+ const { optionItems } = React.useContext(SelectContext);
216
253
  const popupClasses = [styles.popup, className].filter(Boolean).join(" ");
217
254
  const popupStyle = maxVisibleItems != null ? {
218
255
  "--fui-select-max-items": maxVisibleItems + 0.5,
219
256
  ...htmlProps.style
220
257
  } : htmlProps.style;
221
- return /* @__PURE__ */ jsx(Select$1.Portal, { children: /* @__PURE__ */ jsx(Select$1.Positioner, { sideOffset, align, className: styles.positioner, children: /* @__PURE__ */ jsx(Select$1.Popup, { ...htmlProps, className: popupClasses, style: popupStyle, children }) }) });
258
+ return /* @__PURE__ */ jsx(Select$1.Portal, { children: /* @__PURE__ */ jsx(Select$1.Positioner, { sideOffset, align, className: styles.positioner, children: /* @__PURE__ */ jsx(Select$1.Popup, { ...htmlProps, className: popupClasses, style: popupStyle, children: children ?? optionItems }) }) });
222
259
  }
223
260
  function SelectItem({ children, value, disabled, className, ...htmlProps }) {
224
261
  const { registerItem, unregisterItem } = React.useContext(SelectContext);
@@ -1,47 +1,48 @@
1
1
  "use strict";
2
2
  Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
3
- const root = "_root_1h5ez_1";
4
- const mobile = "_mobile_1h5ez_34";
5
- const positionRight = "_positionRight_1h5ez_40";
6
- const collapsed = "_collapsed_1h5ez_45";
7
- const header = "_header_1h5ez_48";
8
- const nav = "_nav_1h5ez_49";
9
- const footer = "_footer_1h5ez_50";
10
- const sectionLabel = "_sectionLabel_1h5ez_57";
11
- const itemLabel = "_itemLabel_1h5ez_68";
12
- const itemBadge = "_itemBadge_1h5ez_69";
13
- const itemChevron = "_itemChevron_1h5ez_70";
14
- const item = "_item_1h5ez_68";
15
- const itemIcon = "_itemIcon_1h5ez_78";
16
- const collapseToggle = "_collapseToggle_1h5ez_81";
17
- const collapsedNoIcons = "_collapsedNoIcons_1h5ez_85";
18
- const offcanvasCollapsed = "_offcanvasCollapsed_1h5ez_88";
19
- const collapseToggleFloating = "_collapseToggleFloating_1h5ez_94";
20
- const rail = "_rail_1h5ez_108";
21
- const navScrollArea = "_navScrollArea_1h5ez_149";
22
- const section = "_section_1h5ez_57";
23
- const sectionHeader = "_sectionHeader_1h5ez_158";
24
- const sectionTrigger = "_sectionTrigger_1h5ez_166";
25
- const sectionActionWrapper = "_sectionActionWrapper_1h5ez_188";
26
- const sectionAction = "_sectionAction_1h5ez_188";
27
- const sectionList = "_sectionList_1h5ez_234";
28
- const submenu = "_submenu_1h5ez_235";
29
- const sectionCollapsible = "_sectionCollapsible_1h5ez_244";
30
- const itemWrapper = "_itemWrapper_1h5ez_270";
31
- const subItemWrapper = "_subItemWrapper_1h5ez_271";
32
- const submenuWrapper = "_submenuWrapper_1h5ez_272";
33
- const itemDisabled = "_itemDisabled_1h5ez_327";
34
- const itemActive = "_itemActive_1h5ez_336";
35
- const subItemDisabled = "_subItemDisabled_1h5ez_363";
36
- const itemExpanded = "_itemExpanded_1h5ez_419";
37
- const subItem = "_subItem_1h5ez_271";
38
- const subItemActive = "_subItemActive_1h5ez_496";
39
- const trigger = "_trigger_1h5ez_514";
40
- const overlay = "_overlay_1h5ez_555";
41
- const railCollapsed = "_railCollapsed_1h5ez_675";
42
- const menuSkeleton = "_menuSkeleton_1h5ez_679";
43
- const skeletonItem = "_skeletonItem_1h5ez_686";
44
- const skeletonLabel = "_skeletonLabel_1h5ez_694";
3
+ const root = "_root_1sl88_1";
4
+ const mobile = "_mobile_1sl88_34";
5
+ const positionRight = "_positionRight_1sl88_40";
6
+ const collapsed = "_collapsed_1sl88_45";
7
+ const header = "_header_1sl88_48";
8
+ const nav = "_nav_1sl88_49";
9
+ const footer = "_footer_1sl88_50";
10
+ const sectionLabel = "_sectionLabel_1sl88_57";
11
+ const itemLabel = "_itemLabel_1sl88_68";
12
+ const itemBadge = "_itemBadge_1sl88_69";
13
+ const itemChevron = "_itemChevron_1sl88_70";
14
+ const item = "_item_1sl88_68";
15
+ const itemIcon = "_itemIcon_1sl88_78";
16
+ const collapseToggle = "_collapseToggle_1sl88_81";
17
+ const collapsedNoIcons = "_collapsedNoIcons_1sl88_85";
18
+ const offcanvasCollapsed = "_offcanvasCollapsed_1sl88_88";
19
+ const collapseToggleFloating = "_collapseToggleFloating_1sl88_94";
20
+ const rail = "_rail_1sl88_108";
21
+ const navScrollArea = "_navScrollArea_1sl88_149";
22
+ const section = "_section_1sl88_57";
23
+ const sectionHeader = "_sectionHeader_1sl88_158";
24
+ const sectionTrigger = "_sectionTrigger_1sl88_166";
25
+ const sectionActionWrapper = "_sectionActionWrapper_1sl88_188";
26
+ const sectionAction = "_sectionAction_1sl88_188";
27
+ const sectionList = "_sectionList_1sl88_234";
28
+ const submenu = "_submenu_1sl88_235";
29
+ const sectionCollapsible = "_sectionCollapsible_1sl88_244";
30
+ const itemWrapper = "_itemWrapper_1sl88_270";
31
+ const subItemWrapper = "_subItemWrapper_1sl88_271";
32
+ const submenuWrapper = "_submenuWrapper_1sl88_272";
33
+ const itemDisabled = "_itemDisabled_1sl88_327";
34
+ const itemActive = "_itemActive_1sl88_336";
35
+ const subItemDisabled = "_subItemDisabled_1sl88_363";
36
+ const itemMultiline = "_itemMultiline_1sl88_397";
37
+ const itemExpanded = "_itemExpanded_1sl88_424";
38
+ const subItem = "_subItem_1sl88_271";
39
+ const subItemActive = "_subItemActive_1sl88_501";
40
+ const trigger = "_trigger_1sl88_519";
41
+ const overlay = "_overlay_1sl88_560";
42
+ const railCollapsed = "_railCollapsed_1sl88_680";
43
+ const menuSkeleton = "_menuSkeleton_1sl88_684";
44
+ const skeletonItem = "_skeletonItem_1sl88_691";
45
+ const skeletonLabel = "_skeletonLabel_1sl88_699";
45
46
  const styles = {
46
47
  root,
47
48
  mobile,
@@ -76,6 +77,7 @@ const styles = {
76
77
  itemDisabled,
77
78
  itemActive,
78
79
  subItemDisabled,
80
+ itemMultiline,
79
81
  itemExpanded,
80
82
  subItem,
81
83
  subItemActive,
@@ -101,6 +103,7 @@ exports.itemDisabled = itemDisabled;
101
103
  exports.itemExpanded = itemExpanded;
102
104
  exports.itemIcon = itemIcon;
103
105
  exports.itemLabel = itemLabel;
106
+ exports.itemMultiline = itemMultiline;
104
107
  exports.itemWrapper = itemWrapper;
105
108
  exports.menuSkeleton = menuSkeleton;
106
109
  exports.mobile = mobile;
@@ -1,45 +1,46 @@
1
- const root = "_root_1h5ez_1";
2
- const mobile = "_mobile_1h5ez_34";
3
- const positionRight = "_positionRight_1h5ez_40";
4
- const collapsed = "_collapsed_1h5ez_45";
5
- const header = "_header_1h5ez_48";
6
- const nav = "_nav_1h5ez_49";
7
- const footer = "_footer_1h5ez_50";
8
- const sectionLabel = "_sectionLabel_1h5ez_57";
9
- const itemLabel = "_itemLabel_1h5ez_68";
10
- const itemBadge = "_itemBadge_1h5ez_69";
11
- const itemChevron = "_itemChevron_1h5ez_70";
12
- const item = "_item_1h5ez_68";
13
- const itemIcon = "_itemIcon_1h5ez_78";
14
- const collapseToggle = "_collapseToggle_1h5ez_81";
15
- const collapsedNoIcons = "_collapsedNoIcons_1h5ez_85";
16
- const offcanvasCollapsed = "_offcanvasCollapsed_1h5ez_88";
17
- const collapseToggleFloating = "_collapseToggleFloating_1h5ez_94";
18
- const rail = "_rail_1h5ez_108";
19
- const navScrollArea = "_navScrollArea_1h5ez_149";
20
- const section = "_section_1h5ez_57";
21
- const sectionHeader = "_sectionHeader_1h5ez_158";
22
- const sectionTrigger = "_sectionTrigger_1h5ez_166";
23
- const sectionActionWrapper = "_sectionActionWrapper_1h5ez_188";
24
- const sectionAction = "_sectionAction_1h5ez_188";
25
- const sectionList = "_sectionList_1h5ez_234";
26
- const submenu = "_submenu_1h5ez_235";
27
- const sectionCollapsible = "_sectionCollapsible_1h5ez_244";
28
- const itemWrapper = "_itemWrapper_1h5ez_270";
29
- const subItemWrapper = "_subItemWrapper_1h5ez_271";
30
- const submenuWrapper = "_submenuWrapper_1h5ez_272";
31
- const itemDisabled = "_itemDisabled_1h5ez_327";
32
- const itemActive = "_itemActive_1h5ez_336";
33
- const subItemDisabled = "_subItemDisabled_1h5ez_363";
34
- const itemExpanded = "_itemExpanded_1h5ez_419";
35
- const subItem = "_subItem_1h5ez_271";
36
- const subItemActive = "_subItemActive_1h5ez_496";
37
- const trigger = "_trigger_1h5ez_514";
38
- const overlay = "_overlay_1h5ez_555";
39
- const railCollapsed = "_railCollapsed_1h5ez_675";
40
- const menuSkeleton = "_menuSkeleton_1h5ez_679";
41
- const skeletonItem = "_skeletonItem_1h5ez_686";
42
- const skeletonLabel = "_skeletonLabel_1h5ez_694";
1
+ const root = "_root_1sl88_1";
2
+ const mobile = "_mobile_1sl88_34";
3
+ const positionRight = "_positionRight_1sl88_40";
4
+ const collapsed = "_collapsed_1sl88_45";
5
+ const header = "_header_1sl88_48";
6
+ const nav = "_nav_1sl88_49";
7
+ const footer = "_footer_1sl88_50";
8
+ const sectionLabel = "_sectionLabel_1sl88_57";
9
+ const itemLabel = "_itemLabel_1sl88_68";
10
+ const itemBadge = "_itemBadge_1sl88_69";
11
+ const itemChevron = "_itemChevron_1sl88_70";
12
+ const item = "_item_1sl88_68";
13
+ const itemIcon = "_itemIcon_1sl88_78";
14
+ const collapseToggle = "_collapseToggle_1sl88_81";
15
+ const collapsedNoIcons = "_collapsedNoIcons_1sl88_85";
16
+ const offcanvasCollapsed = "_offcanvasCollapsed_1sl88_88";
17
+ const collapseToggleFloating = "_collapseToggleFloating_1sl88_94";
18
+ const rail = "_rail_1sl88_108";
19
+ const navScrollArea = "_navScrollArea_1sl88_149";
20
+ const section = "_section_1sl88_57";
21
+ const sectionHeader = "_sectionHeader_1sl88_158";
22
+ const sectionTrigger = "_sectionTrigger_1sl88_166";
23
+ const sectionActionWrapper = "_sectionActionWrapper_1sl88_188";
24
+ const sectionAction = "_sectionAction_1sl88_188";
25
+ const sectionList = "_sectionList_1sl88_234";
26
+ const submenu = "_submenu_1sl88_235";
27
+ const sectionCollapsible = "_sectionCollapsible_1sl88_244";
28
+ const itemWrapper = "_itemWrapper_1sl88_270";
29
+ const subItemWrapper = "_subItemWrapper_1sl88_271";
30
+ const submenuWrapper = "_submenuWrapper_1sl88_272";
31
+ const itemDisabled = "_itemDisabled_1sl88_327";
32
+ const itemActive = "_itemActive_1sl88_336";
33
+ const subItemDisabled = "_subItemDisabled_1sl88_363";
34
+ const itemMultiline = "_itemMultiline_1sl88_397";
35
+ const itemExpanded = "_itemExpanded_1sl88_424";
36
+ const subItem = "_subItem_1sl88_271";
37
+ const subItemActive = "_subItemActive_1sl88_501";
38
+ const trigger = "_trigger_1sl88_519";
39
+ const overlay = "_overlay_1sl88_560";
40
+ const railCollapsed = "_railCollapsed_1sl88_680";
41
+ const menuSkeleton = "_menuSkeleton_1sl88_684";
42
+ const skeletonItem = "_skeletonItem_1sl88_691";
43
+ const skeletonLabel = "_skeletonLabel_1sl88_699";
43
44
  const styles = {
44
45
  root,
45
46
  mobile,
@@ -74,6 +75,7 @@ const styles = {
74
75
  itemDisabled,
75
76
  itemActive,
76
77
  subItemDisabled,
78
+ itemMultiline,
77
79
  itemExpanded,
78
80
  subItem,
79
81
  subItemActive,
@@ -100,6 +102,7 @@ export {
100
102
  itemExpanded,
101
103
  itemIcon,
102
104
  itemLabel,
105
+ itemMultiline,
103
106
  itemWrapper,
104
107
  menuSkeleton,
105
108
  mobile,
@@ -481,6 +481,7 @@ function SidebarItem({
481
481
  badge,
482
482
  href,
483
483
  onClick,
484
+ multiline = false,
484
485
  hasSubmenu = false,
485
486
  expanded: controlledExpanded,
486
487
  defaultExpanded = false,
@@ -501,6 +502,7 @@ function SidebarItem({
501
502
  Sidebar_module.default.item,
502
503
  active && Sidebar_module.default.itemActive,
503
504
  disabled && Sidebar_module.default.itemDisabled,
505
+ multiline && Sidebar_module.default.itemMultiline,
504
506
  hasSubmenu && Sidebar_module.default.itemHasSubmenu,
505
507
  expanded && Sidebar_module.default.itemExpanded,
506
508
  className
@@ -91,6 +91,11 @@ export interface SidebarItemProps extends Omit<React.HTMLAttributes<HTMLElement>
91
91
  href?: string;
92
92
  /** Click handler (renders as button) */
93
93
  onClick?: React.MouseEventHandler<HTMLElement>;
94
+ /**
95
+ * Let the label be a block instead of one truncating line — a title over a
96
+ * status line, a subject over a preview. For list rows rather than nav links.
97
+ */
98
+ multiline?: boolean;
94
99
  /** Whether this item has a submenu */
95
100
  hasSubmenu?: boolean;
96
101
  /** Whether submenu is expanded (controlled) */
@@ -184,7 +189,7 @@ declare function SidebarHeader({ children, collapsedContent, className, ...htmlP
184
189
  declare function SidebarNav({ children, 'aria-label': ariaLabel, className, ...htmlProps }: SidebarNavProps): import("react/jsx-runtime").JSX.Element;
185
190
  declare function SidebarSection({ children, label, action, collapsible: isCollapsibleProp, defaultOpen, className, ...htmlProps }: SidebarSectionProps): import("react/jsx-runtime").JSX.Element;
186
191
  declare function SidebarSectionAction({ children, onClick, 'aria-label': ariaLabel, className, ...htmlProps }: SidebarSectionActionProps): import("react/jsx-runtime").JSX.Element;
187
- declare function SidebarItem({ children, icon, active, disabled, badge, href, onClick, hasSubmenu, expanded: controlledExpanded, defaultExpanded, onExpandedChange, asChild, className, ...rest }: SidebarItemProps): import("react/jsx-runtime").JSX.Element;
192
+ declare function SidebarItem({ children, icon, active, disabled, badge, href, onClick, multiline, hasSubmenu, expanded: controlledExpanded, defaultExpanded, onExpandedChange, asChild, className, ...rest }: SidebarItemProps): import("react/jsx-runtime").JSX.Element;
188
193
  declare function SidebarSubItem({ children, active, disabled, href, onClick, className, ...rest }: SidebarSubItemProps): import("react/jsx-runtime").JSX.Element | null;
189
194
  declare function SidebarSubmenu({ children }: {
190
195
  children: React.ReactNode;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"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"}
@@ -462,6 +462,7 @@ function SidebarItem({
462
462
  badge,
463
463
  href,
464
464
  onClick,
465
+ multiline = false,
465
466
  hasSubmenu = false,
466
467
  expanded: controlledExpanded,
467
468
  defaultExpanded = false,
@@ -482,6 +483,7 @@ function SidebarItem({
482
483
  styles.item,
483
484
  active && styles.itemActive,
484
485
  disabled && styles.itemDisabled,
486
+ multiline && styles.itemMultiline,
485
487
  hasSubmenu && styles.itemHasSubmenu,
486
488
  expanded && styles.itemExpanded,
487
489
  className