@iress-oss/ids-components 0.0.1-dev.9 → 5.14.0

package/dist/components/Toaster/Toaster.types.js

@@ -0,0 +1,26 @@
+var e = /* @__PURE__ */ ((t) => (t.BottomStart = "bottom-start", t.BottomCenter = "bottom-center", t.BottomEnd = "bottom-end", t.TopStart = "top-start", t.TopCenter = "top-center", t.TopEnd = "top-end", t))(e || {});
+const o = [
+  "bottom-center",
+  "bottom-end",
+  "bottom-start",
+  "top-center",
+  "top-end",
+  "top-start"
+], r = {
+  "bottom-end": "end-x",
+  "bottom-start": "start-x",
+  "bottom-center": "end-y",
+  "top-end": "end-x",
+  "top-start": "start-x",
+  "top-center": "start-y"
+}, n = {
+  role: "alert",
+  "aria-relevant": "additions",
+  "aria-live": "assertive"
+};
+export {
+  n as TOASTER_ARIA_ATTRIBUTES,
+  o as TOASTER_POSITION,
+  r as TOAST_POSITION_ANIMATION_MATRIX,
+  e as ToasterPosition
+};

package/dist/components/Toaster/ToasterProvider.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import "react";
+import { O as s, N as a } from "../../LoadingSuspense-BDiikfSh.js";
+export {
+  s as IressToasterProvider,
+  a as ToasterContext
+};

package/dist/components/Toaster/hooks/useToaster.js

@@ -0,0 +1,5 @@
+import "react";
+import { P as s } from "../../../LoadingSuspense-BDiikfSh.js";
+export {
+  s as useToaster
+};

package/dist/components/Toaster/index.js

@@ -0,0 +1,16 @@
+import { TOAST_ANIMATION as o, TOAST_STATUS as r } from "./Toast/Toast.types.js";
+import { TOASTER_ARIA_ATTRIBUTES as I, TOASTER_POSITION as e, TOAST_POSITION_ANIMATION_MATRIX as t, ToasterPosition as O } from "./Toaster.types.js";
+import { M as S, O as _, T as N, N as P, P as R } from "../../LoadingSuspense-BDiikfSh.js";
+export {
+  S as IressToast,
+  _ as IressToasterProvider,
+  I as TOASTER_ARIA_ATTRIBUTES,
+  e as TOASTER_POSITION,
+  o as TOAST_ANIMATION,
+  t as TOAST_POSITION_ANIMATION_MATRIX,
+  r as TOAST_STATUS,
+  N as Toast,
+  P as ToasterContext,
+  O as ToasterPosition,
+  R as useToaster
+};

package/dist/components/Toggle/Toggle.js

