@auth0/quantum-product 1.5.1

package/radio-field/radio-field.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { IRadioProps as QuantumRadioProps, IRadioGroupProps as QuantumRadioGroupProps, IRadioGroupProps } from '../radio';
+import { IFormFieldProps } from '../form/form-field';
+export declare type IRadioFieldProps = QuantumRadioGroupProps & IFormFieldProps & {
+    options: IRadioProps[];
+    RadioGroupProps?: IRadioGroupProps;
+};
+export declare type IRadioProps = QuantumRadioProps & {
+    label: React.ReactNode;
+};
+export declare const RadioField: React.ForwardRefExoticComponent<Pick<IRadioFieldProps, "label" | "slot" | "style" | "title" | "color" | "error" | "disabled" | "hidden" | "size" | "row" | "translate" | "margin" | "className" | "classes" | "children" | "sx" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "fullWidth" | "focused" | "name" | "value" | "component" | "hiddenLabel" | "required" | "readOnly" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "options" | "ErrorHelperTextProps" | "RadioGroupProps"> & React.RefAttributes<HTMLDivElement>>;

package/radio-field/radio-field.js

@@ -0,0 +1,58 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioField = void 0;
+var React = __importStar(require("react"));
+var radio_1 = require("../radio");
+var form_field_1 = require("../form/form-field");
+exports.RadioField = React.forwardRef(function (props, ref) {
+    var error = props.error, onBlur = props.onBlur, value = props.value, onChange = props.onChange, options = props.options, required = props.required, row = props.row, label = props.label, helperText = props.helperText, _a = props.RadioGroupProps, RadioGroupProps = _a === void 0 ? {} : _a, rootProps = __rest(props, ["error", "onBlur", "value", "onChange", "options", "required", "row", "label", "helperText", "RadioGroupProps"]);
+    return (React.createElement(form_field_1.FormField, __assign({ ref: ref, label: label, error: error, helperText: helperText, required: required }, rootProps),
+        React.createElement(radio_1.RadioGroup, __assign({ onBlur: onBlur, value: value || '', onChange: onChange, row: row }, RadioGroupProps), options.map(function (option, i) {
+            return (React.createElement(radio_1.Radio, __assign({ key: i }, option), option.label));
+        }))));
+});

package/region/flags.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export declare const JpFlagSvg: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+export declare const UsFlagSvg: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+export declare const EuFlagSvg: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+export declare const AuFlagSvg: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+export declare const UkFlagSvg: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
+export declare const PiFlagSvg: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;

package/region/flags.js

