@hybridcore/ui 1.3.7 → 1.4.0

package/dist/TextField-D87qTh1k.js

@@ -0,0 +1,457 @@
+import { _ as l, a as H } from "./objectWithoutPropertiesLoose-BK36oJDi.js";
+import * as M from "react";
+import { a as S, P as e } from "./createStyled-BzvgQjjR.js";
+import { g as _, u as L, c as $, a as E } from "./useThemeProps-uYx_RkOH.js";
+import { g as U, s as V } from "./styled-LNCprp4n.js";
+import { jsx as p, jsxs as le } from "react/jsx-runtime";
+import { f as ie, F as ae, I as de } from "./InputLabel-CWkW8NtU.js";
+import { u as ce } from "./useId-BHG98T5I.js";
+import { S as ue, F as pe } from "./Select-ClaBvSqf.js";
+import { u as fe } from "./useFormControl-CatNKXAi.js";
+import { r as me } from "./ButtonBase-D0qccOVb.js";
+import { I as be } from "./Input-CmCkXczh.js";
+import { O as Te } from "./OutlinedInput-DkIUD30e.js";
+function xe(o) {
+  return U("MuiFormHelperText", o);
+}
+const z = _("MuiFormHelperText", ["root", "error", "disabled", "sizeSmall", "sizeMedium", "contained", "focused", "filled", "required"]);
+var q;
+const ge = ["children", "className", "component", "disabled", "error", "filled", "focused", "margin", "required", "variant"], he = (o) => {
+  const {
+    classes: r,
+    contained: s,
+    size: n,
+    disabled: d,
+    error: c,
+    filled: i,
+    focused: f,
+    required: u
+  } = o, t = {
+    root: ["root", d && "disabled", c && "error", n && `size${S(n)}`, s && "contained", f && "focused", i && "filled", u && "required"]
+  };
+  return E(t, xe, r);
+}, ye = V("p", {
+  name: "MuiFormHelperText",
+  slot: "Root",
+  overridesResolver: (o, r) => {
+    const {
+      ownerState: s
+    } = o;
+    return [r.root, s.size && r[`size${S(s.size)}`], s.contained && r.contained, s.filled && r.filled];
+  }
+})(({
+  theme: o,
+  ownerState: r
+}) => l({
+  color: (o.vars || o).palette.text.secondary
+}, o.typography.caption, {
+  textAlign: "left",
+  marginTop: 3,
+  marginRight: 0,
+  marginBottom: 0,
+  marginLeft: 0,
+  [`&.${z.disabled}`]: {
+    color: (o.vars || o).palette.text.disabled
+  },
+  [`&.${z.error}`]: {
+    color: (o.vars || o).palette.error.main
+  }
+}, r.size === "small" && {
+  marginTop: 4
+}, r.contained && {
+  marginLeft: 14,
+  marginRight: 14
+})), B = /* @__PURE__ */ M.forwardRef(function(r, s) {
+  const n = L({
+    props: r,
+    name: "MuiFormHelperText"
+  }), {
+    children: d,
+    className: c,
+    component: i = "p"
+  } = n, f = H(n, ge), u = fe(), t = ie({
+    props: n,
+    muiFormControl: u,
+    states: ["variant", "size", "disabled", "error", "filled", "focused", "required"]
+  }), m = l({}, n, {
+    component: i,
+    contained: t.variant === "filled" || t.variant === "outlined",
+    variant: t.variant,
+    size: t.size,
+    disabled: t.disabled,
+    error: t.error,
+    filled: t.filled,
+    focused: t.focused,
+    required: t.required
+  }), x = he(m);
+  return /* @__PURE__ */ p(ye, l({
+    as: i,
+    ownerState: m,
+    className: $(x.root, c),
+    ref: s
+  }, f, {
+    children: d === " " ? (
+      // notranslate needed while Google Translate will not fix zero-width space issue
+      q || (q = /* @__PURE__ */ p("span", {
+        className: "notranslate",
+        children: "​"
+      }))
+    ) : d
+  }));
+});
+process.env.NODE_ENV !== "production" && (B.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * The content of the component.
+   *
+   * If `' '` is provided, the component reserves one line height for displaying a future message.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * If `true`, the helper text should be displayed in a disabled state.
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, helper text should be displayed in an error state.
+   */
+  error: e.bool,
+  /**
+   * If `true`, the helper text should use filled classes key.
+   */
+  filled: e.bool,
+  /**
+   * If `true`, the helper text should use focused classes key.
+   */
+  focused: e.bool,
+  /**
+   * If `dense`, will adjust vertical spacing. This is normally obtained via context from
+   * FormControl.
+   */
+  margin: e.oneOf(["dense"]),
+  /**
+   * If `true`, the helper text should use required classes key.
+   */
+  required: e.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * The variant to use.
+   */
+  variant: e.oneOfType([e.oneOf(["filled", "outlined", "standard"]), e.string])
+});
+function Fe(o) {
+  return U("MuiTextField", o);
+}
+_("MuiTextField", ["root"]);
+const ve = ["autoComplete", "autoFocus", "children", "className", "color", "defaultValue", "disabled", "error", "FormHelperTextProps", "fullWidth", "helperText", "id", "InputLabelProps", "inputProps", "InputProps", "inputRef", "label", "maxRows", "minRows", "multiline", "name", "onBlur", "onChange", "onFocus", "placeholder", "required", "rows", "select", "SelectProps", "type", "value", "variant"], Oe = {
+  standard: be,
+  filled: pe,
+  outlined: Te
+}, Re = (o) => {
+  const {
+    classes: r
+  } = o;
+  return E({
+    root: ["root"]
+  }, Fe, r);
+}, Ce = V(ae, {
+  name: "MuiTextField",
+  slot: "Root",
+  overridesResolver: (o, r) => r.root
+})({}), we = /* @__PURE__ */ M.forwardRef(function(r, s) {
+  const n = L({
+    props: r,
+    name: "MuiTextField"
+  }), {
+    autoComplete: d,
+    autoFocus: c = !1,
+    children: i,
+    className: f,
+    color: u = "primary",
+    defaultValue: t,
+    disabled: m = !1,
+    error: x = !1,
+    FormHelperTextProps: W,
+    fullWidth: F = !1,
+    helperText: v,
+    id: D,
+    InputLabelProps: g,
+    inputProps: k,
+    InputProps: A,
+    inputRef: G,
+    label: b,
+    maxRows: J,
+    minRows: K,
+    multiline: C = !1,
+    name: Q,
+    onBlur: X,
+    onChange: Y,
+    onFocus: Z,
+    placeholder: ee,
+    required: w = !1,
+    rows: oe,
+    select: h = !1,
+    SelectProps: O,
+    type: re,
+    value: I,
+    variant: y = "outlined"
+  } = n, te = H(n, ve), P = l({}, n, {
+    autoFocus: c,
+    color: u,
+    disabled: m,
+    error: x,
+    fullWidth: F,
+    multiline: C,
+    required: w,
+    select: h,
+    variant: y
+  }), se = Re(P);
+  process.env.NODE_ENV !== "production" && h && !i && console.error("MUI: `children` must be passed when using the `TextField` component with `select`.");
+  const T = {};
+  y === "outlined" && (g && typeof g.shrink < "u" && (T.notched = g.shrink), T.label = b), h && ((!O || !O.native) && (T.id = void 0), T["aria-describedby"] = void 0);
+  const a = ce(D), R = v && a ? `${a}-helper-text` : void 0, N = b && a ? `${a}-label` : void 0, ne = Oe[y], j = /* @__PURE__ */ p(ne, l({
+    "aria-describedby": R,
+    autoComplete: d,
+    autoFocus: c,
+    defaultValue: t,
+    fullWidth: F,
+    multiline: C,
+    name: Q,
+    rows: oe,
+    maxRows: J,
+    minRows: K,
+    type: re,
+    value: I,
+    id: a,
+    inputRef: G,
+    onBlur: X,
+    onChange: Y,
+    onFocus: Z,
+    placeholder: ee,
+    inputProps: k
+  }, T, A));
+  return /* @__PURE__ */ le(Ce, l({
+    className: $(se.root, f),
+    disabled: m,
+    error: x,
+    fullWidth: F,
+    ref: s,
+    required: w,
+    color: u,
+    variant: y,
+    ownerState: P
+  }, te, {
+    children: [b != null && b !== "" && /* @__PURE__ */ p(de, l({
+      htmlFor: a,
+      id: N
+    }, g, {
+      children: b
+    })), h ? /* @__PURE__ */ p(ue, l({
+      "aria-describedby": R,
+      id: a,
+      labelId: N,
+      value: I,
+      input: j
+    }, O, {
+      children: i
+    })) : j, v && /* @__PURE__ */ p(B, l({
+      id: R
+    }, W, {
+      children: v
+    }))]
+  }));
+});
+process.env.NODE_ENV !== "production" && (we.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * This prop helps users to fill forms faster, especially on mobile devices.
+   * The name can be confusing, as it's more like an autofill.
+   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
+   */
+  autoComplete: e.string,
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   * @default false
+   */
+  autoFocus: e.bool,
+  /**
+   * @ignore
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
+   * @default 'primary'
+   */
+  color: e.oneOfType([e.oneOf(["primary", "secondary", "error", "info", "success", "warning"]), e.string]),
+  /**
+   * The default value. Use when the component is not controlled.
+   */
+  defaultValue: e.any,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the label is displayed in an error state.
+   * @default false
+   */
+  error: e.bool,
+  /**
+   * Props applied to the [`FormHelperText`](/material-ui/api/form-helper-text/) element.
+   */
+  FormHelperTextProps: e.object,
+  /**
+   * If `true`, the input will take up the full width of its container.
+   * @default false
+   */
+  fullWidth: e.bool,
+  /**
+   * The helper text content.
+   */
+  helperText: e.node,
+  /**
+   * The id of the `input` element.
+   * Use this prop to make `label` and `helperText` accessible for screen readers.
+   */
+  id: e.string,
+  /**
+   * Props applied to the [`InputLabel`](/material-ui/api/input-label/) element.
+   * Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
+   */
+  InputLabelProps: e.object,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   */
+  inputProps: e.object,
+  /**
+   * Props applied to the Input element.
+   * It will be a [`FilledInput`](/material-ui/api/filled-input/),
+   * [`OutlinedInput`](/material-ui/api/outlined-input/) or [`Input`](/material-ui/api/input/)
+   * component depending on the `variant` prop value.
+   */
+  InputProps: e.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: me,
+  /**
+   * The label content.
+   */
+  label: e.node,
+  /**
+   * If `dense` or `normal`, will adjust vertical spacing of this and contained components.
+   * @default 'none'
+   */
+  margin: e.oneOf(["dense", "none", "normal"]),
+  /**
+   * Maximum number of rows to display when multiline option is set to true.
+   */
+  maxRows: e.oneOfType([e.number, e.string]),
+  /**
+   * Minimum number of rows to display when multiline option is set to true.
+   */
+  minRows: e.oneOfType([e.number, e.string]),
+  /**
+   * If `true`, a `textarea` element is rendered instead of an input.
+   * @default false
+   */
+  multiline: e.bool,
+  /**
+   * Name attribute of the `input` element.
+   */
+  name: e.string,
+  /**
+   * @ignore
+   */
+  onBlur: e.func,
+  /**
+   * Callback fired when the value is changed.
+   *
+   * @param {object} event The event source of the callback.
+   * You can pull out the new value by accessing `event.target.value` (string).
+   */
+  onChange: e.func,
+  /**
+   * @ignore
+   */
+  onFocus: e.func,
+  /**
+   * The short hint displayed in the `input` before the user enters a value.
+   */
+  placeholder: e.string,
+  /**
+   * If `true`, the label is displayed as required and the `input` element is required.
+   * @default false
+   */
+  required: e.bool,
+  /**
+   * Number of rows to display when multiline option is set to true.
+   */
+  rows: e.oneOfType([e.number, e.string]),
+  /**
+   * Render a [`Select`](/material-ui/api/select/) element while passing the Input element to `Select` as `input` parameter.
+   * If this option is set you must pass the options of the select as children.
+   * @default false
+   */
+  select: e.bool,
+  /**
+   * Props applied to the [`Select`](/material-ui/api/select/) element.
+   */
+  SelectProps: e.object,
+  /**
+   * The size of the component.
+   */
+  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
+   */
+  type: e.string,
+  /**
+   * The value of the `input` element, required for a controlled component.
+   */
+  value: e.any,
+  /**
+   * The variant to use.
+   * @default 'outlined'
+   */
+  variant: e.oneOf(["filled", "outlined", "standard"])
+});
+export {
+  we as T
+};