@@ -0,0 +1,101 @@
+import { jsxs as f, jsx as l } from "react/jsx-runtime";
+import { c as a } from "../../index-2QXL0WYc.js";
+import { forwardRef as h, useState as B, useId as C, useEffect as x } from "react";
+import { GlobalCSSClass as I } from "../../enums.js";
+import { propagateTestid as u } from "../../helpers/utility/propagateTestid.js";
+import "../CheckboxMark/CheckboxMark.types.js";
+import { IressCheckboxMark as N } from "../CheckboxMark/CheckboxMark.js";
+import { ButtonCssClass as T } from "../Button/Button.types.js";
+import { ToggleLayout as w } from "./Toggle.types.js";
+const L = "ids-toggle--toggle-base-v5140", M = "ids-toggle--checkbox-mark-v5140", S = "ids-toggle--toggle-button-v5140", j = "ids-toggle--button-checked-v5140", R = "ids-toggle--toggle-button-container-v5140", $ = "ids-toggle--label-v5140", E = "ids-toggle--layout__inline-v5140", G = "ids-toggle--layout__stack-v5140", t = {
+  toggleBase: L,
+  checkboxMark: M,
+  toggleButton: S,
+  buttonChecked: j,
+  toggleButtonContainer: R,
+  label: $,
+  layout__inline: E,
+  "layout__inline-reverse": "ids-toggle--layout__inline-reverse-v5140",
+  "layout__inline-between": "ids-toggle--layout__inline-between-v5140",
+  layout__stack: G
+}, O = ({
+  hiddenLabel: o,
+  children: i,
+  "data-testid": n,
+  ...g
+}) => /* @__PURE__ */ l(
+  "span",
+  {
+    ...g,
+    className: a(t.label, {
+      [I.SROnly]: o
+    }),
+    "data-testid": u(n, "label"),
+    children: i
+  }
+), b = h(
+  ({
+    checked: o = !1,
+    hiddenLabel: i,
+    children: n,
+    layout: g = "inline",
+    className: m,
+    onChange: s,
+    "data-testid": c,
+    ..._
+  }, k) => {
+    const [e, r] = B(o), d = `toggleLabel--${C()}`, y = {
+      hiddenLabel: i,
+      id: d,
+      "data-testid": c
+    }, v = (p) => {
+      r(!e), s == null || s(!e, p);
+    };
+    return x(() => {
+      r(o);
+    }, [o, s]), /* @__PURE__ */ f(
+      "div",
+      {
+        "data-testid": c,
+        ..._,
+        className: a(
+          m,
+          t.toggleBase,
+          t[`layout__${g}`]
+        ),
+        ref: k,
+        children: [
+          /* @__PURE__ */ l(O, { ...y, children: n }),
+          /* @__PURE__ */ l("div", { className: t.toggleButtonContainer, children: /* @__PURE__ */ l(
+            "button",
+            {
+              className: a(T.Base, t.toggleButton, {
+                [t.buttonChecked]: e
+              }),
+              role: "switch",
+              type: "button",
+              "aria-checked": e,
+              onClick: v,
+              "aria-labelledby": d,
+              "data-testid": u(c, "button__button"),
+              children: /* @__PURE__ */ l(
+                N,
+                {
+                  className: a(t.checkboxMark, {
+                    "visibility-hidden": !e
+                  }),
+                  checked: e
+                }
+              )
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+b.displayName = "IressToggle";
+b.Layout = w;
+export {
+  b as IressToggle
+};

package/dist/components/Toggle/Toggle.types.js

@@ -0,0 +1,11 @@
+var n = /* @__PURE__ */ ((e) => (e.Inline = "inline", e.InlineBetween = "inline-between", e.InlineReverse = "inline-reverse", e.Stack = "stack", e))(n || {});
+const i = [
+  "inline",
+  "inline-between",
+  "inline-reverse",
+  "stack"
+];
+export {
+  i as TOGGLE_LAYOUTS,
+  n as ToggleLayout
+};

package/dist/components/Toggle/index.js

@@ -0,0 +1,7 @@
+import { TOGGLE_LAYOUTS as r, ToggleLayout as g } from "./Toggle.types.js";
+import { IressToggle as t } from "./Toggle.js";
+export {
+  t as IressToggle,
+  r as TOGGLE_LAYOUTS,
+  g as ToggleLayout
+};

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,77 @@
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { useState as P, useEffect as R, Fragment as S } from "react";
+import { c as j } from "../../index-2QXL0WYc.js";
+import { d as E, o as H, b as L, f as M, s as B, t as D, v as G, g as U, h as W, i as k } from "../../floating-ui.react-RKRjRgyj.js";
+import { FloatingUIAlign as q } from "../../enums.js";
+import { propagateTestid as m } from "../../helpers/utility/propagateTestid.js";
+import { toArray as z } from "../../helpers/formatting/toArray.js";
+import { idsLogger as J } from "../../helpers/utility/idsLogger.js";
+import { focusableElements as K } from "../../helpers/dom/focusableElements.js";
+const Q = "ids-tooltip-v5140", V = "ids-tooltip--content-v5140", r = {
+  tooltip: Q,
+  content: V
+}, X = ({
+  children: o,
+  className: u,
+  align: n = "top",
+  delay: d = 500,
+  open: h = !1,
+  tooltipText: g,
+  "data-testid": s,
+  ...v
+}) => {
+  const F = {
+    [r.tooltip]: !0
+  }, I = j(u, F), i = n === "auto", [c, b] = P(h), { refs: t, floatingStyles: A, context: e } = E({
+    placement: i ? void 0 : n,
+    open: c,
+    onOpenChange: b,
+    middleware: [H(5), i ? L() : M(), B()]
+  }), x = D(e, {
+    move: !1,
+    delay: { open: d, close: 500 }
+  }), y = G(e), C = U(e), T = W(e, { role: "tooltip" }), { getReferenceProps: w, getFloatingProps: N } = k([
+    x,
+    y,
+    C,
+    T
+  ]);
+  return R(() => {
+    if (!o || !t.reference.current) return;
+    K(t.reference.current).length > 0 || J(
+      `IressTooltip: The content that activates the tooltip is not focusable,
+            which is a failure of WCAG Level AA Success Criterion 1.4.13 - Content on Hover or Focus.
+            To fix this warning, change the activator to either IressButton, IressMenuItem or another focusable component.`,
+      "warn"
+    );
+  }, [o, t.reference]), /* @__PURE__ */ p("div", { className: I, ...v, "data-testid": s, children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: r.activator,
+        "data-testid": m(s, "activator"),
+        ref: t.setReference,
+        ...w(),
+        children: o
+      }
+    ),
+    c && /* @__PURE__ */ a(
+      "div",
+      {
+        className: r.content,
+        style: A,
+        "data-testid": m(s, "tooltip-text"),
+        ref: t.setFloating,
+        ...N(),
+        children: z(g).map((l, f, O) => /* @__PURE__ */ p(S, { children: [
+          l,
+          f < O.length - 1 && /* @__PURE__ */ a("br", {})
+        ] }, f))
+      }
+    )
+  ] });
+};
+X.Align = q;
+export {
+  X as IressTooltip
+};

package/dist/components/Tooltip/Tooltip.types.js

@@ -0,0 +1 @@
+

package/dist/components/Tooltip/index.js

@@ -0,0 +1,4 @@
+import { IressTooltip as e } from "./Tooltip.js";
+export {
+  e as IressTooltip
+};

package/dist/components/ValidationMessage/ValidationBase/ValidationBase.js

@@ -0,0 +1,51 @@
+import { jsxs as l, jsx as n } from "react/jsx-runtime";
+import { c as r } from "../../../index-2QXL0WYc.js";
+import { capitalizeFirstLetter as g } from "../../../helpers/formatting/capitalizeFirstLetter.js";
+import { GlobalCSSClass as m } from "../../../enums.js";
+const v = "ids-validation-message-v5140", f = "ids-validation-message--prefix-v5140", x = "ids-validation-message--message-v5140", p = "ids-validation-message--danger-v5140", u = "ids-validation-message--warning-v5140", N = "ids-validation-message--success-v5140", w = "ids-validation-message--info-v5140", e = {
+  validationMessage: v,
+  prefix: f,
+  message: x,
+  danger: p,
+  warning: u,
+  success: N,
+  info: w
+}, M = ({
+  prefix: s,
+  status: a = "danger"
+}) => s || `${a === "danger" ? "Error" : g(a)}: `, y = ({
+  as: s = "div",
+  children: a,
+  className: o,
+  prefix: t,
+  status: i = "danger",
+  visiblePrefix: d,
+  ...c
+}) => /* @__PURE__ */ l(
+  s,
+  {
+    ...c,
+    className: r(
+      o,
+      e.validationMessage,
+      e[i],
+      "iress-u-text",
+      `iress--${i}`
+    ),
+    children: [
+      /* @__PURE__ */ n(
+        "div",
+        {
+          className: r(e.prefix, {
+            [m.SROnly]: !d
+          }),
+          children: /* @__PURE__ */ n(M, { prefix: t, status: i })
+        }
+      ),
+      /* @__PURE__ */ n("div", { className: e.message, children: a })
+    ]
+  }
+);
+export {
+  y as ValidationBase
+};

package/dist/components/ValidationMessage/ValidationBase/ValidationBase.types.js

@@ -0,0 +1 @@
+

package/dist/components/ValidationMessage/ValidationLink/ValidationLink.js

@@ -0,0 +1,21 @@
+import { jsx as i } from "react/jsx-runtime";
+import { isValidFormInputElement as n } from "../../../helpers/form/isValidFormInputElement.js";
+import { ValidationBase as s } from "../ValidationBase/ValidationBase.js";
+const u = ({
+  linkToTarget: e,
+  ...o
+}) => /* @__PURE__ */ i(
+  s,
+  {
+    ...o,
+    as: "a",
+    href: `#${e}`,
+    onClick: (r) => {
+      const t = document.getElementById(e);
+      t && (r.preventDefault(), n(t) ? t.focus() : (t.setAttribute("tabIndex", "-1"), t.focus(), t.removeAttribute("tabIndex")));
+    }
+  }
+);
+export {
+  u as IressValidationLink
+};

package/dist/components/ValidationMessage/ValidationLink/ValidationLink.types.js

@@ -0,0 +1 @@
+

package/dist/components/ValidationMessage/ValidationMessage.js

@@ -0,0 +1,8 @@
+import { jsx as a } from "react/jsx-runtime";
+import { SystemValidationStatus as o } from "../../enums.js";
+import { ValidationBase as s } from "./ValidationBase/ValidationBase.js";
+const i = (t) => /* @__PURE__ */ a(s, { ...t, as: "div" });
+i.Status = o;
+export {
+  i as IressValidationMessage
+};

package/dist/components/ValidationMessage/ValidationMessage.types.js

@@ -0,0 +1 @@
+

package/dist/components/ValidationMessage/ValidationSummary/ValidationSummary.js

@@ -0,0 +1,69 @@
+import { jsx as i } from "react/jsx-runtime";
+import { c as u } from "../../../index-2QXL0WYc.js";
+import { propagateTestid as f } from "../../../helpers/utility/propagateTestid.js";
+import { IressValidationMessage as p } from "../ValidationMessage.js";
+import "react";
+import { useIdIfNeeded as c } from "../../../hooks/useIdIfNeeded.js";
+import { IressValidationLink as y } from "../ValidationLink/ValidationLink.js";
+const v = "ids-validation-summary-v5140", I = {
+  validationSummary: v
+}, S = ({
+  children: a,
+  "data-testid": r,
+  linkToTarget: e,
+  prefix: o,
+  status: d,
+  visiblePrefix: s
+}) => e ? /* @__PURE__ */ i(
+  y,
+  {
+    linkToTarget: e,
+    status: d,
+    prefix: o,
+    visiblePrefix: s,
+    "data-testid": r,
+    children: a
+  }
+) : /* @__PURE__ */ i(
+  p,
+  {
+    status: d,
+    prefix: o,
+    visiblePrefix: s,
+    "data-testid": r,
+    children: a
+  }
+), b = ({
+  messages: a = [],
+  linkToTarget: r,
+  prefix: e,
+  visiblePrefix: o,
+  status: d = "danger",
+  className: s,
+  "data-testid": n,
+  ...m
+}) => {
+  const l = c({ id: m.id });
+  return a.length ? /* @__PURE__ */ i(
+    "ul",
+    {
+      ...m,
+      className: u(s, I.validationSummary),
+      "data-testid": n,
+      children: a.map((t) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(
+        S,
+        {
+          linkToTarget: t.linkToTarget ?? r,
+          status: t.status ?? d,
+          prefix: t.prefix ?? e,
+          visiblePrefix: t.visiblePrefix ?? o,
+          "data-testid": t.dataTestId ?? f(n, "error"),
+          children: t.message
+        }
+      ) }, `${l}-${t.linkToTarget}-${t.message}`))
+    }
+  ) : null;
+};
+export {
+  b as IressValidationSummary
+};

package/dist/components/ValidationMessage/ValidationSummary/ValidationSummary.types.js

@@ -0,0 +1 @@
+

package/dist/components/ValidationMessage/index.js

@@ -0,0 +1,8 @@
+import { IressValidationMessage as a } from "./ValidationMessage.js";
+import { IressValidationLink as s } from "./ValidationLink/ValidationLink.js";
+import { IressValidationSummary as t } from "./ValidationSummary/ValidationSummary.js";
+export {
+  s as IressValidationLink,
+  a as IressValidationMessage,
+  t as IressValidationSummary
+};

package/dist/constants/index.css

@@ -0,0 +1 @@
+@value ids-version: v554;

package/dist/constants/index.scss

@@ -0,0 +1,2 @@
+// TODO: Fix this so its not hard coded.
+$ids-version: 'v554';

package/dist/constants.js

@@ -0,0 +1,193 @@
+const t = "5.14.0", e = {
+  /**
+   * Extra small breakpoint, for mobile devices
+   */
+  xs: {
+    mediaQuery: "(min-width: 0) and (max-width: 575px)",
+    screenWidthRange: "0 - 575px",
+    minScreenWidth: "0px",
+    maxScreenWidth: "575px",
+    containerMaxWidth: "100%",
+    viewportWidth: 360
+  },
+  /**
+   * Small breakpoint, for larger mobile devices and tablets
+   */
+  sm: {
+    mediaQuery: "(min-width: 576px) and (max-width: 767px)",
+    screenWidthRange: "576px - 767px",
+    minScreenWidth: "576px",
+    maxScreenWidth: "767px",
+    containerMaxWidth: "520px",
+    viewportWidth: 767
+  },
+  /**
+   * Medium breakpoint for tablets and small desktops
+   */
+  md: {
+    mediaQuery: "(min-width: 768px) and (max-width: 1023px)",
+    screenWidthRange: "768px - 1023px",
+    minScreenWidth: "768px",
+    maxScreenWidth: "1023px",
+    containerMaxWidth: "740px",
+    viewportWidth: 962
+  },
+  /**
+   * Large breakpoint for desktops
+   */
+  lg: {
+    mediaQuery: "(min-width: 1024px) and (max-width: 1199px)",
+    screenWidthRange: "1024px - 1199px",
+    minScreenWidth: "1024px",
+    maxScreenWidth: "1199px",
+    containerMaxWidth: "960px",
+    viewportWidth: 1180
+  },
+  /**
+   * Extra large breakpoint for large desktops
+   */
+  xl: {
+    mediaQuery: "(min-width: 1200px) and (max-width: 1499px)",
+    screenWidthRange: "1200px - 1499px",
+    minScreenWidth: "1200px",
+    maxScreenWidth: "1499px",
+    containerMaxWidth: "1160px",
+    viewportWidth: 1366
+  },
+  /**
+   * Extra extra large breakpoint for extra large desktops (32inch)
+   */
+  xxl: {
+    mediaQuery: "(min-width: 1500px)",
+    screenWidthRange: "1500px and above",
+    minScreenWidth: "1500px",
+    containerMaxWidth: "1160px",
+    viewportWidth: 1920
+  }
+}, n = Object.keys(
+  e
+), i = `v${t.replace(/\./g, "")}`, d = ["inline", "overlay"], a = [
+  "auto",
+  "bottom-start",
+  "bottom",
+  "bottom-end",
+  "top-start",
+  "top",
+  "top-end",
+  "left-start",
+  "left",
+  "left-end",
+  "right-start",
+  "right",
+  "right-end"
+], r = 'button, a[href], input, select, textarea, [tabindex]:not([tabindex="-1"])', o = [
+  "2",
+  "4",
+  "6",
+  "8",
+  "10",
+  "12",
+  "16",
+  "25perc",
+  "50perc",
+  "75perc",
+  "100perc"
+], c = 12, x = ["none", "xs", "sm", "md", "lg", "xl"], p = ["h2", "h3", "h4", "h5", "h6"], h = [
+  "around",
+  "between",
+  "center",
+  "evenly",
+  "left",
+  "right"
+], s = ["log", "warn", "error"], m = ["none", "sm", "md", "lg"], S = [
+  "danger",
+  "info",
+  "success",
+  "warning"
+], E = [
+  "inherit",
+  "left",
+  "center",
+  "right",
+  "justify"
+], W = [
+  "danger",
+  "info",
+  "muted",
+  "primary",
+  "success",
+  "warning",
+  "positive",
+  "negative"
+], l = [
+  "blockquote",
+  "body",
+  "bold",
+  "code",
+  "display",
+  "display1",
+  "display2",
+  "display3",
+  "display4",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "italic",
+  "lead",
+  "small",
+  "cite",
+  "caption"
+], I = ["top", "middle", "bottom", "stretch"], _ = {
+  /**
+   * The default z-index used for most elements. Can be combined with raised and floating elevations.
+   */
+  "000": 0,
+  /**
+   * Used for IressNavbar. Can be combined with overflow elevation.
+   */
+  100: 100,
+  /**
+   * Used for IressPopover. Can be combined with floating elevation.
+   */
+  200: 200,
+  /**
+   * Used for IressSlideout. Can be combined with floating elevation.
+   */
+  300: 300,
+  /**
+   * Used for IressModal. Can be combined with floating elevation.
+   */
+  400: 400,
+  /**
+   * Used for IressToast. Can be combined with floating elevation.
+   */
+  500: 500,
+  /**
+   * Used for IressTooltip. Can be combined with floating elevation.
+   */
+  600: 600
+};
+export {
+  n as BREAKPOINTS,
+  e as BREAKPOINT_DETAILS,
+  i as CSS_IDS_VERSION,
+  d as DISPLAY_MODES,
+  a as FLOATING_UI_ALIGNS,
+  r as FOCUSABLE_QUERY_SELECTOR,
+  o as FORM_ELEMENT_WIDTHS,
+  c as GRID_SIZE,
+  x as GUTTER_SIZES,
+  p as HEADING_LEVELS,
+  h as HORIZONTAL_ALIGNS,
+  s as LOGGER_LEVELS,
+  m as PADDING_SIZES,
+  S as SYSTEM_VALIDATION_STATUSES,
+  E as TEXT_ALIGNS,
+  W as TEXT_MODES,
+  l as TEXT_VARIANTS,
+  I as VERTICAL_ALIGNS,
+  _ as Z_INDEX
+};

package/dist/enums.js

@@ -0,0 +1,22 @@
+var c = /* @__PURE__ */ ((r) => (r.FormElement = "iress-form-element", r.FormElementInner = "iress-form-element__inner", r.FormElementInvalid = "iress-form-element--invalid", r.FormLabel = "iress-form-label", r.SROnly = "iress-sr-only", r.NoScroll = "iress-no-scroll", r.Hidden = "iress-hidden", r.IgnoreStack = "iress-u-stack--ignore", r.TextAlignBase = "iress--text-align", r.HiddenMobile = "iress-hidden--mobile", r.Width = "iress-width", r.Display = "iress-display", r.Padding = "iress-p", r))(c || {}), s = /* @__PURE__ */ ((r) => (r.Xs = "xs", r.Sm = "sm", r.Md = "md", r.Lg = "lg", r.Xl = "xl", r.Xxl = "xxl", r))(s || {}), u = /* @__PURE__ */ ((r) => (r.Inline = "inline", r.Overlay = "overlay", r))(u || {}), o = /* @__PURE__ */ ((r) => (r.H2 = "h2", r.H3 = "h3", r.H4 = "h4", r.H5 = "h5", r.H6 = "h6", r))(o || {}), h = /* @__PURE__ */ ((r) => (r.Log = "log", r.Warn = "warn", r.Error = "error", r))(h || {}), d = /* @__PURE__ */ ((r) => (r.Date = "date", r.Email = "email", r.Number = "number", r.Password = "password", r.Search = "search", r.Tel = "tel", r.Text = "text", r.Url = "url", r.Time = "time", r.Color = "color", r.File = "file", r.DateTimeLocal = "datetime-local", r))(d || {}), v = /* @__PURE__ */ ((r) => (r.Date = "date", r.Email = "email", r.Number = "number", r.Password = "password", r.Search = "search", r.Tel = "tel", r.Text = "text", r.Url = "url", r.Time = "time", r.File = "file", r.Color = "color", r.Checkbox = "checkbox", r.Radio = "radio", r.Select = "select", r.CheckboxGroup = "checkbox-group", r.RadioGroup = "radio-group", r.Combobox = "combobox", r.DateTimeLocal = "datetime-local", r))(v || {}), f = /* @__PURE__ */ ((r) => (r.Two = "2", r.Four = "4", r.Six = "6", r.Eight = "8", r.Ten = "10", r.Twelve = "12", r.Sixteen = "16", r.TwentyFivePercent = "25perc", r.FiftyPercent = "50perc", r.SeventyFivePercent = "75perc", r))(f || {}), b = /* @__PURE__ */ ((r) => (r.Auto = "auto", r.BottomStart = "bottom-start", r.BottomCenter = "bottom", r.BottomEnd = "bottom-end", r.TopStart = "top-start", r.TopCenter = "top", r.TopEnd = "top-end", r.LeftStart = "left-start", r.LeftCenter = "left", r.LeftEnd = "left-end", r.RightStart = "right-start", r.RightCenter = "right", r.RightEnd = "right-end", r))(b || {}), w = /* @__PURE__ */ ((r) => (r.Danger = "danger", r.Info = "info", r.Success = "success", r.Warning = "warning", r))(w || {}), D = /* @__PURE__ */ ((r) => (r.Inherit = "inherit", r.Left = "left", r.Center = "center", r.Right = "right", r.Justify = "justify", r))(D || {}), H = /* @__PURE__ */ ((r) => (r.P = "p", r.Div = "div", r.Span = "span", r.H1 = "h1", r.H2 = "h2", r.H3 = "h3", r.H4 = "h4", r.H5 = "h5", r.H6 = "h6", r.Code = "code", r.Blockquote = "blockquote", r.Caption = "caption", r.Cite = "cite", r.Small = "small", r))(H || {}), a = /* @__PURE__ */ ((r) => (r.Body = "body", r.Danger = "danger", r.Info = "info", r.Muted = "muted", r.Primary = "primary", r.Success = "success", r.Warning = "warning", r.Positive = "positive", r.Negative = "negative", r))(a || {}), R = /* @__PURE__ */ ((r) => (r.Blockquote = "blockquote", r.Bold = "bold", r.Body = "body", r.Code = "code", r.Display = "display", r.Display1 = "display1", r.Display2 = "display2", r.Display3 = "display3", r.Display4 = "display4", r.Heading1 = "h1", r.Heading2 = "h2", r.Heading3 = "h3", r.Heading4 = "h4", r.Heading5 = "h5", r.Heading6 = "h6", r.Italic = "italic", r.Lead = "lead", r.Small = "small", r.Cite = "cite", r.Caption = "caption", r))(R || {}), i = /* @__PURE__ */ ((r) => (r.None = "none", r.Sm = "sm", r.Md = "md", r.Lg = "lg", r))(i || {}), p = /* @__PURE__ */ ((r) => (r.Sm = "sm", r.Md = "md", r.Lg = "lg", r.FullPage = "fullpage", r))(p || {}), P = /* @__PURE__ */ ((r) => (r.None = "none", r.Xs = "xs", r.Sm = "sm", r.Md = "md", r.Lg = "lg", r.Xl = "xl", r))(P || {}), B = /* @__PURE__ */ ((r) => (r.Around = "around", r.Between = "between", r.Center = "center", r.Evenly = "evenly", r.Left = "left", r.Right = "right", r))(B || {}), L = /* @__PURE__ */ ((r) => (r.Bottom = "bottom", r.Middle = "middle", r.Stretch = "stretch", r.Top = "top", r))(L || {});
+export {
+  s as Breakpoint,
+  u as DisplayMode,
+  b as FloatingUIAlign,
+  v as FormElementType,
+  f as FormElementWidth,
+  c as GlobalCSSClass,
+  P as GutterSize,
+  o as HeadingLevel,
+  B as HorizontalAlign,
+  h as LoggerLevels,
+  p as ModalSize,
+  i as PaddingSize,
+  w as SystemValidationStatus,
+  D as TextAlign,
+  H as TextElement,
+  d as TextFieldType,
+  a as TextMode,
+  R as TextVariant,
+  L as VerticalAlign
+};