@hortiview/shared-components 2.27.4 → 2.28.0-alpha.4cc3c312.1

package/{dist/components → components}/Stepper/components/StepperItem.d.ts

@@ -1,8 +1,7 @@
 import { StepperItemProps } from '../stepperTypes';
-
 /**
  * A component for the Desktop-style stepper. Shows the number of the step, title and description
  * @param step - Step to be displayed in the stepper item.
  * @returns
  */
-export declare const StepperItem: ({ maxWidth: maxWidth, stepDefinition, stepActive, stepCompleted, }: StepperItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StepperItem: ({ maxWidth: maxWidth, stepDefinition, stepActive, stepCompleted, }: StepperItemProps) => import("react").JSX.Element;

package/{dist/components → components}/Stepper/components/StepperItem.js

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import { G as o } from "../../../index.es-BE1XL1dD.js";
-import { T as a } from "../../../index.es-EXzC8zuP.js";
+import { T as a } from "../../../index.es-CdZp67J9.js";
 import { Iconify as i } from "../../Iconify/Iconify.js";
 import { s as t } from "../../../stepper.module-C_EMu-Fl.js";
 const N = ({

package/{dist/components → components}/Stepper/stepperTypes.d.ts

@@ -1,7 +1,6 @@
 import { ButtonProps } from '@element-public/react-button';
 import { CSSProperties, ReactNode } from 'react';
 import { StepperStyle } from './stepperStyles.ts';
-
 /**
  * Defines the structure of a step in the stepper
  */

package/{dist/components → components}/TopBarBanner/TopBarBanner.d.ts

@@ -23,4 +23,4 @@ export type TopBarBannerProps = {
  * @param {boolean} isStandalone - When true, renders the banner with a rounded border instead of a bottom border
  * @returns {JSX.Element|null} The rendered TopBarBanner component or null if not visible
  */
-export declare const TopBarBanner: ({ title, description, isOpen, isStandalone, icon, ...props }: TopBarBannerProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const TopBarBanner: ({ title, description, isOpen, isStandalone, icon, ...props }: TopBarBannerProps) => import("react").JSX.Element | null;

package/{dist/components → components}/TopBarBanner/TopBarBanner.js

@@ -1,8 +1,8 @@
 import { jsx as r, jsxs as t } from "react/jsx-runtime";
-import { B as c } from "../../index.es-B1cewJEy.js";
+import { B as c } from "../../index.es-B9C7vzr4.js";
 import { G as o } from "../../index.es-BE1XL1dD.js";
 import { P as u } from "../../index.es-C8AExypY.js";
-import { T as b, a as h } from "../../index.es-EXzC8zuP.js";
+import { T as b, a as h } from "../../index.es-CdZp67J9.js";
 import { c as B } from "../../index-_-9ybP20.js";
 import { useContainerWidth as g } from "../../hooks/useContainerWidth.js";
 import { Iconify as y } from "../Iconify/Iconify.js";

package/{dist/components → components}/VerticalDivider/VerticalDivider.d.ts

@@ -9,5 +9,5 @@ type VerticalDividerProps = {
      */
     className?: string;
 };
-export declare const VerticalDivider: ({ height, className }: VerticalDividerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VerticalDivider: ({ height, className }: VerticalDividerProps) => import("react").JSX.Element;
 export {};

package/{dist/hooks → hooks}/useContainerWidth.d.ts

@@ -1,5 +1,4 @@
 import { RefObject } from 'react';
-
 /**
  * Hook that observes the width of a referenced element using ResizeObserver.
  * Useful for making components respond to their own rendered size rather than

package/{dist/hooks → hooks}/useHelperText.d.ts

@@ -1,5 +1,4 @@
 import { FieldValues, Path } from 'react-hook-form';
-
 type HelperTextProps<T> = {
     propertyName: Path<T>;
     helperText: string | null;

package/{dist/index.es-CxQjsRHK.js → index.es-74LdeLp0.js}

@@ -6,22 +6,22 @@ import { e as il, l as st, x as al, g as Ut, h as ol, _ as bt, k as ct, i as yd,
 import { g as Xn } from "./_commonjsHelpers-ByX85dGu.js";
 import { b as Sd, c as Ed, j as Od, k as Gd, r as Vd } from "./es.string.iterator-BrOvr7F6.js";
 import { r as wd, _ as sr, a as Pd } from "./find-OaLSg5iu.js";
-import { c as nr, _ as Rd, L as Ji, b as cr, a as zu, d as Fd } from "./index.es-_PSuLbjQ.js";
+import { c as nr, _ as Rd, L as Ji, b as cr, a as zu, d as Fd } from "./index.es-BIgjyLDa.js";
 import { _ as Bd } from "./keyboard-DQ9O_Ke1.js";
 import { r as Nd, a as Td, _ as Ld } from "./includes-CSD_V_RY.js";
 import { a as Md, r as Xd } from "./string-trim-v5pkXsl2.js";
 import * as re from "react";
 import E, { useState as ue, useCallback as ie, forwardRef as Me, useContext as $u, useLayoutEffect as Wd, useRef as Ee, useMemo as Ae, createContext as ji, Component as Dd, Fragment as Ni, useEffect as Te, createElement as zi, useImperativeHandle as Fn, memo as $i } from "react";
-import { T as Hd, F as ll, N as Zd } from "./index.es-CpPnZRt7.js";
+import { T as Hd, F as ll, N as Zd } from "./index.es-ByqU-v6T.js";
 import { createPortal as _d } from "react-dom";
-import { a as Yd } from "./react-tooltip.min-D7xPMD-P.js";
-import { S as kd } from "./index.es-BVW2k-5y.js";
-import { d as Jd, c as jd } from "./index.es-EXzC8zuP.js";
-import { B as ul } from "./index.es-B1cewJEy.js";
-import { C as sl } from "./index.es-BSaDtduL.js";
+import { a as Yd } from "./react-tooltip.min-DKaGxvdz.js";
+import { S as kd } from "./index.es-DCWPAtXu.js";
+import { e as Jd, b as jd } from "./index.es-CdZp67J9.js";
+import { B as ul } from "./index.es-B9C7vzr4.js";
+import { C as sl } from "./index.es-B7KXUg_Y.js";
 import { c as zd, I as $d } from "./index.es-LckFzDz-.js";
-import { I as Ud } from "./index.es-BZkGOjEo.js";
-import { p as Qd } from "./component-DYpB_4EP.js";
+import { I as Ud } from "./index.es-BwhRJBEH.js";
+import { p as Qd } from "./component-9vrShqiY.js";
 import { b as Uu, c as cl } from "./tslib.es6-BDCynO9F.js";
 import { M as Kd, a as qd } from "./component-By6nyiBU.js";
 var dl = {}, fl;

package/{dist/index.es-BSaDtduL.js → index.es-B7KXUg_Y.js}

@@ -7,7 +7,7 @@ import { e as ue } from "./index.es-DRC-9PLs.js";
 import { b as z, c as b } from "./tslib.es6-BDCynO9F.js";
 import { g as F } from "./util-CBo-ipCE.js";
 import { M as he, a as Ee } from "./component-By6nyiBU.js";
-import { M as B, a as V, m as Ce, b as _e } from "./component-DYpB_4EP.js";
+import { M as B, a as V, m as Ce, b as _e } from "./component-9vrShqiY.js";
 var f = {
   ANIM_CHECKED_INDETERMINATE: "mdc-checkbox--anim-checked-indeterminate",
   ANIM_CHECKED_UNCHECKED: "mdc-checkbox--anim-checked-unchecked",

package/{dist/index.es-B1cewJEy.js → index.es-B9C7vzr4.js}

@@ -1,7 +1,7 @@
 import { _ as on, a as an, c as ln, P as n } from "./index-_-9ybP20.js";
 import { _ as hn, a as gn, d as b, b as Cn } from "./index.es-DRC-9PLs.js";
 import p, { forwardRef as rn, useRef as kn, useImperativeHandle as xn, useMemo as tn } from "react";
-import { R as wn } from "./index.es-CwgwR6SB.js";
+import { R as wn } from "./index.es-CduUloMP.js";
 import { I as On } from "./index.es-LckFzDz-.js";
 var Bn = {
   /**

package/{dist/index.es-_PSuLbjQ.js → index.es-BIgjyLDa.js}

@@ -10,13 +10,13 @@ import m, { forwardRef as Oe, useState as xt, useRef as mt, useImperativeHandle
 import { b as jt, c as Ut, d as ma } from "./tslib.es6-BDCynO9F.js";
 import { M as Vn, a as Xn } from "./component-By6nyiBU.js";
 import { a as va } from "./util-CBo-ipCE.js";
-import { m as Vt, c as Hn } from "./component-DYpB_4EP.js";
-import { R as ya } from "./index.es-CwgwR6SB.js";
-import { R as ga } from "./index.es-DPGGEmi5.js";
-import { C as Ia } from "./index.es-BSaDtduL.js";
-import { S as Ta } from "./index.es-BVW2k-5y.js";
+import { m as Vt, c as Hn } from "./component-9vrShqiY.js";
+import { R as ya } from "./index.es-CduUloMP.js";
+import { R as ga } from "./index.es-BTF3Ci4c.js";
+import { C as Ia } from "./index.es-B7KXUg_Y.js";
+import { S as Ta } from "./index.es-DCWPAtXu.js";
 import { I as fn, _ as _a } from "./index.es-LckFzDz-.js";
-import { c as Un, a as Ea } from "./index.es-EXzC8zuP.js";
+import { b as Un, a as Ea } from "./index.es-CdZp67J9.js";
 var yr = {}, gr;
 function xa() {
   if (gr) return yr;

package/{dist/index.es-DPGGEmi5.js → index.es-BTF3Ci4c.js}

@@ -6,7 +6,7 @@ import { I as ee } from "./index.es-Pc5KKhcb.js";
 import { e as te, d as ne } from "./index.es-DRC-9PLs.js";
 import { b as M, c as m } from "./tslib.es6-BDCynO9F.js";
 import { M as re, a as ae } from "./component-By6nyiBU.js";
-import { M as $, a as A, b as ie } from "./component-DYpB_4EP.js";
+import { M as $, a as A, b as ie } from "./component-9vrShqiY.js";
 var oe = {
   NATIVE_CONTROL_SELECTOR: ".mdc-radio__native-control"
 }, de = {

package/{dist/index.es-BZkGOjEo.js → index.es-BwhRJBEH.js}

@@ -4,7 +4,7 @@ import I, { forwardRef as Pn, useRef as B, useImperativeHandle as Sn, useEffect
 import { c as T, b as En, d as Rn } from "./index.es-DRC-9PLs.js";
 import { b as un, c as sn } from "./tslib.es6-BDCynO9F.js";
 import { M as Dn, a as xn } from "./component-By6nyiBU.js";
-import { M as fn } from "./component-DYpB_4EP.js";
+import { M as fn } from "./component-9vrShqiY.js";
 var h = {
   ICON_BUTTON_ON: "mdc-icon-button--on",
   ROOT: "mdc-icon-button"

package/{dist/index.es-CpPnZRt7.js → index.es-ByqU-v6T.js}

@@ -1,13 +1,13 @@
-import { _ as w, a as L, c as x, P as i, b as Y, d as Te } from "./index-_-9ybP20.js";
-import c, { forwardRef as M, useRef as N, useImperativeHandle as B, useEffect as P, useState as ae, useMemo as Le, useCallback as H, Fragment as Z } from "react";
+import { _ as w, c as x, a as L, P as i, b as Y, d as Te } from "./index-_-9ybP20.js";
+import { _ as Le, a as Z, b as Pe, c as Ae, d as ae, e as ee, f as $e } from "./defineProperty-SoB5opr-.js";
+import { P as De, _ as te } from "./index.es-CNrSvjAv.js";
+import { _ as se } from "./slicedToArray-C2Ed3239.js";
+import { e as le, u as Re, _ as ne, i as ke, c as xe } from "./index.es-DRC-9PLs.js";
+import c, { forwardRef as M, useState as de, useRef as N, useImperativeHandle as B, useMemo as Fe, useCallback as H, useEffect as P, Fragment as oe } from "react";
+import { c as He } from "./index.es-LckFzDz-.js";
 import { b as j, c as S } from "./tslib.es6-BDCynO9F.js";
-import { M as se, a as le } from "./component-By6nyiBU.js";
-import { e as Pe } from "./component-DYpB_4EP.js";
-import { _ as Ae, a as ee, b as $e, c as De, d as de, e as te, f as Re } from "./defineProperty-SoB5opr-.js";
-import { P as ke, _ as ne } from "./index.es-CNrSvjAv.js";
-import { _ as ce } from "./slicedToArray-C2Ed3239.js";
-import { e as ue, u as xe, _ as oe, i as Fe, c as He } from "./index.es-DRC-9PLs.js";
-import { c as Ie } from "./index.es-LckFzDz-.js";
+import { M as ce, a as ue } from "./component-By6nyiBU.js";
+import { e as Ie } from "./component-9vrShqiY.js";
 var Se = {
   LABEL_FLOAT_ABOVE: "mdc-floating-label--float-above",
   LABEL_REQUIRED: "mdc-floating-label--required",
@@ -70,7 +70,7 @@ var pe = (
       var e = t.cssClasses.LABEL_SHAKE;
       this.adapter.removeClass(e);
     }, t;
-  })(se)
+  })(ce)
 );
 var we = (
   /** @class */
@@ -98,7 +98,7 @@ var we = (
           return e.root.classList.remove(r);
         },
         getWidth: function() {
-          return Pe(e.root);
+          return Ie(e.root);
         },
         registerInteractionHandler: function(r, a) {
           return e.listen(r, a);
@@ -109,7 +109,7 @@ var we = (
       };
       return new pe(o);
     }, t;
-  })(le)
+  })(ue)
 );
 var fe = {
   NOTCH_ELEMENT_SELECTOR: ".mdc-notched-outline__notch"
@@ -171,7 +171,7 @@ var Me = (
       var e = t.cssClasses.OUTLINE_NOTCHED;
       this.adapter.removeClass(e), this.adapter.removeNotchWidthProperty();
     }, t;
-  })(se)
+  })(ce)
 );
 var Be = (
   /** @class */
@@ -209,124 +209,8 @@ var Be = (
       };
       return new Me(o);
     }, t;