@@ -0,0 +1,185 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PiFlagSvg = exports.UkFlagSvg = exports.AuFlagSvg = exports.EuFlagSvg = exports.UsFlagSvg = exports.JpFlagSvg = void 0;
+var React = __importStar(require("react"));
+var use_id_1 = require("../utils/use-id");
+var JpFlagSvg = function (props) {
+    var id = (0, use_id_1.useId)(props.id);
+    var clip0Id = "".concat(id, "-clip0");
+    return (React.createElement("svg", __assign({ width: 24, height: 18, viewBox: "0 0 24 18", fill: "none" }, props),
+        React.createElement("g", { clipPath: "url(#".concat(clip0Id, ")") },
+            React.createElement("path", { d: "M5 0.749979C2.65279 0.749979 0.75 2.65277 0.75 4.99998V12.3333C0.75 14.6805 2.65279 16.5833 5 16.5833H19C21.3472 16.5833 23.25 14.6805 23.25 12.3333V4.99998C23.25 2.65277 21.3472 0.749979 19 0.749979H5Z", fill: "#F6F8FB", stroke: "#D6DBDE", strokeWidth: "1.5" }),
+            React.createElement("circle", { cx: "12", cy: "8.66669", r: "4.53333", fill: "#B22334" })),
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: clip0Id },
+                React.createElement("rect", { width: "24", height: "17.3333", rx: "5", fill: "white" })))));
+};
+exports.JpFlagSvg = JpFlagSvg;
+var UsFlagSvg = function (props) {
+    var id = (0, use_id_1.useId)(props.id);
+    var clip0Id = "".concat(id, "-clip0");
+    return (React.createElement("svg", __assign({ width: 24, height: 18, viewBox: "0 0 24 18", fill: "none" }, props),
+        React.createElement("g", { clipPath: "url(#".concat(clip0Id, ")") },
+            React.createElement("path", { d: "M23.6297 1.33331C23.1678 0.539324 22.3178 -1.78814e-06 21.3331 -1.78814e-06H11.9999V1.33331H23.6297Z", fill: "#B22334" }),
+            React.createElement("path", { d: "M0 14.6664H23.9997V13.3331H0V14.6664Z", fill: "#B22334" }),
+            React.createElement("path", { d: "M11.9998 9.33319H23.9997V7.99988H11.9998V9.33319Z", fill: "#B22334" }),
+            React.createElement("path", { d: "M11.9998 6.66656H23.9997V5.33325H11.9998V6.66656Z", fill: "#B22334" }),
+            React.createElement("path", { d: "M0 11.9998H23.9997V10.6665H0V11.9998Z", fill: "#B22334" }),
+            React.createElement("path", { d: "M2.66663 17.3331H21.333C22.3177 17.3331 23.1677 16.7937 23.6297 15.9998H0.369995C0.831989 16.7937 1.68198 17.3331 2.66663 17.3331Z", fill: "#B22334" }),
+            React.createElement("path", { d: "M11.9998 3.99994H23.9997V2.66662H11.9998V3.99994Z", fill: "#B22334" }),
+            React.createElement("path", { d: "M0.0456684 15.119C0.0570016 15.181 0.0696681 15.243 0.0850012 15.3036C0.102334 15.371 0.124334 15.4363 0.146334 15.501C0.205666 15.6736 0.277665 15.8403 0.368331 15.9963C0.368997 15.9976 0.368997 15.999 0.369664 15.9996H23.63C23.6307 15.999 23.6307 15.9976 23.6313 15.997C23.7213 15.8416 23.7933 15.675 23.8527 15.503C23.8753 15.437 23.8973 15.371 23.9147 15.303C23.9307 15.2423 23.9427 15.181 23.954 15.1196C23.9807 14.9723 24 14.8223 24 14.6663H0.000335693C0.000335693 14.8217 0.0190021 14.9716 0.0456684 15.119Z", fill: "#EEEEEE" }),
+            React.createElement("path", { d: "M0 13.3331H23.9997V11.9998H0V13.3331Z", fill: "#EEEEEE" }),
+            React.createElement("path", { d: "M0 9.33319V10.6665H23.9997V9.33319H11.9998H0Z", fill: "#EEEEEE" }),
+            React.createElement("path", { d: "M11.9998 7.99988H23.9997V6.66656H11.9998V7.99988Z", fill: "#EEEEEE" }),
+            React.createElement("path", { d: "M11.9998 5.33325H23.9997V3.99994H11.9998V5.33325Z", fill: "#EEEEEE" }),
+            React.createElement("path", { d: "M0 2.66663C0 2.51129 0.0199997 2.36196 0.0453327 2.21397C0.0186664 2.3613 0 2.51129 0 2.66663Z", fill: "#EEEEEE" }),
+            React.createElement("path", { d: "M0.369738 1.33344C0.369104 1.33471 0.368469 1.33534 0.368469 1.33661C0.369104 1.33534 0.369104 1.33471 0.369738 1.33344Z", fill: "#EEEEEE" }),
+            React.createElement("path", { d: "M0.085144 2.02954C0.10181 1.96154 0.125143 1.89688 0.146477 1.83154C0.124477 1.89688 0.102477 1.96221 0.085144 2.02954Z", fill: "#EEEEEE" }),
+            React.createElement("path", { d: "M11.9998 2.66663H23.9997C23.9997 2.51129 23.981 2.36063 23.9537 2.2133C23.943 2.15197 23.9303 2.09063 23.915 2.03063C23.897 1.96197 23.875 1.8953 23.8523 1.8293C23.793 1.65731 23.7217 1.49131 23.631 1.33598C23.631 1.33531 23.6304 1.33398 23.6297 1.33331H11.9998V2.66663Z", fill: "#EEEEEE" }),
+            React.createElement("path", { d: "M11.9998 -1.23978e-05H2.66663C1.19398 -1.23978e-05 0 1.19397 0 2.66662V9.33319H11.9998V-1.23978e-05Z", fill: "#3C3B6E" }),
+            React.createElement("path", { d: "M1.33432 1.81702L1.74631 2.11635L1.58898 2.60034L2.00031 2.30101L2.41231 2.60034L2.25431 2.11635L2.66697 1.81702H2.15764L2.00031 1.33303L1.84365 1.81702H1.33432Z", fill: "white" }),
+            React.createElement("path", { d: "M2.66763 3.15033L3.07963 3.44966L2.92163 3.93365L3.33362 3.63433L3.74562 3.93365L3.58762 3.44966L4.00028 3.15033H3.49095L3.33362 2.66634L3.17696 3.15033H2.66763Z", fill: "white" }),
+            React.createElement("path", { d: "M5.33426 3.15033L5.74625 3.44966L5.58826 3.93365L6.00025 3.63433L6.41224 3.93365L6.25425 3.44966L6.66691 3.15033H6.15758L6.00025 2.66634L5.84359 3.15033H5.33426Z", fill: "white" }),
+            React.createElement("path", { d: "M8.00089 3.15033L8.41288 3.44966L8.25488 3.93365L8.66688 3.63433L9.07887 3.93365L8.92087 3.44966L9.33353 3.15033H8.82421L8.66688 2.66634L8.51021 3.15033H8.00089Z", fill: "white" }),
+            React.createElement("path", { d: "M2.66763 5.81696L3.07963 6.11629L2.92163 6.60028L3.33362 6.30095L3.74562 6.60028L3.58762 6.11629L4.00028 5.81696H3.49095L3.33362 5.33297L3.17696 5.81696H2.66763Z", fill: "white" }),
+            React.createElement("path", { d: "M5.33426 5.81696L5.74625 6.11629L5.58826 6.60028L6.00025 6.30095L6.41224 6.60028L6.25425 6.11629L6.66691 5.81696H6.15758L6.00025 5.33297L5.84359 5.81696H5.33426Z", fill: "white" }),
+            React.createElement("path", { d: "M8.00089 5.81696L8.41288 6.11629L8.25488 6.60028L8.66688 6.30095L9.07887 6.60028L8.92087 6.11629L9.33353 5.81696H8.82421L8.66688 5.33297L8.51021 5.81696H8.00089Z", fill: "white" }),
+            React.createElement("path", { d: "M4.00095 1.81702L4.41294 2.11635L4.25494 2.60034L4.66694 2.30101L5.07893 2.60034L4.92093 2.11635L5.33359 1.81702H4.82427L4.66694 1.33303L4.51027 1.81702H4.00095Z", fill: "white" }),
+            React.createElement("path", { d: "M6.66757 1.81702L7.07957 2.11635L6.92157 2.60034L7.33356 2.30101L7.74556 2.60034L7.58756 2.11635L8.00022 1.81702H7.49089L7.33356 1.33303L7.1769 1.81702H6.66757Z", fill: "white" }),
+            React.createElement("path", { d: "M9.3342 1.81702L9.74619 2.11635L9.58819 2.60034L10.0002 2.30101L10.4122 2.60034L10.2542 2.11635L10.6668 1.81702H10.1575L10.0002 1.33303L9.84352 1.81702H9.3342Z", fill: "white" }),
+            React.createElement("path", { d: "M1.33432 4.48365L1.74631 4.78297L1.58898 5.26697L2.00031 4.96764L2.41231 5.26697L2.25431 4.78297L2.66697 4.48365H2.15764L2.00031 3.99965L1.84365 4.48365H1.33432Z", fill: "white" }),
+            React.createElement("path", { d: "M4.25516 5.26685L4.66715 4.96752L5.07848 5.26685L4.92115 4.78285L5.33314 4.48352H4.82448L4.66715 4.0002L4.50982 4.48352H4.00116L4.41249 4.78285L4.25516 5.26685Z", fill: "white" }),
+            React.createElement("path", { d: "M6.66757 4.48365L7.07957 4.78297L6.92157 5.26697L7.33356 4.96764L7.74556 5.26697L7.58756 4.78297L8.00022 4.48365H7.49089L7.33356 3.99965L7.1769 4.48365H6.66757Z", fill: "white" }),
+            React.createElement("path", { d: "M9.3342 4.48365L9.74619 4.78297L9.58819 5.26697L10.0002 4.96764L10.4122 5.26697L10.2542 4.78297L10.6668 4.48365H10.1575L10.0002 3.99965L9.84352 4.48365H9.3342Z", fill: "white" }),
+            React.createElement("path", { d: "M1.33432 7.15027L1.74631 7.4496L1.58898 7.93359L2.00031 7.63426L2.41231 7.93359L2.25431 7.4496L2.66697 7.15027H2.15764L2.00031 6.66628L1.84365 7.15027H1.33432Z", fill: "white" }),
+            React.createElement("path", { d: "M4.25516 7.93347L4.66715 7.63414L5.07848 7.93347L4.92115 7.44948L5.33314 7.15015H4.82448L4.66715 6.66682L4.50982 7.15015H4.00116L4.41249 7.44948L4.25516 7.93347Z", fill: "white" }),
+            React.createElement("path", { d: "M6.66757 7.15027L7.07957 7.4496L6.92157 7.93359L7.33356 7.63426L7.74556 7.93359L7.58756 7.4496L8.00022 7.15027H7.49089L7.33356 6.66628L7.1769 7.15027H6.66757Z", fill: "white" }),
+            React.createElement("path", { d: "M9.3342 7.15027L9.74619 7.4496L9.58819 7.93359L10.0002 7.63426L10.4122 7.93359L10.2542 7.4496L10.6668 7.15027H10.1575L10.0002 6.66628L9.84352 7.15027H9.3342Z", fill: "white" })),
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: clip0Id },
+                React.createElement("rect", { width: "24", height: "17.3331", rx: "2.69231", fill: "white" })))));
+};
+exports.UsFlagSvg = UsFlagSvg;
+var EuFlagSvg = function (props) {
+    var id = (0, use_id_1.useId)(props.id);
+    var clip0Id = "".concat(id, "-clip0");
+    return (React.createElement("svg", __assign({ width: 24, height: 18, viewBox: "0 0 24 18", fill: "none" }, props),
+        React.createElement("g", { clipPath: "url(#".concat(clip0Id, ")") },
+            React.createElement("path", { d: "M0 4.99998C0 2.23855 2.23858 -2.09808e-05 5 -2.09808e-05H19C21.7614 -2.09808e-05 24 2.23856 24 4.99998V12.3333C24 15.0947 21.7614 17.3333 19 17.3333H5C2.23858 17.3333 0 15.0947 0 12.3333V4.99998Z", fill: "#003399" }),
+            React.createElement("path", { d: "M12.3595 3.1363L12.9255 2.72497H12.2261L12.0095 2.05964L11.7935 2.72497H11.0941L11.6601 3.1363L11.4435 3.80164L12.0095 3.3903L12.5755 3.80164L12.3595 3.1363Z", fill: "#FFCC00" }),
+            React.createElement("path", { d: "M12.3595 14.6918L12.9255 14.2805H12.2261L12.0095 13.6152L11.7935 14.2805H11.0941L11.6601 14.6918L11.4435 15.3572L12.0095 14.9458L12.5755 15.3572L12.3595 14.6918Z", fill: "#FFCC00" }),
+            React.createElement("path", { d: "M6.58168 8.91413L7.14768 8.5028H6.44835L6.23168 7.83747L6.01568 8.5028H5.31635L5.88235 8.91413L5.66568 9.57947L6.23168 9.16813L6.79768 9.57947L6.58168 8.91413Z", fill: "#FFCC00" }),
+            React.createElement("path", { d: "M7.31993 6.05732L7.88593 5.64599H7.1866L6.96993 4.98066L6.75393 5.64599H6.0546L6.6206 6.05732L6.40393 6.72266L6.96993 6.31132L7.53593 6.72266L7.31993 6.05732Z", fill: "#FFCC00" }),
+            React.createElement("path", { d: "M7.31993 11.803L7.88593 11.3917H7.1866L6.96993 10.7263L6.75393 11.3917H6.0546L6.6206 11.803L6.40393 12.4683L6.96993 12.057L7.53593 12.4683L7.31993 11.803Z", fill: "#FFCC00" }),
+            React.createElement("path", { d: "M9.47053 3.91035L10.0365 3.49902H9.3372L9.12053 2.83368L8.90453 3.49902H8.2052L8.7712 3.91035L8.55453 4.57568L9.12053 4.16435L9.68653 4.57568L9.47053 3.91035Z", fill: "#FFCC00" }),
+            React.createElement("path", { d: "M9.47053 13.9555L10.0365 13.5442H9.3372L9.12053 12.8788L8.90453 13.5442H8.2052L8.7712 13.9555L8.55453 14.6208L9.12053 14.2095L9.68653 14.6208L9.47053 13.9555Z", fill: "#FFCC00" }),
+            React.createElement("path", { d: "M17.4183 8.91413L16.8523 8.5028H17.5517L17.7683 7.83747L17.9843 8.5028H18.6837L18.1177 8.91413L18.3343 9.57947L17.7683 9.16813L17.2023 9.57947L17.4183 8.91413Z", fill: "#FFCC00" }),
+            React.createElement("path", { d: "M16.6801 6.05732L16.1141 5.64599H16.8134L17.0301 4.98066L17.2461 5.64599H17.9454L17.3794 6.05732L17.5961 6.72266L17.0301 6.31132L16.4641 6.72266L16.6801 6.05732Z", fill: "#FFCC00" }),
+            React.createElement("path", { d: "M16.6801 11.803L16.1141 11.3917H16.8134L17.0301 10.7263L17.2461 11.3917H17.9454L17.3794 11.803L17.5961 12.4683L17.0301 12.057L16.4641 12.4683L16.6801 11.803Z", fill: "#FFCC00" }),
+            React.createElement("path", { d: "M14.5295 3.91035L13.9635 3.49902H14.6628L14.8795 2.83368L15.0955 3.49902H15.7948L15.2288 3.91035L15.4455 4.57568L14.8795 4.16435L14.3135 4.57568L14.5295 3.91035Z", fill: "#FFCC00" }),
+            React.createElement("path", { d: "M14.5295 13.9555L13.9635 13.5442H14.6628L14.8795 12.8788L15.0955 13.5442H15.7948L15.2288 13.9555L15.4455 14.6208L14.8795 14.2095L14.3135 14.6208L14.5295 13.9555Z", fill: "#FFCC00" })),
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: clip0Id },
+                React.createElement("rect", { width: "24", height: "17.3333", rx: "5", fill: "white" })))));
+};
+exports.EuFlagSvg = EuFlagSvg;
+var AuFlagSvg = function (props) {
+    var id = (0, use_id_1.useId)(props.id);
+    var clip0Id = "".concat(id, "-clip0");
+    return (React.createElement("svg", __assign({ width: 24, height: 18, viewBox: "0 0 24 18", fill: "none" }, props),
+        React.createElement("g", { clipPath: "url(#".concat(clip0Id, ")") },
+            React.createElement("path", { d: "M24.0002 14.6665C24.0002 16.1391 22.8062 17.3331 21.3336 17.3331H2.66713C1.19447 17.3331 0.000488281 16.1391 0.000488281 14.6665V2.66663C0.000488281 1.19398 1.19447 -1.14441e-05 2.66713 -1.14441e-05H21.3336C22.8062 -1.14441e-05 24.0002 1.19398 24.0002 2.66663V14.6665Z", fill: "#00247D" }),
+            React.createElement("path", { d: "M6.00053 14.0154L5.18588 14.7681L5.26654 13.6614L4.16922 13.4941L5.08454 12.8668L4.53255 11.9054L5.5932 12.2301L6.00053 11.1974L6.40786 12.2301L7.46918 11.9054L6.91586 12.8668L7.83185 13.4941L6.73452 13.6614L6.81586 14.7681L6.00053 14.0154Z", fill: "white" }),
+            React.createElement("path", { d: "M18.6335 3.04127L18.1009 3.53326L18.1535 2.80927L17.4355 2.69994L18.0349 2.28994L17.6735 1.66062L18.3669 1.87328L18.6335 1.19796L18.9002 1.87328L19.5942 1.66062L19.2322 2.28994L19.8315 2.69994L19.1142 2.80927L19.1669 3.53326L18.6335 3.04127Z", fill: "white" }),
+            React.createElement("path", { d: "M15.9669 7.04157L15.4342 7.53357L15.4869 6.80958L14.7689 6.70025L15.3682 6.29025L15.0069 5.66092L15.7002 5.87359L15.9669 5.1976L16.2335 5.87359L16.9275 5.66092L16.5655 6.29025L17.1649 6.70025L16.4475 6.80958L16.5002 7.53357L15.9669 7.04157Z", fill: "white" }),
+            React.createElement("path", { d: "M21.9668 5.70826L21.4342 6.20026L21.4868 5.47626L20.7688 5.36693L21.3682 4.95694L21.0068 4.32761L21.7002 4.54027L21.9668 3.86428L22.2335 4.54027L22.9275 4.32761L22.5655 4.95694L23.1648 5.36693L22.4475 5.47626L22.5001 6.20026L21.9668 5.70826Z", fill: "white" }),
+            React.createElement("path", { d: "M18.6335 15.0415L18.1009 15.5335L18.1535 14.8095L17.4355 14.7002L18.0349 14.2902L17.6735 13.6609L18.3669 13.8735L18.6335 13.1975L18.9002 13.8735L19.5942 13.6609L19.2322 14.2902L19.8315 14.7002L19.1142 14.8095L19.1669 15.5335L18.6335 15.0415Z", fill: "white" }),
+            React.createElement("path", { d: "M20.6667 7.33326L20.8627 7.73059L21.3007 7.79392L20.984 8.10258L21.0587 8.53925L20.6667 8.33325L20.2747 8.53925L20.3494 8.10258L20.0327 7.79392L20.4707 7.73059L20.6667 7.33326Z", fill: "white" }),
+            React.createElement("path", { d: "M12.6668 -5.72205e-06H2.66691C1.19426 -5.72205e-06 0.000274658 1.19398 0.000274658 2.66663V8.66656H12.6668V-5.72205e-06Z", fill: "#00247D" }),
+            React.createElement("path", { d: "M12.6668 8.66656V7.31391L7.9335 3.99995H4.44754L11.1121 8.66656H12.6668Z", fill: "#EEEEEE" }),
+            React.createElement("path", { d: "M12.6668 7.72122L7.35284 3.99993H6.19086L12.6668 8.53455V7.72122Z", fill: "#CF1B2B" }),
+            React.createElement("path", { d: "M5.39994 3.99995L0 7.84391V8.66656H2.22131L8.88657 3.99995H5.39994Z", fill: "#EEEEEE" }),
+            React.createElement("path", { d: "M7.14279 3.99995L0.489532 8.66656H0.666864H1.64085L8.30545 3.99995H7.14279Z", fill: "#CF1B2B" }),
+            React.createElement("path", { d: "M11.1127 1.09673e-05L4.44815 4.66663H7.93411L12.6667 1.35266V1.09673e-05H11.1127Z", fill: "#EEEEEE" }),
+            React.createElement("path", { d: "M11.6929 1.09673e-05L5.02893 4.66663H6.19092L12.6668 0.13201V1.09673e-05H11.6929Z", fill: "#CF1B2B" }),
+            React.createElement("path", { d: "M6.66687 4.66663H8.88551L2.22159 1.62125e-05H0.666937L0.250275 1.06267L6.66687 5.55396V4.66663Z", fill: "#EEEEEE" }),
+            React.createElement("path", { d: "M6.66688 4.66662H7.14288L0.666948 0.132004L0.333618 0.708664L6.66688 5.14795V4.66662Z", fill: "#CF1B2B" }),
+            React.createElement("path", { d: "M12.6668 2.66663H8.00019V-5.72205e-06H4.66689V2.66663H0.000274658V5.99993H4.66689V8.66656H8.00019V5.99993H12.6668V2.66663Z", fill: "#EEEEEE" }),
+            React.createElement("path", { d: "M7.33353 8.66656H5.33356V-5.72205e-06H7.33353V8.66656Z", fill: "#CF1B2B" }),
+            React.createElement("path", { d: "M12.6668 5.33325H0.000274658V3.33327H12.6668V5.33325Z", fill: "#CF1B2B" })),
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: clip0Id },
+                React.createElement("rect", { width: "24", height: "17.3331", rx: "5", fill: "white" })))));
+};
+exports.AuFlagSvg = AuFlagSvg;
+var UkFlagSvg = function (props) {
+    var id = (0, use_id_1.useId)(props.id);
+    var mask0Id = "".concat(id, "-mask0");
+    return (React.createElement("svg", __assign({ width: 24, height: 18, viewBox: "0 0 24 18", fill: "none" }, props),
+        React.createElement("mask", { id: mask0Id, style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: 24, height: 18 },
+            React.createElement("path", { d: "M19.95 0H4.05C1.81325 0 0 1.84845 0 4.12862V13.2014C0 15.4816 1.81325 17.33 4.05 17.33H19.95C22.1868 17.33 24 15.4816 24 13.2014V4.12862C24 1.84845 22.1868 0 19.95 0Z", fill: "#1A237B" })),
+        React.createElement("g", { mask: "url(#".concat(mask0Id, ")") },
+            React.createElement("path", { d: "M23.9697 0H0V17.6698H23.9697V0Z", fill: "white" }),
+            React.createElement("path", { d: "M16.0506 6.3765L24 0.768298V0H23.4235L14.4121 6.3765H16.0506Z", fill: "#BD0034" }),
+            React.createElement("path", { d: "M15.6865 11.6006L24 17.5162V16.3638L17.3552 11.6006H15.6865Z", fill: "#BD0034" }),
+            React.createElement("path", { d: "M0 1.30607L7.09986 6.3765H8.76864L0 0.153683V1.30607Z", fill: "#BD0034" }),
+            React.createElement("path", { d: "M8.37419 11.6006L0 17.593V17.6698L1.51707 17.6698L10.043 11.6006H8.37419Z", fill: "#BD0034" }),
+            React.createElement("path", { d: "M22.3312 0H13.957V5.91557L22.3312 0Z", fill: "#1A237B" }),
+            React.createElement("path", { d: "M10.2554 0H1.88115L10.2554 5.91557V0Z", fill: "#1A237B" }),
+            React.createElement("path", { d: "M24 6.3765V2.30478L18.2958 6.3765H24Z", fill: "#1A237B" }),
+            React.createElement("path", { d: "M24 15.5956V11.6006H18.2958L24 15.5956Z", fill: "#1A237B" }),
+            React.createElement("path", { d: "M2.36662 17.6698H10.2554V12.1384L2.36662 17.6698Z", fill: "#1A237B" }),
+            React.createElement("path", { d: "M13.957 17.6698H21.8761L13.957 12.1384V17.6698Z", fill: "#1A237B" }),
+            React.createElement("path", { d: "M0 11.6006V15.826L5.91655 11.6006H0Z", fill: "#1A237B" }),
+            React.createElement("path", { d: "M0 6.37651H5.91655L0 2.15116V6.37651Z", fill: "#1A237B" }),
+            React.createElement("path", { d: "M10.9835 0V7.45205H0V10.6019H10.9835V17.6698H13.1985V10.6019H24V7.45205H13.1985V0H10.9835Z", fill: "#BD0034" }))));
+};
+exports.UkFlagSvg = UkFlagSvg;
+var PiFlagSvg = function (props) {
+    var id = (0, use_id_1.useId)(props.id);
+    var clip0Id = "".concat(id, "-clip0");
+    return (React.createElement("svg", __assign({ width: 24, height: 18, viewBox: "0 0 24 18", fill: "none" }, props),
+        React.createElement("g", { clipPath: "url(#".concat(clip0Id, ")") },
+            React.createElement("path", { d: "M19.95 0.5H4.05C1.81325 0.5 0 2.34845 0 4.62862V13.7014C0 15.9816 1.81325 17.83 4.05 17.83H19.95C22.1868 17.83 24 15.9816 24 13.7014V4.62862C24 2.34845 22.1868 0.5 19.95 0.5Z", fill: "#1E212A" }),
+            React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.00006 9.25C8.00006 8.83579 8.33585 8.5 8.75006 8.5H15.2501C15.6643 8.5 16.0001 8.83579 16.0001 9.25V13.25C16.0001 13.6642 15.6643 14 15.2501 14H8.75006C8.33585 14 8.00006 13.6642 8.00006 13.25V9.25Z", fill: "white", stroke: "white", strokeWidth: "0.5625", strokeLinecap: "round", strokeLinejoin: "round" }),
+            React.createElement("path", { d: "M9.60002 9.00001V6.86668C9.60002 5.39392 10.6745 4.20001 12 4.20001C13.3255 4.20001 14.4 5.39392 14.4 6.86668V9.00001", stroke: "white", strokeLinecap: "round", strokeLinejoin: "round" }),
+            React.createElement("ellipse", { cx: "12", cy: "11", rx: "1.33333", ry: "1.33333", fill: "black" })),
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: clip0Id },
+                React.createElement("rect", { width: 24, height: 18, fill: "white" })))));
+};
+exports.PiFlagSvg = PiFlagSvg;

