@dxos/react-ui 0.1.0

package/dist/src/styles/focus.d.ts

@@ -0,0 +1,2 @@
+export declare const defaultFocus = "focus:outline-none focus-visible:hover:outline-none dark:focus-visible:hover:outline-none focus-visible:ring focus-visible:ring-offset-1 focus-visible:ring-primary-500 focus-visible:ring-offset-white dark:focus-visible:ring-primary-200 dark:focus-visible:ring-offset-black";
+//# sourceMappingURL=focus.d.ts.map

package/dist/src/styles/focus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../../src/styles/focus.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,qRAC2P,CAAC"}

package/dist/src/styles/focus.js

@@ -0,0 +1,8 @@
+"use strict";
+//
+// Copyright 2022 DXOS.org
+//
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultFocus = void 0;
+exports.defaultFocus = 'focus:outline-none focus-visible:hover:outline-none dark:focus-visible:hover:outline-none focus-visible:ring focus-visible:ring-offset-1 focus-visible:ring-primary-500 focus-visible:ring-offset-white dark:focus-visible:ring-primary-200 dark:focus-visible:ring-offset-black';
+//# sourceMappingURL=focus.js.map

package/dist/src/styles/focus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus.js","sourceRoot":"","sources":["../../../src/styles/focus.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;AAEW,QAAA,YAAY,GACvB,kRAAkR,CAAC"}

package/dist/src/styles/group.d.ts

@@ -0,0 +1,5 @@
+import { Elevation } from '../props';
+export declare const defaultGroup: ({ elevation }: {
+    elevation: Elevation;
+}) => string;
+//# sourceMappingURL=group.d.ts.map

package/dist/src/styles/group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../src/styles/group.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAYrC,eAAO,MAAM,YAAY;eAAgC,SAAS;YAQjE,CAAC"}

package/dist/src/styles/group.js

@@ -0,0 +1,26 @@
+"use strict";
+//
+// Copyright 2022 DXOS.org
+//
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultGroup = void 0;
+const classnames_1 = __importDefault(require("classnames"));
+const elevationClassNameMap = new Map([
+    [0, 'shadow-none'],
+    [1, 'shadow-sm'],
+    [2, 'shadow'],
+    [3, 'shadow-md'],
+    [4, 'shadow-lg'],
+    [5, 'shadow-xl'],
+    [6, 'shadow-2xl']
+]);
+const defaultGroup = ({ elevation }) => {
+    return (0, classnames_1.default)('rounded-lg p-4', elevation === 0
+        ? 'bg-transparent border border-neutral-200 dark:border-neutral-700'
+        : 'bg-white dark:bg-neutral-800 elevated-buttons', elevationClassNameMap.get(elevation));
+};
+exports.defaultGroup = defaultGroup;
+//# sourceMappingURL=group.js.map

package/dist/src/styles/group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.js","sourceRoot":"","sources":["../../../src/styles/group.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,4DAA4B;AAI5B,MAAM,qBAAqB,GAAG,IAAI,GAAG,CAAiB;IACpD,CAAC,CAAC,EAAE,aAAa,CAAC;IAClB,CAAC,CAAC,EAAE,WAAW,CAAC;IAChB,CAAC,CAAC,EAAE,QAAQ,CAAC;IACb,CAAC,CAAC,EAAE,WAAW,CAAC;IAChB,CAAC,CAAC,EAAE,WAAW,CAAC;IAChB,CAAC,CAAC,EAAE,WAAW,CAAC;IAChB,CAAC,CAAC,EAAE,YAAY,CAAC;CAClB,CAAC,CAAC;AAEI,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAA4B,EAAE,EAAE;IACtE,OAAO,IAAA,oBAAE,EACP,gBAAgB,EAChB,SAAS,KAAK,CAAC;QACb,CAAC,CAAC,kEAAkE;QACpE,CAAC,CAAC,+CAA+C,EACnD,qBAAqB,CAAC,GAAG,CAAC,SAAS,CAAC,CACrC,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,YAAY,gBAQvB"}

package/dist/src/styles/hover.d.ts

