boreal-ui 0.0.896 → 0.0.899-experimental.0

package/README.md

@@ -152,14 +152,14 @@ For deeper consumer API examples, see the [Boreal UI consumer API guides](./docs
 
 ### Forms and Inputs
 
-- `TextInput` and `TextArea` support labels, helper/error text, validation state, disabled state, sizing, theming, and accessible descriptions.
-- `Select` and `ThemeSelect` cover option selection and color-scheme switching.
-- `Checkbox`, `RadioButton`, `RadioGroup`, `Toggle`, and `Slider` provide common controlled input patterns.
-- `ColorPicker` supports color selection flows.
-- `DateTimePicker` handles date and time input.
-- `FileUpload` supports file selection UI.
-- `TagInput` supports editable tag lists, async suggestions, debouncing, accessible listbox labeling, and remove-tag controls.
-- `FormGroup` helps compose labels, helper text, and grouped form controls.
+- `TextInput` and `TextArea` support labels, helper/error text, validation state, disabled state, sizing, theming, and accessible descriptions.
+- `Select`, `ComboBox`, and `ThemeSelect` cover option selection, searchable selection, and color-scheme switching.
+- `CheckBox`, `RadioButton`, `RadioGroup`, `Toggle`, and `Slider` provide common controlled input patterns.
+- `ColorPicker` supports color selection flows.
+- `DateRangePicker` and `DateTimePicker` handle date range, date, and time input.
+- `FileUpload` supports file selection UI.
+- `TagInput` supports editable tag lists, async suggestions, debouncing, accessible listbox labeling, and remove-tag controls.
+- `FormField` and `FormGroup` help compose labels, helper text, and grouped form controls.
 
 ### Data and Content
 
@@ -173,11 +173,12 @@ For deeper consumer API examples, see the [Boreal UI consumer API guides](./docs
 - `Badge`, `Chip`, and `ChipGroup` cover labels, statuses, and compact selectable or grouped metadata.
 - `ProgressBar`, `CircularProgress`, `Spinner`, and `Skeleton` cover loading and progress states.
 - `Rating` provides star-style rating UI.
-- `Tooltip`, `MessagePopup`, `Popover`, `Modal`, `NotificationCenter`, and `EmptyState` cover contextual help, alerts, overlays, dialogs, notification lists, and no-data states.
+- `Alert`, `Tooltip`, `MessagePopup`, `PopOver`, `Modal`, `ToastProvider`, `NotificationCenter`, and `EmptyState` cover alerts, contextual help, overlays, dialogs, toast notifications, notification lists, and no-data states.
 
 ### Navigation and Layout
 
-- `Navbar`, `Sidebar`, `Footer`, `Breadcrumbs`, `Tabs`, `Stepper`, `Timeline`, `Accordion`, `Pager`, `Toolbar`, `Dropdown`, and `Divider` cover navigation, page structure, disclosure, pagination, tool rows, menus, and visual separation.
+- `NavBar`, `Sidebar`, `Footer`, `Breadcrumbs`, `Tabs`, `Stepper`, `Timeline`, `Accordion`, `Pager`, `Toolbar`, `Dropdown`, `Drawer`, and `Divider` cover navigation, page structure, disclosure, pagination, tool rows, menus, overlays, and visual separation.
+- `Container`, `Grid`, `Inline`, `Section`, and `Stack` provide layout primitives through the `Layout` entry point and the main barrels.
 - `Card` supports title, description, icon, header/content/footer customization, loading content, outline, glass, shadow, rounding, theme, and section-level class names.
 - `Avatar` supports image, initials, fallback icon, shape, status, status position, size, theme, and custom styling.
 

package/README.npm.md

@@ -172,32 +172,38 @@ The root `boreal-ui` entry currently points to the core build. For Next.js apps,
 ### Forms and Inputs
 
 - `TextInput`
-- `TextArea`
-- `Select`
-- `ThemeSelect`
-- `Checkbox`
-- `RadioButton`
-- `RadioGroup`
+- `TextArea`
+- `Select`
+- `ComboBox`
+- `ThemeSelect`
+- `CheckBox`
+- `RadioButton`
+- `RadioGroup`
 - `Toggle`
-- `Slider`
-- `ColorPicker`
-- `DateTimePicker`
-- `FileUpload`
-- `TagInput`
-- `FormGroup`
+- `Slider`
+- `ColorPicker`
+- `DateRangePicker`
+- `DateTimePicker`
+- `FileUpload`
+- `TagInput`
+- `FormField`
+- `FormGroup`
 
 ### Data and Content
 
 - `DataTable`
 - `MarkdownRenderer`
 - `Typography`
-- `MetricBox`
+- `MetricBox`
+- `Card`
+- `Avatar`
 
 ### Feedback and Status
 
-- `Badge`
-- `Chip`
-- `ChipGroup`
+- `Alert`
+- `Badge`
+- `Chip`
+- `ChipGroup`
 - `ProgressBar`
 - `CircularProgress`
 - `Spinner`
@@ -205,14 +211,15 @@ The root `boreal-ui` entry currently points to the core build. For Next.js apps,
 - `Rating`
 - `Tooltip`
 - `MessagePopup`
-- `Popover`
-- `Modal`
-- `NotificationCenter`
-- `EmptyState`
+- `PopOver`
+- `Modal`
+- `ToastProvider`
+- `NotificationCenter`
+- `EmptyState`
 
 ### Navigation and Layout
 
-- `Navbar`
+- `NavBar`
 - `Sidebar`
 - `Footer`
 - `Breadcrumbs`
@@ -220,12 +227,16 @@ The root `boreal-ui` entry currently points to the core build. For Next.js apps,
 - `Stepper`
 - `Timeline`
 - `Accordion`
-- `Pager`
-- `Toolbar`
-- `Dropdown`
-- `Divider`
-- `Card`
-- `Avatar`
+- `Pager`
+- `Toolbar`
+- `Dropdown`
+- `Drawer`
+- `Divider`
+- `Container`
+- `Grid`
+- `Inline`
+- `Section`
+- `Stack`
 
 ## Common Styling Props
 

package/dist/core/Accordion-B7AKi8jq.cjs

@@ -0,0 +1 @@
+"use strict";require('./Accordion.css');const c=require("react/jsx-runtime"),_o=require("./propAliases-Bfsf5cJN.cjs"),i=require("react"),x=require("./classNames-C7V3kfBj.cjs"),I=require("./capitalize-CnTiekgk.cjs"),l=require("./styleConfig-BB8MdwYx.cjs"),O=({title:u,id:K,children:U,lazyLoad:G=!1,iconPosition:w="right","no-collapse":H=!1,asyncContent:t=!1,rounding:g=l.getDefaultRounding(),shadow:h=l.getDefaultShadow(),description:b,size:$=l.getDefaultSize(),theme:m=l.getDefaultTheme(),state:d,outline:j=l.getDefaultOutline(),glass:s=l.getDefaultGlass(),expanded:D,disabled:a=!1,customCollapsedIcon:T,customExpandedIcon:F,onToggle:N,initiallyExpanded:J=!1,className:E,getUniqueId:Q,classMap:o,regionAriaLabel:p,regionAriaLabelledBy:V,regionAriaDescribedBy:W,loadingAriaLabel:X,"aria-label":Y,"aria-labelledby":Z,"aria-describedby":P,"data-testid":M,testId:n=M??"accordion",...oo})=>{const q=D!==void 0,eo=i.useMemo(Q,[]),[no,io]=i.useState(J),e=q?!!D:no,[v,ao]=i.useState(e),[_,y]=i.useState(t&&e),f=K||eo,B=`${f}-content`,S=`${f}-button`,L=b?`${f}-desc`:void 0,A=`${f}-loading`,ro=[L,P].filter(Boolean).join(" ")||void 0,co=V||(p?void 0:S),to=[W,t&&e&&_?A:void 0].filter(Boolean).join(" ")||void 0,C=()=>{if(a)return;const r=!e;H&&!r||(q||io(r),N==null||N(r))},so=r=>{a||(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),C())};i.useEffect(()=>{e&&!v&&ao(!0)},[e,v]),i.useEffect(()=>{if(t&&e){y(!0);const r=window.setTimeout(()=>{y(!1)},1e3);return()=>window.clearTimeout(r)}y(!1)},[t,e]);const k=e?F??"−":T??"+",lo=i.useMemo(()=>x.combineClassNames(o.accordion,o[$],d&&o[d],s&&o.glass,h&&o[`shadow${I.capitalize(h)}`],g&&o[`round${I.capitalize(g)}`],a&&o.disabled,e&&o.expanded,E),[o,$,d,s,h,g,a,e,E]),uo=i.useMemo(()=>x.combineClassNames(o.header,o[m],d&&o[d],j&&o.outline,s&&o.glass,a&&o.disabled,e&&o.expanded),[o,m,d,j,s,a,e]),mo=i.useMemo(()=>x.combineClassNames(o.content,m&&o[m],d&&o[d],s&&o.glass,e&&o.expanded),[o,s,m,d,e]),z=i.useMemo(()=>x.combineClassNames(o.icon,e&&o.expanded),[o,e]);return c.jsxs("div",{...oo,className:lo,children:[c.jsxs("button",{id:S,className:uo,onClick:C,onKeyDown:so,type:"button","aria-expanded":e,"aria-controls":B,"aria-disabled":a||void 0,"aria-label":Y,"aria-labelledby":Z,"aria-describedby":ro,tabIndex:a?-1:0,disabled:a,"data-testid":n?`${n}-accordion-toggle`:void 0,children:[w==="left"&&c.jsx("span",{className:z,"aria-hidden":"true","data-testid":n?`${n}-icon`:void 0,children:k}),c.jsx("span",{className:o.accordionTitle,"data-testid":n?`${n}-title`:void 0,children:u}),w==="right"&&c.jsx("span",{className:z,"aria-hidden":"true","data-testid":n?`${n}-icon`:void 0,children:k})]}),b&&c.jsx("span",{id:L,className:"sr_only","data-testid":n?`${n}-description`:void 0,children:b}),c.jsxs("div",{id:B,role:"region","aria-label":p,"aria-labelledby":co,"aria-describedby":to,"aria-busy":t&&e&&_?!0:void 0,className:mo,"data-state":e?"open":"collapsed","data-testid":n?`${n}-content`:void 0,children:[e&&t&&_&&c.jsx("div",{id:A,className:o.loading,"aria-live":"polite","aria-atomic":"true","data-testid":n?`${n}-loading`:void 0,children:X||"Loading content"}),(!G||v)&&(!t||!_)&&U]})]})};O.displayName="AccordionBase";const fo={accordion:"accordion",header:"accordion_header",content:"accordion_content",loading:"accordion_loading",icon:"accordion_icon",accordionTitle:"accordion_title",shadowNone:"accordion_shadow-None",shadowLight:"accordion_shadow-Light",shadowMedium:"accordion_shadow-Medium",shadowStrong:"accordion_shadow-Strong",shadowIntense:"accordion_shadow-Intense",roundNone:"accordion_round-None",roundSmall:"accordion_round-Small",roundMedium:"accordion_round-Medium",roundLarge:"accordion_round-Large",disabled:"accordion_disabled",expanded:"accordion_expanded",primary:"accordion_primary",secondary:"accordion_secondary",tertiary:"accordion_tertiary",quaternary:"accordion_quaternary",success:"accordion_success",info:"accordion_info",error:"accordion_error",warning:"accordion_warning",clear:"accordion_clear",outline:"accordion_outline",glass:"accordion_glass",xs:"accordion_xs",small:"accordion_small",medium:"accordion_medium",large:"accordion_large",xl:"accordion_xl"},xo=(()=>{let u=0;return()=>`accordion-core-${u++}`})(),R=u=>c.jsx(O,{...u,getUniqueId:xo,classMap:_o.expandClassMap(fo)});R.displayName="Accordion";exports.Accordion=R;

package/dist/core/Accordion-CTgXtlcR.js

@@ -0,0 +1,248 @@
+import { jsxs as w, jsx as t } from "react/jsx-runtime";
+import { e as _o } from "./propAliases-C-VkrhZR.js";
+import { useMemo as u, useState as N, useEffect as K } from "react";
+import { c as _ } from "./classNames-Dz0_huu_.js";
+import { c as U } from "./capitalize-D_pj4b3P.js";
+import { b as go, a as ho, d as bo, g as xo, e as vo, f as yo } from "./styleConfig-4yWEoquf.js";
+import './Accordion.css';const z = ({
+  title: l,
+  id: G,
+  children: H,
+  lazyLoad: R = !1,
+  iconPosition: $ = "right",
+  "no-collapse": T = !1,
+  asyncContent: a = !1,
+  rounding: g = go(),
+  shadow: h = ho(),
+  description: b,
+  size: p = bo(),
+  theme: s = xo(),
+  state: d,
+  outline: D = vo(),
+  glass: c = yo(),
+  expanded: B,
+  disabled: i = !1,
+  customCollapsedIcon: F,
+  customExpandedIcon: J,
+  onToggle: x,
+  initiallyExpanded: Q = !1,
+  className: E,
+  getUniqueId: V,
+  classMap: o,
+  regionAriaLabel: L,
+  regionAriaLabelledBy: W,
+  regionAriaDescribedBy: X,
+  loadingAriaLabel: Y,
+  "aria-label": Z,
+  "aria-labelledby": P,
+  "aria-describedby": M,
+  "data-testid": oo,
+  testId: n = oo ?? "accordion",
+  ...eo
+}) => {
+  const S = B !== void 0, no = u(V, []), [io, ro] = N(Q), e = S ? !!B : io, [v, ao] = N(e), [m, y] = N(a && e), f = G || no, A = `${f}-content`, j = `${f}-button`, q = b ? `${f}-desc` : void 0, k = `${f}-loading`, co = [q, M].filter(Boolean).join(" ") || void 0, to = W || (L ? void 0 : j), lo = [
+    X,
+    a && e && m ? k : void 0
+  ].filter(Boolean).join(" ") || void 0, I = () => {
+    if (i) return;
+    const r = !e;
+    T && !r || (S || ro(r), x == null || x(r));
+  }, so = (r) => {
+    i || (r.key === "Enter" || r.key === " ") && (r.preventDefault(), I());
+  };
+  K(() => {
+    e && !v && ao(!0);
+  }, [e, v]), K(() => {
+    if (a && e) {
+      y(!0);
+      const r = window.setTimeout(() => {
+        y(!1);
+      }, 1e3);
+      return () => window.clearTimeout(r);
+    }
+    y(!1);
+  }, [a, e]);
+  const O = e ? J ?? "−" : F ?? "+", uo = u(
+    () => _(
+      o.accordion,
+      o[p],
+      d && o[d],
+      c && o.glass,
+      h && o[`shadow${U(h)}`],
+      g && o[`round${U(g)}`],
+      i && o.disabled,
+      e && o.expanded,
+      E
+    ),
+    [
+      o,
+      p,
+      d,
+      c,
+      h,
+      g,
+      i,
+      e,
+      E
+    ]
+  ), mo = u(
+    () => _(
+      o.header,
+      o[s],
+      d && o[d],
+      D && o.outline,
+      c && o.glass,
+      i && o.disabled,
+      e && o.expanded
+    ),
+    [o, s, d, D, c, i, e]
+  ), fo = u(
+    () => _(
+      o.content,
+      s && o[s],
+      d && o[d],
+      c && o.glass,
+      e && o.expanded
+    ),
+    [o, c, s, d, e]
+  ), C = u(
+    () => _(o.icon, e && o.expanded),
+    [o, e]
+  );
+  return /* @__PURE__ */ w("div", { ...eo, className: uo, children: [
+    /* @__PURE__ */ w(
+      "button",
+      {
+        id: j,
+        className: mo,
+        onClick: I,
+        onKeyDown: so,
+        type: "button",
+        "aria-expanded": e,
+        "aria-controls": A,
+        "aria-disabled": i || void 0,
+        "aria-label": Z,
+        "aria-labelledby": P,
+        "aria-describedby": co,
+        tabIndex: i ? -1 : 0,
+        disabled: i,
+        "data-testid": n ? `${n}-accordion-toggle` : void 0,
+        children: [
+          $ === "left" && /* @__PURE__ */ t(
+            "span",
+            {
+              className: C,
+              "aria-hidden": "true",
+              "data-testid": n ? `${n}-icon` : void 0,
+              children: O
+            }
+          ),
+          /* @__PURE__ */ t(
+            "span",
+            {
+              className: o.accordionTitle,
+              "data-testid": n ? `${n}-title` : void 0,
+              children: l
+            }
+          ),
+          $ === "right" && /* @__PURE__ */ t(
+            "span",
+            {
+              className: C,
+              "aria-hidden": "true",
+              "data-testid": n ? `${n}-icon` : void 0,
+              children: O
+            }
+          )
+        ]
+      }
+    ),
+    b && /* @__PURE__ */ t(
+      "span",
+      {
+        id: q,
+        className: "sr_only",
+        "data-testid": n ? `${n}-description` : void 0,
+        children: b
+      }
+    ),
+    /* @__PURE__ */ w(
+      "div",
+      {
+        id: A,
+        role: "region",
+        "aria-label": L,
+        "aria-labelledby": to,
+        "aria-describedby": lo,
+        "aria-busy": a && e && m ? !0 : void 0,
+        className: fo,
+        "data-state": e ? "open" : "collapsed",
+        "data-testid": n ? `${n}-content` : void 0,
+        children: [
+          e && a && m && /* @__PURE__ */ t(
+            "div",
+            {
+              id: k,
+              className: o.loading,
+              "aria-live": "polite",
+              "aria-atomic": "true",
+              "data-testid": n ? `${n}-loading` : void 0,
+              children: Y || "Loading content"
+            }
+          ),
+          (!R || v) && (!a || !m) && H
+        ]
+      }
+    )
+  ] });
+};
+z.displayName = "AccordionBase";
+const wo = {
+  accordion: "accordion",
+  header: "accordion_header",
+  content: "accordion_content",
+  loading: "accordion_loading",
+  icon: "accordion_icon",
+  accordionTitle: "accordion_title",
+  shadowNone: "accordion_shadow-None",
+  shadowLight: "accordion_shadow-Light",
+  shadowMedium: "accordion_shadow-Medium",
+  shadowStrong: "accordion_shadow-Strong",
+  shadowIntense: "accordion_shadow-Intense",
+  roundNone: "accordion_round-None",
+  roundSmall: "accordion_round-Small",
+  roundMedium: "accordion_round-Medium",
+  roundLarge: "accordion_round-Large",
+  disabled: "accordion_disabled",
+  expanded: "accordion_expanded",
+  primary: "accordion_primary",
+  secondary: "accordion_secondary",
+  tertiary: "accordion_tertiary",
+  quaternary: "accordion_quaternary",
+  success: "accordion_success",
+  info: "accordion_info",
+  error: "accordion_error",
+  warning: "accordion_warning",
+  clear: "accordion_clear",
+  outline: "accordion_outline",
+  glass: "accordion_glass",
+  xs: "accordion_xs",
+  small: "accordion_small",
+  medium: "accordion_medium",
+  large: "accordion_large",
+  xl: "accordion_xl"
+}, No = /* @__PURE__ */ (() => {
+  let l = 0;
+  return () => `accordion-core-${l++}`;
+})(), $o = (l) => /* @__PURE__ */ t(
+  z,
+  {
+    ...l,
+    getUniqueId: No,
+    classMap: _o(wo)
+  }
+);
+$o.displayName = "Accordion";
+export {
+  $o as A
+};

package/dist/core/Accordion.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Accordion-BB3Zdxc5.cjs");exports.default=e.Accordion;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Accordion-B7AKi8jq.cjs");exports.default=e.Accordion;

