@dxos/react-ui 0.8.3 → 0.8.4-main.84f28bd
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.
- package/dist/lib/browser/{chunk-WXW6KSRL.mjs → chunk-T6YPS45E.mjs} +68 -68
- package/dist/lib/browser/chunk-T6YPS45E.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +2 -2
- package/dist/lib/browser/index.mjs.map +1 -1
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/testing/index.mjs +4 -4
- package/dist/lib/browser/testing/index.mjs.map +2 -2
- package/dist/lib/node-esm/{chunk-EQ7EG74H.mjs → chunk-TYVQJ4KW.mjs} +68 -68
- package/dist/lib/node-esm/chunk-TYVQJ4KW.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +2 -2
- package/dist/lib/node-esm/index.mjs.map +1 -1
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/testing/index.mjs +4 -4
- package/dist/lib/node-esm/testing/index.mjs.map +2 -2
- package/dist/types/src/components/Buttons/Button.d.ts.map +1 -1
- package/dist/types/src/components/Buttons/Button.stories.d.ts +1 -1
- package/dist/types/src/components/Buttons/Button.stories.d.ts.map +1 -1
- package/dist/types/src/components/Clipboard/CopyButton.d.ts +4 -5
- package/dist/types/src/components/Clipboard/CopyButton.d.ts.map +1 -1
- package/dist/types/src/components/Clipboard/index.d.ts +2 -3
- package/dist/types/src/components/Clipboard/index.d.ts.map +1 -1
- package/dist/types/src/components/Input/Input.stories.d.ts +1 -1
- package/dist/types/src/components/Input/Input.stories.d.ts.map +1 -1
- package/dist/types/src/components/Popover/Popover.d.ts +1 -1
- package/dist/types/src/components/Popover/Popover.d.ts.map +1 -1
- package/dist/types/src/components/Select/Select.stories.d.ts +1 -1
- package/dist/types/src/components/Select/Select.stories.d.ts.map +1 -1
- package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts +1 -1
- package/dist/types/src/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
- package/dist/types/src/components/ThemeProvider/TranslationsProvider.d.ts.map +1 -1
- package/dist/types/src/components/ThemeProvider/index.d.ts +1 -1
- package/dist/types/src/components/ThemeProvider/index.d.ts.map +1 -1
- package/dist/types/src/index.d.ts +1 -1
- package/dist/types/src/index.d.ts.map +1 -1
- package/dist/types/src/playground/Custom.stories.d.ts +1 -1
- package/dist/types/src/playground/Custom.stories.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +13 -13
- package/src/components/Buttons/Button.stories.tsx +1 -1
- package/src/components/Buttons/Button.tsx +1 -0
- package/src/components/Buttons/IconButton.tsx +1 -1
- package/src/components/Clipboard/CopyButton.tsx +10 -12
- package/src/components/Input/Input.stories.tsx +1 -1
- package/src/components/Popover/Popover.tsx +1 -1
- package/src/components/Select/Select.stories.tsx +1 -1
- package/src/components/ThemeProvider/ThemeProvider.tsx +1 -2
- package/src/components/ThemeProvider/TranslationsProvider.tsx +1 -1
- package/src/components/ThemeProvider/index.ts +3 -1
- package/src/index.ts +1 -1
- package/src/playground/Custom.stories.tsx +1 -1
- package/src/testing/decorators/withSurfaceVariantsLayout.tsx +1 -1
- package/README.yml +0 -1
- package/dist/lib/browser/chunk-WXW6KSRL.mjs.map +0 -7
- package/dist/lib/node/chunk-3E3QKWX4.cjs +0 -4363
- package/dist/lib/node/chunk-3E3QKWX4.cjs.map +0 -7
- package/dist/lib/node/index.cjs +0 -175
- package/dist/lib/node/index.cjs.map +0 -7
- package/dist/lib/node/meta.json +0 -1
- package/dist/lib/node/testing/index.cjs +0 -114
- package/dist/lib/node/testing/index.cjs.map +0 -7
- package/dist/lib/node-esm/chunk-EQ7EG74H.mjs.map +0 -7
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
2
|
|
|
3
|
-
//
|
|
3
|
+
// src/hooks/useDensityContext.ts
|
|
4
4
|
import { useContext as useContext6 } from "react";
|
|
5
5
|
|
|
6
|
-
//
|
|
6
|
+
// src/components/AnchoredOverflow/AnchoredOverflow.tsx
|
|
7
7
|
import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
|
|
8
8
|
import { Primitive } from "@radix-ui/react-primitive";
|
|
9
9
|
import { Slot } from "@radix-ui/react-slot";
|
|
10
10
|
import React2, { forwardRef } from "react";
|
|
11
11
|
|
|
12
|
-
//
|
|
12
|
+
// src/hooks/useElevationContext.ts
|
|
13
13
|
import { useContext } from "react";
|
|
14
14
|
var useElevationContext = (propsElevation) => {
|
|
15
15
|
const { elevation } = useContext(ElevationContext);
|
|
16
16
|
return propsElevation ?? elevation;
|
|
17
17
|
};
|
|
18
18
|
|
|
19
|
-
//
|
|
19
|
+
// src/hooks/useThemeContext.ts
|
|
20
20
|
import { useContext as useContext2 } from "react";
|
|
21
21
|
import { raise } from "@dxos/debug";
|
|
22
22
|
var useThemeContext = () => useContext2(ThemeContext) ?? raise(new Error("Missing ThemeContext"));
|
|
23
23
|
|
|
24
|
-
//
|
|
24
|
+
// src/hooks/useIconHref.ts
|
|
25
25
|
var ICONS_URL = "/icons.svg";
|
|
26
26
|
var useIconHref = (icon) => {
|
|
27
27
|
const { noCache } = useThemeContext();
|
|
@@ -29,7 +29,7 @@ var useIconHref = (icon) => {
|
|
|
29
29
|
return icon ? `${url}#${icon}` : void 0;
|
|
30
30
|
};
|
|
31
31
|
|
|
32
|
-
//
|
|
32
|
+
// src/hooks/useSafeArea.ts
|
|
33
33
|
import { useCallback, useState } from "react";
|
|
34
34
|
import { useResize } from "@dxos/react-hooks";
|
|
35
35
|
var initialSafeArea = {
|
|
@@ -52,10 +52,10 @@ var useSafeArea = () => {
|
|
|
52
52
|
return padding;
|
|
53
53
|
};
|
|
54
54
|
|
|
55
|
-
//
|
|
55
|
+
// src/hooks/useTranslationsContext.ts
|
|
56
56
|
import { useContext as useContext4 } from "react";
|
|
57
57
|
|
|
58
|
-
//
|
|
58
|
+
// src/components/ThemeProvider/TranslationsProvider.tsx
|
|
59
59
|
import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
|
|
60
60
|
import { enUS as dtLocaleEnUs } from "date-fns/locale";
|
|
61
61
|
import i18Next from "i18next";
|
|
@@ -125,10 +125,10 @@ var TranslationsProvider = ({ fallback, resourceExtensions, children, appNs, dtL
|
|
|
125
125
|
}
|
|
126
126
|
};
|
|
127
127
|
|
|
128
|
-
//
|
|
128
|
+
// src/hooks/useTranslationsContext.ts
|
|
129
129
|
var useTranslationsContext = () => useContext4(TranslationsContext);
|
|
130
130
|
|
|
131
|
-
//
|
|
131
|
+
// src/hooks/useVisualViewport.ts
|
|
132
132
|
import { useCallback as useCallback2, useState as useState3 } from "react";
|
|
133
133
|
import { useResize as useResize2 } from "@dxos/react-hooks";
|
|
134
134
|
var useVisualViewport = (deps) => {
|
|
@@ -147,7 +147,7 @@ var useVisualViewport = (deps) => {
|
|
|
147
147
|
};
|
|
148
148
|
};
|
|
149
149
|
|
|
150
|
-
//
|
|
150
|
+
// src/components/AnchoredOverflow/AnchoredOverflow.tsx
|
|
151
151
|
var AnchoredOverflowRoot = /* @__PURE__ */ forwardRef(({ asChild, classNames, children, ...props }, forwardedRef) => {
|
|
152
152
|
var _effect = _useSignals2();
|
|
153
153
|
try {
|
|
@@ -183,7 +183,7 @@ var AnchoredOverflow = {
|
|
|
183
183
|
Anchor: AnchoredOverflowAnchor
|
|
184
184
|
};
|
|
185
185
|
|
|
186
|
-
//
|
|
186
|
+
// src/components/Avatars/Avatar.tsx
|
|
187
187
|
import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
|
|
188
188
|
import "@dxos/lit-ui/dx-avatar.pcss";
|
|
189
189
|
import { createContext as createContext2 } from "@radix-ui/react-context";
|
|
@@ -268,14 +268,14 @@ var Avatar = {
|
|
|
268
268
|
Description: AvatarDescription
|
|
269
269
|
};
|
|
270
270
|
|
|
271
|
-
//
|
|
271
|
+
// src/components/Breadcrumb/Breadcrumb.tsx
|
|
272
272
|
import { useSignals as _useSignals5 } from "@preact-signals/safe-react/tracking";
|
|
273
273
|
import { Dot } from "@phosphor-icons/react";
|
|
274
274
|
import { Primitive as Primitive4 } from "@radix-ui/react-primitive";
|
|
275
275
|
import { Slot as Slot4 } from "@radix-ui/react-slot";
|
|
276
276
|
import React5, { forwardRef as forwardRef4 } from "react";
|
|
277
277
|
|
|
278
|
-
//
|
|
278
|
+
// src/components/Link/Link.tsx
|
|
279
279
|
import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
|
|
280
280
|
import { Primitive as Primitive3 } from "@radix-ui/react-primitive";
|
|
281
281
|
import { Slot as Slot3 } from "@radix-ui/react-slot";
|
|
@@ -297,7 +297,7 @@ var Link = /* @__PURE__ */ forwardRef3(({ asChild, variant, classNames, ...props
|
|
|
297
297
|
}
|
|
298
298
|
});
|
|
299
299
|
|
|
300
|
-
//
|
|
300
|
+
// src/components/Breadcrumb/Breadcrumb.tsx
|
|
301
301
|
var BreadcrumbRoot = /* @__PURE__ */ forwardRef4(({ asChild, classNames, ...props }, forwardedRef) => {
|
|
302
302
|
var _effect = _useSignals5();
|
|
303
303
|
try {
|
|
@@ -395,7 +395,7 @@ var Breadcrumb = {
|
|
|
395
395
|
Separator: BreadcrumbSeparator
|
|
396
396
|
};
|
|
397
397
|
|
|
398
|
-
//
|
|
398
|
+
// src/components/Buttons/Button.tsx
|
|
399
399
|
import { useSignals as _useSignals6 } from "@preact-signals/safe-react/tracking";
|
|
400
400
|
import { createContext as createContext3 } from "@radix-ui/react-context";
|
|
401
401
|
import { Primitive as Primitive5 } from "@radix-ui/react-primitive";
|
|
@@ -458,11 +458,11 @@ var ButtonGroup = /* @__PURE__ */ forwardRef5(({ children, elevation: propsEleva
|
|
|
458
458
|
});
|
|
459
459
|
ButtonGroup.displayName = BUTTON_GROUP_NAME;
|
|
460
460
|
|
|
461
|
-
//
|
|
461
|
+
// src/components/Buttons/IconButton.tsx
|
|
462
462
|
import { useSignals as _useSignals9 } from "@preact-signals/safe-react/tracking";
|
|
463
463
|
import React9, { forwardRef as forwardRef8 } from "react";
|
|
464
464
|
|
|
465
|
-
//
|
|
465
|
+
// src/components/Icon/Icon.tsx
|
|
466
466
|
import { useSignals as _useSignals7 } from "@preact-signals/safe-react/tracking";
|
|
467
467
|
import React7, { forwardRef as forwardRef6, memo as memo2 } from "react";
|
|
468
468
|
var Icon = /* @__PURE__ */ memo2(/* @__PURE__ */ forwardRef6(({ icon, classNames, size, ...props }, forwardedRef) => {
|
|
@@ -484,7 +484,7 @@ var Icon = /* @__PURE__ */ memo2(/* @__PURE__ */ forwardRef6(({ icon, classNames
|
|
|
484
484
|
}
|
|
485
485
|
}));
|
|
486
486
|
|
|
487
|
-
//
|
|
487
|
+
// src/components/Tooltip/Tooltip.tsx
|
|
488
488
|
import { useSignals as _useSignals8 } from "@preact-signals/safe-react/tracking";
|
|
489
489
|
import { composeEventHandlers } from "@radix-ui/primitive";
|
|
490
490
|
import { useComposedRefs } from "@radix-ui/react-compose-refs";
|
|
@@ -1107,7 +1107,7 @@ var Tooltip = {
|
|
|
1107
1107
|
Trigger: TooltipTrigger
|
|
1108
1108
|
};
|
|
1109
1109
|
|
|
1110
|
-
//
|
|
1110
|
+
// src/components/Buttons/IconButton.tsx
|
|
1111
1111
|
var IconOnlyButton = /* @__PURE__ */ forwardRef8(({ noTooltip, tooltipPortal = true, tooltipSide, ...props }, forwardedRef) => {
|
|
1112
1112
|
var _effect = _useSignals9();
|
|
1113
1113
|
try {
|
|
@@ -1135,7 +1135,9 @@ var LabelledIconButton = /* @__PURE__ */ forwardRef8(({ icon, size, iconOnly, la
|
|
|
1135
1135
|
const { tx } = useThemeContext();
|
|
1136
1136
|
return /* @__PURE__ */ React9.createElement(Button, {
|
|
1137
1137
|
...props,
|
|
1138
|
-
classNames: tx("iconButton.root", "iconButton", {
|
|
1138
|
+
classNames: tx("iconButton.root", "iconButton", {
|
|
1139
|
+
iconOnly
|
|
1140
|
+
}, classNames),
|
|
1139
1141
|
ref: forwardedRef
|
|
1140
1142
|
}, /* @__PURE__ */ React9.createElement(Icon, {
|
|
1141
1143
|
icon,
|
|
@@ -1166,7 +1168,7 @@ var IconButton = /* @__PURE__ */ forwardRef8((props, forwardedRef) => {
|
|
|
1166
1168
|
}
|
|
1167
1169
|
});
|
|
1168
1170
|
|
|
1169
|
-
//
|
|
1171
|
+
// src/components/Buttons/Toggle.tsx
|
|
1170
1172
|
import { useSignals as _useSignals10 } from "@preact-signals/safe-react/tracking";
|
|
1171
1173
|
import { Toggle as TogglePrimitive } from "@radix-ui/react-toggle";
|
|
1172
1174
|
import React10, { forwardRef as forwardRef9 } from "react";
|
|
@@ -1187,7 +1189,7 @@ var Toggle = /* @__PURE__ */ forwardRef9(({ defaultPressed, pressed, onPressedCh
|
|
|
1187
1189
|
}
|
|
1188
1190
|
});
|
|
1189
1191
|
|
|
1190
|
-
//
|
|
1192
|
+
// src/components/Buttons/ToggleGroup.tsx
|
|
1191
1193
|
import { useSignals as _useSignals11 } from "@preact-signals/safe-react/tracking";
|
|
1192
1194
|
import { ToggleGroup as ToggleGroupPrimitive, ToggleGroupItem as ToggleGroupItemPrimitive } from "@radix-ui/react-toggle-group";
|
|
1193
1195
|
import React11, { forwardRef as forwardRef10 } from "react";
|
|
@@ -1225,7 +1227,7 @@ var ToggleGroupItem = /* @__PURE__ */ forwardRef10(({ variant, elevation, densit
|
|
|
1225
1227
|
}
|
|
1226
1228
|
});
|
|
1227
1229
|
|
|
1228
|
-
//
|
|
1230
|
+
// src/components/Clipboard/ClipboardProvider.tsx
|
|
1229
1231
|
import { useSignals as _useSignals12 } from "@preact-signals/safe-react/tracking";
|
|
1230
1232
|
import React12, { createContext as createContext4, useCallback as useCallback4, useContext as useContext5, useState as useState5 } from "react";
|
|
1231
1233
|
var ClipboardContext = /* @__PURE__ */ createContext4({
|
|
@@ -1253,22 +1255,22 @@ var ClipboardProvider = ({ children }) => {
|
|
|
1253
1255
|
}
|
|
1254
1256
|
};
|
|
1255
1257
|
|
|
1256
|
-
//
|
|
1258
|
+
// src/components/Clipboard/CopyButton.tsx
|
|
1257
1259
|
import { useSignals as _useSignals16 } from "@preact-signals/safe-react/tracking";
|
|
1258
1260
|
import React16 from "react";
|
|
1259
1261
|
import { mx as mx2 } from "@dxos/react-ui-theme";
|
|
1260
1262
|
|
|
1261
|
-
//
|
|
1263
|
+
// src/components/ThemeProvider/ThemeProvider.tsx
|
|
1262
1264
|
import { useSignals as _useSignals15 } from "@preact-signals/safe-react/tracking";
|
|
1263
1265
|
import { createKeyborg } from "keyborg";
|
|
1264
1266
|
import React15, { createContext as createContext7, useEffect as useEffect3, useMemo as useMemo2 } from "react";
|
|
1265
1267
|
|
|
1266
|
-
//
|
|
1268
|
+
// src/util/hasIosKeyboard.ts
|
|
1267
1269
|
var hasIosKeyboard = () => {
|
|
1268
1270
|
return !!navigator.userAgent.match(/iP(ad|od|hone).+Safari/);
|
|
1269
1271
|
};
|
|
1270
1272
|
|
|
1271
|
-
//
|
|
1273
|
+
// src/components/DensityProvider/DensityProvider.tsx
|
|
1272
1274
|
import { useSignals as _useSignals13 } from "@preact-signals/safe-react/tracking";
|
|
1273
1275
|
import React13, { createContext as createContext5 } from "react";
|
|
1274
1276
|
var DensityContext = /* @__PURE__ */ createContext5({
|
|
@@ -1287,7 +1289,7 @@ var DensityProvider = ({ density, children }) => {
|
|
|
1287
1289
|
}
|
|
1288
1290
|
};
|
|
1289
1291
|
|
|
1290
|
-
//
|
|
1292
|
+
// src/components/ElevationProvider/ElevationProvider.tsx
|
|
1291
1293
|
import { useSignals as _useSignals14 } from "@preact-signals/safe-react/tracking";
|
|
1292
1294
|
import React14, { createContext as createContext6 } from "react";
|
|
1293
1295
|
var ElevationContext = /* @__PURE__ */ createContext6({
|
|
@@ -1306,7 +1308,7 @@ var ElevationProvider = ({ elevation, children }) => {
|
|
|
1306
1308
|
}
|
|
1307
1309
|
};
|
|
1308
1310
|
|
|
1309
|
-
//
|
|
1311
|
+
// src/components/ThemeProvider/ThemeProvider.tsx
|
|
1310
1312
|
var ThemeContext = /* @__PURE__ */ createContext7(void 0);
|
|
1311
1313
|
var ThemeProvider = ({ children, fallback = null, resourceExtensions, appNs, tx = (_path, defaultClassName, _styleProps, ..._options) => defaultClassName, themeMode = "dark", rootDensity = "fine", ...rest }) => {
|
|
1312
1314
|
var _effect = _useSignals15();
|
|
@@ -1354,9 +1356,9 @@ var handleInputModalityChange = (isUsingKeyboard) => {
|
|
|
1354
1356
|
}
|
|
1355
1357
|
};
|
|
1356
1358
|
|
|
1357
|
-
//
|
|
1359
|
+
// src/components/Clipboard/CopyButton.tsx
|
|
1358
1360
|
var inactiveLabelStyles = "invisible bs-px -mbe-px overflow-hidden";
|
|
1359
|
-
var CopyButton = ({
|
|
1361
|
+
var CopyButton = ({ classNames, value, size = 5, ...props }) => {
|
|
1360
1362
|
var _effect = _useSignals16();
|
|
1361
1363
|
try {
|
|
1362
1364
|
const { t } = useTranslation("os");
|
|
@@ -1377,8 +1379,7 @@ var CopyButton = ({ value, classNames, iconProps, ...props }) => {
|
|
|
1377
1379
|
className: "pli-1"
|
|
1378
1380
|
}, t("copy label")), /* @__PURE__ */ React16.createElement(Icon, {
|
|
1379
1381
|
icon: "ph--copy--regular",
|
|
1380
|
-
size
|
|
1381
|
-
...iconProps
|
|
1382
|
+
size
|
|
1382
1383
|
})), /* @__PURE__ */ React16.createElement("div", {
|
|
1383
1384
|
role: "none",
|
|
1384
1385
|
className: mx2("flex gap-1 items-center", !isCopied && inactiveLabelStyles)
|
|
@@ -1386,14 +1387,13 @@ var CopyButton = ({ value, classNames, iconProps, ...props }) => {
|
|
|
1386
1387
|
className: "pli-1"
|
|
1387
1388
|
}, t("copy success label")), /* @__PURE__ */ React16.createElement(Icon, {
|
|
1388
1389
|
icon: "ph--check--regular",
|
|
1389
|
-
size
|
|
1390
|
-
...iconProps
|
|
1390
|
+
size
|
|
1391
1391
|
})));
|
|
1392
1392
|
} finally {
|
|
1393
1393
|
_effect.f();
|
|
1394
1394
|
}
|
|
1395
1395
|
};
|
|
1396
|
-
var CopyButtonIconOnly = ({ __scopeTooltip, value, classNames,
|
|
1396
|
+
var CopyButtonIconOnly = ({ __scopeTooltip, value, classNames, size, variant, ...props }) => {
|
|
1397
1397
|
var _effect = _useSignals16();
|
|
1398
1398
|
try {
|
|
1399
1399
|
const { t } = useTranslation("os");
|
|
@@ -1405,7 +1405,7 @@ var CopyButtonIconOnly = ({ __scopeTooltip, value, classNames, iconProps, varian
|
|
|
1405
1405
|
iconOnly: true,
|
|
1406
1406
|
label,
|
|
1407
1407
|
icon: "ph--copy--regular",
|
|
1408
|
-
size
|
|
1408
|
+
size,
|
|
1409
1409
|
variant,
|
|
1410
1410
|
classNames: [
|
|
1411
1411
|
"inline-flex flex-col justify-center",
|
|
@@ -1419,14 +1419,14 @@ var CopyButtonIconOnly = ({ __scopeTooltip, value, classNames, iconProps, varian
|
|
|
1419
1419
|
}
|
|
1420
1420
|
};
|
|
1421
1421
|
|
|
1422
|
-
//
|
|
1422
|
+
// src/components/Clipboard/index.ts
|
|
1423
1423
|
var Clipboard = {
|
|
1424
1424
|
Button: CopyButton,
|
|
1425
1425
|
IconButton: CopyButtonIconOnly,
|
|
1426
1426
|
Provider: ClipboardProvider
|
|
1427
1427
|
};
|
|
1428
1428
|
|
|
1429
|
-
//
|
|
1429
|
+
// src/components/Dialogs/Dialog.tsx
|
|
1430
1430
|
import { useSignals as _useSignals17 } from "@preact-signals/safe-react/tracking";
|
|
1431
1431
|
import { createContext as createContext8 } from "@radix-ui/react-context";
|
|
1432
1432
|
import { Root as DialogRootPrimitive, DialogTrigger as DialogTriggerPrimitive, DialogPortal as DialogPortalPrimitive, DialogOverlay as DialogOverlayPrimitive, DialogTitle as DialogTitlePrimitive, DialogDescription as DialogDescriptionPrimitive, DialogClose as DialogClosePrimitive, DialogContent as DialogContentPrimitive } from "@radix-ui/react-dialog";
|
|
@@ -1525,7 +1525,7 @@ var Dialog = {
|
|
|
1525
1525
|
Close: DialogClose
|
|
1526
1526
|
};
|
|
1527
1527
|
|
|
1528
|
-
//
|
|
1528
|
+
// src/components/Dialogs/AlertDialog.tsx
|
|
1529
1529
|
import { useSignals as _useSignals18 } from "@preact-signals/safe-react/tracking";
|
|
1530
1530
|
import { Root as AlertDialogRootPrimitive, AlertDialogTrigger as AlertDialogTriggerPrimitive, AlertDialogPortal as AlertDialogPortalPrimitive, AlertDialogOverlay as AlertDialogOverlayPrimitive, AlertDialogTitle as AlertDialogTitlePrimitive, AlertDialogDescription as AlertDialogDescriptionPrimitive, AlertDialogAction as AlertDialogActionPrimitive, AlertDialogCancel as AlertDialogCancelPrimitive, AlertDialogContent as AlertDialogContentPrimitive } from "@radix-ui/react-alert-dialog";
|
|
1531
1531
|
import { createContext as createContext9 } from "@radix-ui/react-context";
|
|
@@ -1625,7 +1625,7 @@ var AlertDialog = {
|
|
|
1625
1625
|
Action: AlertDialogAction
|
|
1626
1626
|
};
|
|
1627
1627
|
|
|
1628
|
-
//
|
|
1628
|
+
// src/components/Input/Input.tsx
|
|
1629
1629
|
import { useSignals as _useSignals19 } from "@preact-signals/safe-react/tracking";
|
|
1630
1630
|
import { Root as CheckboxPrimitive } from "@radix-ui/react-checkbox";
|
|
1631
1631
|
import { useControllableState as useControllableState2 } from "@radix-ui/react-use-controllable-state";
|
|
@@ -1860,14 +1860,14 @@ var Input = {
|
|
|
1860
1860
|
DescriptionAndValidation
|
|
1861
1861
|
};
|
|
1862
1862
|
|
|
1863
|
-
//
|
|
1863
|
+
// src/components/Lists/List.tsx
|
|
1864
1864
|
import { useSignals as _useSignals21 } from "@preact-signals/safe-react/tracking";
|
|
1865
1865
|
import { CaretDown, CaretRight } from "@phosphor-icons/react";
|
|
1866
1866
|
import { Slot as Slot6 } from "@radix-ui/react-slot";
|
|
1867
1867
|
import React21, { forwardRef as forwardRef14 } from "react";
|
|
1868
1868
|
import { List as ListPrimitive, ListItemHeading as ListPrimitiveItemHeading, ListItemOpenTrigger as ListPrimitiveItemOpenTrigger, ListItemCollapsibleContent, ListItem as ListPrimitiveItem, LIST_NAME, LIST_ITEM_NAME, useListContext, useListItemContext } from "@dxos/react-list";
|
|
1869
1869
|
|
|
1870
|
-
//
|
|
1870
|
+
// src/components/Lists/ListDropIndicator.tsx
|
|
1871
1871
|
import { useSignals as _useSignals20 } from "@preact-signals/safe-react/tracking";
|
|
1872
1872
|
import React20 from "react";
|
|
1873
1873
|
var edgeToOrientationMap = {
|
|
@@ -1911,7 +1911,7 @@ var ListDropIndicator = ({ edge, gap = 0, lineInset = 0, terminalInset = lineIns
|
|
|
1911
1911
|
}
|
|
1912
1912
|
};
|
|
1913
1913
|
|
|
1914
|
-
//
|
|
1914
|
+
// src/components/Lists/List.tsx
|
|
1915
1915
|
var List = /* @__PURE__ */ forwardRef14(({ classNames, children, ...props }, forwardedRef) => {
|
|
1916
1916
|
var _effect = _useSignals21();
|
|
1917
1917
|
try {
|
|
@@ -2028,11 +2028,11 @@ var ListItem = {
|
|
|
2028
2028
|
DropIndicator: ListDropIndicator
|
|
2029
2029
|
};
|
|
2030
2030
|
|
|
2031
|
-
//
|
|
2031
|
+
// src/components/Lists/Tree.tsx
|
|
2032
2032
|
import { useSignals as _useSignals23 } from "@preact-signals/safe-react/tracking";
|
|
2033
2033
|
import React23, { forwardRef as forwardRef15 } from "react";
|
|
2034
2034
|
|
|
2035
|
-
//
|
|
2035
|
+
// src/components/Lists/TreeDropIndicator.tsx
|
|
2036
2036
|
import { useSignals as _useSignals22 } from "@preact-signals/safe-react/tracking";
|
|
2037
2037
|
import React22 from "react";
|
|
2038
2038
|
var edgeToOrientationMap2 = {
|
|
@@ -2083,7 +2083,7 @@ var TreeDropIndicator = ({ instruction, gap = 0 }) => {
|
|
|
2083
2083
|
}
|
|
2084
2084
|
};
|
|
2085
2085
|
|
|
2086
|
-
//
|
|
2086
|
+
// src/components/Lists/Tree.tsx
|
|
2087
2087
|
var TreeRoot = /* @__PURE__ */ forwardRef15((props, forwardedRef) => {
|
|
2088
2088
|
var _effect = _useSignals23();
|
|
2089
2089
|
try {
|
|
@@ -2137,7 +2137,7 @@ var TreeItem = {
|
|
|
2137
2137
|
DropIndicator: TreeDropIndicator
|
|
2138
2138
|
};
|
|
2139
2139
|
|
|
2140
|
-
//
|
|
2140
|
+
// src/components/Lists/Treegrid.tsx
|
|
2141
2141
|
import { useSignals as _useSignals24 } from "@preact-signals/safe-react/tracking";
|
|
2142
2142
|
import { useArrowNavigationGroup, useFocusableGroup } from "@fluentui/react-tabster";
|
|
2143
2143
|
import { createContextScope as createContextScope2 } from "@radix-ui/react-context";
|
|
@@ -2250,7 +2250,7 @@ var Treegrid = {
|
|
|
2250
2250
|
useTreegridRowContext
|
|
2251
2251
|
};
|
|
2252
2252
|
|
|
2253
|
-
//
|
|
2253
|
+
// src/components/Main/Main.tsx
|
|
2254
2254
|
import { useSignals as _useSignals25 } from "@preact-signals/safe-react/tracking";
|
|
2255
2255
|
import { createContext as createContext10 } from "@radix-ui/react-context";
|
|
2256
2256
|
import { Root as DialogRoot2, DialogContent as DialogContent2, DialogTitle as DialogTitle2 } from "@radix-ui/react-dialog";
|
|
@@ -2261,7 +2261,7 @@ import React25, { forwardRef as forwardRef17, useCallback as useCallback7, useEf
|
|
|
2261
2261
|
import { log } from "@dxos/log";
|
|
2262
2262
|
import { useMediaQuery, useForwardedRef } from "@dxos/react-hooks";
|
|
2263
2263
|
|
|
2264
|
-
//
|
|
2264
|
+
// src/components/Main/useSwipeToDismiss.ts
|
|
2265
2265
|
import { useCallback as useCallback6, useEffect as useEffect4, useState as useState6 } from "react";
|
|
2266
2266
|
var useSwipeToDismiss = (ref, {
|
|
2267
2267
|
onDismiss,
|
|
@@ -2352,8 +2352,8 @@ var useSwipeToDismiss = (ref, {
|
|
|
2352
2352
|
]);
|
|
2353
2353
|
};
|
|
2354
2354
|
|
|
2355
|
-
//
|
|
2356
|
-
var __dxlog_file = "/
|
|
2355
|
+
// src/components/Main/Main.tsx
|
|
2356
|
+
var __dxlog_file = "/__w/dxos/dxos/packages/ui/react-ui/src/components/Main/Main.tsx";
|
|
2357
2357
|
var MAIN_ROOT_NAME = "MainRoot";
|
|
2358
2358
|
var NAVIGATION_SIDEBAR_NAME = "NavigationSidebar";
|
|
2359
2359
|
var COMPLEMENTARY_SIDEBAR_NAME = "ComplementarySidebar";
|
|
@@ -2632,14 +2632,14 @@ var Main = {
|
|
|
2632
2632
|
ComplementarySidebar: MainComplementarySidebar
|
|
2633
2633
|
};
|
|
2634
2634
|
|
|
2635
|
-
//
|
|
2635
|
+
// src/components/Menus/ContextMenu.tsx
|
|
2636
2636
|
import { useSignals as _useSignals26 } from "@preact-signals/safe-react/tracking";
|
|
2637
2637
|
import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
|
|
2638
2638
|
import { Primitive as Primitive9 } from "@radix-ui/react-primitive";
|
|
2639
2639
|
import { Slot as Slot9 } from "@radix-ui/react-slot";
|
|
2640
2640
|
import React26, { forwardRef as forwardRef18 } from "react";
|
|
2641
2641
|
|
|
2642
|
-
//
|
|
2642
|
+
// src/hooks/useSafeCollisionPadding.ts
|
|
2643
2643
|
import { useMemo as useMemo3 } from "react";
|
|
2644
2644
|
var propIsNumber = (prop) => Number.isFinite(prop);
|
|
2645
2645
|
var propsIsRecord = (prop) => !!(prop && typeof prop === "object");
|
|
@@ -2659,7 +2659,7 @@ var useSafeCollisionPadding = (collisionPadding) => {
|
|
|
2659
2659
|
]);
|
|
2660
2660
|
};
|
|
2661
2661
|
|
|
2662
|
-
//
|
|
2662
|
+
// src/components/Menus/ContextMenu.tsx
|
|
2663
2663
|
var ContextMenuRoot = ContextMenuPrimitive.ContextMenu;
|
|
2664
2664
|
var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
|
|
2665
2665
|
var ContextMenuPortal = ContextMenuPrimitive.Portal;
|
|
@@ -2777,7 +2777,7 @@ var ContextMenu2 = {
|
|
|
2777
2777
|
GroupLabel: ContextMenuGroupLabel
|
|
2778
2778
|
};
|
|
2779
2779
|
|
|
2780
|
-
//
|
|
2780
|
+
// src/components/Menus/DropdownMenu.tsx
|
|
2781
2781
|
import { useSignals as _useSignals27 } from "@preact-signals/safe-react/tracking";
|
|
2782
2782
|
import { composeEventHandlers as composeEventHandlers2 } from "@radix-ui/primitive";
|
|
2783
2783
|
import { composeRefs } from "@radix-ui/react-compose-refs";
|
|
@@ -3226,7 +3226,7 @@ var DropdownMenu = {
|
|
|
3226
3226
|
};
|
|
3227
3227
|
var useDropdownMenuMenuScope = useMenuScope;
|
|
3228
3228
|
|
|
3229
|
-
//
|
|
3229
|
+
// src/components/Message/Message.tsx
|
|
3230
3230
|
import { useSignals as _useSignals28 } from "@preact-signals/safe-react/tracking";
|
|
3231
3231
|
import { createContext as createContext11 } from "@radix-ui/react-context";
|
|
3232
3232
|
import { Primitive as Primitive11 } from "@radix-ui/react-primitive";
|
|
@@ -3319,7 +3319,7 @@ var Message = {
|
|
|
3319
3319
|
};
|
|
3320
3320
|
var Callout = Message;
|
|
3321
3321
|
|
|
3322
|
-
//
|
|
3322
|
+
// src/components/Popover/Popover.tsx
|
|
3323
3323
|
import { useSignals as _useSignals29 } from "@preact-signals/safe-react/tracking";
|
|
3324
3324
|
import { composeEventHandlers as composeEventHandlers3 } from "@radix-ui/primitive";
|
|
3325
3325
|
import { useComposedRefs as useComposedRefs2 } from "@radix-ui/react-compose-refs";
|
|
@@ -3699,7 +3699,7 @@ var Popover = {
|
|
|
3699
3699
|
Viewport: PopoverViewport
|
|
3700
3700
|
};
|
|
3701
3701
|
|
|
3702
|
-
//
|
|
3702
|
+
// src/components/Status/Status.tsx
|
|
3703
3703
|
import { useSignals as _useSignals30 } from "@preact-signals/safe-react/tracking";
|
|
3704
3704
|
import React30, { forwardRef as forwardRef22 } from "react";
|
|
3705
3705
|
var Status = /* @__PURE__ */ forwardRef22(({ classNames, children, progress = 0, indeterminate, variant, ...props }, forwardedRef) => {
|
|
@@ -3731,7 +3731,7 @@ var Status = /* @__PURE__ */ forwardRef22(({ classNames, children, progress = 0,
|
|
|
3731
3731
|
}
|
|
3732
3732
|
});
|
|
3733
3733
|
|
|
3734
|
-
//
|
|
3734
|
+
// src/components/ScrollArea/ScrollArea.tsx
|
|
3735
3735
|
import { useSignals as _useSignals31 } from "@preact-signals/safe-react/tracking";
|
|
3736
3736
|
import { Root as ScrollAreaPrimitiveRoot, Viewport as ScrollAreaPrimitiveViewport, Scrollbar as ScrollAreaPrimitiveScrollbar, Thumb as ScrollAreaPrimitiveThumb, Corner as ScrollAreaPrimitiveCorner } from "@radix-ui/react-scroll-area";
|
|
3737
3737
|
import React31, { forwardRef as forwardRef23 } from "react";
|
|
@@ -3809,7 +3809,7 @@ var ScrollArea = {
|
|
|
3809
3809
|
Corner: ScrollAreaCorner
|
|
3810
3810
|
};
|
|
3811
3811
|
|
|
3812
|
-
//
|
|
3812
|
+
// src/components/Select/Select.tsx
|
|
3813
3813
|
import { useSignals as _useSignals32 } from "@preact-signals/safe-react/tracking";
|
|
3814
3814
|
import { CaretDown as CaretDown2, CaretUp } from "@phosphor-icons/react";
|
|
3815
3815
|
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
@@ -3995,7 +3995,7 @@ var Select = {
|
|
|
3995
3995
|
Arrow: SelectArrow
|
|
3996
3996
|
};
|
|
3997
3997
|
|
|
3998
|
-
//
|
|
3998
|
+
// src/components/Separator/Separator.tsx
|
|
3999
3999
|
import { useSignals as _useSignals33 } from "@preact-signals/safe-react/tracking";
|
|
4000
4000
|
import { Separator as SeparatorPrimitive } from "@radix-ui/react-separator";
|
|
4001
4001
|
import React33, { forwardRef as forwardRef25 } from "react";
|
|
@@ -4017,7 +4017,7 @@ var Separator4 = /* @__PURE__ */ forwardRef25(({ classNames, orientation = "hori
|
|
|
4017
4017
|
}
|
|
4018
4018
|
});
|
|
4019
4019
|
|
|
4020
|
-
//
|
|
4020
|
+
// src/components/Tag/Tag.tsx
|
|
4021
4021
|
import { useSignals as _useSignals34 } from "@preact-signals/safe-react/tracking";
|
|
4022
4022
|
import { Primitive as Primitive13 } from "@radix-ui/react-primitive";
|
|
4023
4023
|
import { Slot as Slot13 } from "@radix-ui/react-slot";
|
|
@@ -4040,7 +4040,7 @@ var Tag = /* @__PURE__ */ forwardRef26(({ asChild, palette = "neutral", classNam
|
|
|
4040
4040
|
}
|
|
4041
4041
|
});
|
|
4042
4042
|
|
|
4043
|
-
//
|
|
4043
|
+
// src/components/Toast/Toast.tsx
|
|
4044
4044
|
import { useSignals as _useSignals35 } from "@preact-signals/safe-react/tracking";
|
|
4045
4045
|
import { Primitive as Primitive14 } from "@radix-ui/react-primitive";
|
|
4046
4046
|
import { Slot as Slot14 } from "@radix-ui/react-slot";
|
|
@@ -4144,7 +4144,7 @@ var Toast = {
|
|
|
4144
4144
|
Close: ToastClose
|
|
4145
4145
|
};
|
|
4146
4146
|
|
|
4147
|
-
//
|
|
4147
|
+
// src/components/Toolbar/Toolbar.tsx
|
|
4148
4148
|
import { useSignals as _useSignals36 } from "@preact-signals/safe-react/tracking";
|
|
4149
4149
|
import * as ToolbarPrimitive from "@radix-ui/react-toolbar";
|
|
4150
4150
|
import React36, { forwardRef as forwardRef28 } from "react";
|
|
@@ -4297,7 +4297,7 @@ var Toolbar = {
|
|
|
4297
4297
|
Separator: ToolbarSeparator
|
|
4298
4298
|
};
|
|
4299
4299
|
|
|
4300
|
-
//
|
|
4300
|
+
// src/hooks/useDensityContext.ts
|
|
4301
4301
|
var useDensityContext = (propsDensity) => {
|
|
4302
4302
|
const { density } = useContext6(DensityContext);
|
|
4303
4303
|
return propsDensity ?? density;
|
|
@@ -4375,4 +4375,4 @@ export {
|
|
|
4375
4375
|
Toast,
|
|
4376
4376
|
Toolbar
|
|
4377
4377
|
};
|
|
4378
|
-
//# sourceMappingURL=chunk-
|
|
4378
|
+
//# sourceMappingURL=chunk-TYVQJ4KW.mjs.map
|