@@ -0,0 +1,4 @@
+export declare const defaultHover: ({ disabled }: {
+    disabled?: boolean | undefined;
+}) => false | "outline outline-3 outline-transparent hover:outline-primary-300 dark:hover:outline-primary-400 hover:focus:outline-primary-300 dark:hover:focus:outline-primary-400";
+//# sourceMappingURL=hover.d.ts.map

package/dist/src/styles/hover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover.d.ts","sourceRoot":"","sources":["../../../src/styles/hover.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY;;mLAKxB,CAAC"}

package/dist/src/styles/hover.js

@@ -0,0 +1,12 @@
+"use strict";
+//
+// Copyright 2022 DXOS.org
+//
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultHover = void 0;
+const defaultHover = ({ disabled }) => {
+    return (!disabled &&
+        'outline outline-3 outline-transparent hover:outline-primary-300 dark:hover:outline-primary-400 hover:focus:outline-primary-300 dark:hover:focus:outline-primary-400');
+};
+exports.defaultHover = defaultHover;
+//# sourceMappingURL=hover.js.map

package/dist/src/styles/hover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover.js","sourceRoot":"","sources":["../../../src/styles/hover.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;AAEK,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAA0B,EAAE,EAAE;IACnE,OAAO,CACL,CAAC,QAAQ;QACT,qKAAqK,CACtK,CAAC;AACJ,CAAC,CAAC;AALW,QAAA,YAAY,gBAKvB"}

package/dist/src/styles/index.d.ts

@@ -0,0 +1,10 @@
+export * from './active';
+export * from './disabled';
+export * from './focus';
+export * from './group';
+export * from './hover';
+export * from './ornament';
+export * from './size';
+export * from './text';
+export * from './valence';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC"}

package/dist/src/styles/index.js

@@ -0,0 +1,29 @@
+"use strict";
+//
+// Copyright 2022 DXOS.org
+//
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./active"), exports);
+__exportStar(require("./disabled"), exports);
+__exportStar(require("./focus"), exports);
+__exportStar(require("./group"), exports);
+__exportStar(require("./hover"), exports);
+__exportStar(require("./ornament"), exports);
+__exportStar(require("./size"), exports);
+__exportStar(require("./text"), exports);
+__exportStar(require("./valence"), exports);
+//# sourceMappingURL=index.js.map

package/dist/src/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;AAEF,2CAAyB;AACzB,6CAA2B;AAC3B,0CAAwB;AACxB,0CAAwB;AACxB,0CAAwB;AACxB,6CAA2B;AAC3B,yCAAuB;AACvB,yCAAuB;AACvB,4CAA0B"}

package/dist/src/styles/ornament.d.ts

@@ -0,0 +1,3 @@
+export declare const defaultInlineSeparator = "border-is border-neutral-300 dark:border-neutral-700";
+export declare const defaultBlockSeparator = "border-bs border-neutral-300 dark:border-neutral-700";
+//# sourceMappingURL=ornament.d.ts.map

package/dist/src/styles/ornament.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ornament.d.ts","sourceRoot":"","sources":["../../../src/styles/ornament.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,sBAAsB,yDAAyD,CAAC;AAC7F,eAAO,MAAM,qBAAqB,yDAAyD,CAAC"}

package/dist/src/styles/ornament.js

@@ -0,0 +1,9 @@
+"use strict";
+//
+// Copyright 2022 DXOS.org
+//
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultBlockSeparator = exports.defaultInlineSeparator = void 0;
+exports.defaultInlineSeparator = 'border-is border-neutral-300 dark:border-neutral-700';
+exports.defaultBlockSeparator = 'border-bs border-neutral-300 dark:border-neutral-700';
+//# sourceMappingURL=ornament.js.map

package/dist/src/styles/ornament.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ornament.js","sourceRoot":"","sources":["../../../src/styles/ornament.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;AAEW,QAAA,sBAAsB,GAAG,sDAAsD,CAAC;AAChF,QAAA,qBAAqB,GAAG,sDAAsD,CAAC"}

package/dist/src/styles/size.d.ts