-  })(le)
+  })(ue)
 ), je = {
-  /**
-   * Content to be rendered inside the label. Expects a string, though accepts any valid markup.
-   *
-   * Defaults to **null**.
-   */
-  children: i.node.isRequired,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: i.string,
-  /**
-   * The label will appear in the floating state.
-   *
-   * Defaults to **false**.
-   */
-  float: i.bool,
-  /**
-   * The id of the component to trigger on active
-   *
-   * Defaults to **empty string**.
-   */
-  htmlFor: i.string,
-  /**
-   * The label will shake briefly when set.
-   *
-   * Defaults to **false**.
-   */
-  shake: i.bool
-}, We = {
-  children: null,
-  className: void 0
-}, Ue = ["children", "htmlFor", "shake", "float", "className", "style"], U = We, he = /* @__PURE__ */ M(function(n, t) {
-  var e = n.children, o = e === void 0 ? U.children : e, r = n.htmlFor, a = r === void 0 ? "" : r, u = n.shake, _ = u === void 0 ? !1 : u, p = n.float, f = p === void 0 ? !1 : p, h = n.className, y = h === void 0 ? U.className : h, g = n.style, s = g === void 0 ? U.style : g, d = w(n, Ue), E = N(), C = o, b = N();
-  return B(t, function() {
-    return b.current;
-  }, []), P(function() {
-    return E.current = we.attachTo(b.current), function() {
-      E.current.destroy();
-    };
-  }), P(function() {
-    E.current.float(f);
-  }, [f]), /* @__PURE__ */ c.createElement("label", L({
-    ref: b,
-    htmlFor: a,
-    className: x("lmnt", "mdc-floating-label", f && "mdc-floating-label--float-above", _ && "mdc-floating-label--shake", y)
-  }, d, {
-    style: s
-  }), C);
-});
-he.displayName = "FloatingLabel";
-he.propTypes = je;
-var qe = {
-  /**
-   * Content to be rendered inside the notched outline. Accepts a string.
-   *
-   * Defaults to **null**.
-   */
-  children: i.node,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: i.string,
-  /**
-   * Determines if the notch is opened or closed.
-   *
-   * Defaults to **undefined**.
-   */
-  closed: i.bool,
-  /**
-   * Keep the outline, but prevent the notch (and label from showing up).
-   *
-   * Defaults to **undefined**.
-   */
-  outlineOnly: i.bool,
-  /**
-   *
-   *
-   * Defaults to **null**.
-   */
-  width: i.number
-}, Ke = {
-  children: null,
-  className: void 0,
-  closed: void 0,
-  outlineOnly: void 0,
-  width: null
-}, Ge = ["closed", "className", "children", "outlineOnly", "width"], R = Ke, me = /* @__PURE__ */ M(function(n, t) {
-  var e = n.closed, o = e === void 0 ? R.closed : e, r = n.className, a = r === void 0 ? R.className : r, u = n.children, _ = u === void 0 ? R.children : u, p = n.outlineOnly, f = p === void 0 ? R.outlineOnly : p, h = n.width, y = h === void 0 ? R.width : h, g = w(n, Ge), s = N(), d = N();
-  return B(t, function() {
-    return s.current;
-  }, []), P(function() {
-    return d.current = Be.attachTo(s.current), function() {
-      d.current.destroy();
-    };
-  }, []), P(function() {
-    o !== void 0 && (o ? d.current.closeNotch() : d.current.notch());
-  }, [o]), P(function() {
-    y ? d.current.foundation.adapter.setNotchWidthProperty(y) : d.current.foundation.adapter.removeNotchWidthProperty();
-  }, [y]), /* @__PURE__ */ c.createElement("div", L({
-    className: x("lmnt", "mdc-notched-outline", a),
-    ref: s
-  }, g), /* @__PURE__ */ c.createElement("div", {
-    className: "mdc-notched-outline__leading"
-  }), !f && /* @__PURE__ */ c.createElement("div", {
-    className: "mdc-notched-outline__notch"
-  }, _), /* @__PURE__ */ c.createElement("div", {
-    className: "mdc-notched-outline__trailing"
-  }));
-});
-me.displayName = "NotchedOutline";
-me.propTypes = qe;
-var Qe = {
   /**
    * Accepts any valid markup. This will be rendered before any value set with the `text` prop. For most use-cases use `text`.
    *
@@ -393,7 +277,7 @@ var Qe = {
    * Defaults to **null**.
    */
   triggerProps: i.object
-}, Ve = {
+}, We = {
   children: void 0,
   className: void 0,
   containerType: "inline",
@@ -405,7 +289,7 @@ var Qe = {
   text: null,
   tooltipProps: null,
   triggerProps: null
-}, ze = {
+}, Ue = {
   /**
    * The css class name to be passed through to the component markup.
    *
@@ -436,23 +320,23 @@ var Qe = {
    * Defaults to **null**.
    */
   text: i.oneOfType([i.string, i.func, i.node]).isRequired
-}, Je = {
+}, qe = {
   className: void 0,
   hoisted: !1,
   id: void 0,
   portalContainer: "document.body",
   text: null
-}, Xe = ["className", "hoisted", "id", "portalContainer", "text"], k = Je, K = /* @__PURE__ */ M(function(n, t) {
-  var e = n.className, o = e === void 0 ? k.className : e, r = n.hoisted, a = r === void 0 ? k.hoisted : r, u = n.id, _ = u === void 0 ? k.id : u, p = n.portalContainer, f = p === void 0 ? k.portalContainer : p, h = n.text, y = h === void 0 ? k.text : h, g = w(n, Xe), s = ae(function() {
-    return _ || ue();
-  }), d = ce(s, 1), E = d[0], C = N();
+}, Ke = ["className", "hoisted", "id", "portalContainer", "text"], R = qe, K = /* @__PURE__ */ M(function(n, t) {
+  var e = n.className, o = e === void 0 ? R.className : e, r = n.hoisted, a = r === void 0 ? R.hoisted : r, u = n.id, _ = u === void 0 ? R.id : u, p = n.portalContainer, f = p === void 0 ? R.portalContainer : p, h = n.text, y = h === void 0 ? R.text : h, g = w(n, Ke), s = de(function() {
+    return _ || le();
+  }), d = se(s, 1), E = d[0], C = N();
   B(t, function() {
     return C.current;
   }, []);
-  var b = Le(function() {
+  var b = Fe(function() {
     return x(["lmnt", o, "lmnt-tooltip__text-content", "mdc-typography--caption"]);
   }, [o]);
-  return /* @__PURE__ */ c.createElement(ke, {
+  return /* @__PURE__ */ c.createElement(De, {
     disabled: !a,
     container: f
   }, /* @__PURE__ */ c.createElement("div", L({
@@ -464,14 +348,14 @@ var Qe = {
   }), y));
 });
 K.displayName = "TooltipText";
-K.propTypes = ze;
-var Ye = ["children", "className", "containerType", "hoisted", "id", "onClick", "portalContainer", "position", "text", "tooltipProps", "triggerProps"];
+K.propTypes = Ue;
+var Ge = ["children", "className", "containerType", "hoisted", "id", "onClick", "portalContainer", "position", "text", "tooltipProps", "triggerProps"];
 function ie(n, t) {
   var e = Te(n);
-  if (te) {
-    var o = te(n);
-    t && (o = Re(o).call(o, function(r) {
-      return de(n, r).enumerable;
+  if (ee) {
+    var o = ee(n);
+    t && (o = $e(o).call(o, function(r) {
+      return ae(n, r).enumerable;
     })), e.push.apply(e, o);
   }
   return e;
@@ -480,35 +364,35 @@ function I(n) {
   for (var t = 1; t < arguments.length; t++) {
     var e, o, r = arguments[t] != null ? arguments[t] : {};
     t % 2 ? Y(e = ie(Object(r), !0)).call(e, function(a) {
-      Ae(n, a, r[a]);
-    }) : ee ? $e(n, ee(r)) : Y(o = ie(Object(r))).call(o, function(a) {
-      De(n, a, de(r, a));
+      Le(n, a, r[a]);
+    }) : Z ? Pe(n, Z(r)) : Y(o = ie(Object(r))).call(o, function(a) {
+      Ae(n, a, ae(r, a));
     });
   }
   return n;
 }
-var v = Ve, Ze = function(t) {
+var v = We, Qe = function(t) {
   var e = t.children, o = t.idActual;
   if (!e) return null;
-  var r = e === Z || e?.type === Z;
+  var r = e === oe || e?.type === oe;
   return typeof e == "string" || r ? /* @__PURE__ */ c.createElement("span", {
     "aria-describedby": o
-  }, e) : He(e, {
+  }, e) : xe(e, {
     "aria-describedby": o
   });
-}, ve = /* @__PURE__ */ M(function(n, t) {
-  var e = n.children, o = e === void 0 ? v.children : e, r = n.className, a = r === void 0 ? v.className : r, u = n.containerType, _ = u === void 0 ? v.containerType : u, p = n.hoisted, f = p === void 0 ? v.hoisted : p, h = n.id, y = h === void 0 ? v.id : h, g = n.onClick, s = g === void 0 ? v.onClick : g, d = n.portalContainer, E = d === void 0 ? v.portalContainer : d, C = n.position, b = C === void 0 ? v.position : C, G = n.text, A = G === void 0 ? v.text : G, Q = n.tooltipProps, ye = Q === void 0 ? v.tooltipProps : Q, V = n.triggerProps, ge = V === void 0 ? v.triggerProps : V, _e = w(n, Ye), W = N(), O = N(), $ = N();
+}, he = /* @__PURE__ */ M(function(n, t) {
+  var e = n.children, o = e === void 0 ? v.children : e, r = n.className, a = r === void 0 ? v.className : r, u = n.containerType, _ = u === void 0 ? v.containerType : u, p = n.hoisted, f = p === void 0 ? v.hoisted : p, h = n.id, y = h === void 0 ? v.id : h, g = n.onClick, s = g === void 0 ? v.onClick : g, d = n.portalContainer, E = d === void 0 ? v.portalContainer : d, C = n.position, b = C === void 0 ? v.position : C, G = n.text, A = G === void 0 ? v.text : G, Q = n.tooltipProps, ye = Q === void 0 ? v.tooltipProps : Q, V = n.triggerProps, ge = V === void 0 ? v.triggerProps : V, _e = w(n, Ge), W = N(), O = N(), $ = N();
   B(t, function() {
     return O.current;
   }, []);
-  var be = ae(function() {
-    return y || ue();
-  }), Ne = ce(be, 1), F = Ne[0], Ee = H(function() {
+  var be = de(function() {
+    return y || le();
+  }), Ne = se(be, 1), F = Ne[0], Ee = H(function() {
     s?.();
   }, [s]), Ce = H(function(l) {
     l.key === "Enter" && s?.();
   }, [s]);
-  xe(function() {
+  Re(function() {
     var l = [{
       name: "flip",
       options: {
@@ -529,7 +413,7 @@ var v = Ve, Ze = function(t) {
       options: {
         offset: [0, 12]
       }
-    }), W.current && O.current && ($.current = Ie(W.current, O.current, {
+    }), W.current && O.current && ($.current = He(W.current, O.current, {
       placement: b,
       modifiers: l
     })), function() {
@@ -542,7 +426,7 @@ var v = Ve, Ze = function(t) {
     (l = O.current) === null || l === void 0 || l.setAttribute("data-show", ""), (m = $.current) === null || m === void 0 || m.setOptions(function(D) {
       var X;
       return I(I({}, D), {}, {
-        modifiers: oe(X = []).call(X, ne(D.modifiers), [{
+        modifiers: ne(X = []).call(X, te(D.modifiers), [{
           name: "eventListeners",
           enabled: !0
         }])
@@ -553,7 +437,7 @@ var v = Ve, Ze = function(t) {
     (l = O.current) === null || l === void 0 || l.removeAttribute("data-show"), (m = $.current) === null || m === void 0 || m.setOptions(function(T) {
       var D;
       return I(I({}, T), {}, {
-        modifiers: oe(D = []).call(D, ne(T.modifiers), [{
+        modifiers: ne(D = []).call(D, te(T.modifiers), [{
           name: "eventListeners",
           enabled: !1
         }])
@@ -562,7 +446,7 @@ var v = Ve, Ze = function(t) {
   }, []);
   P(function() {
     var l = "Tooltips should only include short text for additional context and should not exceed three lines visually. (Toolitip ID ".concat(F, ").");
-    A && A.length > 100 && Fe(l);
+    A && A.length > 100 && ke(l);
   }, [A, F]);
   var Oe = s ? {
     tabIndex: 0,
@@ -580,7 +464,7 @@ var v = Ve, Ze = function(t) {
     onFocus: z,
     onMouseLeave: J,
     onBlur: J
-  }), /* @__PURE__ */ c.createElement(Ze, {
+  }), /* @__PURE__ */ c.createElement(Qe, {
     idActual: F
   }, o)), A && /* @__PURE__ */ c.createElement(K, L({
     hoisted: f,
@@ -593,12 +477,128 @@ var v = Ve, Ze = function(t) {
     text: A
   })));
 });
-ve.displayName = "Tooltip";
-ve.propTypes = Qe;
+he.displayName = "Tooltip";
+he.propTypes = je;
+var Ve = {
+  /**
+   * Content to be rendered inside the label. Expects a string, though accepts any valid markup.
+   *
+   * Defaults to **null**.
+   */
+  children: i.node.isRequired,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: i.string,
+  /**
+   * The label will appear in the floating state.
+   *
+   * Defaults to **false**.
+   */
+  float: i.bool,
+  /**
+   * The id of the component to trigger on active
+   *
+   * Defaults to **empty string**.
+   */
+  htmlFor: i.string,
+  /**
+   * The label will shake briefly when set.
+   *
+   * Defaults to **false**.
+   */
+  shake: i.bool
+}, ze = {
+  children: null,
+  className: void 0
+}, Je = ["children", "htmlFor", "shake", "float", "className", "style"], U = ze, me = /* @__PURE__ */ M(function(n, t) {
+  var e = n.children, o = e === void 0 ? U.children : e, r = n.htmlFor, a = r === void 0 ? "" : r, u = n.shake, _ = u === void 0 ? !1 : u, p = n.float, f = p === void 0 ? !1 : p, h = n.className, y = h === void 0 ? U.className : h, g = n.style, s = g === void 0 ? U.style : g, d = w(n, Je), E = N(), C = o, b = N();
+  return B(t, function() {
+    return b.current;
+  }, []), P(function() {
+    return E.current = we.attachTo(b.current), function() {
+      E.current.destroy();
+    };
+  }), P(function() {
+    E.current.float(f);
+  }, [f]), /* @__PURE__ */ c.createElement("label", L({
+    ref: b,
+    htmlFor: a,
+    className: x("lmnt", "mdc-floating-label", f && "mdc-floating-label--float-above", _ && "mdc-floating-label--shake", y)
+  }, d, {
+    style: s
+  }), C);
+});
+me.displayName = "FloatingLabel";
+me.propTypes = Ve;
+var Xe = {
+  /**
+   * Content to be rendered inside the notched outline. Accepts a string.
+   *
+   * Defaults to **null**.
+   */
+  children: i.node,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: i.string,
+  /**
+   * Determines if the notch is opened or closed.
+   *
+   * Defaults to **undefined**.
+   */
+  closed: i.bool,
+  /**
+   * Keep the outline, but prevent the notch (and label from showing up).
+   *
+   * Defaults to **undefined**.
+   */
+  outlineOnly: i.bool,
+  /**
+   *
+   *
+   * Defaults to **null**.
+   */
+  width: i.number
+}, Ye = {
+  children: null,
+  className: void 0,
+  closed: void 0,
+  outlineOnly: void 0,
+  width: null
+}, Ze = ["closed", "className", "children", "outlineOnly", "width"], k = Ye, ve = /* @__PURE__ */ M(function(n, t) {
+  var e = n.closed, o = e === void 0 ? k.closed : e, r = n.className, a = r === void 0 ? k.className : r, u = n.children, _ = u === void 0 ? k.children : u, p = n.outlineOnly, f = p === void 0 ? k.outlineOnly : p, h = n.width, y = h === void 0 ? k.width : h, g = w(n, Ze), s = N(), d = N();
+  return B(t, function() {
+    return s.current;
+  }, []), P(function() {
+    return d.current = Be.attachTo(s.current), function() {
+      d.current.destroy();
+    };
+  }, []), P(function() {
+    o !== void 0 && (o ? d.current.closeNotch() : d.current.notch());
+  }, [o]), P(function() {
+    y ? d.current.foundation.adapter.setNotchWidthProperty(y) : d.current.foundation.adapter.removeNotchWidthProperty();
+  }, [y]), /* @__PURE__ */ c.createElement("div", L({
+    className: x("lmnt", "mdc-notched-outline", a),
+    ref: s
+  }, g), /* @__PURE__ */ c.createElement("div", {
+    className: "mdc-notched-outline__leading"
+  }), !f && /* @__PURE__ */ c.createElement("div", {
+    className: "mdc-notched-outline__notch"
+  }, _), /* @__PURE__ */ c.createElement("div", {
+    className: "mdc-notched-outline__trailing"
+  }));
+});
+ve.displayName = "NotchedOutline";
+ve.propTypes = Xe;
 export {
-  he as F,
+  me as F,
   we as M,
-  me as N,
+  ve as N,
   K as T,
   Be as a
 };

package/{dist/index.es-BajVPGKH.js → index.es-C2dbad7Y.js}

@@ -4,13 +4,13 @@ import { _ as Z } from "./slicedToArray-C2Ed3239.js";
 import { _ as Oa } from "./parse-int-BYd7r_4n.js";
 import { H as Yr, e as En, u as Wn, _ as Tn, w as _r, v as $r, k as Yt, q as Xa, d as at } from "./index.es-DRC-9PLs.js";
 import H, { forwardRef as $a, useContext as Ur, useState as J, useRef as st, useMemo as ia, useCallback as ae, useEffect as xe, useImperativeHandle as Ua, cloneElement as Hn } from "react";
-import { a as Nr } from "./index.es-EXzC8zuP.js";
-import { I as Va } from "./index.es-BZkGOjEo.js";
-import { e as Na, f as Er, g as _, h as $, i as M, j as O, k as f, b as h, S as ka } from "./index.es-CxQjsRHK.js";
+import { a as Nr } from "./index.es-CdZp67J9.js";
+import { I as Va } from "./index.es-BwhRJBEH.js";
+import { e as Na, f as Er, g as _, h as $, i as M, j as O, k as f, b as h, S as ka } from "./index.es-74LdeLp0.js";
 import { _ as Ka, P as Fn } from "./index.es-CNrSvjAv.js";
 import { _ as In } from "./find-OaLSg5iu.js";
 import { c as Wr, I as Hr, _ as Mn } from "./index.es-LckFzDz-.js";
-import { T as Fr } from "./index.es-5Wxrzmtf.js";
+import { T as Fr } from "./index.es-CJIPOFSz.js";
 function ee(i) {
   if (i === null || i === !0 || i === !1)
     return NaN;