package/dist/core/Accordion.css

@@ -1 +1 @@
-@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.accordion{border-radius:var(--border-radius-md);margin-bottom:var(--spacing-sm);background-color:transparent!important;transition:box-shadow var(--transition-default)}.accordion_round-None,.accordion_round-None .accordion_header{border-radius:var(--border-radius-none)}.accordion_round-None .accordion_content,.accordion_round-None.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-none);border-bottom-right-radius:var(--border-radius-none)}.accordion_round-Small,.accordion_round-Small .accordion_header{border-radius:var(--border-radius-sm)}.accordion_round-Small .accordion_content,.accordion_round-Small.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-sm);border-bottom-right-radius:var(--border-radius-sm)}.accordion_round-Medium,.accordion_round-Medium .accordion_header{border-radius:var(--border-radius-md)}.accordion_round-Medium .accordion_content,.accordion_round-Medium.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.accordion_round-Large,.accordion_round-Large .accordion_header{border-radius:var(--border-radius-lg)}.accordion_round-Large .accordion_content,.accordion_round-Large.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg)}.accordion_round-Full,.accordion_round-Full .accordion_header{border-radius:var(--border-radius-full)}.accordion_round-Full .accordion_content,.accordion_round-Full.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-full);border-bottom-right-radius:var(--border-radius-full)}.accordion_shadow-None .accordion_header{box-shadow:var(--box-shadow-none)}.accordion_shadow-Light .accordion_header{box-shadow:var(--box-shadow-light)}.accordion_shadow-Medium .accordion_header{box-shadow:var(--box-shadow-medium)}.accordion_shadow-Strong .accordion_header{box-shadow:var(--box-shadow-heavy)}.accordion_shadow-Intense .accordion_header{box-shadow:var(--box-shadow-intense)}.accordion_clear{box-shadow:none!important}.accordion_glass .accordion_header,.accordion_glass.accordion_content{background:var(--accordion-glass-bg, var(--glass-background));border:1px solid var(--accordion-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text, currentcolor)}.accordion_glass.accordion_content{background:var(--accordion-glass-bg, var(--glass-background-subtle));border-top:0;box-shadow:inset 0 1px 0 var(--glass-inset-highlight)}.accordion_expanded .accordion_header{border-bottom-left-radius:0;border-bottom-right-radius:0}.accordion_header{display:flex;justify-content:space-between;align-items:center;min-width:250px;width:100%;min-height:44px;color:var(--text-color-primary);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family-ui);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);cursor:pointer;background-color:transparent;border:none;border-radius:var(--border-radius-md);outline:none;text-align:left;transition:background-color var(--transition-default),border-radius var(--transition-default)}.accordion_header:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}@media(max-width:479.98px){.accordion_header{padding:var(--spacing-xs) var(--spacing-sm)}}@media(min-width:480px)and (max-width:767.98px){.accordion_header{padding:var(--spacing-sm) var(--spacing-md)}}@media(min-width:1024px){.accordion_header{padding:var(--spacing-sm) var(--spacing-lg)}}.accordion_primary{background-color:var(--primary-color);color:var(--text-color-primary);--accordion-glass-bg: var(--primary-glass-background);--accordion-glass-hover-bg: var(--primary-glass-background-hover);--accordion-glass-border: var(--primary-glass-border);--accordion-glass-text: var(--text-color-primary)}.accordion_primary:hover{background-color:var(--primary-color-hover)}.accordion_primary.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:var(--accordion-glass-text)}.accordion_primary.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_primary{background-color:transparent;border:2px solid var(--primary-color);color:var(--text-color-primary)}@media(max-width:479.98px){.accordion_outline.accordion_primary{border-width:1.5px}}.accordion_outline.accordion_primary:hover{background-color:var(--primary-color-hover);color:var(--text-color-primary)}.accordion_outline.accordion_primary.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text)}.accordion_secondary{background-color:var(--secondary-color);color:var(--text-color-primary);--accordion-glass-bg: var(--secondary-glass-background);--accordion-glass-hover-bg: var(--secondary-glass-background-hover);--accordion-glass-border: var(--secondary-glass-border);--accordion-glass-text: var(--text-color-secondary)}.accordion_secondary:hover{background-color:var(--secondary-color-hover)}.accordion_secondary.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:var(--accordion-glass-text)}.accordion_secondary.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_secondary{background-color:transparent;border:2px solid var(--secondary-color);color:var(--text-color-secondary)}@media(max-width:479.98px){.accordion_outline.accordion_secondary{border-width:1.5px}}.accordion_outline.accordion_secondary:hover{background-color:var(--secondary-color-hover);color:var(--text-color-secondary)}.accordion_outline.accordion_secondary.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text)}.accordion_tertiary{background-color:var(--tertiary-color);color:var(--text-color-primary);--accordion-glass-bg: var(--tertiary-glass-background);--accordion-glass-hover-bg: var(--tertiary-glass-background-hover);--accordion-glass-border: var(--tertiary-glass-border);--accordion-glass-text: var(--text-color-primary)}.accordion_tertiary:hover{background-color:var(--tertiary-color-hover)}.accordion_tertiary.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:var(--accordion-glass-text)}.accordion_tertiary.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_tertiary{background-color:transparent;border:2px solid var(--tertiary-color);color:var(--text-color-primary)}@media(max-width:479.98px){.accordion_outline.accordion_tertiary{border-width:1.5px}}.accordion_outline.accordion_tertiary:hover{background-color:var(--tertiary-color-hover);color:var(--text-color-primary)}.accordion_outline.accordion_tertiary.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text)}.accordion_quaternary{background-color:var(--quaternary-color);color:var(--text-color-primary);--accordion-glass-bg: var(--quaternary-glass-background);--accordion-glass-hover-bg: var(--quaternary-glass-background-hover);--accordion-glass-border: var(--quaternary-glass-border);--accordion-glass-text: var(--text-color-primary)}.accordion_quaternary:hover{background-color:var(--quaternary-color-hover)}.accordion_quaternary.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:var(--accordion-glass-text)}.accordion_quaternary.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_quaternary{background-color:transparent;border:2px solid var(--quaternary-color);color:var(--text-color-primary)}@media(max-width:479.98px){.accordion_outline.accordion_quaternary{border-width:1.5px}}.accordion_outline.accordion_quaternary:hover{background-color:var(--quaternary-color-hover);color:var(--text-color-primary)}.accordion_outline.accordion_quaternary.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text)}.accordion_clear{background-color:transparent;color:var(--text-color-primary);--accordion-glass-bg: var(--clear-glass-background);--accordion-glass-hover-bg: var(--clear-glass-background-hover);--accordion-glass-border: var(--clear-glass-border);--accordion-glass-text: var(--text-color-primary)}.accordion_clear:hover{background-color:#0003}.accordion_clear.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:var(--accordion-glass-text)}.accordion_clear.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_clear{background-color:transparent;border:2px solid var(--text-color-primary);color:var(--text-color-primary)}@media(max-width:479.98px){.accordion_outline.accordion_clear{border-width:1.5px}}.accordion_outline.accordion_clear:hover{background-color:#0003;color:var(--disabled-color)}.accordion_outline.accordion_clear.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text)}.accordion_success{background-color:var(--success-color);color:var(--text-color-primary);--accordion-glass-bg: var(--success-glass-background);--accordion-glass-hover-bg: var(--success-glass-background-hover);--accordion-glass-border: var(--success-glass-border);--accordion-glass-text: var(--text-color-primary)}.accordion_success:hover{background-color:var(--success-color-hover)}.accordion_success.accordion_glass{background:var(--accordion-glass-bg);color:var(--accordion-glass-text)}.accordion_success.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_success{background-color:transparent;border:2px solid var(--success-color);color:var(--text-color-primary)}@media(max-width:479.98px){.accordion_outline.accordion_success{border-width:1.5px}}.accordion_outline.accordion_success:hover{background-color:var(--success-color-hover);color:var(--text-color-primary)}.accordion_outline.accordion_success.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text)}.accordion_error{background-color:var(--error-color);color:var(--text-color-primary);--accordion-glass-bg: var(--error-glass-background);--accordion-glass-hover-bg: var(--error-glass-background-hover);--accordion-glass-border: var(--error-glass-border);--accordion-glass-text: var(--text-color-primary)}.accordion_error:hover{background-color:var(--error-color-hover)}.accordion_error.accordion_glass{background:var(--accordion-glass-bg);color:var(--accordion-glass-text)}.accordion_error.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_error{background-color:transparent;border:2px solid var(--error-color);color:var(--text-color-primary)}@media(max-width:479.98px){.accordion_outline.accordion_error{border-width:1.5px}}.accordion_outline.accordion_error:hover{background-color:var(--error-color-hover);color:var(--text-color-primary)}.accordion_outline.accordion_error.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text)}.accordion_warning{background-color:var(--warning-color);color:var(--text-color-primary);--accordion-glass-bg: var(--warning-glass-background);--accordion-glass-hover-bg: var(--warning-glass-background-hover);--accordion-glass-border: var(--warning-glass-border);--accordion-glass-text: var(--text-color-primary)}.accordion_warning:hover{background-color:var(--warning-color-hover)}.accordion_warning.accordion_glass{background:var(--accordion-glass-bg);color:var(--accordion-glass-text)}.accordion_warning.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_warning{background-color:transparent;border:2px solid var(--warning-color);color:var(--text-color-primary)}@media(max-width:479.98px){.accordion_outline.accordion_warning{border-width:1.5px}}.accordion_outline.accordion_warning:hover{background-color:var(--warning-color-hover);color:var(--text-color-primary)}.accordion_outline.accordion_warning.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text)}.accordion_disabled{background-color:var(--disabled-color);cursor:not-allowed;pointer-events:none;opacity:.6}.accordion_content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease,padding var(--transition-default),border-radius var(--transition-default),opacity var(--transition-default),transform var(--transition-default);overflow:hidden;box-sizing:border-box;padding:0 var(--spacing-md);background-color:var(--background-color-lighter);color:var(--text-color-primary);font-family:var(--font-family-body);font-size:var(--font-size-body);font-weight:var(--font-weight-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);opacity:0}@media(max-width:479.98px){.accordion_content{padding:0 var(--spacing-sm)}}@media(min-width:1024px){.accordion_content{padding:0 var(--spacing-lg)}}.accordion_content_inner{min-height:0;overflow:hidden}.accordion_expanded .accordion_content{grid-template-rows:1fr;opacity:1;padding:var(--spacing-xl);border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}@media(max-width:479.98px){.accordion_expanded .accordion_content{padding:var(--spacing-md)}}@media(min-width:1024px){.accordion_expanded .accordion_content{padding:var(--spacing-xl) calc(var(--spacing-xl) * 1.1)}}.accordion_content.loaded{opacity:1;transform:translateY(0)}.accordion_content.loading{opacity:.5}.accordion_content_clear{background-color:transparent;border:1px solid var(--text-color-primary)}@media(max-width:479.98px){.accordion_content_clear{border-width:1px}}.accordion_title{flex-grow:1;font:inherit;line-height:inherit;letter-spacing:inherit}.accordion_icon{font-size:1.5rem;margin-right:var(--spacing-sm);transition:transform var(--transition-default)}@media(max-width:479.98px){.accordion_icon{margin-right:var(--spacing-xs)}}@media(min-width:1024px){.accordion_icon{margin-right:var(--spacing-sm)}}.accordion_expanded .accordion_icon{transform:rotate(180deg)}.accordion_xs .accordion_header{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-caption)}.accordion_xs .accordion_title{font-size:inherit}.accordion_xs .accordion_icon{font-size:1rem}@media(min-width:1024px){.accordion_xs .accordion_icon{font-size:1.05rem}}.accordion_small .accordion_header{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-label)}.accordion_small .accordion_title{font-size:inherit}.accordion_small .accordion_icon{font-size:1.2rem}@media(min-width:1024px){.accordion_small .accordion_icon{font-size:1.26rem}}.accordion_medium .accordion_header{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-body-sm)}.accordion_medium .accordion_title{font-size:inherit}.accordion_medium .accordion_icon{font-size:1.5rem}@media(min-width:1024px){.accordion_medium .accordion_icon{font-size:calc(1.5rem * 1.05)}}.accordion_large .accordion_header{padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-body)}.accordion_large .accordion_title{font-size:inherit}.accordion_large .accordion_icon{font-size:1.8rem}@media(min-width:1024px){.accordion_large .accordion_icon{font-size:calc(1.8rem * 1.05)}}.accordion_xl .accordion_header{padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-h6)}.accordion_xl .accordion_title{font-size:inherit}.accordion_xl .accordion_icon{font-size:2rem}@media(min-width:1024px){.accordion_xl .accordion_icon{font-size:2.1rem}}@media(prefers-reduced-motion:reduce){.accordion_header,.accordion_content,.accordion_icon{transition:none}}@media(hover:none){.accordion_header:hover{background:none}}@media(forced-colors:active){.accordion_header{border:1px solid ButtonText;outline-color:Highlight}.accordion_glass,.accordion_glass .accordion_header,.accordion_glass.accordion_content{background:Canvas;border:1px solid ButtonText;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}}}
+@charset "UTF-8";@layer boreal-ui.reset,boreal-ui.base,boreal-ui.components,boreal-ui.overrides;@layer boreal-ui.components{.accordion{border-radius:var(--border-radius-md);margin-bottom:var(--spacing-sm);background-color:transparent!important;transition:box-shadow var(--transition-default)}.accordion_round-None,.accordion_round-None .accordion_header{border-radius:var(--border-radius-none)}.accordion_round-None .accordion_content,.accordion_round-None.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-none);border-bottom-right-radius:var(--border-radius-none)}.accordion_round-Small,.accordion_round-Small .accordion_header{border-radius:var(--border-radius-sm)}.accordion_round-Small .accordion_content,.accordion_round-Small.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-sm);border-bottom-right-radius:var(--border-radius-sm)}.accordion_round-Medium,.accordion_round-Medium .accordion_header{border-radius:var(--border-radius-md)}.accordion_round-Medium .accordion_content,.accordion_round-Medium.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.accordion_round-Large,.accordion_round-Large .accordion_header{border-radius:var(--border-radius-lg)}.accordion_round-Large .accordion_content,.accordion_round-Large.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg)}.accordion_round-Full,.accordion_round-Full .accordion_header{border-radius:var(--border-radius-full)}.accordion_round-Full .accordion_content,.accordion_round-Full.accordion_expanded .accordion_content{border-bottom-left-radius:var(--border-radius-full);border-bottom-right-radius:var(--border-radius-full)}.accordion_shadow-None .accordion_header{box-shadow:var(--box-shadow-none)}.accordion_shadow-Light .accordion_header{box-shadow:var(--box-shadow-light)}.accordion_shadow-Medium .accordion_header{box-shadow:var(--box-shadow-medium)}.accordion_shadow-Strong .accordion_header{box-shadow:var(--box-shadow-heavy)}.accordion_shadow-Intense .accordion_header{box-shadow:var(--box-shadow-intense)}.accordion_clear{box-shadow:none!important}.accordion_glass .accordion_header,.accordion_glass.accordion_content{background:var(--accordion-glass-bg, var(--glass-background));border:1px solid var(--accordion-glass-border, var(--glass-border-color));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text, currentcolor)}.accordion_glass.accordion_content{background:var(--accordion-glass-bg, var(--glass-background-subtle));border-top:0;box-shadow:inset 0 1px 0 var(--glass-inset-highlight)}.accordion_expanded .accordion_header{border-bottom-left-radius:0;border-bottom-right-radius:0}.accordion_header{display:flex;justify-content:space-between;align-items:center;min-width:250px;width:100%;min-height:44px;color:var(--text-color-primary);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family-ui);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);cursor:pointer;background-color:transparent;border:none;border-radius:var(--border-radius-md);outline:none;text-align:left;transition:background-color var(--transition-default),border-radius var(--transition-default)}.accordion_header:focus-visible{outline:2px solid var(--focus-outline-color, var(--primary-color));outline-offset:2px}@media(max-width:479.98px){.accordion_header{padding:var(--spacing-xs) var(--spacing-sm)}}@media(min-width:480px)and (max-width:767.98px){.accordion_header{padding:var(--spacing-sm) var(--spacing-md)}}@media(min-width:1024px){.accordion_header{padding:var(--spacing-sm) var(--spacing-lg)}}.accordion_primary{background-color:var(--primary-color);color:var(--text-color-primary);--accordion-glass-bg: var(--primary-glass-background);--accordion-glass-hover-bg: var(--primary-glass-background-hover);--accordion-glass-border: var(--primary-glass-border);--accordion-glass-text: var(--text-color-primary)}.accordion_primary:hover{background-color:var(--primary-color-hover)}.accordion_primary.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:var(--accordion-glass-text)}.accordion_primary.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_primary{background-color:transparent;border:2px solid var(--primary-color);color:var(--text-color-primary)}@media(max-width:479.98px){.accordion_outline.accordion_primary{border-width:1.5px}}.accordion_outline.accordion_primary:hover{background-color:var(--primary-color-hover);color:var(--text-color-primary)}.accordion_outline.accordion_primary.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text)}.accordion_secondary{background-color:var(--secondary-color);color:var(--text-color-primary);--accordion-glass-bg: var(--secondary-glass-background);--accordion-glass-hover-bg: var(--secondary-glass-background-hover);--accordion-glass-border: var(--secondary-glass-border);--accordion-glass-text: var(--text-color-secondary)}.accordion_secondary:hover{background-color:var(--secondary-color-hover)}.accordion_secondary.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:var(--accordion-glass-text)}.accordion_secondary.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_secondary{background-color:transparent;border:2px solid var(--secondary-color);color:var(--text-color-secondary)}@media(max-width:479.98px){.accordion_outline.accordion_secondary{border-width:1.5px}}.accordion_outline.accordion_secondary:hover{background-color:var(--secondary-color-hover);color:var(--text-color-secondary)}.accordion_outline.accordion_secondary.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text)}.accordion_tertiary{background-color:var(--tertiary-color);color:var(--text-color-primary);--accordion-glass-bg: var(--tertiary-glass-background);--accordion-glass-hover-bg: var(--tertiary-glass-background-hover);--accordion-glass-border: var(--tertiary-glass-border);--accordion-glass-text: var(--text-color-tertiary)}.accordion_tertiary:hover{background-color:var(--tertiary-color-hover)}.accordion_tertiary.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:var(--accordion-glass-text)}.accordion_tertiary.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_tertiary{background-color:transparent;border:2px solid var(--tertiary-color);color:var(--text-color-tertiary)}@media(max-width:479.98px){.accordion_outline.accordion_tertiary{border-width:1.5px}}.accordion_outline.accordion_tertiary:hover{background-color:var(--tertiary-color-hover);color:var(--text-color-tertiary)}.accordion_outline.accordion_tertiary.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text)}.accordion_quaternary{background-color:var(--quaternary-color);color:var(--text-color-primary);--accordion-glass-bg: var(--quaternary-glass-background);--accordion-glass-hover-bg: var(--quaternary-glass-background-hover);--accordion-glass-border: var(--quaternary-glass-border);--accordion-glass-text: var(--text-color-quaternary)}.accordion_quaternary:hover{background-color:var(--quaternary-color-hover)}.accordion_quaternary.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:var(--accordion-glass-text)}.accordion_quaternary.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_quaternary{background-color:transparent;border:2px solid var(--quaternary-color);color:var(--text-color-quaternary)}@media(max-width:479.98px){.accordion_outline.accordion_quaternary{border-width:1.5px}}.accordion_outline.accordion_quaternary:hover{background-color:var(--quaternary-color-hover);color:var(--text-color-quaternary)}.accordion_outline.accordion_quaternary.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text)}.accordion_clear{background-color:transparent;color:var(--text-color-primary);--accordion-glass-bg: var(--clear-glass-background);--accordion-glass-hover-bg: var(--clear-glass-background-hover);--accordion-glass-border: var(--clear-glass-border);--accordion-glass-text: var(--text-color)}.accordion_clear:hover{background-color:#0003}.accordion_clear.accordion_glass{background:var(--accordion-glass-bg);border:1px solid var(--accordion-glass-border);color:var(--accordion-glass-text)}.accordion_clear.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_clear{background-color:transparent;border:2px solid var(--border-color);color:var(--text-color)}@media(max-width:479.98px){.accordion_outline.accordion_clear{border-width:1.5px}}.accordion_outline.accordion_clear:hover{background-color:#0003;color:var(--link-hover-color)}.accordion_outline.accordion_clear.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text)}.accordion_success{background-color:var(--success-color);color:var(--text-color-primary);--accordion-glass-bg: var(--success-glass-background);--accordion-glass-hover-bg: var(--success-glass-background-hover);--accordion-glass-border: var(--success-glass-border);--accordion-glass-text: var(--success-text-color)}.accordion_success:hover{background-color:var(--success-color-hover)}.accordion_success.accordion_glass{background:var(--accordion-glass-bg);color:var(--accordion-glass-text)}.accordion_success.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_success{background-color:transparent;border:2px solid var(--success-color);color:var(--success-text-color)}@media(max-width:479.98px){.accordion_outline.accordion_success{border-width:1.5px}}.accordion_outline.accordion_success:hover{background-color:var(--success-color-hover);color:var(--success-text-color)}.accordion_outline.accordion_success.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text)}.accordion_error{background-color:var(--error-color);color:var(--text-color-primary);--accordion-glass-bg: var(--error-glass-background);--accordion-glass-hover-bg: var(--error-glass-background-hover);--accordion-glass-border: var(--error-glass-border);--accordion-glass-text: var(--error-text-color)}.accordion_error:hover{background-color:var(--error-color-hover)}.accordion_error.accordion_glass{background:var(--accordion-glass-bg);color:var(--accordion-glass-text)}.accordion_error.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_error{background-color:transparent;border:2px solid var(--error-color);color:var(--error-text-color)}@media(max-width:479.98px){.accordion_outline.accordion_error{border-width:1.5px}}.accordion_outline.accordion_error:hover{background-color:var(--error-color-hover);color:var(--error-text-color)}.accordion_outline.accordion_error.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text)}.accordion_warning{background-color:var(--warning-color);color:var(--text-color-primary);--accordion-glass-bg: var(--warning-glass-background);--accordion-glass-hover-bg: var(--warning-glass-background-hover);--accordion-glass-border: var(--warning-glass-border);--accordion-glass-text: var(--warning-text-color)}.accordion_warning:hover{background-color:var(--warning-color-hover)}.accordion_warning.accordion_glass{background:var(--accordion-glass-bg);color:var(--accordion-glass-text)}.accordion_warning.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_warning{background-color:transparent;border:2px solid var(--warning-color);color:var(--warning-text-color)}@media(max-width:479.98px){.accordion_outline.accordion_warning{border-width:1.5px}}.accordion_outline.accordion_warning:hover{background-color:var(--warning-color-hover);color:var(--warning-text-color)}.accordion_outline.accordion_warning.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text)}.accordion_info{background-color:var(--info-color);color:var(--text-color-primary);--accordion-glass-bg: var(--info-glass-background);--accordion-glass-hover-bg: var(--info-glass-background-hover);--accordion-glass-border: var(--info-glass-border);--accordion-glass-text: var(--info-text-color)}.accordion_info:hover{background-color:var(--info-color-hover)}.accordion_info.accordion_glass{background:var(--accordion-glass-bg);color:var(--accordion-glass-text)}.accordion_info.accordion_glass:hover{background:var(--accordion-glass-hover-bg)}.accordion_outline.accordion_info{background-color:transparent;border:2px solid var(--info-color);color:var(--info-text-color)}@media(max-width:479.98px){.accordion_outline.accordion_info{border-width:1.5px}}.accordion_outline.accordion_info:hover{background-color:var(--info-color-hover);color:var(--info-text-color)}.accordion_outline.accordion_info.accordion_glass{background:transparent;border:1px solid var(--accordion-glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));color:var(--accordion-glass-text)}.accordion_disabled{background-color:var(--disabled-color);cursor:not-allowed;pointer-events:none;opacity:.6}.accordion_content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease,padding var(--transition-default),border-radius var(--transition-default),opacity var(--transition-default),transform var(--transition-default);overflow:hidden;box-sizing:border-box;padding:0 var(--spacing-md);background-color:var(--background-color-lighter);color:var(--text-color-primary);font-family:var(--font-family-body);font-size:var(--font-size-body);font-weight:var(--font-weight-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);opacity:0}@media(max-width:479.98px){.accordion_content{padding:0 var(--spacing-sm)}}@media(min-width:1024px){.accordion_content{padding:0 var(--spacing-lg)}}.accordion_content_inner{min-height:0;overflow:hidden}.accordion_expanded .accordion_content{grid-template-rows:1fr;opacity:1;padding:var(--spacing-xl);border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}@media(max-width:479.98px){.accordion_expanded .accordion_content{padding:var(--spacing-md)}}@media(min-width:1024px){.accordion_expanded .accordion_content{padding:var(--spacing-xl) calc(var(--spacing-xl) * 1.1)}}.accordion_content.loaded{opacity:1;transform:translateY(0)}.accordion_content.loading{opacity:.5}.accordion_content_clear{background-color:transparent;border:1px solid var(--text-color-primary)}@media(max-width:479.98px){.accordion_content_clear{border-width:1px}}.accordion_title{flex-grow:1;font:inherit;line-height:inherit;letter-spacing:inherit}.accordion_icon{font-size:1.5rem;margin-right:var(--spacing-sm);transition:transform var(--transition-default)}@media(max-width:479.98px){.accordion_icon{margin-right:var(--spacing-xs)}}@media(min-width:1024px){.accordion_icon{margin-right:var(--spacing-sm)}}.accordion_expanded .accordion_icon{transform:rotate(180deg)}.accordion_xs .accordion_header{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-caption)}.accordion_xs .accordion_title{font-size:inherit}.accordion_xs .accordion_icon{font-size:1rem}@media(min-width:1024px){.accordion_xs .accordion_icon{font-size:1.05rem}}.accordion_small .accordion_header{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-label)}.accordion_small .accordion_title{font-size:inherit}.accordion_small .accordion_icon{font-size:1.2rem}@media(min-width:1024px){.accordion_small .accordion_icon{font-size:1.26rem}}.accordion_medium .accordion_header{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-body-sm)}.accordion_medium .accordion_title{font-size:inherit}.accordion_medium .accordion_icon{font-size:1.5rem}@media(min-width:1024px){.accordion_medium .accordion_icon{font-size:calc(1.5rem * 1.05)}}.accordion_large .accordion_header{padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-body)}.accordion_large .accordion_title{font-size:inherit}.accordion_large .accordion_icon{font-size:1.8rem}@media(min-width:1024px){.accordion_large .accordion_icon{font-size:calc(1.8rem * 1.05)}}.accordion_xl .accordion_header{padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-h6)}.accordion_xl .accordion_title{font-size:inherit}.accordion_xl .accordion_icon{font-size:2rem}@media(min-width:1024px){.accordion_xl .accordion_icon{font-size:2.1rem}}@media(prefers-reduced-motion:reduce){.accordion_header,.accordion_content,.accordion_icon{transition:none}}@media(hover:none){.accordion_header:hover{background:none}}@media(forced-colors:active){.accordion_header{border:1px solid ButtonText;outline-color:Highlight}.accordion_glass,.accordion_glass .accordion_header,.accordion_glass.accordion_content{background:Canvas;border:1px solid ButtonText;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}}}

package/dist/core/Accordion.js

@@ -1,4 +1,4 @@
-import { A as f } from "./Accordion-Ca-YTsyh.js";
+import { A as f } from "./Accordion-CTgXtlcR.js";
 export {
   f as default
 };

package/dist/core/Alert-CJuYXNC0.js

@@ -0,0 +1,141 @@
+import { jsxs as h, jsx as r } from "react/jsx-runtime";
+import { e as j } from "./propAliases-C-VkrhZR.js";
+import { useMemo as q } from "react";
+import { c as t } from "./classNames-Dz0_huu_.js";
+import { c as w } from "./capitalize-D_pj4b3P.js";
+import { g as F, f as T, b as k, a as p } from "./styleConfig-4yWEoquf.js";
+import './Alert.css';function z({
+  children: l,
+  title: i,
+  icon: d,
+  actions: u,
+  theme: m = F(),
+  state: s,
+  variant: _ = "solid",
+  glass: c = T(),
+  rounding: o = k(),
+  outline: f = !1,
+  shadow: n = p(),
+  dismissible: N = !1,
+  onDismiss: y,
+  role: b = s === "error" ? "alert" : "status",
+  className: g,
+  iconClassName: $,
+  contentClassName: v,
+  titleClassName: D,
+  messageClassName: S,
+  actionsClassName: x,
+  dismissButtonClassName: C,
+  dismissLabel: L = "Dismiss alert",
+  testId: A,
+  "data-testid": B,
+  classMap: e
+}) {
+  const a = A ?? B ?? "alert", I = q(
+    () => t(
+      e.alert,
+      e[m],
+      s && e[s],
+      e[_],
+      f && e.outline,
+      c && e.glass,
+      n && e[`shadow${w(n)}`],
+      o && e[`round${w(o)}`],
+      g
+    ),
+    [
+      e,
+      m,
+      s,
+      _,
+      f,
+      c,
+      n,
+      o,
+      g
+    ]
+  );
+  return /* @__PURE__ */ h("div", { className: I, role: b, "data-testid": a, children: [
+    d ? /* @__PURE__ */ r(
+      "span",
+      {
+        className: t(e.icon, $),
+        "aria-hidden": "true",
+        "data-testid": `${a}-icon`,
+        children: d
+      }
+    ) : null,
+    /* @__PURE__ */ h("div", { className: t(e.content, v), children: [
+      i ? /* @__PURE__ */ r(
+        "div",
+        {
+          className: t(e.title, D),
+          "data-testid": `${a}-title`,
+          children: i
+        }
+      ) : null,
+      l ? /* @__PURE__ */ r(
+        "div",
+        {
+          className: t(e.message, S),
+          "data-testid": `${a}-message`,
+          children: l
+        }
+      ) : null
+    ] }),
+    u ? /* @__PURE__ */ r("div", { className: t(e.actions, x), children: u }) : null,
+    N ? /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        className: t(
+          e.dismissButton,
+          C
+        ),
+        "aria-label": L,
+        onClick: y,
+        "data-testid": `${a}-dismiss`,
+        children: "×"
+      }
+    ) : null
+  ] });
+}
+const G = {
+  alert: "alert",
+  icon: "alert_icon",
+  content: "alert_content",
+  title: "alert_title",
+  message: "alert_message",
+  actions: "alert_actions",
+  dismissButton: "alert_dismiss_button",
+  solid: "alert_solid",
+  soft: "alert_soft",
+  outline: "alert_outline",
+  glass: "alert_glass",
+  primary: "alert_primary",
+  secondary: "alert_secondary",
+  tertiary: "alert_tertiary",
+  quaternary: "alert_quaternary",
+  clear: "alert_clear",
+  success: "alert_success",
+  info: "alert_info",
+  warning: "alert_warning",
+  error: "alert_error",
+  disabled: "alert_disabled",
+  shadowNone: "alert_shadow-None",
+  shadowLight: "alert_shadow-Light",
+  shadowMedium: "alert_shadow-Medium",
+  shadowStrong: "alert_shadow-Strong",
+  shadowIntense: "alert_shadow-Intense",
+  roundNone: "alert_round-None",
+  roundSmall: "alert_round-Small",
+  roundMedium: "alert_round-Medium",
+  roundLarge: "alert_round-Large",
+  roundFull: "alert_round-Full"
+};
+function P(l) {
+  return /* @__PURE__ */ r(z, { ...l, classMap: j(G) });
+}
+export {
+  P as A
+};