@@ -0,0 +1,7 @@
+import { Size } from '../props/Size';
+export declare const sizeWidthMap: Map<Size, string>;
+export declare const sizeHeightMap: Map<Size, string>;
+export declare const getSizeHeight: (key: Size) => string | undefined;
+export declare const getSizeWidth: (key: Size) => string | undefined;
+export declare const getSize: (size: Size) => string;
+//# sourceMappingURL=size.d.ts.map

package/dist/src/styles/size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.d.ts","sourceRoot":"","sources":["../../../src/styles/size.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,eAAO,MAAM,YAAY,mBAoCvB,CAAC;AAEH,eAAO,MAAM,aAAa,mBAoCxB,CAAC;AAEH,eAAO,MAAM,aAAa,mCAAwC,CAAC;AACnE,eAAO,MAAM,YAAY,mCAAsC,CAAC;AAChE,eAAO,MAAM,OAAO,SAAU,IAAI,WAAgD,CAAC"}

package/dist/src/styles/size.js

@@ -0,0 +1,89 @@
+"use strict";
+//
+// Copyright 2022 DXOS.org
+//
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSize = exports.getSizeWidth = exports.getSizeHeight = exports.sizeHeightMap = exports.sizeWidthMap = void 0;
+const classnames_1 = __importDefault(require("classnames"));
+exports.sizeWidthMap = new Map([
+    [0, 'w-0'],
+    ['px', 'w-px'],
+    [0.5, 'w-0.5'],
+    [1, 'w-1'],
+    [1.5, 'w-1.5'],
+    [2, 'w-2'],
+    [2.5, 'w-2.5'],
+    [3, 'w-3'],
+    [3.5, 'w-3.5'],
+    [4, 'w-4'],
+    [5, 'w-5'],
+    [6, 'w-6'],
+    [7, 'w-7'],
+    [8, 'w-8'],
+    [9, 'w-9'],
+    [10, 'w-10'],
+    [11, 'w-11'],
+    [12, 'w-12'],
+    [14, 'w-14'],
+    [16, 'w-16'],
+    [20, 'w-20'],
+    [24, 'w-24'],
+    [28, 'w-28'],
+    [32, 'w-32'],
+    [36, 'w-36'],
+    [40, 'w-40'],
+    [44, 'w-44'],
+    [48, 'w-48'],
+    [52, 'w-52'],
+    [56, 'w-56'],
+    [60, 'w-60'],
+    [64, 'w-64'],
+    [72, 'w-72'],
+    [80, 'w-80'],
+    [96, 'w-96']
+]);
+exports.sizeHeightMap = new Map([
+    [0, 'h-0'],
+    ['px', 'h-px'],
+    [0.5, 'h-0.5'],
+    [1, 'h-1'],
+    [1.5, 'h-1.5'],
+    [2, 'h-2'],
+    [2.5, 'h-2.5'],
+    [3, 'h-3'],
+    [3.5, 'h-3.5'],
+    [4, 'h-4'],
+    [5, 'h-5'],
+    [6, 'h-6'],
+    [7, 'h-7'],
+    [8, 'h-8'],
+    [9, 'h-9'],
+    [10, 'h-10'],
+    [11, 'h-11'],
+    [12, 'h-12'],
+    [14, 'h-14'],
+    [16, 'h-16'],
+    [20, 'h-20'],
+    [24, 'h-24'],
+    [28, 'h-28'],
+    [32, 'h-32'],
+    [36, 'h-36'],
+    [40, 'h-40'],
+    [44, 'h-44'],
+    [48, 'h-48'],
+    [52, 'h-52'],
+    [56, 'h-56'],
+    [60, 'h-60'],
+    [64, 'h-64'],
+    [72, 'h-72'],
+    [80, 'h-80'],
+    [96, 'h-96']
+]);
+exports.getSizeHeight = exports.sizeHeightMap.get.bind(exports.sizeHeightMap);
+exports.getSizeWidth = exports.sizeWidthMap.get.bind(exports.sizeWidthMap);
+const getSize = (size) => (0, classnames_1.default)((0, exports.getSizeHeight)(size), (0, exports.getSizeWidth)(size));
+exports.getSize = getSize;
+//# sourceMappingURL=size.js.map