package/region/index.d.ts

@@ -0,0 +1,3 @@
+export { Region } from './region';
+export type { IRegionProps, RegionLocality, RegionSize } from './region';
+export { regionClasses } from './region-classes';

package/region/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.regionClasses = exports.Region = void 0;
+var region_1 = require("./region");
+Object.defineProperty(exports, "Region", { enumerable: true, get: function () { return region_1.Region; } });
+var region_classes_1 = require("./region-classes");
+Object.defineProperty(exports, "regionClasses", { enumerable: true, get: function () { return region_classes_1.regionClasses; } });

package/region/region-classes.d.ts

@@ -0,0 +1,5 @@
+export declare const regionComponentName: "QuantumRegion";
+export declare function getRegionUtilityClass(slot: string): string;
+export declare const regionClasses: Record<"label" | "root" | "flag", string>;
+export declare type RegionClasses = typeof regionClasses;
+export declare type RegionClassKey = keyof RegionClasses;

package/region/region-classes.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.regionClasses = exports.getRegionUtilityClass = exports.regionComponentName = void 0;
+var classes_1 = require("../styles/classes");
+exports.regionComponentName = 'QuantumRegion';
+function getRegionUtilityClass(slot) {
+    return (0, classes_1.generateUtilityClass)(exports.regionComponentName, slot);
+}
+exports.getRegionUtilityClass = getRegionUtilityClass;
+exports.regionClasses = (0, classes_1.generateUtilityClasses)(exports.regionComponentName, ['root', 'flag', 'label']);