package/dist/Typography-Bm7PFqUT.js

@@ -0,0 +1,176 @@
+import { _ as s, a as B } from "./objectWithoutPropertiesLoose-BK36oJDi.js";
+import * as W from "react";
+import { a as f, P as o } from "./createStyled-BzvgQjjR.js";
+import { g as C, u as M, c as O, a as j } from "./useThemeProps-uYx_RkOH.js";
+import { g as P, s as N } from "./styled-LNCprp4n.js";
+import { jsx as R } from "react/jsx-runtime";
+import { e as _ } from "./extendSxProp-qqdkfHzS.js";
+function U(a) {
+  return P("MuiTypography", a);
+}
+C("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
+const D = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"], E = (a) => {
+  const {
+    align: t,
+    gutterBottom: r,
+    noWrap: n,
+    paragraph: i,
+    variant: e,
+    classes: h
+  } = a, p = {
+    root: ["root", e, a.align !== "inherit" && `align${f(t)}`, r && "gutterBottom", n && "noWrap", i && "paragraph"]
+  };
+  return j(p, U, h);
+}, L = N("span", {
+  name: "MuiTypography",
+  slot: "Root",
+  overridesResolver: (a, t) => {
+    const {
+      ownerState: r
+    } = a;
+    return [t.root, r.variant && t[r.variant], r.align !== "inherit" && t[`align${f(r.align)}`], r.noWrap && t.noWrap, r.gutterBottom && t.gutterBottom, r.paragraph && t.paragraph];
+  }
+})(({
+  theme: a,
+  ownerState: t
+}) => s({
+  margin: 0
+}, t.variant && a.typography[t.variant], t.align !== "inherit" && {
+  textAlign: t.align
+}, t.noWrap && {
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+}, t.gutterBottom && {
+  marginBottom: "0.35em"
+}, t.paragraph && {
+  marginBottom: 16
+})), u = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  subtitle1: "h6",
+  subtitle2: "h6",
+  body1: "p",
+  body2: "p",
+  inherit: "p"
+}, V = {
+  primary: "primary.main",
+  textPrimary: "text.primary",
+  secondary: "secondary.main",
+  textSecondary: "text.secondary",
+  error: "error.main"
+}, $ = (a) => V[a] || a, w = /* @__PURE__ */ W.forwardRef(function(t, r) {
+  const n = M({
+    props: t,
+    name: "MuiTypography"
+  }), i = $(n.color), e = _(s({}, n, {
+    color: i
+  })), {
+    align: h = "inherit",
+    className: p,
+    component: g,
+    gutterBottom: d = !1,
+    noWrap: b = !1,
+    paragraph: c = !1,
+    variant: l = "body1",
+    variantMapping: m = u
+  } = e, v = B(e, D), y = s({}, e, {
+    align: h,
+    color: i,
+    className: p,
+    component: g,
+    gutterBottom: d,
+    noWrap: b,
+    paragraph: c,
+    variant: l,
+    variantMapping: m
+  }), T = g || (c ? "p" : m[l] || u[l]) || "span", x = E(y);
+  return /* @__PURE__ */ R(L, s({
+    as: T,
+    ref: r,
+    ownerState: y,
+    className: O(x.root, p)
+  }, v));
+});
+process.env.NODE_ENV !== "production" && (w.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * Set the text-align on the component.
+   * @default 'inherit'
+   */
+  align: o.oneOf(["center", "inherit", "justify", "left", "right"]),
+  /**
+   * The content of the component.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * If `true`, the text will have a bottom margin.
+   * @default false
+   */
+  gutterBottom: o.bool,
+  /**
+   * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
+   *
+   * Note that text overflow can only happen with block or inline-block level elements
+   * (the element needs to have a width in order to overflow).
+   * @default false
+   */
+  noWrap: o.bool,
+  /**
+   * If `true`, the element will be a paragraph element.
+   * @default false
+   */
+  paragraph: o.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  /**
+   * Applies the theme typography styles.
+   * @default 'body1'
+   */
+  variant: o.oneOfType([o.oneOf(["body1", "body2", "button", "caption", "h1", "h2", "h3", "h4", "h5", "h6", "inherit", "overline", "subtitle1", "subtitle2"]), o.string]),
+  /**
+   * The component maps the variant prop to a range of different HTML element types.
+   * For instance, subtitle1 to `<h6>`.
+   * If you wish to change that mapping, you can provide your own.
+   * Alternatively, you can use the `component` prop.
+   * @default {
+   *   h1: 'h1',
+   *   h2: 'h2',
+   *   h3: 'h3',
+   *   h4: 'h4',
+   *   h5: 'h5',
+   *   h6: 'h6',
+   *   subtitle1: 'h6',
+   *   subtitle2: 'h6',
+   *   body1: 'p',
+   *   body2: 'p',
+   *   inherit: 'p',
+   * }
+   */
+  variantMapping: o.object
+});
+export {
+  w as T
+};

package/dist/assets/index.css

@@ -1 +1 @@
-:root,:host{--ol-background-color: white;--ol-accent-background-color: #F5F5F5;--ol-subtle-background-color: rgba(128, 128, 128, .25);--ol-partial-background-color: rgba(255, 255, 255, .75);--ol-foreground-color: #333333;--ol-subtle-foreground-color: #666666;--ol-brand-color: #00AAFF}.ol-box{box-sizing:border-box;border-radius:2px;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color)}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{width:1px;height:15px;background-color:var(--ol-foreground-color);float:right;z-index:10}.ol-scale-step-text{position:absolute;bottom:-5px;font-size:10px;z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-text{position:absolute;font-size:12px;text-align:center;bottom:25px;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-singlebar{position:relative;height:10px;z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color)}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset}.ol-viewport{touch-action:none}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{position:absolute;background-color:var(--ol-subtle-background-color);border-radius:4px}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:var(--ol-subtle-foreground-color);font-weight:700;text-decoration:none;font-size:inherit;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:var(--ol-background-color);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{text-decoration:none;outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:center}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{margin:0;padding:1px .5em;color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);font-size:12px}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}
+:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}