package/dist/src/styles/size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.js","sourceRoot":"","sources":["../../../src/styles/size.ts"],"names":[],"mappings":"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"}

package/dist/src/styles/text.d.ts

@@ -0,0 +1,5 @@
+export declare const defaultPlaceholder = "placeholder-neutral-500 dark:placeholder-neutral-400";
+export declare const defaultDescription = "text-xs font-normal text-neutral-650 dark:text-neutral-300";
+export declare const primaryDescription = "text-xs font-normal text-white/90";
+export declare const defaultTooltip = "text-xs font-normal text-neutral-900 dark:text-neutral-50";
+//# sourceMappingURL=text.d.ts.map

package/dist/src/styles/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/styles/text.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB,yDAAyD,CAAC;AAEzF,eAAO,MAAM,kBAAkB,+DAA+D,CAAC;AAC/F,eAAO,MAAM,kBAAkB,sCAAsC,CAAC;AAEtE,eAAO,MAAM,cAAc,8DAA8D,CAAC"}

package/dist/src/styles/text.js

@@ -0,0 +1,11 @@
+"use strict";
+//
+// Copyright 2022 DXOS.org
+//
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultTooltip = exports.primaryDescription = exports.defaultDescription = exports.defaultPlaceholder = void 0;
+exports.defaultPlaceholder = 'placeholder-neutral-500 dark:placeholder-neutral-400';
+exports.defaultDescription = 'text-xs font-normal text-neutral-650 dark:text-neutral-300';
+exports.primaryDescription = 'text-xs font-normal text-white/90';
+exports.defaultTooltip = 'text-xs font-normal text-neutral-900 dark:text-neutral-50';
+//# sourceMappingURL=text.js.map

package/dist/src/styles/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../src/styles/text.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;AAEW,QAAA,kBAAkB,GAAG,sDAAsD,CAAC;AAE5E,QAAA,kBAAkB,GAAG,4DAA4D,CAAC;AAClF,QAAA,kBAAkB,GAAG,mCAAmC,CAAC;AAEzD,QAAA,cAAc,GAAG,2DAA2D,CAAC"}

package/dist/src/styles/valence.d.ts

@@ -0,0 +1,19 @@
+import { MessageValence } from '../props';
+export declare const successText = "text-xs font-medium text-success-700 dark:text-success-300";
+export declare const infoText = "text-xs font-medium text-info-700 dark:text-info-300";
+export declare const warningText = "text-xs font-medium text-warning-700 dark:text-warning-300";
+export declare const errorText = "text-xs font-medium text-error-700 dark:text-error-300";
+export declare const valenceColorText: (valence?: MessageValence) => "text-xs font-medium text-success-700 dark:text-success-300" | "text-xs font-medium text-info-700 dark:text-info-300" | "text-xs font-medium text-warning-700 dark:text-warning-300" | "text-xs font-medium text-error-700 dark:text-error-300" | undefined;
+export declare const neutralInputBorder = "border-neutral-500 dark:border-neutral-600";
+export declare const successInputBorder = "border-success-500 dark:border-success-600";
+export declare const infoInputBorder = "border-info-500 dark:border-info-600";
+export declare const warningInputBorder = "border-warning-500 dark:border-warning-600";
+export declare const errorInputBorder = "border-error-500 dark:border-error-600";
+export declare const valenceInputBorder: (valence?: MessageValence) => "border-neutral-500 dark:border-neutral-600" | "border-success-500 dark:border-success-600" | "border-info-500 dark:border-info-600" | "border-warning-500 dark:border-warning-600" | "border-error-500 dark:border-error-600";
+export declare const neutralAlertColors = "border-neutral-500 dark:border-neutral-600";
+export declare const successAlertColors = "border-success-500 dark:border-success-600 text-success-700 dark:text-success-100 bg-success-50 dark:bg-success-900";
+export declare const infoAlertColors = "border-info-500 dark:border-info-600 text-info-700 dark:text-info-100 bg-info-50 dark:bg-info-900";
+export declare const warningAlertColors = "border-warning-500 dark:border-warning-600 text-warning-700 dark:text-warning-100 bg-warning-50 dark:bg-warning-900";
+export declare const errorAlertColors = "border-error-500 dark:border-error-600 text-error-700 dark:text-error-100 bg-error-50 dark:bg-error-900";
+export declare const valenceAlertColors: (valence?: MessageValence) => "border-neutral-500 dark:border-neutral-600" | "border-success-500 dark:border-success-600 text-success-700 dark:text-success-100 bg-success-50 dark:bg-success-900" | "border-info-500 dark:border-info-600 text-info-700 dark:text-info-100 bg-info-50 dark:bg-info-900" | "border-warning-500 dark:border-warning-600 text-warning-700 dark:text-warning-100 bg-warning-50 dark:bg-warning-900" | "border-error-500 dark:border-error-600 text-error-700 dark:text-error-100 bg-error-50 dark:bg-error-900";
+//# sourceMappingURL=valence.d.ts.map