package/dist/core/Alert-Dx8qUtE4.cjs

@@ -0,0 +1 @@
+"use strict";require('./Alert.css');const t=require("react/jsx-runtime"),z=require("./propAliases-Bfsf5cJN.cjs"),B=require("react"),a=require("./classNames-C7V3kfBj.cjs"),b=require("./capitalize-CnTiekgk.cjs"),n=require("./styleConfig-BB8MdwYx.cjs");function I({children:r,title:d,icon:u,actions:m,theme:c=n.getDefaultTheme(),state:l,variant:_="solid",glass:N=n.getDefaultGlass(),rounding:i=n.getDefaultRounding(),outline:g=!1,shadow:o=n.getDefaultShadow(),dismissible:f=!1,onDismiss:w,role:C=l==="error"?"alert":"status",className:h,iconClassName:x,contentClassName:y,titleClassName:j,messageClassName:q,actionsClassName:$,dismissButtonClassName:v,dismissLabel:D="Dismiss alert",testId:S,"data-testid":A,classMap:e}){const s=S??A??"alert",L=B.useMemo(()=>a.combineClassNames(e.alert,e[c],l&&e[l],e[_],g&&e.outline,N&&e.glass,o&&e[`shadow${b.capitalize(o)}`],i&&e[`round${b.capitalize(i)}`],h),[e,c,l,_,g,N,o,i,h]);return t.jsxs("div",{className:L,role:C,"data-testid":s,children:[u?t.jsx("span",{className:a.combineClassNames(e.icon,x),"aria-hidden":"true","data-testid":`${s}-icon`,children:u}):null,t.jsxs("div",{className:a.combineClassNames(e.content,y),children:[d?t.jsx("div",{className:a.combineClassNames(e.title,j),"data-testid":`${s}-title`,children:d}):null,r?t.jsx("div",{className:a.combineClassNames(e.message,q),"data-testid":`${s}-message`,children:r}):null]}),m?t.jsx("div",{className:a.combineClassNames(e.actions,$),children:m}):null,f?t.jsx("button",{type:"button",className:a.combineClassNames(e.dismissButton,v),"aria-label":D,onClick:w,"data-testid":`${s}-dismiss`,children:"×"}):null]})}const R={alert:"alert",icon:"alert_icon",content:"alert_content",title:"alert_title",message:"alert_message",actions:"alert_actions",dismissButton:"alert_dismiss_button",solid:"alert_solid",soft:"alert_soft",outline:"alert_outline",glass:"alert_glass",primary:"alert_primary",secondary:"alert_secondary",tertiary:"alert_tertiary",quaternary:"alert_quaternary",clear:"alert_clear",success:"alert_success",info:"alert_info",warning:"alert_warning",error:"alert_error",disabled:"alert_disabled",shadowNone:"alert_shadow-None",shadowLight:"alert_shadow-Light",shadowMedium:"alert_shadow-Medium",shadowStrong:"alert_shadow-Strong",shadowIntense:"alert_shadow-Intense",roundNone:"alert_round-None",roundSmall:"alert_round-Small",roundMedium:"alert_round-Medium",roundLarge:"alert_round-Large",roundFull:"alert_round-Full"};function F(r){return t.jsx(I,{...r,classMap:z.expandClassMap(R)})}exports.Alert=F;

package/dist/core/Alert.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Alert-Dx8qUtE4.cjs");exports.default=e.Alert;