@iress-oss/ids-components 5.20.2 → 6.0.0-alpha.1

package/dist/components/Popover/components/PopoverContent.js

@@ -1,59 +1,74 @@
-import { jsx as o } from "react/jsx-runtime";
-import { c } from "../../../index-cbHCAGLB.js";
-import { s as p } from "../../../Popover.module-DsySRqqg.js";
-import { usePopover as u } from "../hooks/usePopover.js";
-import { b as g, F, c as h, d as i, e as P, f as v, g as I } from "../../../floating-ui.react-DYBeYtOf.js";
-import { composePopoverFloatingProps as N } from "../helpers/composeFloatingProps.js";
-const l = ({
-  children: e,
-  className: r,
+import { jsx as e } from "react/jsx-runtime";
+import { q as F, r as v, t as x, v as c, g as I, w as P, f as w } from "../../../floating-ui.react-CmSaAiNF.js";
+import { composePopoverFloatingProps as C } from "../helpers/composeFloatingProps.js";
+import { useContext as E, useEffect as T } from "react";
+import { s as N } from "../../../factory-oPXoMw9H.js";
+import { PopoverContext as A } from "../hooks/usePopover.js";
+const u = ({
+  children: r,
   displayMode: n,
-  style: s,
+  id: i,
+  style: f,
   virtualFocus: a,
   ...m
 }) => {
-  const t = u();
-  if (!t) return null;
-  const f = N(
+  const t = E(A);
+  if (T(() => {
+    if (t?.show) {
+      const p = () => {
+        document.querySelectorAll(
+          '[data-floating-ui-focus-guard][aria-hidden="true"]'
+        ).forEach((s) => {
+          s instanceof HTMLElement && s.tabIndex !== -1 && (s.tabIndex = -1);
+        });
+      }, g = (o) => {
+        o instanceof HTMLElement && o.hasAttribute("data-floating-ui-focus-guard") && o.getAttribute("aria-hidden") === "true" && o.tabIndex !== -1 && (o.tabIndex = -1);
+      }, b = setTimeout(p, 0), d = new MutationObserver((o) => {
+        o.forEach((s) => {
+          s.addedNodes.forEach(g);
+        });
+      });
+      return d.observe(document.body, {
+        childList: !0,
+        subtree: !0
+      }), () => {
+        clearTimeout(b), d.disconnect();
+      };
+    }
+  }, [t?.show]), !t) return null;
+  const h = C(
     t,
     n,
-    s
+    f,
+    i
   );
-  return /* @__PURE__ */ o(v, { elementsRef: t.list, children: /* @__PURE__ */ o(
-    I,
+  return /* @__PURE__ */ e(P, { elementsRef: t.list, children: /* @__PURE__ */ e(
+    w,
     {
       context: t.api.context,
       initialFocus: a ? -1 : 0,
       modal: !1,
       disabled: !t?.show,
       returnFocus: !a,
-      children: /* @__PURE__ */ o(
-        "div",
+      children: /* @__PURE__ */ e(
+        N.div,
         {
           ...m,
-          className: c(r, p.content),
           hidden: !t?.show,
           ref: t?.api.refs.setFloating,
-          ...f,
-          children: e
+          ...h,
+          children: r
         }
       )
     }
   ) });
-}, d = ({
-  className: e,
+}, l = ({
   container: r,
   ...n
 }) => {
-  const s = h();
-  return r ? /* @__PURE__ */ o(i, { id: s, children: /* @__PURE__ */ o(P, { root: r, preserveTabOrder: !0, children: /* @__PURE__ */ o(
-    l,
-    {
-      ...n,
-      className: c(e, p.portal)
-    }
-  ) }) }) : /* @__PURE__ */ o(i, { id: s, children: /* @__PURE__ */ o(l, { ...n, className: e }) });
-}, y = (e) => g() === null ? /* @__PURE__ */ o(F, { children: /* @__PURE__ */ o(d, { ...e }) }) : /* @__PURE__ */ o(d, { ...e });
+  const i = x();
+  return r ? /* @__PURE__ */ e(c, { id: i, children: /* @__PURE__ */ e(I, { root: r, preserveTabOrder: !0, children: /* @__PURE__ */ e(u, { ...n }) }) }) : /* @__PURE__ */ e(c, { id: i, children: /* @__PURE__ */ e(u, { ...n }) });
+}, O = (r) => F() === null ? /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(l, { ...r }) }) : /* @__PURE__ */ e(l, { ...r });
 export {
-  y as PopoverContent
+  O as PopoverContent
 };

package/dist/components/Popover/helpers/composeFloatingProps.js

@@ -1,28 +1,28 @@
-import { getActiveElement as f } from "../../../helpers/dom/getActiveElement.js";
+import { getActiveElement as g } from "../../../helpers/dom/getActiveElement.js";
 import { handlePopoverTabKey as m } from "./handlePopoverTabKey.js";
-const x = (t, e, o) => {
-  const i = t?.hasInnerRole() ? void 0 : t?.type, c = i && ["listbox", "menu", "tree"].includes(i), l = i && ["application", "combobox", "composite", "group"].includes(i), r = e === "inline", u = () => {
+const P = (t, e, s, c) => {
+  const i = t?.hasInnerRole() ? void 0 : t?.type, o = i && ["listbox", "menu", "tree"].includes(i), l = i && ["application", "combobox", "composite", "group"].includes(i), r = e === "inline", u = () => {
     setTimeout(() => {
-      f() === t.api.elements.floating && !t.getVirtualFocus && t.list.current?.[0]?.focus();
+      g() === t.api.elements.floating && !t.getVirtualFocus && t.list.current?.[0]?.focus();
     });
   }, d = (n) => {
-    const a = t.getVirtualFocus !== void 0;
-    if (n.key === "Tab" && m(t, n), n.key === "PageUp" && !a && t.list.current[0]?.focus(), n.key === "PageDown" && !a) {
-      const g = Math.max(t?.list.current.length - 1, 0);
-      t.list.current[g]?.focus();
+    if (n.key === "Tab" && m(t, n), n.key === "PageUp" && !t?.isVirtualFocus && t.list.current[0]?.focus(), n.key === "PageDown" && !t?.isVirtualFocus) {
+      const f = Math.max(t?.list.current.length - 1, 0);
+      t.list.current[f]?.focus();
     }
-    t.disabledAutoToggle || y(t, n);
-  }, s = t.interactions.getFloatingProps({
+    y(t, n);
+  }, a = t.interactions.getFloatingProps({
     onFocus: u,
     onKeyDown: d
   });
   return {
-    ...s,
-    "aria-activedescendant": l ? s?.["aria-activedescendant"] : void 0,
-    "aria-orientation": c ? s?.["aria-orientation"] : void 0,
+    ...a,
+    "aria-activedescendant": l ? a?.["aria-activedescendant"] : void 0,
+    "aria-orientation": o ? a?.["aria-orientation"] : void 0,
+    id: c ?? t?.api?.context?.floatingId,
     role: i,
     style: {
-      ...o,
+      ...s,
       ...r ? {} : t?.api?.floatingStyles
     }
   };
@@ -30,5 +30,5 @@ const x = (t, e, o) => {
   t.type !== "listbox" || e.key !== "ArrowUp" || t.activeIndex !== 0 || t.setShowWithReason(!1, e.nativeEvent, "list-navigation");
 };
 export {
-  x as composePopoverFloatingProps
+  P as composePopoverFloatingProps
 };

package/dist/components/Popover/helpers/handlePopoverTabKey.js

@@ -1,30 +1,29 @@
-import { t as f } from "../../../index.esm-CL8gh5wr.js";
-import { s as c } from "../../../Popover.module-DsySRqqg.js";
-import { FOCUSABLE_QUERY_SELECTOR as l } from "../../../constants.js";
-import { focusableElements as m } from "../../../helpers/dom/focusableElements.js";
+import { t as o } from "../../../index.esm-8uZEha-3.js";
+import { FOCUSABLE_QUERY_SELECTOR as c } from "../../../constants.js";
+import { focusableElements as l } from "../../../helpers/dom/focusableElements.js";
 import { waitUntilTrue as u } from "./waitUntilTrue.js";
-const g = async (n, s) => {
-  if (s.key !== "Tab")
+const E = async (t, a) => {
+  if (a.key !== "Tab")
     return;
-  const o = n.api.elements.reference;
-  if (!o)
+  const i = t.api.elements.reference;
+  if (!i)
     return;
-  let t = o;
-  if (!t.matches(l)) {
-    const e = m(o);
-    t = e[e.length - 1];
+  let n = i;
+  if (!n.matches(c)) {
+    const e = l(i);
+    n = e[e.length - 1];
   }
-  if (s.shiftKey && (n.setShow(!1), t.focus()), !s.shiftKey) {
-    n.setShowWithReason(!1);
-    const e = f(document.documentElement).filter(
-      (i) => !i.closest(`.${c.content}`) && !i.hasAttribute("data-floating-ui-focus-guard")
-    ), a = e.indexOf(t), r = e[a + 1];
-    if (a === -1 || !r) return;
+  if (a.shiftKey && (t.setShow(!1), n.focus()), !a.shiftKey) {
+    t.setShowWithReason(!1);
+    const e = o(document.documentElement).filter(
+      (r) => !t.api.elements.floating?.contains(r) && !r.hasAttribute("data-floating-ui-focus-guard")
+    ), f = e.indexOf(n), s = e[f + 1];
+    if (f === -1 || !s) return;
     await u(
-      () => !r.hasAttribute("data-floating-ui-inert")
-    ), r.focus();
+      () => !s.hasAttribute("data-floating-ui-inert")
+    ), s.focus();
   }
 };
 export {
-  g as handlePopoverTabKey
+  E as handlePopoverTabKey
 };

package/dist/components/Popover/hooks/usePopover.js

@@ -1,6 +1,143 @@
-import { useContext as o } from "react";
-import { a as t } from "../../../PopoverProvider-DZ92QV8I.js";
-const p = () => o(t);
+import { createContext as z, useRef as V, useMemo as p, useCallback as x } from "react";
+import { useControlledState as D } from "../../../hooks/useControlledState.js";
+import { o as A, j as E, i as K, s as T, m as W, u as X, n as B, b as J, c as L, d as Q, p as Y } from "../../../floating-ui.react-CmSaAiNF.js";
+import { usePopoverNavigation as Z } from "./usePopoverNavigation.js";
+import { focusableElements as ee } from "../../../helpers/dom/focusableElements.js";
+import { usePopoverAria as oe } from "./usePopoverAria.js";
+import { closestCrossShadow as te } from "../../../helpers/dom/closestCrossShadow.js";
+import { GlobalCSSClass as se } from "../../../enums.js";
+const ne = 200, fe = ({
+  align: i = "auto",
+  autoHighlight: I = !0,
+  component: M = "IressPopover",
+  defaultShow: N,
+  focusStartIndex: d,
+  hasInputActivator: a,
+  matchActivatorWidth: v,
+  onActivated: k,
+  onDeactivated: H,
+  onNavigate: _,
+  show: $,
+  type: l,
+  virtualFocus: n
+}) => {
+  const w = V(!1), C = V(null), {
+    isControlled: h,
+    setValue: f,
+    value: r
+  } = D({
+    component: M,
+    defaultValue: N,
+    propName: "show",
+    value: $
+  }), j = p(() => {
+    const e = a ? [A(5), E({ padding: 5 })] : [
+      A(5),
+      i === "auto" ? K() : E(),
+      T((t) => ({
+        mainAxis: !te(
+          t.elements.reference,
+          `.${se.Slideout}`
+        )
+      }))
+    ];
+    return v ? [
+      ...e,
+      W({
+        apply({ rects: t, availableHeight: s, elements: y }) {
+          requestAnimationFrame(() => {
+            Object.assign(y.floating.style, {
+              minWidth: `${t.reference.width}px`,
+              maxHeight: s > ne ? `${s}px` : void 0
+            });
+          });
+        },
+        padding: 5
+      })
+    ] : e;
+  }, [v, a, i]), o = X({
+    open: r,
+    onOpenChange: (e, t, s) => {
+      f(e), e ? k?.(t, s, c) : H?.(t, s, c);
+    },
+    middleware: j,
+    placement: i === "auto" ? void 0 : i,
+    whileElementsMounted: Y
+  }), { activeIndex: c, list: b, listNav: q, setActiveIndex: u } = Z(
+    o.context,
+    l,
+    {
+      focusItemOnOpen: I,
+      virtual: n
+    },
+    _,
+    d
+  ), F = B(o.context, {
+    enabled: !a
+  }), G = J(o.context, {
+    enabled: !0,
+    escapeKey: !a
+  }), U = L(o.context, {
+    role: l
+  }), S = oe(), P = Q([F, G, U, q]), g = p(() => n ? {
+    getVirtualFocus: () => C.current,
+    setVirtualFocus: (e) => {
+      C.current = e;
+    }
+  } : {}, [n]), m = x(() => {
+    const e = o.elements.reference;
+    return e?.querySelector("[role=combobox]") ?? ee(e)[0];
+  }, [o.elements.reference]), O = x(
+    (e) => !e || !r ? !1 : e === m(),
+    [m, r]
+  ), R = x(() => {
+    u(d ?? null);
+  }, [d, u]);
+  return p(
+    () => ({
+      activeIndex: c,
+      ...S,
+      api: o,
+      getFocusableActivator: m,
+      hasInnerRole: () => w.current,
+      interactions: P,
+      isActiveActivator: O,
+      isControlled: h,
+      isVirtualFocus: !!n,
+      list: b,
+      resetActiveIndex: R,
+      setActiveIndex: u,
+      setShow: f,
+      setShowWithReason: o.context.onOpenChange,
+      setHasInnerRole: (e) => {
+        w.current = e;
+      },
+      show: !!r,
+      type: l,
+      ...g
+    }),
+    [
+      c,
+      o,
+      S,
+      m,
+      P,
+      O,
+      h,
+      b,
+      R,
+      u,
+      f,
+      r,
+      l,
+      g,
+      n
+    ]
+  );
+}, pe = z(
+  void 0
+);
 export {
-  p as usePopover
+  pe as PopoverContext,
+  fe as usePopover
 };

package/dist/components/Popover/hooks/usePopoverActivatorInteractions.js

@@ -7,7 +7,7 @@ const c = (t, n) => {
     [n]
   ), i = s(
     (e) => {
-      t?.show ? l(e, t) : t && u(e, t), n?.onKeyDown?.(e);
+      t?.show ? l(e, t) : t && o(e, t), n?.onKeyDown?.(e);
     },
     [n, t]
   );
@@ -17,7 +17,7 @@ const c = (t, n) => {
   };
 }, l = (t, n) => {
   const a = n?.getVirtualFocus !== void 0;
-  if (n?.getVirtualFocus?.()?.onKeyDown?.(t, n), t.key === "Tab" && (n?.getVirtualFocus?.()?.onBlur?.(t), n?.getVirtualFocus && n?.setShowWithReason(!1, t.nativeEvent, "focus")), t.key === "PageUp" && a && n.setActiveIndex(0), t.key === "PageDown" && a) {
+  if (n?.getVirtualFocus?.()?.onKeyDown?.(t), t.key === "Tab" && (n?.getVirtualFocus?.()?.onBlur?.(t), n?.getVirtualFocus && n?.setShowWithReason(!1, t.nativeEvent, "focus")), t.key === "PageUp" && a && n.setActiveIndex(0), t.key === "PageDown" && a) {
     const i = Math.max(n?.list.current.length - 1, 0);
     n.setActiveIndex(i);
   }
@@ -25,7 +25,7 @@ const c = (t, n) => {
     const i = t.target, e = i.selectionStart ?? 0;
     e < i.value.length && i.setSelectionRange(e + 1, e + 1);
   }
-}, u = (t, n) => {
+}, o = (t, n) => {
   t.key === "ArrowDown" && n?.setShowWithReason(!0, t.nativeEvent, "focus");
 };
 export {

package/dist/components/Popover/hooks/usePopoverImperativeHandle.js

@@ -1,25 +1,25 @@
-import { useImperativeHandle as s } from "react";
-const g = (r, e, t, o, l) => {
-  s(
-    r,
+import { useImperativeHandle as a } from "react";
+const r = (o, e) => {
+  a(
+    o,
     () => ({
-      getActivator: () => e.elements.domReference,
-      getFocusableActivator: l?.getFocusableActivator,
-      getContent: () => e.elements.floating,
-      setShow: o.setShow,
-      show: o.show,
-      toggleAriaControls: t.toggleAriaControls
+      getActivator: () => e.api.elements.domReference,
+      getFocusableActivator: e.getFocusableActivator,
+      getContent: () => e.api.elements.floating,
+      setShow: e.setShow,
+      show: e.show,
+      toggleAriaControls: e.toggleAriaControls
     }),
     [
-      l?.getFocusableActivator,
-      o.setShow,
-      o.show,
-      t.toggleAriaControls,
-      e.elements.domReference,
-      e.elements.floating
+      e.api.elements.domReference,
+      e.api.elements.floating,
+      e.getFocusableActivator,
+      e.setShow,
+      e.show,
+      e.toggleAriaControls
     ]
   );
 };
 export {
-  g as usePopoverImperativeHandle
+  r as usePopoverImperativeHandle
 };

package/dist/components/Popover/hooks/usePopoverItem.js

@@ -1,17 +1,20 @@
-import { u as p } from "../../../floating-ui.react-DYBeYtOf.js";
-import { useId as u, useEffect as m } from "react";
-import { usePopover as f } from "./usePopover.js";
-const d = (s, t = null) => {
-  const o = f(), { ref: r, index: n } = p({ label: s }), i = u(), e = o?.setVirtualFocus && n === o?.activeIndex, c = e ? 0 : -1;
-  return m(() => {
-    e && o?.setVirtualFocus?.(t);
-  }, [e, o, t]), {
+import { h as c } from "../../../floating-ui.react-CmSaAiNF.js";
+import { useContext as p, useId as f, useMemo as m, useEffect as v } from "react";
+import { PopoverContext as d } from "./usePopover.js";
+const l = (r, t = null) => {
+  const e = p(d), { ref: s, index: n } = c({ label: r }), i = f(), o = n === e?.activeIndex, u = m(() => {
+    if (e)
+      return o && !e?.isVirtualFocus ? 0 : -1;
+  }, [o, e]);
+  return v(() => {
+    o && e?.setVirtualFocus?.(t);
+  }, [o, e, t]), {
     id: i,
-    isActiveInPopover: e,
-    ref: r,
-    tabIndex: o ? c : void 0
+    isActiveInPopover: o,
+    ref: s,
+    tabIndex: e ? u : void 0
   };
 };
 export {
-  d as usePopoverItem
+  l as usePopoverItem
 };

package/dist/components/Popover/hooks/usePopoverNavigation.js

@@ -1,5 +1,5 @@
 import { useMemo as r, useState as O, useEffect as N, useRef as c } from "react";
-import { n as R } from "../../../floating-ui.react-DYBeYtOf.js";
+import { x as R } from "../../../floating-ui.react-CmSaAiNF.js";
 const b = (s, e, o, m, u = 0) => {
   const t = r(
     () => !!(e && ["menu", "listbox"].includes(e)),

package/dist/components/Popover/index.js

@@ -1,13 +1,10 @@
-import { POPOVER_TYPES as e, POPOVER_USE_MAX_HEIGHT as p, PopoverCssClass as P, PopoverType as s } from "./Popover.types.js";
-import { IressPopover as m } from "./Popover.js";
-import { usePopoverItem as E } from "./hooks/usePopoverItem.js";
-import { IressInputPopover as f } from "./InputPopover/InputPopover.js";
+import { IressPopover as e } from "./Popover.js";
+import { popover as t } from "./Popover.styles.js";
+import { IressInputPopover as s } from "./InputPopover/InputPopover.js";
+import { usePopoverItem as v } from "./hooks/usePopoverItem.js";
 export {
-  f as IressInputPopover,
-  m as IressPopover,
-  e as POPOVER_TYPES,
-  p as POPOVER_USE_MAX_HEIGHT,
-  P as PopoverCssClass,
-  s as PopoverType,
-  E as usePopoverItem
+  s as IressInputPopover,
+  e as IressPopover,
+  t as popover,
+  v as usePopoverItem
 };

package/dist/components/Progress/Progress.js

@@ -1,52 +1,62 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useState as f, useEffect as v } from "react";
-import { propagateTestid as h } from "../../helpers/utility/propagateTestid.js";
-import { stringReplacer as M } from "../../helpers/formatting/stringReplacer.js";
-import { c as S } from "../../index-cbHCAGLB.js";
-const x = "ids-progress-v5202", b = "ids-progress--indicator-v5202", n = {
-  progress: x,
-  indicator: b
-}, N = ({
-  className: c,
+import { jsx as n } from "react/jsx-runtime";
+import { useState as v, useEffect as M } from "react";
+import { stringReplacer as b } from "../../helpers/formatting/stringReplacer.js";
+import { c as x } from "../../css-fGu_jDvv.js";
+import { c as C } from "../../cx-DN21T1EH.js";
+import { progress as h } from "./Progress.styles.js";
+import { s as c } from "../../factory-oPXoMw9H.js";
+import { s as N } from "../../is-valid-prop-Ce0wiweq.js";
+import { GlobalCSSClass as V } from "../../enums.js";
+import { t as j } from "../../index-CvOVcYUc.js";
+const A = ({
+  borderRadius: e,
+  className: p,
   max: r = 100,
-  min: t = 0,
-  sectionTitle: l = "Progress is {{current}} of {{max}}",
-  value: s = 0,
-  "data-testid": e,
+  min: s,
+  sectionTitle: f = "Progress is {{current}} of {{max}}",
+  style: u,
+  value: o = 0,
   ...d
 }) => {
-  const [o, p] = f(s), g = `${Math.round((s - t) / (r - t) * 100).toString()}%`, a = () => M(l, [
-    { name: "{{current}}", value: o.toString() },
+  const [t, g] = v(o), [S, a] = N(d), l = C(
+    p,
+    x(h.raw(), S),
+    V.Progress
+  ), i = () => b(f, [
+    { name: "{{current}}", value: String(t) },
     { name: "{{max}}", value: r.toString() }
   ]);
-  return v(() => {
-    const m = Math.max(s, t), u = Math.min(m, r);
-    p(u);
-  }, [s, t, r]), /* @__PURE__ */ i(
-    "div",
+  M(() => {
+    const P = Math.max(o, s ?? 0), y = Math.min(P, r);
+    g(y);
+  }, [o, s, r]);
+  const m = {
+    "--iress-border-radius": e ? j(`radii.${e}`) : void 0,
+    ...u
+  };
+  return s !== void 0 ? /* @__PURE__ */ n(
+    c.meter,
     {
-      ...d,
-      "data-testid": e,
-      className: S(c, n.progress),
-      children: /* @__PURE__ */ i(
-        "div",
-        {
-          "aria-valuetext": a(),
-          "aria-valuemax": r,
-          "aria-valuemin": t,
-          "aria-valuenow": o,
-          "aria-label": a(),
-          className: n.indicator,
-          role: "progressbar",
-          "data-testid": h(e, "progressbar"),
-          style: {
-            width: g
-          }
-        }
-      )
+      "aria-label": i(),
+      className: l,
+      max: r,
+      min: s,
+      value: t,
+      ...a,
+      style: m
+    }
+  ) : /* @__PURE__ */ n(
+    c.progress,
+    {
+      "aria-label": i(),
+      className: l,
+      max: r,
+      value: t,
+      ...a,
+      style: m
     }
   );
-}, R = N;
+};
 export {
-  R as IressProgress
+  A as IressProgress
 };

package/dist/components/Progress/Progress.styles.js

@@ -0,0 +1,36 @@
+import { c as r } from "../../cva-JiDXAa83.js";
+const e = r({
+  base: {
+    appearance: "none",
+    bg: "colour.neutral.40",
+    color: "colour.neutral.50",
+    display: "block",
+    height: "progress.height",
+    width: "[100%]",
+    borderRadius: "var(--iress-border-radius)",
+    "--iress-border-radius": "{radii.radius.system.form}",
+    overflow: "hidden",
+    _progressBar: {
+      bg: "transparent",
+      height: "progress.height",
+      margin: "spacing.000"
+    },
+    _progressValue: {
+      appearance: "none",
+      bg: "[currentColor]",
+      borderRadius: "var(--iress-border-radius)",
+      margin: "spacing.000",
+      transition: "all"
+    },
+    _mozProgressValue: {
+      appearance: "none",
+      bg: "[currentColor]",
+      borderRadius: "var(--iress-border-radius)",
+      margin: "spacing.000",
+      transition: "all"
+    }
+  }
+});
+export {
+  e as progress
+};

package/dist/components/Progress/index.js

@@ -1,4 +1,6 @@
-import { IressProgress as e } from "./Progress.js";
+import { IressProgress as s } from "./Progress.js";
+import { progress as p } from "./Progress.styles.js";
 export {
-  e as IressProgress
+  s as IressProgress,
+  p as progress
 };