package/dist/src/styles/valence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"valence.d.ts","sourceRoot":"","sources":["../../../src/styles/valence.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,eAAO,MAAM,WAAW,+DAA+D,CAAC;AACxF,eAAO,MAAM,QAAQ,yDAAyD,CAAC;AAC/E,eAAO,MAAM,WAAW,+DAA+D,CAAC;AACxF,eAAO,MAAM,SAAS,2DAA2D,CAAC;AAElF,eAAO,MAAM,gBAAgB,aAAc,cAAc,gQAaxD,CAAC;AAEF,eAAO,MAAM,kBAAkB,+CAA+C,CAAC;AAC/E,eAAO,MAAM,kBAAkB,+CAA+C,CAAC;AAC/E,eAAO,MAAM,eAAe,yCAAyC,CAAC;AACtE,eAAO,MAAM,kBAAkB,+CAA+C,CAAC;AAC/E,eAAO,MAAM,gBAAgB,2CAA2C,CAAC;AAEzE,eAAO,MAAM,kBAAkB,aAAc,cAAc,mOAa1D,CAAC;AAEF,eAAO,MAAM,kBAAkB,+CAA+C,CAAC;AAC/E,eAAO,MAAM,kBAAkB,wHACwF,CAAC;AACxH,eAAO,MAAM,eAAe,sGACyE,CAAC;AACtG,eAAO,MAAM,kBAAkB,wHACwF,CAAC;AACxH,eAAO,MAAM,gBAAgB,4GAC8E,CAAC;AAE5G,eAAO,MAAM,kBAAkB,aAAc,cAAc,mfAa1D,CAAC"}

package/dist/src/styles/valence.js

