@kolking/react-ui 1.2.0 → 1.4.0

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export type AvatarProps = React.HTMLAttributes<HTMLDivElement> & {
+    size?: number;
+    name?: string;
+    email?: string;
+    src?: string;
+    colorize?: boolean;
+};
+export declare const Avatar: ({ size, name, email, src, colorize, className, style, children, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Avatar/Avatar.js

@@ -0,0 +1,46 @@
+import { jsxs as S, jsx as c } from "react/jsx-runtime";
+import _ from "classnames";
+import * as l from "react";
+import { forwardRef as h, useMemo as N, useState as x, useEffect as A, useCallback as E } from "react";
+import { cssProps as C } from "../../utils/helpers.js";
+import { getStringColor as k, getGravatarUri as M, getInitials as R } from "./helpers.js";
+const b = (a, r) => /* @__PURE__ */ l.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 50 50", ref: r, ...a }, /* @__PURE__ */ l.createElement("path", { fill: "currentColor", d: "M25 31c4.97 0 9-4.253 9-9.5S29.97 12 25 12s-9 4.253-9 9.5 4.03 9.5 9 9.5Zm19 19c0-8.837-8.507-15-19-15S6 41.163 6 50h38Z" })), j = h(b), y = "Avatar_avatar_PNlL5", G = "Avatar_image_Jwmxk", I = "Avatar_name_sGSwN", e = {
+  avatar: y,
+  image: G,
+  name: I,
+  default: "Avatar_default_v75Mg"
+}, J = ({
+  size: a = 50,
+  name: r,
+  email: o,
+  src: m,
+  colorize: v,
+  className: d,
+  style: g,
+  children: u,
+  ...f
+}) => {
+  const t = r == null ? void 0 : r.trim(), p = v && t ? k(t) : void 0, s = N(() => m || (o ? M(a, o) : void 0), [m, a, o]), [n, i] = x(s);
+  A(() => {
+    i(s);
+  }, [s]);
+  const w = E(() => {
+    i(void 0);
+  }, []);
+  return /* @__PURE__ */ S(
+    "div",
+    {
+      ...f,
+      "data-avatar": !0,
+      className: _(e.avatar, d),
+      style: { ...g, ...C({ size: a, backgroundColor: p }) },
+      children: [
+        n ? /* @__PURE__ */ c("img", { className: e.image, src: n, alt: t, onError: w }) : t ? /* @__PURE__ */ c("span", { className: e.name, children: R(t) }) : /* @__PURE__ */ c(j, { className: e.default, "aria-hidden": !0 }),
+        u
+      ]
+    }
+  );
+};
+export {
+  J as Avatar
+};

package/dist/components/Avatar/helpers.d.ts

@@ -0,0 +1,3 @@
+export declare function getGravatarUri(size: number, email: string): string;
+export declare function getInitials(name: string): string;
+export declare function getStringColor(string: string): string;

package/dist/components/Avatar/helpers.js

@@ -0,0 +1,22 @@
+import { md5 as r } from "js-md5";
+function n(i, t) {
+  const e = r(t.toLowerCase().trim()), o = window.devicePixelRatio * i;
+  return `https://www.gravatar.com/avatar/${e}?s=${o}&d=404`;
+}
+function l(i) {
+  const t = i.trim().split(/\s+/gu) || [];
+  let e = [...t.shift() || ""][0];
+  return t.length > 0 && (e += [...t.pop() || ""][0]), e.toUpperCase();
+}
+function s(i) {
+  let t = 0;
+  if (i.length > 0)
+    for (let e = 0; e < i.length; e += 1)
+      t = i.charCodeAt(e) + ((t << 5) - t), t &= t;
+  return `hsl(${t % 360}, 75%, 50%)`;
+}
+export {
+  n as getGravatarUri,
+  l as getInitials,
+  s as getStringColor
+};

package/dist/components/Avatar/index.d.ts

@@ -0,0 +1 @@
+export * from './Avatar';

package/dist/components/Avatar/index.js

@@ -0,0 +1,4 @@
+import { Avatar as o } from "./Avatar.js";
+export {
+  o as Avatar
+};

package/dist/components/Badge/Badge.d.ts

@@ -1,9 +1,10 @@
 import { default as React } from 'react';
-export type BadgeProps = React.HTMLAttributes<HTMLDivElement> & {
+import { PaletteColor } from '../../utils/colors';
+export type BadgeProps = React.HTMLAttributes<HTMLSpanElement> & {
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    scheme?: PaletteColor;
+    placement?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | null;
     value?: number | string | boolean;
     maxValue?: number;
-    placement?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | null;
-    scheme?: 'gray' | 'red' | 'yellow' | 'orange' | 'green' | 'teal' | 'cyan' | 'blue' | 'indigo' | 'purple' | 'brown' | 'accent';
 };
-export declare const Badge: ({ size, value, maxValue, placement, scheme, className, style, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Badge: ({ size, scheme, placement, value, maxValue, className, style, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Badge/Badge.js

@@ -17,37 +17,37 @@ const E = "Badge_badge_-mEE7", M = "Badge_gray_7jA-J", P = "Badge_red_zPgCR", x
   brown: K,
   accent: O
 }, q = ({
-  size: i,
-  value: t,
-  maxValue: n = 99,
-  placement: o = "top-right",
+  size: l,
   scheme: s = "red",
-  className: l,
-  style: _,
+  placement: n = "top-right",
+  value: t,
+  maxValue: o = 99,
+  className: _,
+  style: i,
   ...p
 }) => {
   const r = !t, e = m(null);
   if (h(() => {
-    if (!r && o && e.current) {
+    if (!r && n && e.current) {
       const c = e.current.clientHeight, a = e.current.parentElement, g = a ? Math.min(
         parseInt(getComputedStyle(a).getPropertyValue("border-radius")),
         a.clientHeight / 2
       ) : 0, u = g * (1 - Math.sin(45 * Math.PI / 180)), y = (1 + Math.min(g / c, 1)) * (c / 4);
       e.current.style.setProperty("--offset", `${u - y}px`);
     }
-  }, [r, o]), r)
+  }, [r, n]), r)
     return null;
-  const f = typeof t == "number" && n > 0 && t > n;
+  const f = typeof t == "number" && o > 0 && t > o;
   return /* @__PURE__ */ B(
-    "div",
+    "span",
     {
       ...p,
       ref: e,
       "data-badge": s,
-      "data-placement": o,
-      className: b(d.badge, d[s], l),
-      style: { ..._, ...w({ size: i }) },
-      children: f ? `${n}+` : t
+      "data-placement": n,
+      className: b(d.badge, d[s], _),
+      style: { ...i, ...w({ size: l }) },
+      children: f ? `${o}+` : t
     }
   );
 };

package/dist/components/Button/Button.d.ts

@@ -23,4 +23,4 @@ export declare const Button: <T extends React.ElementType = "button">(props: {
     title?: React.ReactNode;
     icon?: React.ReactElement;
     iconPosition?: "start" | "end";
-} & Omit<React.PropsWithoutRef<React.ComponentProps<T>>, "title" | "size" | "as" | "scheme" | "icon" | "minWidth" | "maxWidth" | "variant" | "busy" | "iconPosition"> & React.RefAttributes<unknown>) => React.ReactElement | null;
+} & Omit<React.PropsWithoutRef<React.ComponentProps<T>>, "title" | "size" | "as" | "icon" | "scheme" | "minWidth" | "maxWidth" | "variant" | "busy" | "iconPosition"> & React.RefAttributes<unknown>) => React.ReactElement | null;

package/dist/components/Dialog/Dialog.js

@@ -1,42 +1,43 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import d from "react";
-import l from "classnames";
+import i from "classnames";
 import { Icon as g } from "../Icon/Icon.js";
 import { Button as m } from "../Button/Button.js";
-import { DialogFocusTrap as f } from "./DialogFocusTrap.js";
-import { cssProps as p } from "../../utils/helpers.js";
-const D = "Dialog_title_2pDPQ", _ = "Dialog_dialog_G3gxL", u = "Dialog_content_7168G", N = "Dialog_footer_N-aEV", v = "Dialog_close_JSEkn", i = {
-  title: D,
+import { DialogFocusTrap as p } from "./DialogFocusTrap.js";
+import { cssProps as f } from "../../utils/helpers.js";
+const _ = "Dialog_dialog_G3gxL", D = "Dialog_wrapper_BMuhR", u = "Dialog_title_2pDPQ", N = "Dialog_content_7168G", w = "Dialog_footer_N-aEV", v = "Dialog_close_JSEkn", l = {
   dialog: _,
-  content: u,
-  footer: N,
+  wrapper: D,
+  title: u,
+  content: N,
+  footer: w,
   close: v
-}, G = d.forwardRef(
-  ({ open: o = !1, width: t, style: a, className: s, children: c, ...r }, n) => /* @__PURE__ */ e(f, { active: o, children: /* @__PURE__ */ e(
+}, E = d.forwardRef(
+  ({ open: o = !1, width: t, style: e, className: r, children: s, ...c }, n) => /* @__PURE__ */ a(p, { active: o, children: /* @__PURE__ */ a(
     "dialog",
     {
-      ...r,
+      ...c,
       ref: n,
       "data-floating-root": !0,
       "data-dialog": o ? "open" : "closed",
-      className: l(i.dialog, s),
-      style: { ...a, ...p({ width: t }) },
-      children: c
+      className: i(l.dialog, r),
+      style: { ...e, ...f({ width: t }) },
+      children: /* @__PURE__ */ a("div", { "data-dialog-wrapper": !0, className: l.wrapper, children: s })
     }
   ) })
-), P = ({
+), F = ({
   className: o,
   children: t,
-  ...a
-}) => /* @__PURE__ */ e("h4", { ...a, "data-dialog-title": !0, className: l(i.title, o), children: t }), R = ({
+  ...e
+}) => /* @__PURE__ */ a("h4", { ...e, "data-dialog-title": !0, className: i(l.title, o), children: t }), G = ({
   className: o,
   children: t,
-  ...a
-}) => /* @__PURE__ */ e("div", { ...a, "data-dialog-content": !0, className: l(i.content, o), children: t }), T = ({
+  ...e
+}) => /* @__PURE__ */ a("div", { ...e, "data-dialog-content": !0, className: i(l.content, o), children: t }), P = ({
   className: o,
   children: t,
-  ...a
-}) => /* @__PURE__ */ e("div", { ...a, "data-dialog-footer": !0, className: l(i.footer, o), children: t }), j = ({ className: o, ...t }) => /* @__PURE__ */ e(
+  ...e
+}) => /* @__PURE__ */ a("div", { ...e, "data-dialog-footer": !0, className: i(l.footer, o), children: t }), T = ({ className: o, ...t }) => /* @__PURE__ */ a(
   m,
   {
     ...t,
@@ -44,14 +45,14 @@ const D = "Dialog_title_2pDPQ", _ = "Dialog_dialog_G3gxL", u = "Dialog_content_7
     variant: "tertiary",
     "data-dialog-close": !0,
     "aria-label": "dismiss dialog",
-    icon: /* @__PURE__ */ e(g, { name: "close" }),
-    className: l(i.close, o)
+    icon: /* @__PURE__ */ a(g, { name: "close" }),
+    className: i(l.close, o)
   }
 );
 export {
-  G as Dialog,
-  j as DialogClose,
-  R as DialogContent,
-  T as DialogFooter,
-  P as DialogTitle
+  E as Dialog,
+  T as DialogClose,
+  G as DialogContent,
+  P as DialogFooter,
+  F as DialogTitle
 };

package/dist/components/Dialog/useDialog.d.ts

@@ -11,9 +11,8 @@ export declare function useDialog<T, R>(options?: DialogOptions<T, R>): {
         open: boolean;
     };
     data: T | undefined;
-    disabled: boolean;
     show: (values: T) => void;
-    disable: import('react').Dispatch<import('react').SetStateAction<boolean>>;
-    confirm: (values: R) => void;
     cancel: () => void;
+    confirm: (values: R) => void;
+    preventClose: <T_1>(promise: Promise<T_1>) => Promise<T_1>;
 };

package/dist/components/Dialog/useDialog.js

@@ -1,52 +1,52 @@
-import { useRef as k, useState as u, useCallback as f, useEffect as m } from "react";
-function b(a) {
-  const s = k(null), o = k(a), [d, L] = u(!1), [l, v] = u((a == null ? void 0 : a.defaultOpen) ?? !1), [w, E] = u();
-  o.current = a;
-  const p = f((e) => {
+import { useRef as v, useState as g, useCallback as u, useEffect as h } from "react";
+function S(o) {
+  const a = v(null), i = v(o), s = v(!1), [d, E] = g((o == null ? void 0 : o.defaultOpen) ?? !1), [w, k] = g();
+  i.current = o;
+  const y = u((e) => {
     var n, t;
-    E(e), v(!0), (t = (n = o.current) == null ? void 0 : n.onShow) == null || t.call(n, e);
-  }, []), c = f(
-    (e) => {
-      var n;
-      l && (v(!1), (n = s.current) == null || n.addEventListener(
-        "transitionend",
-        () => {
-          var t, i, r, h;
-          e !== void 0 ? (i = (t = o.current) == null ? void 0 : t.onConfirm) == null || i.call(t, e) : (h = (r = o.current) == null ? void 0 : r.onCancel) == null || h.call(r), E(void 0);
-        },
-        { once: !0 }
-      ));
-    },
-    [l]
-  );
-  return m(() => {
+    s.current || (k(e), E(!0), (t = (n = i.current) == null ? void 0 : n.onShow) == null || t.call(n, e));
+  }, []), c = u((e) => {
+    s.current || E((n) => {
+      var t;
+      return n && (s.current = !0, (t = a.current) == null || t.addEventListener("transitionend", function r(b) {
+        var f, p, l, m;
+        b.target === a.current && (e !== void 0 ? (p = (f = i.current) == null ? void 0 : f.onConfirm) == null || p.call(f, e) : (m = (l = i.current) == null ? void 0 : l.onCancel) == null || m.call(l), k(void 0), s.current = !1, this.removeEventListener("transitionend", r));
+      })), !1;
+    });
+  }, []);
+  h(() => {
     var e, n;
-    l ? (e = s.current) == null || e.showModal() : (n = s.current) == null || n.close();
-  }, [l]), m(() => {
-    const e = s.current;
-    function n(r) {
-      r.target === r.currentTarget && !d && c();
-    }
-    function t(r) {
-      r.key === "Escape" && d && r.preventDefault();
+    d ? (e = a.current) == null || e.showModal() : (n = a.current) == null || n.close();
+  }, [d]), h(() => {
+    const e = a.current;
+    if (e) {
+      let n = function(r) {
+        r.target === r.currentTarget && c();
+      }, t = function(r) {
+        r.key === "Escape" && (r.stopPropagation(), r.preventDefault(), c());
+      };
+      return e.addEventListener("click", n), e.addEventListener("keydown", t), () => {
+        e.removeEventListener("click", n), e.removeEventListener("keydown", t);
+      };
     }
-    function i() {
-      c();
+  }, [c]);
+  const L = u(() => c(), [c]), C = u((e) => c(e), [c]), D = u(async (e) => {
+    s.current = !0;
+    try {
+      return await e;
+    } finally {
+      s.current = !1;
     }
-    if (e)
-      return e.addEventListener("click", n), e.addEventListener("cancel", i), e.addEventListener("keydown", t), () => {
-        e.removeEventListener("click", n), e.removeEventListener("cancel", i), e.removeEventListener("keydown", t);
-      };
-  }, [d, c]), {
-    props: { ref: s, open: l },
+  }, []);
+  return {
+    props: { ref: a, open: d },
     data: w,
-    disabled: d,
-    show: p,
-    disable: L,
-    confirm: f((e) => c(e), [c]),
-    cancel: f(() => c(), [c])
+    show: y,
+    cancel: L,
+    confirm: C,
+    preventClose: D
   };
 }
 export {
-  b as useDialog
+  S as useDialog
 };

package/dist/components/Tag/Tag.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { PaletteColor } from '../../utils/colors';
+export type TagProps = React.HTMLAttributes<HTMLSpanElement> & {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    variant?: 'default' | 'solid';
+    scheme?: PaletteColor;
+    title?: React.ReactNode;
+    icon?: React.ReactElement;
+    iconPosition?: 'start' | 'end';
+};
+export declare const Tag: ({ size, variant, scheme, title, icon, iconPosition, className, style, children, ...props }: TagProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Tag/Tag.js

@@ -0,0 +1,58 @@
+import { jsx as f, jsxs as i, Fragment as T } from "react/jsx-runtime";
+import c from "classnames";
+import { wrapNode as t, cssProps as p } from "../../utils/helpers.js";
+const y = "Tag_tag_-ovOm", _ = {
+  tag: y,
+  "default-gray": "Tag_default-gray_Ju2wo",
+  "solid-gray": "Tag_solid-gray_q6GO4",
+  "default-red": "Tag_default-red_5NeXY",
+  "solid-red": "Tag_solid-red_uPhj-",
+  "default-orange": "Tag_default-orange_fuy0F",
+  "solid-orange": "Tag_solid-orange_DbiG6",
+  "default-yellow": "Tag_default-yellow_RMd-J",
+  "solid-yellow": "Tag_solid-yellow_nQDFs",
+  "default-green": "Tag_default-green_YHGrt",
+  "solid-green": "Tag_solid-green_2UpBu",
+  "default-teal": "Tag_default-teal_AwZI-",
+  "solid-teal": "Tag_solid-teal_fVVK8",
+  "default-cyan": "Tag_default-cyan_8KUgG",
+  "solid-cyan": "Tag_solid-cyan_s5VjG",
+  "default-blue": "Tag_default-blue_jKbT1",
+  "solid-blue": "Tag_solid-blue_0AuNj",
+  "default-indigo": "Tag_default-indigo_b26lU",
+  "solid-indigo": "Tag_solid-indigo_2gfJj",
+  "default-purple": "Tag_default-purple_oBbek",
+  "solid-purple": "Tag_solid-purple_e10WH",
+  "default-brown": "Tag_default-brown_csCrz",
+  "solid-brown": "Tag_solid-brown_5IxVx",
+  "default-accent": "Tag_default-accent_uUXnO",
+  "solid-accent": "Tag_solid-accent_bbTSM"
+}, j = ({
+  size: s,
+  variant: a = "default",
+  scheme: l = "gray",
+  title: e,
+  icon: d,
+  iconPosition: g = "start",
+  className: r,
+  style: u,
+  children: o,
+  ...n
+}) => /* @__PURE__ */ f(
+  "span",
+  {
+    ...n,
+    "data-tag": a,
+    "data-scheme": l,
+    className: c(_.tag, _[`${a}-${l}`], r),
+    style: { ...u, ...p({ size: s }) },
+    children: o ? t(o, "span") : /* @__PURE__ */ i(T, { children: [
+      g === "start" && d,
+      e && t(e, "span"),
+      g === "end" && d
+    ] })
+  }
+);
+export {
+  j as Tag
+};

package/dist/components/Tag/index.d.ts

@@ -0,0 +1 @@
+export * from './Tag';

package/dist/components/Tag/index.js

@@ -0,0 +1,4 @@
+import { Tag as a } from "./Tag.js";
+export {
+  a as Tag
+};

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export * from './components/Avatar';
 export * from './components/Badge';
 export * from './components/Button';
 export * from './components/Dialog';
@@ -10,4 +11,6 @@ export * from './components/Notice';
 export * from './components/Progress';
 export * from './components/Segmented';
 export * from './components/Spinner';
+export * from './components/Tag';
 export * from './components/Tooltip';
+export * from './utils/colors';

package/dist/index.js

@@ -1,56 +1,62 @@
-import { Badge as e } from "./components/Badge/Badge.js";
-import { Button as p } from "./components/Button/Button.js";
-import { Dialog as m, DialogClose as f, DialogContent as i, DialogFooter as a, DialogTitle as l } from "./components/Dialog/Dialog.js";
-import { useDialog as g } from "./components/Dialog/useDialog.js";
-import { withDialog as d } from "./components/Dialog/withDialog.js";
-import { Flex as u } from "./components/Flex/Flex.js";
-import { Checkbox as F } from "./components/Fields/Checkbox.js";
-import { Field as I, FieldDescription as T, FieldLabel as B } from "./components/Fields/Field.js";
-import { I as b } from "./Input-DE1QkW7S.js";
-import { Quantity as M } from "./components/Fields/Quantity.js";
-import { Radio as V } from "./components/Fields/Radio.js";
-import { Select as w } from "./components/Fields/Select.js";
+import { Avatar as e } from "./components/Avatar/Avatar.js";
+import { Badge as p } from "./components/Badge/Badge.js";
+import { Button as m } from "./components/Button/Button.js";
+import { Dialog as a, DialogClose as i, DialogContent as l, DialogFooter as n, DialogTitle as g } from "./components/Dialog/Dialog.js";
+import { useDialog as d } from "./components/Dialog/useDialog.js";
+import { withDialog as u } from "./components/Dialog/withDialog.js";
+import { Flex as F } from "./components/Flex/Flex.js";
+import { Checkbox as C } from "./components/Fields/Checkbox.js";
+import { Field as B, FieldDescription as S, FieldLabel as b } from "./components/Fields/Field.js";
+import { I as M } from "./Input-DE1QkW7S.js";
+import { Quantity as V } from "./components/Fields/Quantity.js";
+import { Radio as v } from "./components/Fields/Radio.js";
+import { Select as y } from "./components/Fields/Select.js";
 import { Textarea as H } from "./components/Fields/Textarea.js";
 import { V as N } from "./ValidationTooltip-BgSwl0hJ.js";
 import { Heading as R } from "./components/Heading/Heading.js";
 import { Icon as q } from "./components/Icon/Icon.js";
-import { Menu as z } from "./components/Menu/Menu.js";
-import { MenuItem as E } from "./components/Menu/MenuItem.js";
-import { Notice as J } from "./components/Notice/Notice.js";
-import { ProgressBar as O } from "./components/Progress/ProgressBar.js";
-import { ProgressCircular as W } from "./components/Progress/ProgressCircular.js";
-import { Segmented as Y } from "./components/Segmented/Segmented.js";
-import { Spinner as _ } from "./components/Spinner/Spinner.js";
-import { Tooltip as oo } from "./components/Tooltip/Tooltip.js";
+import { Menu as E } from "./components/Menu/Menu.js";
+import { MenuItem as J } from "./components/Menu/MenuItem.js";
+import { Notice as O } from "./components/Notice/Notice.js";
+import { ProgressBar as W } from "./components/Progress/ProgressBar.js";
+import { ProgressCircular as Y } from "./components/Progress/ProgressCircular.js";
+import { Segmented as _ } from "./components/Segmented/Segmented.js";
+import { Spinner as oo } from "./components/Spinner/Spinner.js";
+import { Tag as eo } from "./components/Tag/Tag.js";
+import { Tooltip as po } from "./components/Tooltip/Tooltip.js";
+import { palette as mo } from "./utils/colors.js";
 export {
-  e as Badge,
-  p as Button,
-  F as Checkbox,
-  m as Dialog,
-  f as DialogClose,
-  i as DialogContent,
-  a as DialogFooter,
-  l as DialogTitle,
-  I as Field,
-  T as FieldDescription,
-  B as FieldLabel,
-  u as Flex,
+  e as Avatar,
+  p as Badge,
+  m as Button,
+  C as Checkbox,
+  a as Dialog,
+  i as DialogClose,
+  l as DialogContent,
+  n as DialogFooter,
+  g as DialogTitle,
+  B as Field,
+  S as FieldDescription,
+  b as FieldLabel,
+  F as Flex,
   R as Heading,
   q as Icon,
-  b as Input,
-  z as Menu,
-  E as MenuItem,
-  J as Notice,
-  O as ProgressBar,
-  W as ProgressCircular,
-  M as Quantity,
-  V as Radio,
-  Y as Segmented,
-  w as Select,
-  _ as Spinner,
+  M as Input,
+  E as Menu,
+  J as MenuItem,
+  O as Notice,
+  W as ProgressBar,
+  Y as ProgressCircular,
+  V as Quantity,
+  v as Radio,
+  _ as Segmented,
+  y as Select,
+  oo as Spinner,
+  eo as Tag,
   H as Textarea,
-  oo as Tooltip,
+  po as Tooltip,
   N as ValidationTooltip,
-  g as useDialog,
-  d as withDialog
+  mo as palette,
+  d as useDialog,
+  u as withDialog
 };

package/dist/styles/_utils.scss

@@ -1,6 +1,7 @@
 @use 'sass:map';
 @use 'sass:math';
 @use 'sass:meta';
+@use 'sass:list';
 @use 'sass:color';
 @use 'sass:string';
 
@@ -44,6 +45,17 @@
   @return map.merge($colors, color-palette($palette, $bg, $fg));
 }
 
+// Returns a list of keys converted into strings,
+// mainly used to get a palette color names as strings
+// to avoid sass interpolation warnings
+@function string-keys($map) {
+  $output: ();
+  @each $key in map.keys($map) {
+    $output: list.append($output, $key + '');
+  }
+  @return $output;
+}
+
 // Shortcut to set an opacity for a CSS variable
 @function color-opacity($hex, $opacity) {
   @return color-mix(in srgb, $hex $opacity, transparent);

package/dist/styles/style.css

@@ -1 +1 @@
-.Badge_badge_-mEE7{--size: var(--size-md);--size-xs: 1rem;--size-sm: 1.125rem;--size-md: 1.25rem;--size-lg: 1.375rem;--size-xl: 1.5rem;--offset: calc(var(--size) / -4);--border-radius: calc(var(--size) / 2);padding:0 .5em;text-align:center;min-width:var(--size);color:var(--text-color);line-height:var(--size);will-change:opacity,transform;font-size:calc(var(--size) * .6);font-weight:var(--font-weight-medium);background:var(--background-color);border-radius:var(--border-radius)}.Badge_badge_-mEE7:empty{padding:0;min-width:calc(var(--size) / 2);min-height:calc(var(--size) / 2)}@starting-style{.Badge_badge_-mEE7{opacity:0;transform:scale3d(0,0,1)}}@media (prefers-reduced-motion: no-preference){.Badge_badge_-mEE7{transition:opacity .2s,display .2s allow-discrete,transform .2s var(--ease-out-bounce)}}.Badge_badge_-mEE7[data-placement=top-left]{top:var(--offset);left:var(--offset);position:absolute}.Badge_badge_-mEE7[data-placement=top-right]{top:var(--offset);right:var(--offset);position:absolute}.Badge_badge_-mEE7[data-placement=bottom-left]{bottom:var(--offset);left:var(--offset);position:absolute}.Badge_badge_-mEE7[data-placement=bottom-right]{bottom:var(--offset);right:var(--offset);position:absolute}:has(>.Badge_badge_-mEE7[data-placement]){position:relative}.Badge_gray_7jA-J{--text-color: var(--color-white);--background-color: var(--color-gray-500)}.Badge_red_zPgCR{--text-color: var(--color-white);--background-color: var(--color-red-500)}.Badge_orange_EoLmF{--text-color: var(--color-white);--background-color: var(--color-orange-500)}.Badge_yellow_qvbb6{--text-color: var(--color-white);--background-color: var(--color-yellow-500)}.Badge_green_XX-1c{--text-color: var(--color-white);--background-color: var(--color-green-500)}.Badge_teal_VHoFK{--text-color: var(--color-white);--background-color: var(--color-teal-500)}.Badge_cyan_1ksBn{--text-color: var(--color-white);--background-color: var(--color-cyan-500)}.Badge_blue_YulfT{--text-color: var(--color-white);--background-color: var(--color-blue-500)}.Badge_indigo_2KXUy{--text-color: var(--color-white);--background-color: var(--color-indigo-500)}.Badge_purple_o55fQ{--text-color: var(--color-white);--background-color: var(--color-purple-500)}.Badge_brown_x1GS7{--text-color: var(--color-white);--background-color: var(--color-brown-500)}.Badge_accent_BIYve{--text-color: var(--color-white);--background-color: var(--color-accent-500)}.Spinner_container_CGGmW[data-overlay=true]{top:0;right:0;bottom:0;left:0;position:absolute}.Spinner_container_CGGmW[data-overlay=true]{display:flex;align-items:center;justify-content:center}.Spinner_container_CGGmW{--size: 1.25em;--thickness: 10px;--radius: calc(50% - var(--thickness) / 2);--circumference: calc(2 * 3.1415926 * var(--radius));--color: var(--color-accent-500);--track-color: color-mix(in srgb, var(--color) 15%, transparent);--overlay-color: color-mix(in srgb, var(--color-bg) 50%, transparent);line-height:0;display:inline-block;vertical-align:text-bottom}.Spinner_container_CGGmW[data-overlay=true]{background-color:var(--overlay-color)}:has(>[data-spinner][data-overlay=true]){position:relative}.Spinner_spinner_vU3LR{overflow:visible;width:var(--size);height:var(--size);vertical-align:top;animation:Spinner_rotate_NszeD 2.5s linear infinite}.Spinner_track_y1d33,.Spinner_range_BVoTJ{cx:50%;cy:50%;r:var(--radius);stroke-width:var(--thickness)}.Spinner_track_y1d33{stroke:var(--track-color)}.Spinner_range_BVoTJ{stroke:var(--color);stroke-linecap:round;transform:rotate(-90deg);transform-origin:center center;animation:Spinner_spin_nyeWM 2s linear infinite}@keyframes Spinner_rotate_NszeD{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes Spinner_spin_nyeWM{0%{stroke-dasharray:0,var(--circumference);stroke-dashoffset:0}50%{stroke-dasharray:var(--circumference),var(--circumference);stroke-dashoffset:calc(var(--circumference) / -2)}to{stroke-dasharray:var(--circumference),var(--circumference);stroke-dashoffset:calc(var(--circumference) / -1)}}.Button_button_WuG2z>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.Button_button_WuG2z{--gap: .375em;--max-width: none;--min-width: 2.5em;--min-height: 2.5em;--border-width: 1px;--icon-size: 1.25em;--padding-block: .5em;--padding-inline: .75em;--padding: var(--padding-block) var(--padding-inline);--font-family: inherit;--font-weight: var(--font-weight-medium);--line-height: var(--line-height-sm);--border-radius: var(--border-radius-sm);--size: var(--size-md);--size-xs: var(--font-size-xs);--size-sm: var(--font-size-sm);--size-md: var(--font-size-md);--size-lg: var(--font-size-lg);--size-xl: var(--font-size-xl);flex-shrink:0;gap:var(--gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top;align-items:center;display:inline-flex;text-decoration:none;justify-content:center;font-size:var(--size);padding:var(--padding);color:var(--text-color);min-width:var(--min-width);max-width:var(--max-width);min-height:var(--min-height);font-family:var(--font-family);font-weight:var(--font-weight);line-height:var(--line-height);border-radius:var(--border-radius);background-color:var(--background-color, transparent);border:var(--border-width) solid var(--border-color, transparent)}@media (prefers-reduced-motion: no-preference){.Button_button_WuG2z{transition:color .2s,background-color .2s,border-color .2s,outline .1s}}.Button_button_WuG2z[data-busy=true]{pointer-events:none}.Button_button_WuG2z[data-busy=true]>:not([data-spinner]){visibility:hidden}.Button_button_WuG2z:has(>svg:only-child){--padding-inline: 0}.Button_button_WuG2z [data-icon]{--height: var(--icon-size)}.Button_button_WuG2z [data-spinner]{--color: currentColor;--overlay-color: transparent}.Button_primary-default_lVt-V{--color-focus: var(--color-accent-400);--text-color: var(--color-white);--border-color: var(--color-accent-500);--background-color: var(--color-accent-500)}.Button_primary-default_lVt-V:hover{--border-color: var(--color-accent-600);--background-color: var(--color-accent-600)}.Button_primary-default_lVt-V[disabled]{--text-color: var(--color-gray-100);--border-color: var(--color-gray-400);--background-color: var(--color-gray-400)}.Button_secondary-default_yggNH{--color-focus: var(--color-accent-400);--text-color: var(--color-accent-500);--border-color: var(--color-accent-200);--background-color: var(--color-accent-100)}.Button_secondary-default_yggNH:hover{--text-color: var(--color-accent-600);--border-color: var(--color-accent-200);--background-color: var(--color-accent-200)}.Button_secondary-default_yggNH[disabled]{--text-color: var(--color-gray-400);--border-color: var(--color-gray-200);--background-color: var(--color-gray-100)}.Button_tertiary-default_qSFa6{--padding: 0;--min-width: auto;--min-height: auto;--border-width: unset;--border-radius: 1px;--background-color: transparent;--color-focus: var(--color-accent-400);--text-color: var(--color-accent-500);outline-offset:5px;justify-content:unset}.Button_tertiary-default_qSFa6:hover{--text-color: var(--color-accent-600)}.Button_tertiary-default_qSFa6[disabled]{--text-color: var(--color-gray-400)}.Button_primary-negative_AupXJ{--color-focus: var(--color-red-400);--text-color: var(--color-white);--border-color: var(--color-red-500);--background-color: var(--color-red-500)}.Button_primary-negative_AupXJ:hover{--border-color: var(--color-red-600);--background-color: var(--color-red-600)}.Button_primary-negative_AupXJ[disabled]{--text-color: var(--color-gray-100);--border-color: var(--color-gray-400);--background-color: var(--color-gray-400)}.Button_secondary-negative_bZbAE{--color-focus: var(--color-red-400);--text-color: var(--color-red-500);--border-color: var(--color-red-200);--background-color: var(--color-red-100)}.Button_secondary-negative_bZbAE:hover{--text-color: var(--color-red-600);--border-color: var(--color-red-200);--background-color: var(--color-red-200)}.Button_secondary-negative_bZbAE[disabled]{--text-color: var(--color-gray-400);--border-color: var(--color-gray-200);--background-color: var(--color-gray-100)}.Button_tertiary-negative_7Dh-3{--padding: 0;--min-width: auto;--min-height: auto;--border-width: unset;--border-radius: 1px;--background-color: transparent;--color-focus: var(--color-red-400);--text-color: var(--color-red-500);outline-offset:5px;justify-content:unset}.Button_tertiary-negative_7Dh-3:hover{--text-color: var(--color-red-600)}.Button_tertiary-negative_7Dh-3[disabled]{--text-color: var(--color-gray-400)}.Button_primary-positive_4Mnfc{--color-focus: var(--color-green-400);--text-color: var(--color-white);--border-color: var(--color-green-500);--background-color: var(--color-green-500)}.Button_primary-positive_4Mnfc:hover{--border-color: var(--color-green-600);--background-color: var(--color-green-600)}.Button_primary-positive_4Mnfc[disabled]{--text-color: var(--color-gray-100);--border-color: var(--color-gray-400);--background-color: var(--color-gray-400)}.Button_secondary-positive_h1UJg{--color-focus: var(--color-green-400);--text-color: var(--color-green-500);--border-color: var(--color-green-200);--background-color: var(--color-green-100)}.Button_secondary-positive_h1UJg:hover{--text-color: var(--color-green-600);--border-color: var(--color-green-200);--background-color: var(--color-green-200)}.Button_secondary-positive_h1UJg[disabled]{--text-color: var(--color-gray-400);--border-color: var(--color-gray-200);--background-color: var(--color-gray-100)}.Button_tertiary-positive_oTrM5{--padding: 0;--min-width: auto;--min-height: auto;--border-width: unset;--border-radius: 1px;--background-color: transparent;--color-focus: var(--color-green-400);--text-color: var(--color-green-500);outline-offset:5px;justify-content:unset}.Button_tertiary-positive_oTrM5:hover{--text-color: var(--color-green-600)}.Button_tertiary-positive_oTrM5[disabled]{--text-color: var(--color-gray-400)}.Button_primary-warning_9A3NY{--color-focus: var(--color-orange-400);--text-color: var(--color-white);--border-color: var(--color-orange-500);--background-color: var(--color-orange-500)}.Button_primary-warning_9A3NY:hover{--border-color: var(--color-orange-600);--background-color: var(--color-orange-600)}.Button_primary-warning_9A3NY[disabled]{--text-color: var(--color-gray-100);--border-color: var(--color-gray-400);--background-color: var(--color-gray-400)}.Button_secondary-warning_mbIUl{--color-focus: var(--color-orange-400);--text-color: var(--color-orange-500);--border-color: var(--color-orange-200);--background-color: var(--color-orange-100)}.Button_secondary-warning_mbIUl:hover{--text-color: var(--color-orange-600);--border-color: var(--color-orange-200);--background-color: var(--color-orange-200)}.Button_secondary-warning_mbIUl[disabled]{--text-color: var(--color-gray-400);--border-color: var(--color-gray-200);--background-color: var(--color-gray-100)}.Button_tertiary-warning_gM2um{--padding: 0;--min-width: auto;--min-height: auto;--border-width: unset;--border-radius: 1px;--background-color: transparent;--color-focus: var(--color-orange-400);--text-color: var(--color-orange-500);outline-offset:5px;justify-content:unset}.Button_tertiary-warning_gM2um:hover{--text-color: var(--color-orange-600)}.Button_tertiary-warning_gM2um[disabled]{--text-color: var(--color-gray-400)}.Icon_info_jKe8j{--color: var(--color-blue-500)}.Icon_error_Spa1M{--color: var(--color-red-500)}.Icon_success_EnsSL{--color: var(--color-green-500)}.Icon_warning_ZdPHu{--color: var(--color-orange-500)}.Icon_neutral_AfPjh{--color: var(--color-gray-500)}.Icon_icon_FVr27{--width: auto;--height: 1.25em;flex-shrink:0;color:var(--color, currentColor);width:var(--width);height:var(--height);vertical-align:text-bottom}.Icon_icon_FVr27[data-icon$=-circle]{border-radius:50%}.Icon_icon_FVr27[data-icon$=-circle]:focus:not(:focus-visible){outline:none}.Dialog_title_2pDPQ{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.Dialog_dialog_G3gxL{--width: var(--width-md);--width-xs: 23em;--width-sm: 25em;--width-md: 28em;--width-lg: 32em;--width-xl: 37em;border:0;opacity:0;padding:0;max-width:90vw;width:var(--width);color:var(--color-fg);padding:var(--spacing-md);transform:scale3d(.8,.8,1);background:var(--color-dialog);will-change:opacity,transform;border-radius:var(--border-radius-lg);box-shadow:#00000014 0 40px 40px,#0000000d 0 20px 20px}.Dialog_dialog_G3gxL[open]{opacity:1;transform:scaleZ(1)}.Dialog_dialog_G3gxL[open]::backdrop{opacity:1}@starting-style{.Dialog_dialog_G3gxL[open]{opacity:0;transform:scale3d(.8,.8,1)}.Dialog_dialog_G3gxL[open]::backdrop{opacity:0}}.Dialog_dialog_G3gxL::backdrop{opacity:0;will-change:opacity;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:var(--color-backdrop)}@media (prefers-reduced-motion: no-preference){.Dialog_dialog_G3gxL{transition:opacity .3s,transform .4s,overlay .4s allow-discrete,display .4s allow-discrete}.Dialog_dialog_G3gxL[open]{transition:opacity .2s,overlay .4s allow-discrete,display .4s allow-discrete,transform .4s var(--ease-out-bounce)}.Dialog_dialog_G3gxL::backdrop{transition:opacity .4s}}.Dialog_title_2pDPQ{margin:0 0 1.25rem;font-size:var(--font-size-h4);line-height:var(--line-height-xs);font-weight:var(--font-weight-bold)}.Dialog_content_7168G{margin-bottom:1.25rem}.Dialog_footer_N-aEV{gap:.75em;display:flex;justify-content:end}.Dialog_footer_N-aEV [data-button]{--min-width: 5.625em}.Dialog_close_JSEkn{--min-width: 2em;--min-height: 2em;--border-radius: 50%;--text-color: var(--color-gray-500);top:.5em;right:.5em;position:absolute;justify-content:center}.Dialog_close_JSEkn:hover,.Dialog_close_JSEkn:focus-visible{--icon-size: 1.5em;--text-color: var(--color-fg);outline-offset:0}.Dialog_close_JSEkn:hover [data-icon] path,.Dialog_close_JSEkn:focus-visible [data-icon] path{stroke-width:2px}.Dialog_close_JSEkn [data-icon] path{stroke-width:1.5px}.Flex_flex_GBHBA{--wrap: nowrap;--align: normal;--direction: row;--justify: normal;--margin-start: 0;--margin-end: 0;--margin: var(--margin-start) var(--margin-end);--gap: var(--gap-md) var(--gap-sm);--gap-2xs: .25rem;--gap-xs: .5rem;--gap-sm: .75rem;--gap-md: 1rem;--gap-lg: 1.25rem;--gap-xl: 1.5rem;--gap-2xl: 2rem;--gap-3xl: 2.5rem;display:flex;gap:var(--gap);flex-wrap:var(--wrap);align-items:var(--align);margin-block:var(--margin);justify-content:var(--justify);flex-direction:var(--direction)}.Flex_flex_GBHBA[data-flex^=row]{--align: center}.Tooltip_tooltip_u1Uix{--min-width: auto;--max-width: 350px;--text-align: left;--padding: .75em 1em;--color: var(--color-bg);--font-size: var(--font-size-xs);--background-color: var(--color-fg);--line-height: var(--line-height-sm);--border-radius: var(--border-radius-sm);outline:0;z-index:5;white-space:normal;color:var(--color);word-wrap:break-word;padding:var(--padding);min-width:var(--min-width);max-width:var(--max-width);font-size:var(--font-size);text-align:var(--text-align);line-height:var(--line-height);border-radius:var(--border-radius);background-color:var(--background-color)}.Tooltip_arrow_NBFiV{fill:var(--background-color)}.Tooltip_content_lfpfM p,.Tooltip_content_lfpfM ul,.Tooltip_content_lfpfM ol{margin-block:.5em 0}.Tooltip_content_lfpfM p:first-child,.Tooltip_content_lfpfM ul:first-child,.Tooltip_content_lfpfM ol:first-child{margin-top:.125em}.Tooltip_content_lfpfM p:last-child,.Tooltip_content_lfpfM ul:last-child,.Tooltip_content_lfpfM ol:last-child{margin-bottom:.125em}.Tooltip_content_lfpfM ul,.Tooltip_content_lfpfM ol{padding-left:1em}.Tooltip_content_lfpfM li{margin:0}:root{--input-padding: .5em;--input-min-height: 2.5em;--input-font-family: inherit;--input-font-weight: var(--font-weight-normal);--input-line-height: var(--line-height-sm);--input-text-color: var(--color-fg);--input-border-width: 1px;--input-border-color: var(--color-gray-400);--input-border-radius: var(--border-radius-sm);--input-background-color: var(--color-input);--input-placeholder-opacity: .4;--input-disabled-text-color: var(--color-gray-500);--input-disabled-border-color: var(--color-gray-400);--input-disabled-background-color: var(--color-gray-50);--input-error-focus-color: var(--color-red-400);--input-error-border-color: var(--color-red-400);--input-error-background-color: var(--color-red-50)}@media print{:root{--input-border-color: black;--input-disabled-border-color: black;--input-error-border-color: black}}.styles_input_a-JHN,.styles_wrapper_b3-VW,.styles_date_S0YpO,.styles_time_3ywit,.styles_search_y6sAm,.styles_number_auDA-,.styles_textarea_KRYGO,.styles_select_qhElj{--width: 100%;--text-color: var(--input-text-color);--border-color: var(--input-border-color);--background-color: var(--input-background-color);--size: var(--size-md);--size-xs: var(--font-size-xs);--size-sm: var(--font-size-sm);--size-md: var(--font-size-md);--size-lg: var(--font-size-lg);--size-xl: var(--font-size-xl);width:var(--width);font-size:var(--size);color:var(--text-color);padding:var(--input-padding);outline-color:var(--color-focus);min-height:var(--input-min-height);font-family:var(--input-font-family);font-weight:var(--input-font-weight);line-height:var(--input-line-height);border-radius:var(--input-border-radius);background-color:var(--background-color);border:var(--input-border-width) solid var(--border-color)}@media (prefers-reduced-motion: no-preference){.styles_input_a-JHN,.styles_wrapper_b3-VW,.styles_date_S0YpO,.styles_time_3ywit,.styles_search_y6sAm,.styles_number_auDA-,.styles_textarea_KRYGO,.styles_select_qhElj{transition:background-color .2s,border-color .2s,outline .1s}}.styles_input_a-JHN[data-invalid=true],[data-invalid=true].styles_wrapper_b3-VW,[data-invalid=true].styles_date_S0YpO,[data-invalid=true].styles_time_3ywit,[data-invalid=true].styles_search_y6sAm,[data-invalid=true].styles_number_auDA-,[data-invalid=true].styles_textarea_KRYGO,[data-invalid=true].styles_select_qhElj{--color-focus: var(--input-error-focus-color);--border-color: var(--input-error-border-color);--background-color: var(--input-error-background-color)}.styles_input_a-JHN[disabled],[disabled].styles_wrapper_b3-VW,[disabled].styles_date_S0YpO,[disabled].styles_time_3ywit,[disabled].styles_search_y6sAm,[disabled].styles_number_auDA-,[disabled].styles_textarea_KRYGO,[disabled].styles_select_qhElj{--text-color: var(--input-disabled-text-color);--border-color: var(--input-disabled-border-color);--background-color: var(--input-disabled-background-color)}.styles_input_a-JHN::-moz-placeholder,.styles_wrapper_b3-VW::-moz-placeholder,.styles_date_S0YpO::-moz-placeholder,.styles_time_3ywit::-moz-placeholder,.styles_search_y6sAm::-moz-placeholder,.styles_number_auDA-::-moz-placeholder,.styles_textarea_KRYGO::-moz-placeholder,.styles_select_qhElj::-moz-placeholder{color:inherit;opacity:var(--input-placeholder-opacity)}.styles_input_a-JHN::placeholder,.styles_wrapper_b3-VW::placeholder,.styles_date_S0YpO::placeholder,.styles_time_3ywit::placeholder,.styles_search_y6sAm::placeholder,.styles_number_auDA-::placeholder,.styles_textarea_KRYGO::placeholder,.styles_select_qhElj::placeholder{color:inherit;opacity:var(--input-placeholder-opacity)}.styles_tooltip_tBrt4{--color: var(--color-white);--background-color: var(--color-red-500)}.styles_select_qhElj{-webkit-appearance:unset;-moz-appearance:unset;appearance:unset;padding-right:calc(var(--input-padding) * 2.5 + 10px);background-repeat:no-repeat;background-position:center right calc(var(--input-padding) * 1.5);background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='none' stroke='gray' stroke-linecap='round' stroke-width='2' d='M1 3.5L5 6.5 9 3.5'/%3E%3C/svg%3E")}.styles_select_qhElj[data-placeholder]{color:color-mix(in srgb,var(--input-text-color),transparent 60%)}.styles_select_qhElj:disabled{opacity:unset}.styles_textarea_KRYGO{display:block;resize:vertical}.styles_textarea_KRYGO[data-autosize=true]{resize:none}.styles_number_auDA-::-webkit-inner-spin-button,.styles_number_auDA-::-webkit-outer-spin-button{opacity:1}.styles_search_y6sAm::-webkit-search-cancel-button{margin:0;width:1em;height:1em;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-self:center;background-size:100%;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='gray' stroke-linecap='round' stroke-width='2' d='m11.5 4.5-7 7m0-7 7 7'/%3E%3C/svg%3E")}.styles_date_S0YpO::-webkit-calendar-picker-indicator,.styles_time_3ywit::-webkit-calendar-picker-indicator{padding:0;width:1em;height:1em;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:1px;background-size:100%}.styles_date_S0YpO::-webkit-calendar-picker-indicator:focus-visible,.styles_time_3ywit::-webkit-calendar-picker-indicator:focus-visible{outline-width:3px;outline-offset:2px;outline-style:solid;outline-color:var(--color-focus)}@media (prefers-reduced-motion: no-preference){.styles_date_S0YpO::-webkit-calendar-picker-indicator,.styles_time_3ywit::-webkit-calendar-picker-indicator{-webkit-transition:outline .1s;transition:outline .1s}}.styles_date_S0YpO::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='gray' d='M12 0a1 1 0 0 1 1 1v1h.5A1.5 1.5 0 0 1 15 3.5V14a2 2 0 0 1-1.85 1.995L13 16H3a2 2 0 0 1-1.995-1.85L1 14V3.5A1.5 1.5 0 0 1 2.5 2H3V1a1 1 0 1 1 2 0v1h6V1a1 1 0 0 1 1-1Zm2 6H2v8a1 1 0 0 0 .883.993L3 15h10a1 1 0 0 0 .993-.883L14 14V6Zm-8 5v2H4v-2h2Zm3 0v2H7v-2h2Zm3 0v2h-2v-2h2ZM6 8v2H4V8h2Zm3 0v2H7V8h2Zm3 0v2h-2V8h2Z'/%3E%3C/svg%3E")}.styles_time_3ywit::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8 14.75a6.75 6.75 0 1 0 0-13.5 6.75 6.75 0 0 0 0 13.5ZM8 3.903V8l2.607 1.862'/%3E%3C/svg%3E")}.styles_range_tSqtV{margin:0;width:100%}.styles_wrapper_b3-VW{padding:0;display:flex}.styles_wrapper_b3-VW:has([data-input]:focus-visible){outline-width:3px;outline-offset:2px;outline-style:solid;outline-color:var(--color-focus)}.styles_wrapper_b3-VW[data-disabled=true]{--border-color: var(--input-disabled-border-color);--background-color: var(--input-disabled-background-color)}.styles_wrapper_prefix_KI25W{gap:.375em;display:flex;align-items:center;color:var(--color-gray-600);padding-left:var(--input-padding)}.styles_wrapper_accessory_yZjv0{gap:.375em;display:flex;align-items:center;padding-right:var(--input-padding)}.styles_wrapper_b3-VW [data-input]{--size: var(--size);--input-min-height: auto;--input-border-width: 0;--input-border-radius: 0;--input-background-color: transparent;outline:none}.styles_wrapper_b3-VW [data-button]{--size: var(--size);--min-height: auto;--border-radius: 0;--border-width: 0;align-self:stretch}.styles_checkbox_pxrU4,.styles_radio_0QV8R{--gap: .375em;--font-family: inherit;--font-weight: var(--font-weight-normal);--line-height: var(--line-height-sm);--size: var(--size-md);--size-xs: var(--font-size-xs);--size-sm: var(--font-size-sm);--size-md: var(--font-size-md);--size-lg: var(--font-size-lg);--size-xl: var(--font-size-xl);gap:var(--gap);text-align:left;display:inline-flex;font-size:var(--size);font-family:var(--font-family);font-weight:var(--font-weight);line-height:var(--line-height)}.styles_checkbox_pxrU4[data-required=true] .styles_label_K65D1:after,.styles_radio_0QV8R[data-required=true] .styles_label_K65D1:after{color:var(--field-required-color);line-height:0;font-size:125%;content:var(--field-required-symbol);margin-inline:1px;vertical-align:middle}.styles_checkbox_pxrU4 .styles_input_j6Qji,.styles_radio_0QV8R .styles_input_j6Qji{font-size:inherit}.styles_label_K65D1{align-self:center}.styles_label_K65D1 p,.styles_label_K65D1 ul,.styles_label_K65D1 ol{margin:.75em 0 0}.styles_input_j6Qji{--height: 1.25em;--size: var(--size-md);--size-xs: var(--font-size-xs);--size-sm: var(--font-size-sm);--size-md: var(--font-size-md);--size-lg: var(--font-size-lg);--size-xl: var(--font-size-xl);--checked-color: var(--color-accent-500);--border-width: var(--input-border-width);--border-color: var(--input-border-color);--border-radius: var(--border-radius-xs);--background-color: var(--input-background-color);margin:0;padding:0;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--height);height:var(--height);font-size:var(--size);border-radius:var(--border-radius);background-color:var(--background-color);border:var(--border-width) solid var(--border-color)}@media (prefers-reduced-motion: no-preference){.styles_input_j6Qji{transition:outline .1s}}.styles_input_j6Qji[data-invalid=true]{--checked-color: var(--color-red-500);--color-focus: var(--input-error-focus-color);--border-color: var(--input-error-border-color);--background-color: var(--input-error-background-color)}.styles_input_j6Qji[disabled]{--checked-color: var(--color-gray-400);--border-color: var(--input-disabled-border-color);--background-color: var(--input-disabled-background-color)}.styles_input_j6Qji:checked,.styles_input_j6Qji[type=checkbox]:indeterminate{--border-color: var(--checked-color);--background-color: var(--checked-color);background-size:100%;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M5.5 10 9 13.5 15.5 7'/%3E%3C/svg%3E")}.styles_input_j6Qji[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M6 10 14 10'/%3E%3C/svg%3E")}.styles_input_j6Qji[type=radio]{border-radius:50%}.styles_input_j6Qji[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle fill='white' cx='10' cy='10' r='5' /%3E%3C/svg%3E")}@media print{.styles_input_j6Qji{--checked-color: black;--invalid-checked-color: black}}:root{--field-required-symbol: "*";--field-required-color: var(--color-red-500);--field-label-color: var(--color-gray-700);--field-label-font-size: var(--font-size-sm);--field-label-line-height: var(--line-height-sm);--field-label-font-weight: var(--font-weight-normal);--field-description-color: var(--color-gray-600);--field-description-font-size: var(--font-size-sm);--field-description-line-height: var(--line-height-sm);--field-description-font-weight: var(--font-weight-normal)}.styles_field_hqzKT{--gap: .375rem;--min-width: auto;--max-width: none;width:100%;display:flex;gap:var(--gap);text-align:left;flex-direction:column;min-width:var(--min-width);max-width:var(--max-width)}.styles_header_Iwsz6{gap:1em;display:flex;align-items:flex-end}.styles_label_zRVTS{flex-grow:1;min-width:0;display:block;color:var(--field-label-color);font-size:var(--field-label-font-size);line-height:var(--field-label-line-height);font-weight:var(--field-label-font-weight)}.styles_label_zRVTS[data-required=true]:after{color:var(--field-required-color);line-height:0;font-size:125%;content:var(--field-required-symbol);margin-inline:1px;vertical-align:middle}.styles_accessory_S4ccn{gap:.75em;display:flex;align-items:center}.styles_description_fZnNW{display:block;color:var(--field-description-color);font-size:var(--field-description-font-size);line-height:var(--field-description-line-height);font-weight:var(--field-description-font-weight)}.styles_quantity_JqkoZ{--size: var(--size-md);--size-xs: var(--font-size-xs);--size-sm: var(--font-size-sm);--size-md: var(--font-size-md);--size-lg: var(--font-size-lg);--size-xl: var(--font-size-xl);display:grid;overflow:clip;font-size:var(--size);min-height:var(--input-min-height);border-radius:var(--input-border-radius);background-color:var(--input-background-color);border:var(--input-border-width) solid var(--input-border-color)}@media (prefers-reduced-motion: no-preference){.styles_quantity_JqkoZ{transition:background-color .2s,border-color .2s,outline .1s}}.styles_quantity_JqkoZ:focus-within{outline-width:3px;outline-offset:2px;outline-style:solid;outline-color:var(--color-focus)}.styles_quantity_JqkoZ[data-invalid=true]{--color-focus: var(--input-error-focus-color);border-color:var(--input-error-border-color);background-color:var(--input-error-background-color)}.styles_quantity_JqkoZ[data-disabled=true]{color:var(--input-disabled-text-color);border-color:var(--input-disabled-border-color);background-color:var(--input-disabled-background-color)}.styles_quantity_JqkoZ input{border:0;font:inherit;outline:none;color:inherit;min-width:2em;background:none;padding:var(--input-padding);line-height:var(--input-line-height);-moz-appearance:textfield}.styles_quantity_JqkoZ input::-webkit-inner-spin-button{display:none}.styles_quantity_JqkoZ button{border:0;padding:0;display:flex;outline:none;font:inherit}.styles_quantity_JqkoZ button svg{margin:auto;width:.375em;height:.3125em}@media (hover: hover){.styles_quantity_JqkoZ{grid-template-columns:auto auto}.styles_quantity_JqkoZ input{grid-row:1/span 2}.styles_quantity_JqkoZ button{min-width:1em;color:var(--color-gray-600);border:0 solid var(--color-gray-300);background-color:var(--color-gray-100)}.styles_quantity_JqkoZ button:hover,.styles_quantity_JqkoZ button:focus-visible{color:var(--color-fg);background-color:var(--color-gray-300)}.styles_quantity_JqkoZ .styles_increase_MKRaz{border-width:0 0 1px 1px}.styles_quantity_JqkoZ .styles_decrease_oD7r3{border-width:0 0 0 1px}}@media (hover: none){.styles_quantity_JqkoZ{border-radius:1.5em;grid-template-columns:repeat(3,auto)}.styles_quantity_JqkoZ input{grid-row:1;grid-column:2;text-align:center;padding-inline:0}.styles_quantity_JqkoZ button{grid-row:1;min-width:2em;background:none;color:var(--color-accent-500)}.styles_quantity_JqkoZ button[disabled]{color:var(--color-gray-400)}.styles_quantity_JqkoZ button svg{width:.625em;height:.5em}.styles_quantity_JqkoZ .styles_increase_MKRaz{grid-column:3;padding-right:.375em}.styles_quantity_JqkoZ .styles_decrease_oD7r3{grid-column:1;padding-left:.375em}}.Heading_h1_jZARG,.Heading_heading_OG4PS h1{--margin-start: 1.25em;--margin-end: .75em;--margin: var(--margin-start) 0 var(--margin-end) 0;--font-size: var(--font-size-h1);margin:var(--margin);color:var(--color-heading);font-size:var(--font-size);line-height:var(--line-height-xs);font-weight:var(--font-weight-bold);font-family:var(--font-family-heading)}.Heading_h1_jZARG:first-child,.Heading_heading_OG4PS h1:first-child{--margin-start: 0}.Heading_h2_juB1Q,.Heading_heading_OG4PS h2{--margin-start: 1.25em;--margin-end: .75em;--margin: var(--margin-start) 0 var(--margin-end) 0;--font-size: var(--font-size-h2);margin:var(--margin);color:var(--color-heading);font-size:var(--font-size);line-height:var(--line-height-xs);font-weight:var(--font-weight-bold);font-family:var(--font-family-heading)}.Heading_h2_juB1Q:first-child,.Heading_heading_OG4PS h2:first-child{--margin-start: 0}.Heading_h3_tZEj0,.Heading_heading_OG4PS h3{--margin-start: 1.25em;--margin-end: .75em;--margin: var(--margin-start) 0 var(--margin-end) 0;--font-size: var(--font-size-h3);margin:var(--margin);color:var(--color-heading);font-size:var(--font-size);line-height:var(--line-height-xs);font-weight:var(--font-weight-bold);font-family:var(--font-family-heading)}.Heading_h3_tZEj0:first-child,.Heading_heading_OG4PS h3:first-child{--margin-start: 0}.Heading_h4_X927D,.Heading_heading_OG4PS h4{--margin-start: 1.25em;--margin-end: .75em;--margin: var(--margin-start) 0 var(--margin-end) 0;--font-size: var(--font-size-h4);margin:var(--margin);color:var(--color-heading);font-size:var(--font-size);line-height:var(--line-height-xs);font-weight:var(--font-weight-bold);font-family:var(--font-family-heading)}.Heading_h4_X927D:first-child,.Heading_heading_OG4PS h4:first-child{--margin-start: 0}.Heading_h5_047wq,.Heading_heading_OG4PS h5{--margin-start: 1.25em;--margin-end: .75em;--margin: var(--margin-start) 0 var(--margin-end) 0;--font-size: var(--font-size-h5);margin:var(--margin);color:var(--color-heading);font-size:var(--font-size);line-height:var(--line-height-xs);font-weight:var(--font-weight-bold);font-family:var(--font-family-heading)}.Heading_h5_047wq:first-child,.Heading_heading_OG4PS h5:first-child{--margin-start: 0}.Heading_h6_52sKy,.Heading_heading_OG4PS h6{--margin-start: 1.25em;--margin-end: .75em;--margin: var(--margin-start) 0 var(--margin-end) 0;--font-size: var(--font-size-h6);margin:var(--margin);color:var(--color-heading);font-size:var(--font-size);line-height:var(--line-height-xs);font-weight:var(--font-weight-bold);font-family:var(--font-family-heading)}.Heading_h6_52sKy:first-child,.Heading_heading_OG4PS h6:first-child{--margin-start: 0}.Heading_heading_OG4PS{--margin-start: calc(var(--font-size) * 1.25);--margin-end: calc(var(--font-size) * .75);--margin: var(--margin-start) 0 var(--margin-end) 0;gap:1em;display:flex;align-items:center;margin:var(--margin)}.Heading_heading_OG4PS:first-child{--margin-start: 0}.Heading_heading_OG4PS h1,.Heading_heading_OG4PS h2,.Heading_heading_OG4PS h3,.Heading_heading_OG4PS h4,.Heading_heading_OG4PS h5,.Heading_heading_OG4PS h6{--margin: 0;--font-size: inherit;flex-grow:1;min-width:0}.Heading_accessory_VOBHY{gap:.75em;display:flex;align-items:center}.Menu_menuitem_yhzUI>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.Menu_default_N-i5e{--text-color: var(--color-text);--icon-color: var(--color-gray-600);--background-color: unset}.Menu_default_N-i5e[data-active=true]{--icon-color: var(--color-white);--text-color: var(--color-white);--background-color: var(--color-accent-500)}.Menu_negative_-phCk{--text-color: var(--color-red-600);--icon-color: var(--color-red-500);--background-color: unset}.Menu_negative_-phCk[data-active=true]{--icon-color: var(--color-white);--text-color: var(--color-white);--background-color: var(--color-red-500)}.Menu_positive_-0bCV{--text-color: var(--color-green-600);--icon-color: var(--color-green-500);--background-color: unset}.Menu_positive_-0bCV[data-active=true]{--icon-color: var(--color-white);--text-color: var(--color-white);--background-color: var(--color-green-500)}.Menu_warning_ABUsP{--text-color: var(--color-orange-600);--icon-color: var(--color-orange-500);--background-color: unset}.Menu_warning_ABUsP[data-active=true]{--icon-color: var(--color-white);--text-color: var(--color-white);--background-color: var(--color-orange-500)}.Menu_menu_E8MMz{--min-width: auto;--max-width: none;--padding: .25em;z-index:6;overflow-y:auto;padding:var(--padding);min-width:var(--min-width);max-width:var(--max-width);box-shadow:var(--drop-shadow);background:var(--color-popup);border-radius:var(--border-radius-md)}.Menu_menu_E8MMz:focus-visible{outline:none}.Menu_menu_E8MMz hr{border:none;margin-block:.375em;border-top:1px solid var(--color-gray-300)}.Menu_menuitem_yhzUI{--gap: .375em;--icon-size: 1.25em;--size: var(--size-md);--size-xs: var(--font-size-xs);--size-sm: var(--font-size-sm);--size-md: var(--font-size-md);--size-lg: var(--font-size-lg);--size-xl: var(--font-size-xl);width:100%;border:none;font:inherit;display:flex;gap:var(--gap);align-items:center;font-size:var(--size);color:var(--text-color);padding:.5em 1.5em .5em .5em;line-height:var(--line-height-sm);border-radius:var(--border-radius-sm);background-color:var(--background-color)}.Menu_menuitem_yhzUI:focus-visible{outline:none}.Menu_menuitem_yhzUI[disabled]{--text-color: var(--color-gray-400);--icon-color: var(--color-gray-300)}.Menu_menuitem_yhzUI [data-icon]{--height: var(--icon-size);--color: var(--icon-color)}[data-menu=trigger] [data-icon=dropdown]{margin-left:.25em}.Notice_info_tgW7c{--icon-color: var(--color-blue-500);--text-color: var(--color-blue-600);--background-color: var(--color-blue-100)}.Notice_error_ClIfR{--icon-color: var(--color-red-500);--text-color: var(--color-red-600);--background-color: var(--color-red-100)}.Notice_success_-vXfu{--icon-color: var(--color-green-500);--text-color: var(--color-green-600);--background-color: var(--color-green-100)}.Notice_warning_zFUFN{--icon-color: var(--color-orange-500);--text-color: var(--color-orange-600);--background-color: var(--color-orange-100)}.Notice_neutral_Vryzr{--icon-color: var(--color-gray-500);--text-color: var(--color-gray-600);--background-color: var(--color-gray-100)}.Notice_container_d9QoU{--margin: 1.25em 0;--padding: 1.25em;--icon-size: 1.25em;--border-radius: var(--border-radius-sm);--size: var(--size-md);--size-xs: var(--font-size-xs);--size-sm: var(--font-size-sm);--size-md: var(--font-size-md);--size-lg: var(--font-size-lg);--size-xl: var(--font-size-xl);gap:1em;display:flex;align-items:flex-start;margin:var(--margin);padding:var(--padding);color:var(--text-color);font-size:var(--size);line-height:var(--line-height-sm);border-radius:var(--border-radius);background:var(--background-color)}.Notice_container_d9QoU:first-child{margin-top:0}.Notice_content_cvC5c{gap:.5em;min-width:0;display:flex;flex:1 1 auto;align-self:center}.Notice_content_cvC5c [data-icon]{--height: var(--icon-size);--color: var(--icon-color)}.Notice_message_hI1yz{align-self:center;overflow-wrap:anywhere}.Notice_message_hI1yz p{margin:.25em 0 0}.Notice_message_hI1yz p:first-child{margin:0}.Notice_accessory_AjvqC{gap:.5em;display:flex;align-items:center}.Notice_vertical_DsMZQ{--icon-size: 2em;align-items:center;flex-direction:column;justify-content:center}.Notice_vertical_DsMZQ .Notice_content_cvC5c{max-width:32em;flex-grow:unset;text-wrap:balance;text-align:center;align-items:center;flex-direction:column}.Notice_plain_l9FV5{--padding: 0;--background-color: none}.Progress_progress_LSrhF{--width: 100%;--height: 8px;--margin: unset;--min-width: auto;--max-width: none;--color: var(--color-accent-500);--border-radius: calc(var(--height) / 2);--track-color: color-mix(in srgb, var(--color) 20%, transparent);display:flex;overflow:hidden;width:var(--width);height:var(--height);margin:var(--margin);min-width:var(--min-width);max-width:var(--max-width);border-radius:var(--border-radius);background-color:var(--track-color);box-shadow:inset 0 0 1px rgb(from var(--color-fg) r g b/30%)}.Progress_progress_LSrhF[data-progress-value=indeterminate] .Progress_bar_ywPS-{width:50%;animation:1.5s ease 0s infinite normal none running Progress_slide_Riqwd}.Progress_bar_ywPS-{width:0;background-color:var(--color)}@keyframes Progress_slide_Riqwd{0%{transform:translate(-100%)}to{transform:translate(200%)}}.Progress_inner_Zoiac{top:0;right:0;bottom:0;left:0;position:absolute}.Progress_inner_Zoiac{display:flex;align-items:center;justify-content:center}.Progress_container_tFVew{--value: 0;--margin: 0;--size: 3.125em;--linecap: unset;--thickness: calc(var(--size) / 10);--radius: calc(50% - var(--thickness) / 2);--circumference: calc(2 * 3.1415926 * var(--radius));--offset: calc(var(--circumference) * (100 - var(--value)) / 100);--color: var(--color-accent-500);--track-color: color-mix(in srgb, var(--color) 20%, transparent);--font-size: calc(var(--size) / 4);line-height:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--size);height:var(--size);margin:var(--margin);display:inline-block;vertical-align:text-bottom}.Progress_container_tFVew:has(.Progress_inner_Zoiac){position:relative}.Progress_container_tFVew[data-countdown=true] .Progress_range_uqjFb{transform:rotate(90deg) scaleX(-1)}.Progress_container_tFVew[data-progress-value=indeterminate] .Progress_progress_MHEjj{animation:Progress_rotate_0nxZ2 2.5s linear infinite}.Progress_container_tFVew[data-progress-value=indeterminate] .Progress_range_uqjFb{transform:rotate(-90deg);animation:Progress_spin_uJyT3 2s linear infinite}.Progress_progress_MHEjj{width:inherit;height:inherit;overflow:visible;vertical-align:top}.Progress_track_jWvrX,.Progress_range_uqjFb{r:var(--radius);cx:calc(var(--size) / 2);cy:calc(var(--size) / 2);stroke-width:var(--thickness)}.Progress_track_jWvrX{stroke:var(--track-color)}.Progress_range_uqjFb{stroke:var(--color);stroke-linecap:var(--linecap);stroke-dashoffset:var(--offset);stroke-dasharray:var(--circumference);transform:rotate(-90deg);transform-origin:center center}.Progress_inner_Zoiac{font-size:var(--font-size);line-height:var(--line-height-xs);font-weight:var(--font-weight-medium)}.Progress_inner_Zoiac [data-button]{font-size:inherit}@keyframes Progress_rotate_0nxZ2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes Progress_spin_uJyT3{0%{stroke-dasharray:0,var(--circumference);stroke-dashoffset:0}50%{stroke-dasharray:var(--circumference),var(--circumference);stroke-dashoffset:calc(var(--circumference) / -2)}to{stroke-dasharray:var(--circumference),var(--circumference);stroke-dashoffset:calc(var(--circumference) / -1)}}.Segmented_segmented_UOs8Z{--length: 1;--selected: 0;--margin: 1.25em 0;--background: var(--color-gray-200);--text-color: var(--color-gray-600);--border-radius: var(--border-radius-sm);--selected-text-color: var(--color-fg);--selected-background: var(--color-input);--disabled-text-color: var(--color-gray-400);--size: var(--size-md);--size-xs: var(--font-size-xs);--size-sm: var(--font-size-sm);--size-md: var(--font-size-md);--size-lg: var(--font-size-lg);--size-xl: var(--font-size-xl);z-index:0;display:flex;position:relative;margin:var(--margin);font-size:var(--size);background:var(--background);border-radius:calc(var(--border-radius) + 2px)}.Segmented_segmented_UOs8Z:before{left:0;z-index:-1;content:"";height:100%;position:absolute;border-radius:inherit;width:calc(100% / var(--length));border:2px solid var(--background);background:var(--selected-background);transform:translate(calc(100% * var(--selected)))}@media (prefers-reduced-motion: no-preference){.Segmented_segmented_UOs8Z:before{transition:transform ease .3s}}.Segmented_segmented_UOs8Z button{border:none;flex:1 1 1%;padding:0 .5em;overflow:hidden;background:none;font-size:inherit;white-space:nowrap;line-height:2.5em;font-family:inherit;text-overflow:ellipsis;color:var(--text-color);border-radius:var(--border-radius);font-weight:var(--font-weight-medium)}.Segmented_segmented_UOs8Z button:hover,.Segmented_segmented_UOs8Z button:focus-visible{color:var(--selected-text-color)}.Segmented_segmented_UOs8Z button:focus-visible{position:relative}.Segmented_segmented_UOs8Z button[data-selected=true]{color:var(--selected-text-color)}.Segmented_segmented_UOs8Z button[disabled]{color:var(--disabled-text-color)}@media (prefers-reduced-motion: no-preference){.Segmented_segmented_UOs8Z button{transition:color .2s,outline .1s}}
+.Avatar_avatar_PNlL5{--size: 50px;--border-radius: 50%;--text-color: var(--color-white);--background-color: var(--color-gray-400);aspect-ratio:1;width:var(--size);height:var(--size);position:relative;vertical-align:top;display:inline-flex;color:var(--text-color);background:var(--background-color);border-radius:var(--border-radius)}.Avatar_image_Jwmxk{width:inherit;height:inherit;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.Avatar_name_sGSwN{margin:auto;line-height:1;text-align:center;font-size:calc(var(--size) * .4);font-weight:var(--font-weight-medium)}.Avatar_default_v75Mg{padding:4%;opacity:.8;width:inherit;height:inherit;overflow:hidden;border-radius:inherit}.Badge_badge_-mEE7{--size: var(--size-md);--size-xs: 1rem;--size-sm: 1.125rem;--size-md: 1.25rem;--size-lg: 1.375rem;--size-xl: 1.5rem;--offset: calc(var(--size) / -4);--border-radius: calc(var(--size) / 2);flex-shrink:0;padding:0 .5em;text-align:center;display:inline-block;min-width:var(--size);color:var(--text-color);line-height:var(--size);will-change:opacity,transform;font-size:calc(var(--size) * .6);font-weight:var(--font-weight-medium);background:var(--background-color);border-radius:var(--border-radius)}.Badge_badge_-mEE7:empty{padding:0;min-width:calc(var(--size) / 2);min-height:calc(var(--size) / 2)}@starting-style{.Badge_badge_-mEE7{opacity:0;transform:scale3d(0,0,1)}}@media (prefers-reduced-motion: no-preference){.Badge_badge_-mEE7{transition:opacity .2s,display .2s allow-discrete,transform .2s var(--ease-out-bounce)}}.Badge_badge_-mEE7[data-placement=top-left]{top:var(--offset);left:var(--offset);position:absolute}.Badge_badge_-mEE7[data-placement=top-right]{top:var(--offset);right:var(--offset);position:absolute}.Badge_badge_-mEE7[data-placement=bottom-left]{bottom:var(--offset);left:var(--offset);position:absolute}.Badge_badge_-mEE7[data-placement=bottom-right]{bottom:var(--offset);right:var(--offset);position:absolute}:has(>.Badge_badge_-mEE7[data-placement]){position:relative}.Badge_gray_7jA-J{--text-color: var(--color-white);--background-color: var(--color-gray-500)}.Badge_red_zPgCR{--text-color: var(--color-white);--background-color: var(--color-red-500)}.Badge_orange_EoLmF{--text-color: var(--color-white);--background-color: var(--color-orange-500)}.Badge_yellow_qvbb6{--text-color: var(--color-white);--background-color: var(--color-yellow-500)}.Badge_green_XX-1c{--text-color: var(--color-white);--background-color: var(--color-green-500)}.Badge_teal_VHoFK{--text-color: var(--color-white);--background-color: var(--color-teal-500)}.Badge_cyan_1ksBn{--text-color: var(--color-white);--background-color: var(--color-cyan-500)}.Badge_blue_YulfT{--text-color: var(--color-white);--background-color: var(--color-blue-500)}.Badge_indigo_2KXUy{--text-color: var(--color-white);--background-color: var(--color-indigo-500)}.Badge_purple_o55fQ{--text-color: var(--color-white);--background-color: var(--color-purple-500)}.Badge_brown_x1GS7{--text-color: var(--color-white);--background-color: var(--color-brown-500)}.Badge_accent_BIYve{--text-color: var(--color-white);--background-color: var(--color-accent-500)}.Spinner_container_CGGmW[data-overlay=true]{top:0;right:0;bottom:0;left:0;position:absolute}.Spinner_container_CGGmW[data-overlay=true]{display:flex;align-items:center;justify-content:center}.Spinner_container_CGGmW{--size: 1.25em;--thickness: 10px;--radius: calc(50% - var(--thickness) / 2);--circumference: calc(2 * 3.1415926 * var(--radius));--color: var(--color-accent-500);--track-color: color-mix(in srgb, var(--color) 15%, transparent);--overlay-color: color-mix(in srgb, var(--color-bg) 50%, transparent);line-height:0;display:inline-block;vertical-align:text-bottom}.Spinner_container_CGGmW[data-overlay=true]{background-color:var(--overlay-color)}:has(>[data-spinner][data-overlay=true]){position:relative}.Spinner_spinner_vU3LR{overflow:visible;width:var(--size);height:var(--size);vertical-align:top;animation:Spinner_rotate_NszeD 2.5s linear infinite}.Spinner_track_y1d33,.Spinner_range_BVoTJ{cx:50%;cy:50%;r:var(--radius);stroke-width:var(--thickness)}.Spinner_track_y1d33{stroke:var(--track-color)}.Spinner_range_BVoTJ{stroke:var(--color);stroke-linecap:round;transform:rotate(-90deg);transform-origin:center center;animation:Spinner_spin_nyeWM 2s linear infinite}@keyframes Spinner_rotate_NszeD{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes Spinner_spin_nyeWM{0%{stroke-dasharray:0,var(--circumference);stroke-dashoffset:0}50%{stroke-dasharray:var(--circumference),var(--circumference);stroke-dashoffset:calc(var(--circumference) / -2)}to{stroke-dasharray:var(--circumference),var(--circumference);stroke-dashoffset:calc(var(--circumference) / -1)}}.Button_button_WuG2z>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.Button_button_WuG2z{--gap: .375em;--max-width: none;--min-width: 2.5em;--min-height: 2.5em;--border-width: 1px;--icon-size: 1.25em;--padding-block: .5em;--padding-inline: .75em;--padding: var(--padding-block) var(--padding-inline);--font-family: inherit;--font-weight: var(--font-weight-medium);--line-height: var(--line-height-sm);--border-radius: var(--border-radius-sm);--size: var(--size-md);--size-xs: var(--font-size-xs);--size-sm: var(--font-size-sm);--size-md: var(--font-size-md);--size-lg: var(--font-size-lg);--size-xl: var(--font-size-xl);flex-shrink:0;gap:var(--gap);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top;align-items:center;display:inline-flex;text-decoration:none;justify-content:center;font-size:var(--size);padding:var(--padding);color:var(--text-color);min-width:var(--min-width);max-width:var(--max-width);min-height:var(--min-height);font-family:var(--font-family);font-weight:var(--font-weight);line-height:var(--line-height);border-radius:var(--border-radius);background-color:var(--background-color, transparent);border:var(--border-width) solid var(--border-color, transparent)}@media (prefers-reduced-motion: no-preference){.Button_button_WuG2z{transition:color .2s,background-color .2s,border-color .2s,outline .1s}}.Button_button_WuG2z[disabled]{cursor:default}.Button_button_WuG2z[data-busy=true]{pointer-events:none}.Button_button_WuG2z[data-busy=true]>:not([data-spinner]){visibility:hidden}.Button_button_WuG2z:has(>svg:only-child){--padding-inline: 0}.Button_button_WuG2z [data-icon]{--height: var(--icon-size)}.Button_button_WuG2z [data-spinner]{--color: currentColor;--overlay-color: transparent}.Button_primary-default_lVt-V{--color-focus: var(--color-accent-400);--text-color: var(--color-white);--border-color: var(--color-accent-500);--background-color: var(--color-accent-500)}.Button_primary-default_lVt-V:hover{--border-color: var(--color-accent-600);--background-color: var(--color-accent-600)}.Button_primary-default_lVt-V[disabled]{--text-color: var(--color-gray-100);--border-color: var(--color-gray-400);--background-color: var(--color-gray-400)}.Button_secondary-default_yggNH{--color-focus: var(--color-accent-400);--text-color: var(--color-accent-500);--border-color: var(--color-accent-200);--background-color: var(--color-accent-100)}.Button_secondary-default_yggNH:hover{--text-color: var(--color-accent-600);--border-color: var(--color-accent-200);--background-color: var(--color-accent-200)}.Button_secondary-default_yggNH[disabled]{--text-color: var(--color-gray-400);--border-color: var(--color-gray-200);--background-color: var(--color-gray-100)}.Button_tertiary-default_qSFa6{--padding: 0;--min-width: auto;--min-height: auto;--border-width: unset;--border-radius: 1px;--background-color: transparent;--color-focus: var(--color-accent-400);--text-color: var(--color-accent-500);outline-offset:5px;justify-content:unset}.Button_tertiary-default_qSFa6:hover{--text-color: var(--color-accent-600)}.Button_tertiary-default_qSFa6[disabled]{--text-color: var(--color-gray-400)}.Button_primary-negative_AupXJ{--color-focus: var(--color-red-400);--text-color: var(--color-white);--border-color: var(--color-red-500);--background-color: var(--color-red-500)}.Button_primary-negative_AupXJ:hover{--border-color: var(--color-red-600);--background-color: var(--color-red-600)}.Button_primary-negative_AupXJ[disabled]{--text-color: var(--color-gray-100);--border-color: var(--color-gray-400);--background-color: var(--color-gray-400)}.Button_secondary-negative_bZbAE{--color-focus: var(--color-red-400);--text-color: var(--color-red-500);--border-color: var(--color-red-200);--background-color: var(--color-red-100)}.Button_secondary-negative_bZbAE:hover{--text-color: var(--color-red-600);--border-color: var(--color-red-200);--background-color: var(--color-red-200)}.Button_secondary-negative_bZbAE[disabled]{--text-color: var(--color-gray-400);--border-color: var(--color-gray-200);--background-color: var(--color-gray-100)}.Button_tertiary-negative_7Dh-3{--padding: 0;--min-width: auto;--min-height: auto;--border-width: unset;--border-radius: 1px;--background-color: transparent;--color-focus: var(--color-red-400);--text-color: var(--color-red-500);outline-offset:5px;justify-content:unset}.Button_tertiary-negative_7Dh-3:hover{--text-color: var(--color-red-600)}.Button_tertiary-negative_7Dh-3[disabled]{--text-color: var(--color-gray-400)}.Button_primary-positive_4Mnfc{--color-focus: var(--color-green-400);--text-color: var(--color-white);--border-color: var(--color-green-500);--background-color: var(--color-green-500)}.Button_primary-positive_4Mnfc:hover{--border-color: var(--color-green-600);--background-color: var(--color-green-600)}.Button_primary-positive_4Mnfc[disabled]{--text-color: var(--color-gray-100);--border-color: var(--color-gray-400);--background-color: var(--color-gray-400)}.Button_secondary-positive_h1UJg{--color-focus: var(--color-green-400);--text-color: var(--color-green-500);--border-color: var(--color-green-200);--background-color: var(--color-green-100)}.Button_secondary-positive_h1UJg:hover{--text-color: var(--color-green-600);--border-color: var(--color-green-200);--background-color: var(--color-green-200)}.Button_secondary-positive_h1UJg[disabled]{--text-color: var(--color-gray-400);--border-color: var(--color-gray-200);--background-color: var(--color-gray-100)}.Button_tertiary-positive_oTrM5{--padding: 0;--min-width: auto;--min-height: auto;--border-width: unset;--border-radius: 1px;--background-color: transparent;--color-focus: var(--color-green-400);--text-color: var(--color-green-500);outline-offset:5px;justify-content:unset}.Button_tertiary-positive_oTrM5:hover{--text-color: var(--color-green-600)}.Button_tertiary-positive_oTrM5[disabled]{--text-color: var(--color-gray-400)}.Button_primary-warning_9A3NY{--color-focus: var(--color-orange-400);--text-color: var(--color-white);--border-color: var(--color-orange-500);--background-color: var(--color-orange-500)}.Button_primary-warning_9A3NY:hover{--border-color: var(--color-orange-600);--background-color: var(--color-orange-600)}.Button_primary-warning_9A3NY[disabled]{--text-color: var(--color-gray-100);--border-color: var(--color-gray-400);--background-color: var(--color-gray-400)}.Button_secondary-warning_mbIUl{--color-focus: var(--color-orange-400);--text-color: var(--color-orange-500);--border-color: var(--color-orange-200);--background-color: var(--color-orange-100)}.Button_secondary-warning_mbIUl:hover{--text-color: var(--color-orange-600);--border-color: var(--color-orange-200);--background-color: var(--color-orange-200)}.Button_secondary-warning_mbIUl[disabled]{--text-color: var(--color-gray-400);--border-color: var(--color-gray-200);--background-color: var(--color-gray-100)}.Button_tertiary-warning_gM2um{--padding: 0;--min-width: auto;--min-height: auto;--border-width: unset;--border-radius: 1px;--background-color: transparent;--color-focus: var(--color-orange-400);--text-color: var(--color-orange-500);outline-offset:5px;justify-content:unset}.Button_tertiary-warning_gM2um:hover{--text-color: var(--color-orange-600)}.Button_tertiary-warning_gM2um[disabled]{--text-color: var(--color-gray-400)}.Icon_info_jKe8j{--color: var(--color-blue-500)}.Icon_error_Spa1M{--color: var(--color-red-500)}.Icon_success_EnsSL{--color: var(--color-green-500)}.Icon_warning_ZdPHu{--color: var(--color-orange-500)}.Icon_neutral_AfPjh{--color: var(--color-gray-500)}.Icon_icon_FVr27{--width: auto;--height: 1.25em;flex-shrink:0;color:var(--color, currentColor);width:var(--width);height:var(--height);vertical-align:text-bottom}.Icon_icon_FVr27[data-icon$=-circle]{border-radius:50%}.Icon_icon_FVr27[data-icon$=-circle]:focus:not(:focus-visible){outline:none}.Dialog_dialog_G3gxL{--width: var(--width-md);--width-xs: 23em;--width-sm: 25em;--width-md: 28em;--width-lg: 32em;--width-xl: 37em;border:0;opacity:0;padding:0;max-width:90vw;width:var(--width);color:var(--color-fg);transform:scale3d(.8,.8,1);background:var(--color-dialog);will-change:opacity,transform;border-radius:var(--border-radius-lg);box-shadow:#00000014 0 40px 40px,#0000000d 0 20px 20px}.Dialog_dialog_G3gxL[open]{opacity:1;transform:scaleZ(1)}.Dialog_dialog_G3gxL[open]::backdrop{opacity:1}@starting-style{.Dialog_dialog_G3gxL[open]{opacity:0;transform:scale3d(.8,.8,1)}.Dialog_dialog_G3gxL[open]::backdrop{opacity:0}}.Dialog_dialog_G3gxL::backdrop{opacity:0;will-change:opacity;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:var(--color-backdrop)}@media (prefers-reduced-motion: no-preference){.Dialog_dialog_G3gxL{transition:opacity .3s,transform .4s,overlay .4s allow-discrete,display .4s allow-discrete}.Dialog_dialog_G3gxL[open]{transition:opacity .2s,overlay .4s allow-discrete,display .4s allow-discrete,transform .4s var(--ease-out-bounce)}.Dialog_dialog_G3gxL::backdrop{transition:opacity .4s}}.Dialog_wrapper_BMuhR{padding:var(--spacing-md)}.Dialog_title_2pDPQ{margin:0 0 1.25rem;font-size:var(--font-size-h4);line-height:var(--line-height-xs);font-weight:var(--font-weight-bold)}.Dialog_content_7168G{margin-bottom:1.25rem}.Dialog_footer_N-aEV{gap:.75em;display:flex;justify-content:end}.Dialog_footer_N-aEV [data-button]{--min-width: 5.625em}.Dialog_close_JSEkn{--inset: .375em;--min-width: 2em;--min-height: 2em;--border-radius: 50%;--icon-stroke: 1.5px;--text-color: var(--color-gray-500);top:var(--inset);right:var(--inset);position:absolute;justify-content:center}.Dialog_close_JSEkn:not([disabled]):hover,.Dialog_close_JSEkn:not([disabled]):focus-visible{--icon-size: 1.5em;--icon-stroke: 2px;--text-color: var(--color-fg);outline-offset:0}.Dialog_close_JSEkn [data-icon] path{stroke-width:var(--icon-stroke)}.Flex_flex_GBHBA{--wrap: nowrap;--align: normal;--direction: row;--justify: normal;--margin-start: 0;--margin-end: 0;--margin: var(--margin-start) var(--margin-end);--gap: var(--gap-md) var(--gap-sm);--gap-2xs: .25rem;--gap-xs: .5rem;--gap-sm: .75rem;--gap-md: 1rem;--gap-lg: 1.25rem;--gap-xl: 1.5rem;--gap-2xl: 2rem;--gap-3xl: 2.5rem;display:flex;gap:var(--gap);flex-wrap:var(--wrap);align-items:var(--align);margin-block:var(--margin);justify-content:var(--justify);flex-direction:var(--direction)}.Flex_flex_GBHBA[data-flex^=row]{--align: center}.Tooltip_tooltip_u1Uix{--min-width: auto;--max-width: 350px;--text-align: left;--padding: .75em 1em;--color: var(--color-bg);--font-size: var(--font-size-xs);--background-color: var(--color-fg);--line-height: var(--line-height-sm);--border-radius: var(--border-radius-sm);outline:0;z-index:5;white-space:normal;color:var(--color);word-wrap:break-word;padding:var(--padding);min-width:var(--min-width);max-width:var(--max-width);font-size:var(--font-size);text-align:var(--text-align);line-height:var(--line-height);border-radius:var(--border-radius);background-color:var(--background-color)}.Tooltip_arrow_NBFiV{fill:var(--background-color)}.Tooltip_content_lfpfM p,.Tooltip_content_lfpfM ul,.Tooltip_content_lfpfM ol{margin-block:.5em 0}.Tooltip_content_lfpfM p:first-child,.Tooltip_content_lfpfM ul:first-child,.Tooltip_content_lfpfM ol:first-child{margin-top:.125em}.Tooltip_content_lfpfM p:last-child,.Tooltip_content_lfpfM ul:last-child,.Tooltip_content_lfpfM ol:last-child{margin-bottom:.125em}.Tooltip_content_lfpfM ul,.Tooltip_content_lfpfM ol{padding-left:1em}.Tooltip_content_lfpfM li{margin:0}:root{--input-padding: .5em;--input-min-height: 2.5em;--input-font-family: inherit;--input-font-weight: var(--font-weight-normal);--input-line-height: var(--line-height-sm);--input-text-color: var(--color-fg);--input-border-width: 1px;--input-border-color: var(--color-gray-400);--input-border-radius: var(--border-radius-sm);--input-background-color: var(--color-input);--input-placeholder-opacity: .4;--input-disabled-text-color: var(--color-gray-500);--input-disabled-border-color: var(--color-gray-400);--input-disabled-background-color: var(--color-gray-50);--input-error-focus-color: var(--color-red-400);--input-error-border-color: var(--color-red-400);--input-error-background-color: var(--color-red-50)}@media print{:root{--input-border-color: black;--input-disabled-border-color: black;--input-error-border-color: black}}.styles_input_a-JHN,.styles_wrapper_b3-VW,.styles_date_S0YpO,.styles_time_3ywit,.styles_search_y6sAm,.styles_number_auDA-,.styles_textarea_KRYGO,.styles_select_qhElj{--width: 100%;--text-color: var(--input-text-color);--border-color: var(--input-border-color);--background-color: var(--input-background-color);--size: var(--size-md);--size-xs: var(--font-size-xs);--size-sm: var(--font-size-sm);--size-md: var(--font-size-md);--size-lg: var(--font-size-lg);--size-xl: var(--font-size-xl);width:var(--width);font-size:var(--size);color:var(--text-color);padding:var(--input-padding);outline-color:var(--color-focus);min-height:var(--input-min-height);font-family:var(--input-font-family);font-weight:var(--input-font-weight);line-height:var(--input-line-height);border-radius:var(--input-border-radius);background-color:var(--background-color);border:var(--input-border-width) solid var(--border-color)}@media (prefers-reduced-motion: no-preference){.styles_input_a-JHN,.styles_wrapper_b3-VW,.styles_date_S0YpO,.styles_time_3ywit,.styles_search_y6sAm,.styles_number_auDA-,.styles_textarea_KRYGO,.styles_select_qhElj{transition:background-color .2s,border-color .2s,outline .1s}}.styles_input_a-JHN[data-invalid=true],[data-invalid=true].styles_wrapper_b3-VW,[data-invalid=true].styles_date_S0YpO,[data-invalid=true].styles_time_3ywit,[data-invalid=true].styles_search_y6sAm,[data-invalid=true].styles_number_auDA-,[data-invalid=true].styles_textarea_KRYGO,[data-invalid=true].styles_select_qhElj{--color-focus: var(--input-error-focus-color);--border-color: var(--input-error-border-color);--background-color: var(--input-error-background-color)}.styles_input_a-JHN[disabled],[disabled].styles_wrapper_b3-VW,[disabled].styles_date_S0YpO,[disabled].styles_time_3ywit,[disabled].styles_search_y6sAm,[disabled].styles_number_auDA-,[disabled].styles_textarea_KRYGO,[disabled].styles_select_qhElj{--text-color: var(--input-disabled-text-color);--border-color: var(--input-disabled-border-color);--background-color: var(--input-disabled-background-color)}.styles_input_a-JHN::-moz-placeholder,.styles_wrapper_b3-VW::-moz-placeholder,.styles_date_S0YpO::-moz-placeholder,.styles_time_3ywit::-moz-placeholder,.styles_search_y6sAm::-moz-placeholder,.styles_number_auDA-::-moz-placeholder,.styles_textarea_KRYGO::-moz-placeholder,.styles_select_qhElj::-moz-placeholder{color:inherit;opacity:var(--input-placeholder-opacity)}.styles_input_a-JHN::placeholder,.styles_wrapper_b3-VW::placeholder,.styles_date_S0YpO::placeholder,.styles_time_3ywit::placeholder,.styles_search_y6sAm::placeholder,.styles_number_auDA-::placeholder,.styles_textarea_KRYGO::placeholder,.styles_select_qhElj::placeholder{color:inherit;opacity:var(--input-placeholder-opacity)}.styles_tooltip_tBrt4{--color: var(--color-white);--background-color: var(--color-red-500)}.styles_select_qhElj{-webkit-appearance:unset;-moz-appearance:unset;appearance:unset;padding-right:calc(var(--input-padding) * 2.5 + 10px);background-repeat:no-repeat;background-position:center right calc(var(--input-padding) * 1.5);background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='none' stroke='gray' stroke-linecap='round' stroke-width='2' d='M1 3.5L5 6.5 9 3.5'/%3E%3C/svg%3E")}.styles_select_qhElj[data-placeholder]{color:color-mix(in srgb,var(--input-text-color),transparent 60%)}.styles_select_qhElj:disabled{opacity:unset}.styles_textarea_KRYGO{display:block;resize:vertical}.styles_textarea_KRYGO[data-autosize=true]{resize:none}.styles_number_auDA-::-webkit-inner-spin-button,.styles_number_auDA-::-webkit-outer-spin-button{opacity:1}.styles_search_y6sAm::-webkit-search-cancel-button{margin:0;width:1em;height:1em;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-self:center;background-size:100%;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='gray' stroke-linecap='round' stroke-width='2' d='m11.5 4.5-7 7m0-7 7 7'/%3E%3C/svg%3E")}.styles_date_S0YpO::-webkit-calendar-picker-indicator,.styles_time_3ywit::-webkit-calendar-picker-indicator{padding:0;width:1em;height:1em;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:1px;background-size:100%}.styles_date_S0YpO::-webkit-calendar-picker-indicator:focus-visible,.styles_time_3ywit::-webkit-calendar-picker-indicator:focus-visible{outline-width:3px;outline-offset:2px;outline-style:solid;outline-color:var(--color-focus)}@media (prefers-reduced-motion: no-preference){.styles_date_S0YpO::-webkit-calendar-picker-indicator,.styles_time_3ywit::-webkit-calendar-picker-indicator{-webkit-transition:outline .1s;transition:outline .1s}}.styles_date_S0YpO::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='gray' d='M12 0a1 1 0 0 1 1 1v1h.5A1.5 1.5 0 0 1 15 3.5V14a2 2 0 0 1-1.85 1.995L13 16H3a2 2 0 0 1-1.995-1.85L1 14V3.5A1.5 1.5 0 0 1 2.5 2H3V1a1 1 0 1 1 2 0v1h6V1a1 1 0 0 1 1-1Zm2 6H2v8a1 1 0 0 0 .883.993L3 15h10a1 1 0 0 0 .993-.883L14 14V6Zm-8 5v2H4v-2h2Zm3 0v2H7v-2h2Zm3 0v2h-2v-2h2ZM6 8v2H4V8h2Zm3 0v2H7V8h2Zm3 0v2h-2V8h2Z'/%3E%3C/svg%3E")}.styles_time_3ywit::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8 14.75a6.75 6.75 0 1 0 0-13.5 6.75 6.75 0 0 0 0 13.5ZM8 3.903V8l2.607 1.862'/%3E%3C/svg%3E")}.styles_range_tSqtV{margin:0;width:100%}.styles_wrapper_b3-VW{padding:0;display:flex}.styles_wrapper_b3-VW:has([data-input]:focus-visible){outline-width:3px;outline-offset:2px;outline-style:solid;outline-color:var(--color-focus)}.styles_wrapper_b3-VW[data-disabled=true]{--border-color: var(--input-disabled-border-color);--background-color: var(--input-disabled-background-color)}.styles_wrapper_prefix_KI25W{gap:.375em;display:flex;align-items:center;color:var(--color-gray-600);padding-left:var(--input-padding)}.styles_wrapper_accessory_yZjv0{gap:.375em;display:flex;align-items:center;padding-right:var(--input-padding)}.styles_wrapper_b3-VW [data-input]{--size: var(--size);--input-min-height: auto;--input-border-width: 0;--input-border-radius: 0;--input-background-color: transparent;outline:none}.styles_wrapper_b3-VW [data-button]{--size: var(--size);--min-height: auto;--border-radius: 0;--border-width: 0;align-self:stretch}.styles_checkbox_pxrU4,.styles_radio_0QV8R{--gap: .375em;--font-family: inherit;--font-weight: var(--font-weight-normal);--line-height: var(--line-height-sm);--size: var(--size-md);--size-xs: var(--font-size-xs);--size-sm: var(--font-size-sm);--size-md: var(--font-size-md);--size-lg: var(--font-size-lg);--size-xl: var(--font-size-xl);gap:var(--gap);text-align:left;display:inline-flex;font-size:var(--size);font-family:var(--font-family);font-weight:var(--font-weight);line-height:var(--line-height)}.styles_checkbox_pxrU4[data-required=true] .styles_label_K65D1:after,.styles_radio_0QV8R[data-required=true] .styles_label_K65D1:after{color:var(--field-required-color);line-height:0;font-size:125%;content:var(--field-required-symbol);margin-inline:1px;vertical-align:middle}.styles_checkbox_pxrU4 .styles_input_j6Qji,.styles_radio_0QV8R .styles_input_j6Qji{font-size:inherit}.styles_label_K65D1{align-self:center}.styles_label_K65D1 p,.styles_label_K65D1 ul,.styles_label_K65D1 ol{margin:.75em 0 0}.styles_input_j6Qji{--height: 1.25em;--size: var(--size-md);--size-xs: var(--font-size-xs);--size-sm: var(--font-size-sm);--size-md: var(--font-size-md);--size-lg: var(--font-size-lg);--size-xl: var(--font-size-xl);--checked-color: var(--color-accent-500);--border-width: var(--input-border-width);--border-color: var(--input-border-color);--border-radius: var(--border-radius-xs);--background-color: var(--input-background-color);margin:0;padding:0;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--height);height:var(--height);font-size:var(--size);border-radius:var(--border-radius);background-color:var(--background-color);border:var(--border-width) solid var(--border-color)}@media (prefers-reduced-motion: no-preference){.styles_input_j6Qji{transition:outline .1s}}.styles_input_j6Qji[data-invalid=true]{--checked-color: var(--color-red-500);--color-focus: var(--input-error-focus-color);--border-color: var(--input-error-border-color);--background-color: var(--input-error-background-color)}.styles_input_j6Qji[disabled]{--checked-color: var(--color-gray-400);--border-color: var(--input-disabled-border-color);--background-color: var(--input-disabled-background-color)}.styles_input_j6Qji:checked,.styles_input_j6Qji[type=checkbox]:indeterminate{--border-color: var(--checked-color);--background-color: var(--checked-color);background-size:100%;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M5.5 10 9 13.5 15.5 7'/%3E%3C/svg%3E")}.styles_input_j6Qji[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M6 10 14 10'/%3E%3C/svg%3E")}.styles_input_j6Qji[type=radio]{border-radius:50%}.styles_input_j6Qji[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle fill='white' cx='10' cy='10' r='5' /%3E%3C/svg%3E")}@media print{.styles_input_j6Qji{--checked-color: black;--invalid-checked-color: black}}:root{--field-required-symbol: "*";--field-required-color: var(--color-red-500);--field-label-color: var(--color-gray-700);--field-label-font-size: var(--font-size-sm);--field-label-line-height: var(--line-height-sm);--field-label-font-weight: var(--font-weight-normal);--field-description-color: var(--color-gray-600);--field-description-font-size: var(--font-size-sm);--field-description-line-height: var(--line-height-sm);--field-description-font-weight: var(--font-weight-normal)}.styles_field_hqzKT{--gap: .375rem;--min-width: auto;--max-width: none;width:100%;display:flex;gap:var(--gap);text-align:left;flex-direction:column;min-width:var(--min-width);max-width:var(--max-width)}.styles_header_Iwsz6{gap:1em;display:flex;align-items:flex-end}.styles_label_zRVTS{flex-grow:1;min-width:0;display:block;color:var(--field-label-color);font-size:var(--field-label-font-size);line-height:var(--field-label-line-height);font-weight:var(--field-label-font-weight)}.styles_label_zRVTS[data-required=true]:after{color:var(--field-required-color);line-height:0;font-size:125%;content:var(--field-required-symbol);margin-inline:1px;vertical-align:middle}.styles_accessory_S4ccn{gap:.75em;display:flex;align-items:center}.styles_description_fZnNW{display:block;color:var(--field-description-color);font-size:var(--field-description-font-size);line-height:var(--field-description-line-height);font-weight:var(--field-description-font-weight)}.styles_quantity_JqkoZ{--size: var(--size-md);--size-xs: var(--font-size-xs);--size-sm: var(--font-size-sm);--size-md: var(--font-size-md);--size-lg: var(--font-size-lg);--size-xl: var(--font-size-xl);display:grid;overflow:clip;font-size:var(--size);min-height:var(--input-min-height);border-radius:var(--input-border-radius);background-color:var(--input-background-color);border:var(--input-border-width) solid var(--input-border-color)}@media (prefers-reduced-motion: no-preference){.styles_quantity_JqkoZ{transition:background-color .2s,border-color .2s,outline .1s}}.styles_quantity_JqkoZ:focus-within{outline-width:3px;outline-offset:2px;outline-style:solid;outline-color:var(--color-focus)}.styles_quantity_JqkoZ[data-invalid=true]{--color-focus: var(--input-error-focus-color);border-color:var(--input-error-border-color);background-color:var(--input-error-background-color)}.styles_quantity_JqkoZ[data-disabled=true]{color:var(--input-disabled-text-color);border-color:var(--input-disabled-border-color);background-color:var(--input-disabled-background-color)}.styles_quantity_JqkoZ input{border:0;font:inherit;outline:none;color:inherit;min-width:2em;background:none;padding:var(--input-padding);line-height:var(--input-line-height);-moz-appearance:textfield}.styles_quantity_JqkoZ input::-webkit-inner-spin-button{display:none}.styles_quantity_JqkoZ button{border:0;padding:0;display:flex;outline:none;font:inherit}.styles_quantity_JqkoZ button svg{margin:auto;width:.375em;height:.3125em}@media (hover: hover){.styles_quantity_JqkoZ{grid-template-columns:1fr auto}.styles_quantity_JqkoZ input{grid-row:1/span 2}.styles_quantity_JqkoZ button{min-width:1em;color:var(--color-gray-600);border:0 solid var(--color-gray-300);background-color:var(--color-gray-100)}.styles_quantity_JqkoZ button:hover,.styles_quantity_JqkoZ button:focus-visible{color:var(--color-fg);background-color:var(--color-gray-300)}.styles_quantity_JqkoZ .styles_increase_MKRaz{border-width:0 0 1px 1px}.styles_quantity_JqkoZ .styles_decrease_oD7r3{border-width:0 0 0 1px}}@media (hover: none){.styles_quantity_JqkoZ{border-radius:1.5em;grid-template-columns:auto 1fr auto}.styles_quantity_JqkoZ input{grid-row:1;grid-column:2;text-align:center;padding-inline:0}.styles_quantity_JqkoZ button{grid-row:1;min-width:2em;background:none;color:var(--color-accent-500)}.styles_quantity_JqkoZ button[disabled]{color:var(--color-gray-400)}.styles_quantity_JqkoZ button svg{width:.625em;height:.5em}.styles_quantity_JqkoZ .styles_increase_MKRaz{grid-column:3;padding-right:.375em}.styles_quantity_JqkoZ .styles_decrease_oD7r3{grid-column:1;padding-left:.375em}}.Heading_h1_jZARG,.Heading_heading_OG4PS h1{--margin-start: 1.25em;--margin-end: .75em;--margin: var(--margin-start) 0 var(--margin-end) 0;--font-size: var(--font-size-h1);margin:var(--margin);color:var(--color-heading);font-size:var(--font-size);line-height:var(--line-height-xs);font-weight:var(--font-weight-bold);font-family:var(--font-family-heading)}.Heading_h1_jZARG:first-child,.Heading_heading_OG4PS h1:first-child{--margin-start: 0}.Heading_h2_juB1Q,.Heading_heading_OG4PS h2{--margin-start: 1.25em;--margin-end: .75em;--margin: var(--margin-start) 0 var(--margin-end) 0;--font-size: var(--font-size-h2);margin:var(--margin);color:var(--color-heading);font-size:var(--font-size);line-height:var(--line-height-xs);font-weight:var(--font-weight-bold);font-family:var(--font-family-heading)}.Heading_h2_juB1Q:first-child,.Heading_heading_OG4PS h2:first-child{--margin-start: 0}.Heading_h3_tZEj0,.Heading_heading_OG4PS h3{--margin-start: 1.25em;--margin-end: .75em;--margin: var(--margin-start) 0 var(--margin-end) 0;--font-size: var(--font-size-h3);margin:var(--margin);color:var(--color-heading);font-size:var(--font-size);line-height:var(--line-height-xs);font-weight:var(--font-weight-bold);font-family:var(--font-family-heading)}.Heading_h3_tZEj0:first-child,.Heading_heading_OG4PS h3:first-child{--margin-start: 0}.Heading_h4_X927D,.Heading_heading_OG4PS h4{--margin-start: 1.25em;--margin-end: .75em;--margin: var(--margin-start) 0 var(--margin-end) 0;--font-size: var(--font-size-h4);margin:var(--margin);color:var(--color-heading);font-size:var(--font-size);line-height:var(--line-height-xs);font-weight:var(--font-weight-bold);font-family:var(--font-family-heading)}.Heading_h4_X927D:first-child,.Heading_heading_OG4PS h4:first-child{--margin-start: 0}.Heading_h5_047wq,.Heading_heading_OG4PS h5{--margin-start: 1.25em;--margin-end: .75em;--margin: var(--margin-start) 0 var(--margin-end) 0;--font-size: var(--font-size-h5);margin:var(--margin);color:var(--color-heading);font-size:var(--font-size);line-height:var(--line-height-xs);font-weight:var(--font-weight-bold);font-family:var(--font-family-heading)}.Heading_h5_047wq:first-child,.Heading_heading_OG4PS h5:first-child{--margin-start: 0}.Heading_h6_52sKy,.Heading_heading_OG4PS h6{--margin-start: 1.25em;--margin-end: .75em;--margin: var(--margin-start) 0 var(--margin-end) 0;--font-size: var(--font-size-h6);margin:var(--margin);color:var(--color-heading);font-size:var(--font-size);line-height:var(--line-height-xs);font-weight:var(--font-weight-bold);font-family:var(--font-family-heading)}.Heading_h6_52sKy:first-child,.Heading_heading_OG4PS h6:first-child{--margin-start: 0}.Heading_heading_OG4PS{--margin-start: calc(var(--font-size) * 1.25);--margin-end: calc(var(--font-size) * .75);--margin: var(--margin-start) 0 var(--margin-end) 0;gap:1em;display:flex;align-items:center;margin:var(--margin)}.Heading_heading_OG4PS:first-child{--margin-start: 0}.Heading_heading_OG4PS h1,.Heading_heading_OG4PS h2,.Heading_heading_OG4PS h3,.Heading_heading_OG4PS h4,.Heading_heading_OG4PS h5,.Heading_heading_OG4PS h6{--margin: 0;--font-size: inherit;flex-grow:1;min-width:0}.Heading_accessory_VOBHY{gap:.75em;display:flex;align-items:center}.Menu_menuitem_yhzUI>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.Menu_default_N-i5e{--text-color: var(--color-text);--icon-color: var(--color-gray-600);--background-color: unset}.Menu_default_N-i5e[data-active=true]{--icon-color: var(--color-white);--text-color: var(--color-white);--background-color: var(--color-accent-500)}.Menu_negative_-phCk{--text-color: var(--color-red-600);--icon-color: var(--color-red-500);--background-color: unset}.Menu_negative_-phCk[data-active=true]{--icon-color: var(--color-white);--text-color: var(--color-white);--background-color: var(--color-red-500)}.Menu_positive_-0bCV{--text-color: var(--color-green-600);--icon-color: var(--color-green-500);--background-color: unset}.Menu_positive_-0bCV[data-active=true]{--icon-color: var(--color-white);--text-color: var(--color-white);--background-color: var(--color-green-500)}.Menu_warning_ABUsP{--text-color: var(--color-orange-600);--icon-color: var(--color-orange-500);--background-color: unset}.Menu_warning_ABUsP[data-active=true]{--icon-color: var(--color-white);--text-color: var(--color-white);--background-color: var(--color-orange-500)}.Menu_menu_E8MMz{--min-width: auto;--max-width: none;--padding: .25em;z-index:6;overflow-y:auto;padding:var(--padding);min-width:var(--min-width);max-width:var(--max-width);box-shadow:var(--drop-shadow);background:var(--color-popup);border-radius:var(--border-radius-md)}.Menu_menu_E8MMz:focus-visible{outline:none}.Menu_menu_E8MMz hr{border:none;margin-block:.375em;border-top:1px solid var(--color-gray-300)}.Menu_menuitem_yhzUI{--gap: .375em;--icon-size: 1.25em;--size: var(--size-md);--size-xs: var(--font-size-xs);--size-sm: var(--font-size-sm);--size-md: var(--font-size-md);--size-lg: var(--font-size-lg);--size-xl: var(--font-size-xl);width:100%;border:none;font:inherit;display:flex;gap:var(--gap);align-items:center;font-size:var(--size);color:var(--text-color);padding:.5em 1.5em .5em .5em;line-height:var(--line-height-sm);border-radius:var(--border-radius-sm);background-color:var(--background-color)}.Menu_menuitem_yhzUI:focus-visible{outline:none}.Menu_menuitem_yhzUI[disabled]{--text-color: var(--color-gray-400);--icon-color: var(--color-gray-300)}.Menu_menuitem_yhzUI [data-icon]{--height: var(--icon-size);--color: var(--icon-color)}[data-menu=trigger] [data-icon=dropdown]{margin-left:.25em}.Notice_info_tgW7c{--icon-color: var(--color-blue-500);--text-color: var(--color-blue-600);--background-color: var(--color-blue-100)}.Notice_error_ClIfR{--icon-color: var(--color-red-500);--text-color: var(--color-red-600);--background-color: var(--color-red-100)}.Notice_success_-vXfu{--icon-color: var(--color-green-500);--text-color: var(--color-green-600);--background-color: var(--color-green-100)}.Notice_warning_zFUFN{--icon-color: var(--color-orange-500);--text-color: var(--color-orange-600);--background-color: var(--color-orange-100)}.Notice_neutral_Vryzr{--icon-color: var(--color-gray-500);--text-color: var(--color-gray-600);--background-color: var(--color-gray-100)}.Notice_container_d9QoU{--margin: 1.25em 0;--padding: 1.25em;--icon-size: 1.25em;--border-radius: var(--border-radius-sm);--size: var(--size-md);--size-xs: var(--font-size-xs);--size-sm: var(--font-size-sm);--size-md: var(--font-size-md);--size-lg: var(--font-size-lg);--size-xl: var(--font-size-xl);gap:1em;display:flex;align-items:flex-start;margin:var(--margin);padding:var(--padding);color:var(--text-color);font-size:var(--size);line-height:var(--line-height-sm);border-radius:var(--border-radius);background:var(--background-color)}.Notice_container_d9QoU:first-child{margin-top:0}.Notice_content_cvC5c{gap:.5em;min-width:0;display:flex;flex:1 1 auto;align-self:center}.Notice_content_cvC5c [data-icon]{--height: var(--icon-size);--color: var(--icon-color)}.Notice_message_hI1yz{align-self:center;overflow-wrap:anywhere}.Notice_message_hI1yz p{margin:.25em 0 0}.Notice_message_hI1yz p:first-child{margin:0}.Notice_accessory_AjvqC{gap:.5em;display:flex;align-items:center}.Notice_vertical_DsMZQ{--icon-size: 2em;align-items:center;flex-direction:column;justify-content:center}.Notice_vertical_DsMZQ .Notice_content_cvC5c{max-width:32em;flex-grow:unset;text-wrap:balance;text-align:center;align-items:center;flex-direction:column}.Notice_plain_l9FV5{--padding: 0;--background-color: none}.Progress_progress_LSrhF{--width: 100%;--height: 8px;--margin: unset;--min-width: auto;--max-width: none;--color: var(--color-accent-500);--border-radius: calc(var(--height) / 2);--track-color: color-mix(in srgb, var(--color) 20%, transparent);display:flex;overflow:hidden;width:var(--width);height:var(--height);margin:var(--margin);min-width:var(--min-width);max-width:var(--max-width);border-radius:var(--border-radius);background-color:var(--track-color);box-shadow:inset 0 0 1px rgb(from var(--color-fg) r g b/30%)}.Progress_progress_LSrhF[data-progress-value=indeterminate] .Progress_bar_ywPS-{width:50%;animation:1.5s ease 0s infinite normal none running Progress_slide_Riqwd}.Progress_bar_ywPS-{width:0;background-color:var(--color)}@keyframes Progress_slide_Riqwd{0%{transform:translate(-100%)}to{transform:translate(200%)}}.Progress_inner_Zoiac{top:0;right:0;bottom:0;left:0;position:absolute}.Progress_inner_Zoiac{display:flex;align-items:center;justify-content:center}.Progress_container_tFVew{--value: 0;--margin: 0;--size: 3.125em;--linecap: unset;--thickness: calc(var(--size) / 10);--radius: calc(50% - var(--thickness) / 2);--circumference: calc(2 * 3.1415926 * var(--radius));--offset: calc(var(--circumference) * (100 - var(--value)) / 100);--color: var(--color-accent-500);--track-color: color-mix(in srgb, var(--color) 20%, transparent);--font-size: calc(var(--size) / 4);line-height:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--size);height:var(--size);margin:var(--margin);display:inline-block;vertical-align:text-bottom}.Progress_container_tFVew:has(.Progress_inner_Zoiac){position:relative}.Progress_container_tFVew[data-countdown=true] .Progress_range_uqjFb{transform:rotate(90deg) scaleX(-1)}.Progress_container_tFVew[data-progress-value=indeterminate] .Progress_progress_MHEjj{animation:Progress_rotate_0nxZ2 2.5s linear infinite}.Progress_container_tFVew[data-progress-value=indeterminate] .Progress_range_uqjFb{transform:rotate(-90deg);animation:Progress_spin_uJyT3 2s linear infinite}.Progress_progress_MHEjj{width:inherit;height:inherit;overflow:visible;vertical-align:top}.Progress_track_jWvrX,.Progress_range_uqjFb{r:var(--radius);cx:calc(var(--size) / 2);cy:calc(var(--size) / 2);stroke-width:var(--thickness)}.Progress_track_jWvrX{stroke:var(--track-color)}.Progress_range_uqjFb{stroke:var(--color);stroke-linecap:var(--linecap);stroke-dashoffset:var(--offset);stroke-dasharray:var(--circumference);transform:rotate(-90deg);transform-origin:center center}.Progress_inner_Zoiac{font-size:var(--font-size);line-height:var(--line-height-xs);font-weight:var(--font-weight-medium)}.Progress_inner_Zoiac [data-button]{font-size:inherit}@keyframes Progress_rotate_0nxZ2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes Progress_spin_uJyT3{0%{stroke-dasharray:0,var(--circumference);stroke-dashoffset:0}50%{stroke-dasharray:var(--circumference),var(--circumference);stroke-dashoffset:calc(var(--circumference) / -2)}to{stroke-dasharray:var(--circumference),var(--circumference);stroke-dashoffset:calc(var(--circumference) / -1)}}.Segmented_segmented_UOs8Z{--length: 1;--selected: 0;--margin: 1.25em 0;--background: var(--color-gray-200);--text-color: var(--color-gray-600);--border-radius: var(--border-radius-sm);--selected-text-color: var(--color-fg);--selected-background: var(--color-input);--disabled-text-color: var(--color-gray-400);--size: var(--size-md);--size-xs: var(--font-size-xs);--size-sm: var(--font-size-sm);--size-md: var(--font-size-md);--size-lg: var(--font-size-lg);--size-xl: var(--font-size-xl);z-index:0;display:flex;position:relative;margin:var(--margin);font-size:var(--size);background:var(--background);border-radius:calc(var(--border-radius) + 2px)}.Segmented_segmented_UOs8Z:before{left:0;z-index:-1;content:"";height:100%;position:absolute;border-radius:inherit;width:calc(100% / var(--length));border:2px solid var(--background);background:var(--selected-background);transform:translate(calc(100% * var(--selected)))}@media (prefers-reduced-motion: no-preference){.Segmented_segmented_UOs8Z:before{transition:transform ease .3s}}.Segmented_segmented_UOs8Z button{border:none;flex:1 1 1%;padding:0 .5em;overflow:hidden;background:none;font-size:inherit;white-space:nowrap;line-height:2.5em;font-family:inherit;text-overflow:ellipsis;color:var(--text-color);border-radius:var(--border-radius);font-weight:var(--font-weight-medium)}.Segmented_segmented_UOs8Z button:hover,.Segmented_segmented_UOs8Z button:focus-visible{color:var(--selected-text-color)}.Segmented_segmented_UOs8Z button:focus-visible{position:relative}.Segmented_segmented_UOs8Z button[data-selected=true]{color:var(--selected-text-color)}.Segmented_segmented_UOs8Z button[disabled]{color:var(--disabled-text-color)}@media (prefers-reduced-motion: no-preference){.Segmented_segmented_UOs8Z button{transition:color .2s,outline .1s}}.Tag_tag_-ovOm>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.Tag_tag_-ovOm{--size: var(--size-md);--size-xs: var(--font-size-xs);--size-sm: var(--font-size-sm);--size-md: var(--font-size-md);--size-lg: var(--font-size-lg);--size-xl: var(--font-size-xl);--font-size: .875em;--icon-size: .875em;--border-width: 1px;--border-radius: .1875em;--border-color: color-mix(in srgb, transparent, var(--text-color) 10%);gap:.25em;min-height:1.5em;padding:0 .375em;align-items:center;display:inline-flex;font-size:var(--size);color:var(--text-color);background:var(--background-color);border-radius:var(--border-radius);box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.Tag_tag_-ovOm>span{line-height:1;font-size:var(--font-size)}.Tag_tag_-ovOm [data-icon]{--height: var(--icon-size);--color: var(--icon-color)}.Tag_default-gray_Ju2wo{--icon-color: var(--color-gray-500);--text-color: var(--color-gray-600);--background-color: var(--color-gray-100)}.Tag_solid-gray_q6GO4{--text-color: var(--color-white);--background-color: var(--color-gray-500)}.Tag_default-red_5NeXY{--icon-color: var(--color-red-500);--text-color: var(--color-red-600);--background-color: var(--color-red-100)}.Tag_solid-red_uPhj-{--text-color: var(--color-white);--background-color: var(--color-red-500)}.Tag_default-orange_fuy0F{--icon-color: var(--color-orange-500);--text-color: var(--color-orange-600);--background-color: var(--color-orange-100)}.Tag_solid-orange_DbiG6{--text-color: var(--color-white);--background-color: var(--color-orange-500)}.Tag_default-yellow_RMd-J{--icon-color: var(--color-yellow-500);--text-color: var(--color-yellow-600);--background-color: var(--color-yellow-100)}.Tag_solid-yellow_nQDFs{--text-color: var(--color-white);--background-color: var(--color-yellow-500)}.Tag_default-green_YHGrt{--icon-color: var(--color-green-500);--text-color: var(--color-green-600);--background-color: var(--color-green-100)}.Tag_solid-green_2UpBu{--text-color: var(--color-white);--background-color: var(--color-green-500)}.Tag_default-teal_AwZI-{--icon-color: var(--color-teal-500);--text-color: var(--color-teal-600);--background-color: var(--color-teal-100)}.Tag_solid-teal_fVVK8{--text-color: var(--color-white);--background-color: var(--color-teal-500)}.Tag_default-cyan_8KUgG{--icon-color: var(--color-cyan-500);--text-color: var(--color-cyan-600);--background-color: var(--color-cyan-100)}.Tag_solid-cyan_s5VjG{--text-color: var(--color-white);--background-color: var(--color-cyan-500)}.Tag_default-blue_jKbT1{--icon-color: var(--color-blue-500);--text-color: var(--color-blue-600);--background-color: var(--color-blue-100)}.Tag_solid-blue_0AuNj{--text-color: var(--color-white);--background-color: var(--color-blue-500)}.Tag_default-indigo_b26lU{--icon-color: var(--color-indigo-500);--text-color: var(--color-indigo-600);--background-color: var(--color-indigo-100)}.Tag_solid-indigo_2gfJj{--text-color: var(--color-white);--background-color: var(--color-indigo-500)}.Tag_default-purple_oBbek{--icon-color: var(--color-purple-500);--text-color: var(--color-purple-600);--background-color: var(--color-purple-100)}.Tag_solid-purple_e10WH{--text-color: var(--color-white);--background-color: var(--color-purple-500)}.Tag_default-brown_csCrz{--icon-color: var(--color-brown-500);--text-color: var(--color-brown-600);--background-color: var(--color-brown-100)}.Tag_solid-brown_5IxVx{--text-color: var(--color-white);--background-color: var(--color-brown-500)}.Tag_default-accent_uUXnO{--icon-color: var(--color-accent-500);--text-color: var(--color-accent-600);--background-color: var(--color-accent-100)}.Tag_solid-accent_bbTSM{--text-color: var(--color-white);--background-color: var(--color-accent-500)}

package/dist/utils/colors.d.ts

@@ -0,0 +1,13 @@
+declare const theme: {
+    readonly colors: readonly ["gray", "brown", "red", "orange", "yellow", "green", "teal", "cyan", "blue", "indigo", "purple", "accent"];
+    readonly tints: readonly ["50", "100", "200", "300", "400", "500", "600", "700", "800"];
+};
+export type PaletteColor = (typeof theme.colors)[number];
+export type PaletteTint = (typeof theme.tints)[number];
+export type Palette = {
+    [key in PaletteColor]: {
+        [key in PaletteTint]: string;
+    };
+};
+export declare const palette: Palette;
+export {};

package/dist/utils/colors.js

@@ -0,0 +1,32 @@
+const t = {
+  colors: [
+    "gray",
+    "brown",
+    "red",
+    "orange",
+    "yellow",
+    "green",
+    "teal",
+    "cyan",
+    "blue",
+    "indigo",
+    "purple",
+    "accent"
+  ],
+  tints: ["50", "100", "200", "300", "400", "500", "600", "700", "800"]
+}, l = t.colors.reduce(
+  (n, e) => ({
+    ...n,
+    [e]: t.tints.reduce(
+      (c, o) => ({
+        ...c,
+        [o]: `var(--color-${e}-${o})`
+      }),
+      {}
+    )
+  }),
+  {}
+);
+export {
+  l as palette
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolking/react-ui",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "description": "React component library for building user interfaces",
   "author": "Nick Seryakov (https://github.com/kolking)",
   "license": "MIT",
@@ -41,6 +41,7 @@
     "@floating-ui/react": "^0.27.5",
     "classnames": "^2.5.1",
     "focus-trap-react": "^11.0.3",
+    "js-md5": "^0.8.3",
     "react-textarea-autosize": "^8.5.8"
   },
   "devDependencies": {