package/region/region.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { IStyledComponentProps } from '../styled';
+import { ITextProps } from '../text';
+import { RegionClasses } from './region-classes';
+export declare type RegionSize = 'small' | 'medium';
+export declare type RegionLocality = 'au' | 'eu' | 'us' | 'tus' | 'jp' | 'uk' | 'tuk' | 'pi';
+export declare type IRegionProps = IStyledComponentProps<{
+    props: {
+        locality?: RegionLocality;
+        size?: RegionSize;
+        icon?: React.ReactNode;
+        label?: React.ReactNode;
+        labelTypographyProps?: ITextProps;
+        classes?: Partial<RegionClasses>;
+    };
+    defaultComponent: 'span';
+}>;
+export declare const Region: React.ForwardRefExoticComponent<{
+    locality?: RegionLocality | undefined;
+    size?: RegionSize | undefined;
+    icon?: React.ReactNode;
+    label?: React.ReactNode;
+    labelTypographyProps?: ITextProps<"span", {}> | undefined;
+    classes?: Partial<Record<"label" | "root" | "flag", string>> | undefined;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "label" | "ref" | "size" | "icon" | "classes" | "labelTypographyProps" | "locality"> & import("../styled").IStyledCommonProps & React.RefAttributes<HTMLElement>>;

package/region/region.js

@@ -0,0 +1,122 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Region = void 0;
+var React = __importStar(require("react"));
+var clsx_1 = __importDefault(require("../utils/clsx"));
+var styled_1 = require("../styled");
+var classes_1 = require("../styles/classes");
+var text_1 = require("../text");
+var flags_1 = require("./flags");
+var region_classes_1 = require("./region-classes");
+var Root = (0, styled_1.styled)('span', { name: region_classes_1.regionComponentName, slot: 'Root' })(function (_a) {
+    var _b;
+    var theme = _a.theme, ownerState = _a.ownerState;
+    return _b = {
+            display: 'inline-flex',
+            alignItems: 'center'
+        },
+        _b[".".concat(region_classes_1.regionClasses.flag)] = __assign({ width: theme.typography.pxToRem(24), height: theme.typography.pxToRem(20) }, (ownerState.size === 'small' && {
+            width: theme.typography.pxToRem(20),
+            height: theme.typography.pxToRem(16),
+        })),
+        _b;
+});
+var Label = (0, styled_1.styled)(text_1.Text, { name: region_classes_1.regionComponentName, slot: 'Label' })(function (_a) {
+    var theme = _a.theme, ownerState = _a.ownerState;
+    return {
+        color: theme.tokens.color_fg_default,
+        marginLeft: ownerState.size === 'small' ? theme.spacing(0.5) : theme.spacing(1),
+    };
+});
+function localityIcon(locality) {
+    switch (locality) {
+        case 'au':
+            return flags_1.AuFlagSvg;
+        case 'eu':
+            return flags_1.EuFlagSvg;
+        case 'uk':
+            return flags_1.UkFlagSvg;
+        case 'tuk':
+            return flags_1.UkFlagSvg;
+        case 'jp':
+            return flags_1.JpFlagSvg;
+        case 'pi':
+            return flags_1.PiFlagSvg;
+        case 'us':
+            return flags_1.UsFlagSvg;
+        case 'tus':
+            return flags_1.UsFlagSvg;
+        default:
+            return flags_1.UsFlagSvg;
+    }
+}
+function getLabelForLocality(locality) {
+    if (!locality) {
+        return 'US'; // default if none provided
+    }
+    if (locality === 'pi') {
+        return 'Private Instance';
+    }
+    return locality.toUpperCase();
+}
+exports.Region = React.forwardRef(function (props, ref) {
+    var locality = props.locality, _a = props.size, size = _a === void 0 ? 'medium' : _a, icon = props.icon, labelProp = props.label, _b = props.labelTypographyProps, labelTypographyProps = _b === void 0 ? {} : _b, propClasses = props.classes, className = props.className, rootProps = __rest(props, ["locality", "size", "icon", "label", "labelTypographyProps", "classes", "className"]);
+    var classes = (0, classes_1.useMergedClasses)(region_classes_1.regionClasses, region_classes_1.getRegionUtilityClass, propClasses);
+    var flag = icon;
+    if (!icon) {
+        var LocalityIcon = localityIcon(locality);
+        flag = React.createElement(LocalityIcon, { className: classes.flag, "aria-hidden": true });
+    }
+    var label = labelProp != null ? labelProp : getLabelForLocality(locality);
+    return (React.createElement(Root, __assign({ ref: ref, className: (0, clsx_1.default)(classes.root, className) }, rootProps, { ownerState: { size: size } }, rootProps),
+        flag,
+        !!label && (React.createElement(Label, __assign({ className: classes.label, ownerState: { size: size }, variant: size === 'small' ? 'caption' : 'body2', color: size === 'small' ? 'textSecondary' : 'textPrimary' }, labelTypographyProps), label))));
+});

package/row-layout/index.d.ts

@@ -0,0 +1,2 @@
+export { RowLayout } from './row-layout';
+export type { IRowLayoutProps } from './row-layout';

package/row-layout/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RowLayout = void 0;
+var row_layout_1 = require("./row-layout");
+Object.defineProperty(exports, "RowLayout", { enumerable: true, get: function () { return row_layout_1.RowLayout; } });

package/row-layout/row-layout.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { IStyledComponentProps } from '../styled';
+import { ILayoutComponentProps } from '../utils/layouts';
+export declare type IRowLayoutProps = IStyledComponentProps<{
+    props: ILayoutComponentProps;
+    defaultComponent: 'div';
+}>;
+export declare const RowLayout: React.ForwardRefExoticComponent<ILayoutComponentProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | keyof ILayoutComponentProps> & import("../styled").IStyledCommonProps & React.RefAttributes<HTMLDivElement>>;

package/row-layout/row-layout.js

@@ -0,0 +1,61 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RowLayout = void 0;
+var React = __importStar(require("react"));
+var styled_1 = require("../styled");
+var Root = (0, styled_1.styled)('div', {
+    name: 'QuantumRowLayout',
+    slot: 'Root',
+})({
+    display: 'grid',
+    gridTemplateColumns: 'minmax(0, 1fr)',
+});
+exports.RowLayout = React.forwardRef(function (_a, ref) {
+    var component = _a.component, asProp = _a.as, _b = _a.gutter, gutter = _b === void 0 ? 3 : _b, children = _a.children, _c = _a.sx, sx = _c === void 0 ? {} : _c, rootProps = __rest(_a, ["component", "as", "gutter", "children", "sx"]);
+    return (React.createElement(Root, __assign({ as: asProp || component || 'div', ref: ref, sx: __assign(__assign({}, sx), { gap: gutter }) }, rootProps), children));
+});

package/select/index.d.ts

@@ -0,0 +1,8 @@
+export { Select } from './select';
+export type { ISelectProps } from './select';
+export type { ISelectOption } from './select-options';
+export * from './select-field';
+export * from './select-menu';
+export * from './select-menu-actions';
+export * from './select-menu-body';
+export * from './select-menu-header';

package/select/index.js

@@ -0,0 +1,24 @@
+"use strict";
+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 });
+exports.Select = void 0;
+var select_1 = require("./select");
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return select_1.Select; } });
+__exportStar(require("./select-field"), exports);
+__exportStar(require("./select-menu"), exports);
+__exportStar(require("./select-menu-actions"), exports);
+__exportStar(require("./select-menu-body"), exports);
+__exportStar(require("./select-menu-header"), exports);