@@ -0,0 +1,66 @@
+"use strict";
+//
+// Copyright 2022 DXOS.org
+//
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.valenceAlertColors = exports.errorAlertColors = exports.warningAlertColors = exports.infoAlertColors = exports.successAlertColors = exports.neutralAlertColors = exports.valenceInputBorder = exports.errorInputBorder = exports.warningInputBorder = exports.infoInputBorder = exports.successInputBorder = exports.neutralInputBorder = exports.valenceColorText = exports.errorText = exports.warningText = exports.infoText = exports.successText = void 0;
+exports.successText = 'text-xs font-medium text-success-700 dark:text-success-300';
+exports.infoText = 'text-xs font-medium text-info-700 dark:text-info-300';
+exports.warningText = 'text-xs font-medium text-warning-700 dark:text-warning-300';
+exports.errorText = 'text-xs font-medium text-error-700 dark:text-error-300';
+const valenceColorText = (valence) => {
+    switch (valence) {
+        case 'success':
+            return exports.successText;
+        case 'info':
+            return exports.infoText;
+        case 'warning':
+            return exports.warningText;
+        case 'error':
+            return exports.errorText;
+        default:
+            return undefined;
+    }
+};
+exports.valenceColorText = valenceColorText;
+exports.neutralInputBorder = 'border-neutral-500 dark:border-neutral-600';
+exports.successInputBorder = 'border-success-500 dark:border-success-600';
+exports.infoInputBorder = 'border-info-500 dark:border-info-600';
+exports.warningInputBorder = 'border-warning-500 dark:border-warning-600';
+exports.errorInputBorder = 'border-error-500 dark:border-error-600';
+const valenceInputBorder = (valence) => {
+    switch (valence) {
+        case 'success':
+            return exports.successInputBorder;
+        case 'info':
+            return exports.infoInputBorder;
+        case 'warning':
+            return exports.warningInputBorder;
+        case 'error':
+            return exports.errorInputBorder;
+        default:
+            return exports.neutralInputBorder;
+    }
+};
+exports.valenceInputBorder = valenceInputBorder;
+exports.neutralAlertColors = 'border-neutral-500 dark:border-neutral-600';
+exports.successAlertColors = 'border-success-500 dark:border-success-600 text-success-700 dark:text-success-100 bg-success-50 dark:bg-success-900';
+exports.infoAlertColors = 'border-info-500 dark:border-info-600 text-info-700 dark:text-info-100 bg-info-50 dark:bg-info-900';
+exports.warningAlertColors = 'border-warning-500 dark:border-warning-600 text-warning-700 dark:text-warning-100 bg-warning-50 dark:bg-warning-900';
+exports.errorAlertColors = 'border-error-500 dark:border-error-600 text-error-700 dark:text-error-100 bg-error-50 dark:bg-error-900';
+const valenceAlertColors = (valence) => {
+    switch (valence) {
+        case 'success':
+            return exports.successAlertColors;
+        case 'info':
+            return exports.infoAlertColors;
+        case 'warning':
+            return exports.warningAlertColors;
+        case 'error':
+            return exports.errorAlertColors;
+        default:
+            return exports.neutralAlertColors;
+    }
+};
+exports.valenceAlertColors = valenceAlertColors;
+//# sourceMappingURL=valence.js.map

package/dist/src/styles/valence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"valence.js","sourceRoot":"","sources":["../../../src/styles/valence.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;AAIW,QAAA,WAAW,GAAG,4DAA4D,CAAC;AAC3E,QAAA,QAAQ,GAAG,sDAAsD,CAAC;AAClE,QAAA,WAAW,GAAG,4DAA4D,CAAC;AAC3E,QAAA,SAAS,GAAG,wDAAwD,CAAC;AAE3E,MAAM,gBAAgB,GAAG,CAAC,OAAwB,EAAE,EAAE;IAC3D,QAAQ,OAAO,EAAE;QACf,KAAK,SAAS;YACZ,OAAO,mBAAW,CAAC;QACrB,KAAK,MAAM;YACT,OAAO,gBAAQ,CAAC;QAClB,KAAK,SAAS;YACZ,OAAO,mBAAW,CAAC;QACrB,KAAK,OAAO;YACV,OAAO,iBAAS,CAAC;QACnB;YACE,OAAO,SAAS,CAAC;KACpB;AACH,CAAC,CAAC;AAbW,QAAA,gBAAgB,oBAa3B;AAEW,QAAA,kBAAkB,GAAG,4CAA4C,CAAC;AAClE,QAAA,kBAAkB,GAAG,4CAA4C,CAAC;AAClE,QAAA,eAAe,GAAG,sCAAsC,CAAC;AACzD,QAAA,kBAAkB,GAAG,4CAA4C,CAAC;AAClE,QAAA,gBAAgB,GAAG,wCAAwC,CAAC;AAElE,MAAM,kBAAkB,GAAG,CAAC,OAAwB,EAAE,EAAE;IAC7D,QAAQ,OAAO,EAAE;QACf,KAAK,SAAS;YACZ,OAAO,0BAAkB,CAAC;QAC5B,KAAK,MAAM;YACT,OAAO,uBAAe,CAAC;QACzB,KAAK,SAAS;YACZ,OAAO,0BAAkB,CAAC;QAC5B,KAAK,OAAO;YACV,OAAO,wBAAgB,CAAC;QAC1B;YACE,OAAO,0BAAkB,CAAC;KAC7B;AACH,CAAC,CAAC;AAbW,QAAA,kBAAkB,sBAa7B;AAEW,QAAA,kBAAkB,GAAG,4CAA4C,CAAC;AAClE,QAAA,kBAAkB,GAC7B,qHAAqH,CAAC;AAC3G,QAAA,eAAe,GAC1B,mGAAmG,CAAC;AACzF,QAAA,kBAAkB,GAC7B,qHAAqH,CAAC;AAC3G,QAAA,gBAAgB,GAC3B,yGAAyG,CAAC;AAErG,MAAM,kBAAkB,GAAG,CAAC,OAAwB,EAAE,EAAE;IAC7D,QAAQ,OAAO,EAAE;QACf,KAAK,SAAS;YACZ,OAAO,0BAAkB,CAAC;QAC5B,KAAK,MAAM;YACT,OAAO,uBAAe,CAAC;QACzB,KAAK,SAAS;YACZ,OAAO,0BAAkB,CAAC;QAC5B,KAAK,OAAO;YACV,OAAO,wBAAgB,CAAC;QAC1B;YACE,OAAO,0BAAkB,CAAC;KAC7B;AACH,CAAC,CAAC;AAbW,QAAA,kBAAkB,sBAa7B"}

package/dist/src/testing/index.d.ts

@@ -0,0 +1,2 @@
+export * from './templateForComponent';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/testing/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/testing/index.ts"],"names":[],"mappings":"AAIA,cAAc,wBAAwB,CAAC"}

package/dist/src/testing/index.js

@@ -0,0 +1,21 @@
+"use strict";
+//
+// Copyright 2022 DXOS.org
+//
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./templateForComponent"), exports);
+//# sourceMappingURL=index.js.map

package/dist/src/testing/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/testing/index.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;AAEF,yDAAuC"}

package/dist/src/testing/templateForComponent.d.ts

@@ -0,0 +1,4 @@
+import { Story } from '@storybook/react';
+import React, { FC } from 'react';
+export declare const templateForComponent: <P extends {}>(Component: React.FC<P>) => (props: P) => Story<P>;
+//# sourceMappingURL=templateForComponent.d.ts.map

package/dist/src/testing/templateForComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"templateForComponent.d.ts","sourceRoot":"","sources":["../../../src/testing/templateForComponent.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAkB,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElC,eAAO,MAAM,oBAAoB,kEAQ9B,CAAC"}

package/dist/src/testing/templateForComponent.js

@@ -0,0 +1,18 @@
+"use strict";
+//
+// Copyright 2022 DXOS.org
+//
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.templateForComponent = void 0;
+const react_1 = __importDefault(require("react"));
+const templateForComponent = (Component) => (props) => {
+    const template = (args) => react_1.default.createElement(Component, { ...args });
+    const story = template.bind({});
+    story.args = props;
+    return story;
+};
+exports.templateForComponent = templateForComponent;
+//# sourceMappingURL=templateForComponent.js.map

package/dist/src/testing/templateForComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"templateForComponent.js","sourceRoot":"","sources":["../../../src/testing/templateForComponent.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAGF,kDAAkC;AAE3B,MAAM,oBAAoB,GAC/B,CAAe,SAAgB,EAAE,EAAE,CACnC,CAAC,KAAQ,EAAY,EAAE;IACrB,MAAM,QAAQ,GAAqC,CAAC,IAAI,EAAE,EAAE,CAAC,8BAAC,SAAS,OAAK,IAAI,GAAI,CAAC;IAErF,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAChC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC;IACnB,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AARS,QAAA,oBAAoB,wBAQ7B"}

package/dist/src/theme.css