package/select/select-classes.d.ts

@@ -0,0 +1,5 @@
+export declare const selectComponentName: "QuantumSelect";
+export declare function getSelectUtilityClass(slot: string): string;
+export declare const selectClasses: Record<"select" | "root" | "clearInputAdornment" | "clearButton" | "prefixInputAdornment" | "prefixText" | "selectMenu", string>;
+export declare type SelectClasses = typeof selectClasses;
+export declare type SelectClassKey = keyof SelectClasses;

package/select/select-classes.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.selectClasses = exports.getSelectUtilityClass = exports.selectComponentName = void 0;
+var classes_1 = require("../styles/classes");
+exports.selectComponentName = 'QuantumSelect';
+function getSelectUtilityClass(slot) {
+    return (0, classes_1.generateUtilityClass)(exports.selectComponentName, slot);
+}
+exports.getSelectUtilityClass = getSelectUtilityClass;
+exports.selectClasses = (0, classes_1.generateUtilityClasses)(exports.selectComponentName, [
+    'root',
+    'select',
+    'clearInputAdornment',
+    'clearButton',
+    'prefixInputAdornment',
+    'prefixText',
+    'selectMenu',
+]);

package/select/select-field/index.d.ts

@@ -0,0 +1,2 @@
+export { SelectField } from './select-field';
+export type { ISelectFieldProps } from './select-field';