@@ -0,0 +1,62 @@
+@import '@fontsource/roboto-flex/variable-full.css';
+@import '@fontsource/fira-code/variable.css';
+@import '@fontsource/space-grotesk/variable-full.css';
+
+@tailwind base;
+@tailwind utilities;
+@tailwind components;
+
+@layer utilities {
+  /* Font weights */
+  .font-thin {
+    font-variation-settings: 'wght' 100;
+  }
+  .font-extralight {
+    font-variation-settings: 'wght' 200;
+  }
+  .font-light {
+    font-variation-settings: 'wght' 300;
+  }
+  .font-normal {
+    font-variation-settings: 'wght' 400;
+  }
+  .font-medium {
+    font-variation-settings: 'wght' 500;
+  }
+  .font-semibold {
+    font-variation-settings: 'wght' 600;
+  }
+  .font-bold {
+    font-variation-settings: 'wght' 700;
+  }
+  .font-extrabold {
+    font-variation-settings: 'wght' 800;
+  }
+  .font-black {
+    font-variation-settings: 'wght' 900;
+  }
+  /* Elevations */
+  .button-elevation {
+    box-shadow: var(--button-elevation)
+  }
+  .elevated-buttons {
+    --button-elevation: theme(boxShadow.sm);
+  }
+}
+
+:root {
+  --surface-bg: theme(colors.neutral.50);
+  --surface-text: theme(colors.neutral.900);
+  --button-elevation: theme(boxShadow.md);
+}
+
+.dark {
+  --surface-bg: theme(colors.neutral.900);
+  --surface-text: theme(colors.neutral.50);
+  --button-elevation: theme(boxShadow.lg);
+}
+
+html {
+  background-color: var(--surface-bg);
+  color: var(--surface-text);
+}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@dxos/react-ui",
+  "version": "0.1.0",
+  "description": "Vite plugin which configures a low-level design system for DXOS.",
+  "homepage": "https://dxos.org",
+  "bugs": "https://github.com/dxos/dxos/issues",
+  "license": "MIT",
+  "author": "DXOS.org",
+  "main": "dist/src/index.js",
+  "types": "dist/src/index.d.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "dependencies": {
+    "@fontsource/fira-code": "^4.5.12",
+    "@fontsource/roboto-flex": "^4.5.2",
+    "@fontsource/space-grotesk": "^4.5.10",
+    "@headlessui/react": "^1.7.3",
+    "@radix-ui/react-avatar": "^1.0.1",
+    "@radix-ui/react-dialog": "^1.0.0",
+    "@radix-ui/react-navigation-menu": "^1.1.1",
+    "@radix-ui/react-popover": "^1.0.2",
+    "@radix-ui/react-toast": "^1.1.1",
+    "@radix-ui/react-tooltip": "^1.0.2",
+    "@tailwindcss/forms": "^0.5.3",
+    "alea": "^1.0.1",
+    "autoprefixer": "^10.4.12",
+    "classnames": "^2.3.2",
+    "jdenticon": "^3.2.0",
+    "postcss": "^8.4.17",
+    "qrcode.react": "^3.1.0",
+    "tailwindcss": "^3.1.8",
+    "tailwindcss-radix": "^2.6.0"
+  },
+  "devDependencies": {
+    "@dxos/vite-plugin": "0.1.0",
+    "@types/react": "^18.0.21",
+    "@types/react-dom": "^18.0.6",
+    "@vitejs/plugin-react": "^2.0.1",
+    "phosphor-react": "^1.4.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "storybook-dark-mode": "^1.1.2",
+    "vite": "3.0.9"
+  },
+  "peerDependencies": {
+    "phosphor-react": "^1.4.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/components/Alert/Alert.stories.tsx

@@ -0,0 +1,31 @@
+//
+// Copyright 2022 DXOS.org
+//
+
+import '@dxosTheme';
+import { Info } from 'phosphor-react';
+import React from 'react';
+
+import { templateForComponent } from '../../testing';
+import { Alert, AlertProps } from './Alert';
+
+export default {
+  title: 'react-ui/Alert',
+  component: Alert
+};
+
+const Template = ({ children, ...props }: AlertProps) => {
+  return <Alert {...props}>{children}</Alert>;
+};
+
+export const Default = templateForComponent(Template)({ title: '' });
+Default.args = {
+  title: (
+    <>
+      <Info className='inline w-5 h-5 mb-1' weight='duotone' />
+      {' Alert title'}
+    </>
+  ),
+  valence: 'error',
+  children: 'Alert content'
+};