refract-ui 0.0.0 → 1.0.2

package/dist/index.js

@@ -1,56 +1,925 @@
 "use client";
-import { jsx as l } from "react/jsx-runtime";
-const y = {
-  desktop: 2080,
-  laptop: 1680,
-  tablet: 1040,
-  mobile: 696,
-  mobileS: 400
-}, d = (t) => Number(t.replace("px", "")), r = (t) => `${t}px`, T = (t) => `${t / 16}rem`, b = (t) => Number(t.replace("ms", "")), u = (t) => `${t}ms`, N = (t) => (t == null ? void 0 : t.split(" ").map((s) => Number(s) / 255)) || [];
-function k(t, s = {}) {
-  const n = {}, a = Object.keys(t);
-  for (const o of a) {
-    let e = t[o];
-    typeof e == "number" && o === "delay" && (e = u(e)), typeof e == "number" && o !== "opacity" && (e = r(e)), n[`--${o}`] = e;
-  }
-  return { ...n, ...s };
-}
-function i(...t) {
-  return t.filter(Boolean).join(" ");
-}
-const p = "_text_18l38_1", x = {
-  text: p
-}, $ = ({
-  children: t,
-  size: s = "m",
-  as: n = "span",
-  align: a = "auto",
+import { a as w, c as x, n as j, m as m1, u as g1, s as p1, r as _1 } from "./style-uMN7vipQ.js";
+import { b as Pe, d as Ie, p as Ze, e as je, f as De } from "./style-uMN7vipQ.js";
+import { jsx as n, jsxs as b } from "react/jsx-runtime";
+import * as i from "react";
+import { Fragment as n1, forwardRef as B, useRef as M, useEffect as N, useState as L, useId as J, useCallback as X, useContext as y1, createContext as f1, memo as w1 } from "react";
+import { a as s1, u as b1, t as L1, b as c1, c as M1 } from "./RefractProvider-D__A8gQl.js";
+import { L as Oe, R as Fe, T as We, d as Ge, e as Ke, f as Ue, g as Xe, s as Je, h as Qe, i as Ye } from "./RefractProvider-D__A8gQl.js";
+import { AnimatePresence as V1, usePresence as z1, useReducedMotion as Q, useSpring as H1 } from "framer-motion";
+import { createPortal as x1 } from "react-dom";
+const N1 = "_text_18l38_1", k1 = {
+  text: N1
+}, C1 = ({
+  children: e,
+  size: t = "m",
+  as: a = "span",
+  align: l = "auto",
   weight: o = "auto",
-  secondary: e,
+  secondary: s,
   className: c,
-  ...m
-}) => /* @__PURE__ */ l(
-  n,
+  ...r
+}) => /* @__PURE__ */ n(
+  a,
   {
-    className: i(x.text, c),
-    "data-align": a,
-    "data-size": s,
+    className: w(k1.text, c),
+    "data-align": l,
+    "data-size": t,
     "data-weight": o,
-    "data-secondary": e,
+    "data-secondary": s,
+    ...r,
+    children: e
+  }
+), S1 = "_heading_17xux_1", T1 = {
+  heading: S1
+}, ye = ({
+  children: e,
+  level: t = 1,
+  as: a,
+  align: l = "auto",
+  weight: o = "medium",
+  className: s,
+  ...c
+}) => {
+  const r = Math.min(Math.max(t, 0), 5), h = a || `h${Math.max(r, 1)}`;
+  return /* @__PURE__ */ n(n1, { children: /* @__PURE__ */ n(
+    h,
+    {
+      className: w(T1.heading, s),
+      "data-align": l,
+      "data-weight": o,
+      "data-level": r,
+      ...c,
+      children: e
+    }
+  ) });
+}, E1 = "_section_e4ou0_1", $1 = {
+  section: E1
+}, fe = B(
+  ({ as: e = "div", children: t, className: a, ...l }, o) => /* @__PURE__ */ n(
+    e,
+    {
+      className: w($1.section, a),
+      ref: o,
+      ...l,
+      children: t
+    }
+  )
+), B1 = "_list_70779_1", R1 = "_item_70779_14", l1 = {
+  list: B1,
+  item: R1
+}, we = ({ ordered: e, children: t, className: a, ...l }) => /* @__PURE__ */ n(e ? "ol" : "ul", { className: w(l1.list, a), ...l, children: t }), be = ({ children: e, ...t }) => /* @__PURE__ */ n("li", { className: l1.item, ...t, children: e }), A1 = "_divider_vqctv_1", P1 = "_line_vqctv_14", I1 = "_notch_vqctv_36", U = {
+  divider: A1,
+  line: P1,
+  notch: I1
+}, Le = ({
+  lineWidth: e = "100%",
+  lineHeight: t = "2px",
+  notchWidth: a = "90px",
+  notchHeight: l = "10px",
+  collapseDelay: o = 0,
+  collapsed: s = !1,
+  notch: c = !0,
+  light: r = !1,
+  className: h,
+  style: u,
+  ...m
+}) => /* @__PURE__ */ b(
+  "div",
+  {
+    className: w(U.divider, h),
+    "data-light": r,
+    style: x(
+      {
+        lineWidth: e,
+        lineHeight: t,
+        notchWidth: a,
+        notchHeight: l,
+        collapseDelay: j(o)
+      },
+      u
+    ),
     ...m,
-    children: t
+    children: [
+      /* @__PURE__ */ n("div", { className: U.line, "data-collapsed": s }),
+      c && /* @__PURE__ */ n(
+        "div",
+        {
+          className: U.notch,
+          "data-collapsed": s,
+          style: x({ collapseDelay: j(o + 160) })
+        }
+      )
+    ]
+  }
+), Z1 = "_table_1fa0f_1", j1 = "_row_1fa0f_6", D1 = "_head_1fa0f_15", q1 = "_headCell_1fa0f_20", O1 = "_cell_1fa0f_25", R = {
+  table: Z1,
+  row: j1,
+  head: D1,
+  headCell: q1,
+  cell: O1
+}, Me = ({ children: e }) => /* @__PURE__ */ n("table", { className: R.table, children: e }), Ve = ({ children: e }) => /* @__PURE__ */ n("tr", { className: R.row, children: e }), ze = ({ children: e }) => /* @__PURE__ */ n("thead", { className: R.head, children: e }), He = ({ children: e }) => /* @__PURE__ */ n("tbody", { className: R.body, children: e }), xe = ({ children: e }) => /* @__PURE__ */ n("th", { className: R.headCell, children: e }), Ne = ({ children: e }) => /* @__PURE__ */ n("td", { className: R.cell, children: e }), F1 = "_hidden_1xw0v_1", W1 = {
+  hidden: F1
+}, Y = B(
+  ({ className: e, showOnFocus: t, as: a = "span", children: l, visible: o, ...s }, c) => /* @__PURE__ */ n(
+    a,
+    {
+      className: w(W1.hidden, e),
+      "data-hidden": !o && !t,
+      "data-show-on-focus": t,
+      ref: c,
+      ...s,
+      children: l
+    }
+  )
+), o1 = ({
+  children: e,
+  timeout: t = 0,
+  onEnter: a,
+  onEntered: l,
+  onExit: o,
+  onExited: s,
+  in: c,
+  unmount: r
+}) => {
+  const h = M(void 0), u = M(void 0);
+  return N(() => {
+    clearTimeout(c ? u.current : h.current);
+  }, [c]), /* @__PURE__ */ n(V1, { children: (c || !r) && /* @__PURE__ */ n(
+    G1,
+    {
+      timeout: t,
+      enterTimeout: h,
+      exitTimeout: u,
+      onEnter: a,
+      onEntered: l,
+      onExit: o,
+      onExited: s,
+      show: c,
+      children: e
+    }
+  ) });
+}, G1 = ({
+  children: e,
+  timeout: t,
+  enterTimeout: a,
+  exitTimeout: l,
+  onEnter: o,
+  onEntered: s,
+  onExit: c,
+  onExited: r,
+  show: h
+}) => {
+  const [u, m] = L("exited"), [g, p] = z1(), [d, v] = L(!1), _ = typeof t == "object";
+  return N(() => {
+    if (d || !h) return;
+    const y = _ ? t.enter : t;
+    clearTimeout(a.current), clearTimeout(l.current), v(!0), m("entering"), o == null || o(), a.current = setTimeout(() => {
+      m("entered"), s == null || s();
+    }, y);
+  }, [o, s, t, u, h]), N(() => {
+    if (g && h) return;
+    const y = _ ? t.exit : t;
+    clearTimeout(a.current), clearTimeout(l.current), m("exiting"), c == null || c(), l.current = setTimeout(() => {
+      m("exited"), p == null || p(), r == null || r();
+    }, y);
+  }, [g, c, p, t, r, h]), e(d && h ? g : !1, u);
+}, K1 = "_loader_19l09_1", U1 = "_text_19l09_8", X1 = "_content_19l09_12", J1 = "_span_19l09_47", T = {
+  loader: K1,
+  text: U1,
+  content: X1,
+  span: J1
+}, Q1 = ({
+  className: e,
+  style: t,
+  size: a = 32,
+  text: l = "Loading...",
+  ...o
+}) => {
+  const s = Q(), c = s1(), { portalContainer: r } = b1(), h = () => {
+    if (!c) return null;
+    const g = r();
+    return g ? x1(
+      /* @__PURE__ */ n(Y, { className: "loader-announcement", "aria-live": "assertive", children: l }),
+      g
+    ) : null;
+  };
+  if (s)
+    return /* @__PURE__ */ b(C1, { className: w(T.text, e), weight: "medium", ...o, children: [
+      l,
+      h()
+    ] });
+  const u = Math.round(a / 3 * 0.2), m = Math.round(a / 3 - u * 2 - 1);
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      className: w(T.loader, e),
+      style: x({ size: a, spanSize: m, gapSize: u }, t),
+      ...o,
+      children: [
+        /* @__PURE__ */ b("div", { className: T.content, children: [
+          /* @__PURE__ */ n("div", { className: T.span }),
+          /* @__PURE__ */ n("div", { className: T.span }),
+          /* @__PURE__ */ n("div", { className: T.span })
+        ] }),
+        h()
+      ]
+    }
+  );
+}, Y1 = "_icon_13804_1", e0 = {
+  icon: Y1
+}, t0 = (e) => /* @__PURE__ */ i.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ i.createElement("path", { d: "m9.793 19.207-6.5-6.5L2.586 12l.707-.707 6.5-6.5 1.414 1.414L6.414 11H21v2H6.414l4.793 4.793-1.414 1.414Z" })), a0 = (e) => /* @__PURE__ */ i.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ i.createElement("path", { d: "M14.207 4.793l6.5 6.5.707.707-.707.707-6.5 6.5-1.414-1.414L17.586 13H3v-2h14.586l-4.793-4.793 1.414-1.414z" })), n0 = (e) => /* @__PURE__ */ i.createElement("svg", { width: 24, height: 24, viewBox: "0 0 128 128", ...e }, /* @__PURE__ */ i.createElement("path", { d: "M35.34,16.5h72.75v30.73l-72.75,0V16.5L35.34,16.5z M23.42,91.7c-0.67,2.24-1.63,4.05-2.8,5.46l88.47,0l0.04,0 c3.19-0.18,5.57-1.03,7.16-2.54c1.56-1.48,2.43-3.69,2.62-6.62V3.97H24.36v80.06C24.36,87.43,24.4,88.42,23.42,91.7L23.42,91.7 L23.42,91.7z M13.15,101.13c-0.45,0.03-0.91,0.03-1.36,0.01c-1.82-0.11-3.61-0.67-5.23-1.62c-3.55-2.09-6.29-6.09-6.54-11.32 C0.01,88.12,0,88.03,0,87.95v-70.4c0-1.1,0.89-1.98,1.98-1.98l18.41,0V1.98c0-1.1,0.89-1.98,1.98-1.98l98.52,0 c1.1,0,1.98,0.89,1.98,1.98v86.07c0,0.11-0.01,0.21-0.02,0.31c-0.27,3.9-1.55,6.95-3.84,9.13c-2.28,2.17-5.5,3.38-9.67,3.62 c-0.08,0.01-0.17,0.02-0.26,0.02L13.15,101.13L13.15,101.13L13.15,101.13z M12.05,97.19c0.1-0.02,0.21-0.03,0.32-0.03h0.72 c0.79-0.08,1.56-0.3,2.28-0.68c4.41-2.31,5.02-7.95,5.02-12.42V19.53H3.97v68.41c0,0.02,0,0.05,0,0.07 c0.19,3.76,2.12,6.62,4.61,8.09c1.08,0.64,2.26,1.01,3.43,1.08L12.05,97.19L12.05,97.19L12.05,97.19z M40.87,24.15h3.9l5.07,8.52 v-8.52h3.94v15.42l-3.94,0l-5.04-8.47v8.47h-3.92V24.15L40.87,24.15z M57.21,24.15h11.17v3.3l-6.98,0v2.46l6.47,0v3.14H61.4v3.04 h7.19v3.49H57.21V24.15L57.21,24.15L57.21,24.15z M70.12,24.15h3.96l1.42,8.61l2.09-8.61h3.93l2.1,8.62l1.43-8.62H89l-2.98,15.42 l-4.09,0l-2.37-9.71l-2.36,9.71h-4.09L70.12,24.15L70.12,24.15L70.12,24.15z M90.31,34.48l3.96-0.28c0.08,0.73,0.26,1.29,0.52,1.67 c0.43,0.62,1.04,0.93,1.84,0.93c0.59,0,1.05-0.16,1.37-0.48c0.32-0.32,0.48-0.69,0.48-1.11c0-0.4-0.15-0.76-0.46-1.07 c-0.3-0.32-1.02-0.61-2.13-0.89c-1.83-0.47-3.13-1.09-3.91-1.87c-0.79-0.78-1.18-1.77-1.18-2.97c0-0.79,0.2-1.54,0.6-2.24 c0.4-0.71,1.01-1.26,1.81-1.66c0.81-0.4,1.92-0.6,3.32-0.6c1.73,0,3.04,0.37,3.95,1.1c0.91,0.73,1.44,1.9,1.62,3.5l-3.92,0.27 c-0.1-0.7-0.32-1.21-0.66-1.53c-0.34-0.32-0.8-0.48-1.39-0.48c-0.48,0-0.85,0.12-1.1,0.35c-0.25,0.23-0.37,0.52-0.37,0.86 c0,0.24,0.1,0.46,0.3,0.66c0.19,0.2,0.66,0.39,1.39,0.57c1.82,0.45,3.13,0.9,3.91,1.36c0.79,0.46,1.36,1.03,1.72,1.71 c0.36,0.68,0.54,1.44,0.54,2.28c0,0.99-0.24,1.9-0.72,2.74c-0.48,0.83-1.15,1.47-2.01,1.9c-0.86,0.43-1.94,0.65-3.25,0.65 c-2.3,0-3.89-0.51-4.77-1.52C90.93,37.31,90.43,36.03,90.31,34.48L90.31,34.48L90.31,34.48z M35.8,60.85 c-1.1,0-1.98-0.89-1.98-1.98s0.89-1.98,1.98-1.98h30.25c1.09,0,1.98,0.89,1.98,1.98s-0.89,1.98-1.98,1.98H35.8L35.8,60.85z M74.73,60.85c-1.1,0-1.99-0.89-1.99-1.99c0-1.1,0.89-1.99,1.99-1.99h32.63c1.1,0,1.99,0.89,1.99,1.99c0,1.1-0.89,1.99-1.99,1.99 H74.73L74.73,60.85z M74.73,72.36c-1.1,0-1.99-0.89-1.99-1.99s0.89-1.99,1.99-1.99h32.63c1.1,0,1.99,0.89,1.99,1.99 c0,1.1-0.89,1.99-1.99,1.99H74.73L74.73,72.36z M74.73,83.87c-1.1,0-1.99-0.89-1.99-1.99s0.89-1.99,1.99-1.99l32.63,0 c1.1,0,1.99,0.89,1.99,1.99c0,1.1-0.89,1.99-1.99,1.99L74.73,83.87L74.73,83.87z M35.8,83.87c-1.1,0-1.98-0.89-1.98-1.98 s0.89-1.98,1.98-1.98l30.25,0c1.09,0,1.98,0.89,1.98,1.98s-0.89,1.98-1.98,1.98L35.8,83.87L35.8,83.87z M36.76,72.36 c-1.1,0-1.98-0.89-1.98-1.98s0.89-1.98,1.98-1.98h30.25c1.1,0,1.98,0.89,1.98,1.98s-0.89,1.98-1.98,1.98H36.76L36.76,72.36z" })), s0 = (e) => /* @__PURE__ */ i.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ i.createElement("path", { d: "m20.207 7.207-10 10-.707.707-.707-.707-5-5 1.414-1.414L9.5 15.086l9.293-9.293 1.414 1.414Z" })), c0 = (e) => /* @__PURE__ */ i.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ i.createElement("path", { d: "M13.586 12L7.793 6.207l1.414-1.414 6.5 6.5.707.707-.707.707-6.5 6.5-1.414-1.414L13.586 12z" })), l0 = (e) => /* @__PURE__ */ i.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ i.createElement("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })), o0 = (e) => /* @__PURE__ */ i.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ i.createElement("path", { d: "M14.763.075A.5.5 0 0 1 15 .5v15a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5V14h-1v1.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V10a.5.5 0 0 1 .342-.474L6 7.64V4.5a.5.5 0 0 1 .276-.447l8-4a.5.5 0 0 1 .487.022zM6 8.694 1 10.36V15h5V8.694zM7 15h2v-1.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5V15h2V1.309l-7 3.5V15z" }), /* @__PURE__ */ i.createElement("path", { d: "M2 11h1v1H2v-1zm2 0h1v1H4v-1zm-2 2h1v1H2v-1zm2 0h1v1H4v-1zm4-4h1v1H8V9zm2 0h1v1h-1V9zm-2 2h1v1H8v-1zm2 0h1v1h-1v-1zm2-2h1v1h-1V9zm0 2h1v1h-1v-1zM8 7h1v1H8V7zm2 0h1v1h-1V7zm2 0h1v1h-1V7zM8 5h1v1H8V5zm2 0h1v1h-1V5zm2 0h1v1h-1V5zm0-2h1v1h-1V3z" })), r0 = (e) => /* @__PURE__ */ i.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ i.createElement("path", { d: "M3 1H2v16h4v-2H4V3h10v2h2V1H3Zm5 6h14v12.414l-.293.293-3 3-.293.293H8V7Zm2 14h7.586L20 18.586V9H10v12Z" })), i0 = (e) => /* @__PURE__ */ i.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ i.createElement("path", { d: "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z" })), h0 = (e) => /* @__PURE__ */ i.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ i.createElement("path", { d: "M12 5.068 19.697 19H4.302L12 5.068Zm-.876-2.552-9.392 17L2.607 21h18.785l.875-1.484-9.392-17h-1.75ZM11 14v-4h2v4h-2Zm0 3v-2h2v2h-2Z" })), d0 = (e) => /* @__PURE__ */ i.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ i.createElement("path", { fillRule: "evenodd", d: "M15 10a2 2 0 100 4 2 2 0 000-4zm-2 5.464A4 4 0 0017.646 9 4 4 0 0015 2H9a4 4 0 00-2.646 7 4.01 4.01 0 00-.818 1 4 4 0 00.818 5 3.977 3.977 0 00-.818 1A4 4 0 1013 18v-2.536zM11 16H9a2 2 0 102 2v-2zM9 8h2V4H9a2 2 0 100 4zm0 2a2 2 0 100 4h2v-4H9zm4-2V4h2a2 2 0 010 4h-2z" })), v0 = (e) => /* @__PURE__ */ i.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ i.createElement("path", { d: "M12 2C6.477 2 2 6.477 2 12c0 4.42 2.87 8.17 6.84 9.5.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34-.46-1.16-1.11-1.47-1.11-1.47-.91-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.87 1.52 2.34 1.07 2.91.83.09-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.92 0-1.11.38-2 1.03-2.71-.1-.25-.45-1.29.1-2.64 0 0 .84-.27 2.75 1.02.79-.22 1.65-.33 2.5-.33.85 0 1.71.11 2.5.33 1.91-1.29 2.75-1.02 2.75-1.02.55 1.35.2 2.39.1 2.64.65.71 1.03 1.6 1.03 2.71 0 3.82-2.34 4.66-4.57 4.91.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0012 2z" })), u0 = (e) => /* @__PURE__ */ i.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ i.createElement("path", { d: "M9 4 8 5v2h2V6h10v7H10v-2H8v3l1 1h12l1-1V5l-1-1H9Zm2 4H3L2 9v9l1 1h12l1-1v-2h-2v1H4v-7h10v2h2V9l-1-1h-4Z" })), m0 = (e) => /* @__PURE__ */ i.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ i.createElement("path", { d: "M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" })), g0 = (e) => /* @__PURE__ */ i.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ i.createElement("path", { d: "M22 6H2V4h20v2zM2 13h16v-2H2v2zm0 7h20v-2H2v2z" })), p0 = (e) => /* @__PURE__ */ i.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ i.createElement("path", { d: "M6 19h4V5H6v14zm8-14v14h4V5h-4z" })), _0 = (e) => /* @__PURE__ */ i.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ i.createElement("path", { d: "M8 5v14l11-7z" })), y0 = (e) => /* @__PURE__ */ i.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ i.createElement("path", { d: "M2.01 21L23 12 2.01 3 2 10l15 2-15 2 .01 7z" })), f0 = (e) => /* @__PURE__ */ i.createElement("svg", { width: 24, height: 24, viewBox: "0 0 128 128", ...e }, /* @__PURE__ */ i.createElement("path", { d: "M19,70.15c-4.75,1-9.66,1.1-14.42-3.79C1.4,63.1-.19,58.23,0,53.13c12.17,14.15,27-3.34,9-12.43,8.69-4.12,16.89-.25,21.24,7.76,2.06,3.78,3.29,5.76,4.86,7.11a8.58,8.58,0,0,0,.9.69A8.1,8.1,0,0,1,39.8,51.8,7.14,7.14,0,0,1,43.05,51c3.18,0,7.14,1.9,7.81,5.14h0a1.61,1.61,0,0,1,.44-.06h2.31a1.5,1.5,0,0,1,.37,0,5.6,5.6,0,0,1,5,4.59,1.65,1.65,0,0,1,.71-.16H62a1.5,1.5,0,0,1,.37,0c3.31.51,4.65,2.55,5.12,5.12l.26,0h2.31a1.5,1.5,0,0,1,.37,0c3.8.59,5.29,3.08,5.87,6.08,7-1.07,14.57-5.27,22,2.33a17.78,17.78,0,0,1,4.57,13.23c-12.17-14.15-27,3.34-9,12.43-7.47,3.54-14.59,1.17-19.2-4.66a30.06,30.06,0,0,1-2.34,4.92c-.38.62-.77,1.26-1.27,2.14a.16.16,0,0,0,0,.07,19.77,19.77,0,0,1-1.3,2h1.6a2.51,2.51,0,0,1,2.5,2.5v13.61a2.51,2.51,0,0,1-2.5,2.5H35.13a2.51,2.51,0,0,1-2.5-2.5V106.77a2.51,2.51,0,0,1,2.5-2.5H36a18,18,0,0,1-.9-3.79L22.64,80.07,22.58,80a22.48,22.48,0,0,1-2.5-4.24,12.37,12.37,0,0,1-1.08-4,10.22,10.22,0,0,1,0-1.57Zm92-33.29a2,2,0,0,0-.37-.74,1.51,1.51,0,0,0-.57-.46,1.61,1.61,0,0,0-.7-.22,2.62,2.62,0,0,0-.76.09l-.06,0-7.36,2.24a3,3,0,0,1-3.63-1.55c-.38-.64-.75-1.27-1.2-2s-1-1.38-1.39-2S94,31,93.4,30.38s-1-1.14-1.69-1.83A3.09,3.09,0,0,1,91.22,25l3.91-7.35a1.63,1.63,0,0,0,.13-1.46,2.07,2.07,0,0,0-.31-.65,1.82,1.82,0,0,0-.61-.49l-9.26-4.93a2.81,2.81,0,0,0-.68-.26,2.72,2.72,0,0,0-.82.11,1.31,1.31,0,0,0-.61.33,1.82,1.82,0,0,0-.49.61l-3.6,6.75a3.13,3.13,0,0,1-3.69,1.52c-.82-.21-1.59-.41-2.27-.55s-1.54-.28-2.36-.39a23.32,23.32,0,0,0-2.4-.19c-.84-.06-1.62,0-2.37-.06a3,3,0,0,1-3-2.18l-2.5-8.1c0-.06,0-.06,0-.1a2.52,2.52,0,0,0-.3-.66,2.09,2.09,0,0,0-1.26-.61,1.94,1.94,0,0,0-.82.11L48,9.48a1.9,1.9,0,0,0-.74.36,1.71,1.71,0,0,0-.47.57,1.5,1.5,0,0,0-.21.71,2.29,2.29,0,0,0,.09.75l0,.05,2.25,7.35a3.08,3.08,0,0,1-1.56,3.64c-.64.37-1.27.74-2,1.2s-1.38.95-2,1.39-1.3,1-1.91,1.54-1.15,1-1.83,1.7a3.1,3.1,0,0,1-3.59.48l-7.34-3.91a1.88,1.88,0,0,0-.75-.23,3.3,3.3,0,0,0-.69.07,1.31,1.31,0,0,0-.61.32,1.75,1.75,0,0,0-.49.62l-.4.74a24.3,24.3,0,0,0-6.73-.35l1.78-3.35a8.61,8.61,0,0,1,2-2.49,8.51,8.51,0,0,1,2.81-1.5,8.08,8.08,0,0,1,3.18-.33,8.57,8.57,0,0,1,3,1l5.43,2.9.4-.33c.7-.61,1.45-1.19,2.2-1.78s1.56-1.18,2.3-1.66l.26-.19-1.5-5.05a7.44,7.44,0,0,1-.33-3.17,7.84,7.84,0,0,1,.92-3.06,7.75,7.75,0,0,1,2-2.46,8.26,8.26,0,0,1,2.82-1.5L56.28.41l0,0A8.58,8.58,0,0,1,59.43,0a7.71,7.71,0,0,1,3.06.92A8.54,8.54,0,0,1,65,3a7.27,7.27,0,0,1,1.39,2.81l1.83,5.88a2.12,2.12,0,0,0,.43,0c.9.05,1.83.16,2.81.25s1.87.28,2.81.46a1,1,0,0,1,.39.1l2.46-4.63a7.84,7.84,0,0,1,4.82-3.92l.06,0a7.71,7.71,0,0,1,3.11-.31,8.44,8.44,0,0,1,3,.89l9.25,4.94a8.58,8.58,0,0,1,2.49,2,7.68,7.68,0,0,1,1.5,2.82,8,8,0,0,1,.33,3.17,8.31,8.31,0,0,1-1,3l-2.9,5.44c.11.11.23.28.34.39.6.71,1.19,1.45,1.77,2.2s1.19,1.56,1.66,2.3l.19.27,5.05-1.51a7.43,7.43,0,0,1,3.17-.32,8,8,0,0,1,3.06.91,7.67,7.67,0,0,1,2.46,2l0,.08a8.26,8.26,0,0,1,1.5,2.82l3,9.91.05,0a8.8,8.8,0,0,1,.35,3.13,7.87,7.87,0,0,1-.92,3.06,8.54,8.54,0,0,1-2,2.46A7.31,7.31,0,0,1,114.63,55l-5.88,1.83c0,.15,0,.32,0,.47,0,.91-.15,1.83-.24,2.71,0,0,0,.11,0,.15A26.84,26.84,0,0,1,108,63l-.07.34,4.67,2.49a7.52,7.52,0,0,1,2.47,2,8,8,0,0,1,1.45,2.79l0,.07a7.66,7.66,0,0,1,.31,3.1,8.25,8.25,0,0,1-.9,3l-.74,1.39-1.32-.71a25.71,25.71,0,0,0-4.34-7.75c-.14-.19-.29-.37-.45-.55a27.07,27.07,0,0,0-7.55-6.25c.09-.37.18-.75.26-1.13.13-.75.28-1.54.37-2.42,0,0,0-.11,0-.15.11-.81.17-1.54.23-2.27s.09-1.59.07-2.37a3,3,0,0,1,2.18-3l8.09-2.5s.07,0,.11,0a2.31,2.31,0,0,0,.65-.3,1.52,1.52,0,0,0,.41-.55,1.77,1.77,0,0,0,.21-.71,1.94,1.94,0,0,0-.11-.82L111,36.8l0,.06Zm-34-3.09a21.79,21.79,0,0,1,3.93,2.64,23.11,23.11,0,0,1,3.3,3.33,29.87,29.87,0,0,1,2.5,3.79,21.32,21.32,0,0,1,1.72,4.13,20.05,20.05,0,0,1,.86,4.44,20.89,20.89,0,0,1,0,4.54c0,.11,0,.19,0,.26a23,23,0,0,1-.68,3.77c-1.64.16-3.27.42-4.88.71l-1.48-.79c.13-.34.24-.69.35-1.05a18.63,18.63,0,0,0,.64-3.14.8.8,0,0,1,0-.22,17.14,17.14,0,0,0,0-3.44,17.56,17.56,0,0,0-.62-3.23,14.89,14.89,0,0,0-1.28-3,18.34,18.34,0,0,0-1.91-2.87A16.74,16.74,0,0,0,77,41.19a18.31,18.31,0,0,0-6.2-3.3,18.63,18.63,0,0,0-3.14-.64.57.57,0,0,1-.22,0,18.76,18.76,0,0,0-3.44,0,17.57,17.57,0,0,0-3.23.63,14.89,14.89,0,0,0-3,1.28,18.26,18.26,0,0,0-2.87,1.9,17.35,17.35,0,0,0-2.43,2.42c-.23.27-.46.56-.68.87l-5.46-2.91a20.4,20.4,0,0,1,1.42-1.9A22.63,22.63,0,0,1,51,36.26a28.91,28.91,0,0,1,3.79-2.51A24.63,24.63,0,0,1,59,32a22,22,0,0,1,4.39-.88,21.63,21.63,0,0,1,4.55,0c.1,0,.19.05.25,0a23.26,23.26,0,0,1,4.35.84,26.43,26.43,0,0,1,4.39,1.79l0,0Zm-37.89,24h0v.1h0l0,0V58h0v.21h0v.11h0v.11h0v.34h0V59h0v.12h0v.23h0v.13h0v.13h0V60h0v.13h0v.14h0v.25h0V79a1.68,1.68,0,1,1-3.35,0v-3.1h0a1.84,1.84,0,0,1-.25-.17L31.8,73.16l-4.34-3.57A6.52,6.52,0,0,0,26,68.66H24.87a2.57,2.57,0,0,0-1.45.06,1.46,1.46,0,0,0-.79.81h-.1a5.44,5.44,0,0,0-.2,2.11,8.87,8.87,0,0,0,.81,2.9A18.68,18.68,0,0,0,25.26,78s.07.1.1.16l12.7,20.76a1.68,1.68,0,0,1,.28.76h0a11.41,11.41,0,0,0,1.31,4.59H65a11,11,0,0,0,3.08-3.63.47.47,0,0,1,.06-.09c.36-.62.84-1.41,1.31-2.18a29.64,29.64,0,0,0,2.86-6.82v0l0-.06,0-.1,0-.06v0l0-.1,0-.07v0l0-.1.06-.2,0-.1h0l0-.09,0-.1v0l0-.07,0-.1v-.1l0-.1V90l0-.1,0-.09h0l0-.1,0-.1h0l0-.08,0-.1v0l0-.07,0-.1v-.1l0-.1,0-.07v0l0-.1,0-.08v0l0-.09,0-.1h0l0-.09,0-.1v-.1l0-.09v-.29l0-.1v-.1l0-.09v-.1h0v-.09l0-.1v-.84h0v-1l-.13-5.7a1.94,1.94,0,0,1,0-.24c0-.08,0-.62,0-1.34v-.18h0V76.84h0v-.19h0V75.36h0v-.19h0V74.1h0v-.17h0v-.18h0v-.19l0-.09v-.64l0-.08,0-.09,0-.09h0v-.09l0-.07h0l0-.09v-.08l0-.09V72a3.67,3.67,0,0,0-2.89-3H67.74c0,.47,0,.93,0,1.4h0v0h0v0h0v0h0v.1h0v0h0v.08h0V71h0v0h0v0h0v.1h0v0h0v0h0v0h0v.07h0v0h0v0h0v0h0v0h0v.05h0v0h0v0h0v0h0v0h0v.05h0v0h0v0h0v0h0v0h0v0h0v0h0v0h0v.05c-.06.93-.11,1.84-.11,2.7a1.68,1.68,0,0,1-3.36,0c0-.86.07-1.86.13-2.9v-.33h0v-.17h0v-.15h0v-.33h0v-.17h0v-.15h0v-.17h0V70.2h0v-.34h0v-.33h0V69.2h0V69c0-2.52-.45-4.71-2.48-5.08H59.7a1.37,1.37,0,0,1-.36,0c0,.94,0,1.92-.08,2.87v1c-.06.93-.11,1.83-.11,2.69a1.68,1.68,0,1,1-3.36,0c0-.86.07-1.86.13-2.9v-.17h0v-.15h0v-.16h0v-.17h0v-.17h0v-.17h0v-.32h0v-.16h0v-.17h0v-.14h0v-.17h0v-.17h0v-.07c.08-2.84-.23-5.46-2.47-5.87H51.29a1.49,1.49,0,0,1-.43-.06v6.49a1.68,1.68,0,0,1-3.36,0v-8.2c0-2.32-2.3-3.32-4.45-3.32a3.85,3.85,0,0,0-1.74.42,5,5,0,0,0-2.26,3ZM35.29,70l-1.58-.65a19.89,19.89,0,0,0-2.2-.75l2.41,2,1.37,1.12V70Z" })), w0 = (e) => /* @__PURE__ */ i.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ i.createElement("path", { d: "M16.71.243l-.12 2.71a.18.18 0 00.29.15l1.06-.8.9.7a.18.18 0 00.28-.14l-.1-2.76 1.33-.1a1.2 1.2 0 011.279 1.2v21.596a1.2 1.2 0 01-1.26 1.2l-16.096-.72a1.2 1.2 0 01-1.15-1.16l-.75-19.797a1.2 1.2 0 011.13-1.27L16.7.222zM13.64 9.3c0 .47 3.16.24 3.59-.08 0-3.2-1.72-4.89-4.859-4.89-3.15 0-4.899 1.72-4.899 4.29 0 4.45 5.999 4.53 5.999 6.959 0 .7-.32 1.1-1.05 1.1-.96 0-1.35-.49-1.3-2.16 0-.36-3.649-.48-3.769 0-.27 4.03 2.23 5.2 5.099 5.2 2.79 0 4.969-1.49 4.969-4.18 0-4.77-6.099-4.64-6.099-6.999 0-.97.72-1.1 1.13-1.1.45 0 1.25.07 1.19 1.87z" })), b0 = (e) => /* @__PURE__ */ i.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", ...e }, /* @__PURE__ */ i.createElement("path", { d: "M22.92 6c-.77.35-1.6.58-2.46.69.88-.53 1.56-1.37 1.88-2.38-.83.5-1.75.85-2.72 1.05C18.83 4.5 17.72 4 16.46 4c-2.35 0-4.27 1.92-4.27 4.29 0 .34.04.67.11.98-3.56-.18-6.73-1.89-8.84-4.48-.37.63-.58 1.37-.58 2.15 0 1.49.75 2.81 1.91 3.56-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.22 4.22 0 01-1.93.07 4.28 4.28 0 004 2.98 8.521 8.521 0 01-5.33 1.84c-.34 0-.68-.02-1.02-.06C3.9 20.29 6.16 21 8.58 21c7.88 0 12.21-6.54 12.21-12.21 0-.19 0-.37-.01-.56.84-.6 1.56-1.36 2.14-2.23z" })), L0 = {
+  arrowLeft: t0,
+  arrowRight: a0,
+  articles: n0,
+  company: o0,
+  check: s0,
+  chevronRight: c0,
+  close: l0,
+  copy: r0,
+  download: i0,
+  error: h0,
+  figma: d0,
+  github: v0,
+  link: u0,
+  linkedin: m0,
+  menu: g0,
+  pause: p0,
+  play: _0,
+  send: y0,
+  skills: f0,
+  storybook: w0,
+  twitter: b0
+}, D = ({ icon: e, className: t, ...a }) => {
+  const l = L0[e];
+  return /* @__PURE__ */ n(l, { "aria-hidden": !0, className: w(e0.icon, t), ...a });
+}, M0 = "_container_19hr9_1", V0 = "_options_19hr9_5", z0 = "_button_19hr9_25", H0 = "_indicator_19hr9_66", G = {
+  container: M0,
+  options: V0,
+  button: z0,
+  indicator: H0
+}, r1 = f1(
+  {}
+), ke = ({
+  children: e,
+  currentIndex: t,
+  onChange: a,
+  label: l,
+  ...o
+}) => {
+  const c = `${J()}segmented-control-label`, r = M([]), [h, u] = L(), m = (d) => {
+    var f, V;
+    const { length: v } = r.current, _ = (t - 1 + v) % v, y = (t + 1) % v;
+    ["ArrowLeft", "ArrowUp"].includes(d.key) ? (a(_), (f = r.current[_].current) == null || f.focus()) : ["ArrowRight", "ArrowDown"].includes(d.key) && (a(y), (V = r.current[y].current) == null || V.focus());
+  }, g = X((d) => {
+    r.current = [...r.current, d];
+  }, []), p = X((d) => {
+    r.current = r.current.filter((v) => v !== d);
+  }, []);
+  return N(() => {
+    var _;
+    const d = (_ = r.current[t]) == null ? void 0 : _.current;
+    if (!d) return;
+    const v = new ResizeObserver(() => {
+      const y = d.getBoundingClientRect(), f = d.offsetLeft;
+      u({ width: y.width, left: f });
+    });
+    return v.observe(d), () => {
+      v.disconnect();
+    };
+  }, [t]), /* @__PURE__ */ n(
+    r1.Provider,
+    {
+      value: { optionRefs: r, currentIndex: t, onChange: a, registerOption: g, unRegisterOption: p },
+      children: /* @__PURE__ */ b(
+        "div",
+        {
+          className: G.container,
+          role: "radiogroup",
+          "aria-labelledby": c,
+          onKeyDown: m,
+          ...o,
+          children: [
+            /* @__PURE__ */ n(Y, { as: "label", id: c, children: l }),
+            /* @__PURE__ */ b("div", { className: G.options, children: [
+              !!h && /* @__PURE__ */ n(
+                "div",
+                {
+                  className: G.indicator,
+                  "data-last": t === r.current.length - 1,
+                  style: x(h)
+                }
+              ),
+              e
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}, Ce = ({ children: e, ...t }) => {
+  const { optionRefs: a, currentIndex: l, onChange: o, registerOption: s, unRegisterOption: c } = y1(r1), r = M(null), h = a.current.indexOf(r), u = l === h;
+  return N(() => (s(r), () => {
+    c(r);
+  }), [s, c]), /* @__PURE__ */ n(
+    "button",
+    {
+      className: G.button,
+      tabIndex: u ? 0 : -1,
+      role: "radio",
+      "aria-checked": u,
+      onClick: () => o(h),
+      ref: r,
+      ...t,
+      children: e
+    }
+  );
+}, x0 = "_container_1a9g9_1", N0 = "_content_1a9g9_15", k0 = "_input_1a9g9_20", C0 = "_underline_1a9g9_60", S0 = "_label_1a9g9_32", T0 = "_error_1a9g9_135", E0 = "_errorMessage_1a9g9_151", S = {
+  container: x0,
+  content: N0,
+  input: k0,
+  underline: C0,
+  label: S0,
+  error: T0,
+  errorMessage: E0
+}, $0 = "_textarea_vm3vl_1", B0 = {
+  textarea: $0
+}, R0 = ({
+  className: e,
+  resize: t = "none",
+  value: a,
+  onChange: l,
+  minRows: o = 1,
+  maxRows: s,
+  ...c
+}) => {
+  const [r, h] = L(o), [u, m] = L(), g = M(null);
+  N(() => {
+    const d = getComputedStyle(g.current), v = parseInt(d.lineHeight, 10), _ = parseInt(d.paddingTop, 10) + parseInt(d.paddingBottom, 10);
+    m({ lineHeight: v, paddingHeight: _ });
+  }, []);
+  const p = (d) => {
+    l(d);
+    const { lineHeight: v, paddingHeight: _ } = u, y = d.target.rows;
+    d.target.rows = o;
+    const f = ~~((d.target.scrollHeight - _) / v);
+    f === y && (d.target.rows = f), s && f >= s && (d.target.rows = s, d.target.scrollTop = d.target.scrollHeight), h(s && f > s ? s : f);
+  };
+  return /* @__PURE__ */ n(
+    "textarea",
+    {
+      className: w(B0.textarea, e),
+      ref: g,
+      onChange: p,
+      style: x({ resize: t }),
+      rows: r,
+      value: a,
+      ...c
+    }
+  );
+}, Se = ({
+  id: e,
+  label: t,
+  value: a,
+  multiline: l,
+  className: o,
+  style: s,
+  error: c,
+  onBlur: r,
+  autoComplete: h,
+  required: u,
+  maxLength: m,
+  type: g,
+  placeholder: p,
+  maxRows: d,
+  onChange: v,
+  ..._
+}) => {
+  const [y, f] = L(!1), V = J(), k = M(null), C = e || `${V}input`, A = `${C}-label`, q = `${C}-error`, K = l ? R0 : "input", z = (H) => {
+    f(!1), r && r(H);
+  };
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      className: w(S.container, o),
+      "data-error": !!c,
+      "data-multiline": !!l,
+      style: s,
+      ..._,
+      children: [
+        /* @__PURE__ */ b("div", { className: S.content, children: [
+          /* @__PURE__ */ n(
+            "label",
+            {
+              className: S.label,
+              "data-focused": y,
+              "data-filled": !!a,
+              "data-placeholder": !!p,
+              id: A,
+              htmlFor: C,
+              children: t
+            }
+          ),
+          /* @__PURE__ */ n(
+            K,
+            {
+              className: S.input,
+              id: C,
+              "aria-labelledby": A,
+              "aria-describedby": c ? q : void 0,
+              onFocus: () => f(!0),
+              onBlur: z,
+              value: a,
+              onChange: v,
+              autoComplete: h,
+              required: u,
+              maxLength: m,
+              type: g,
+              placeholder: p,
+              ...l ? { maxRows: d } : {}
+            }
+          ),
+          /* @__PURE__ */ n("div", { className: S.underline, "data-focused": y })
+        ] }),
+        /* @__PURE__ */ n(o1, { unmount: !0, in: !!c, timeout: m1(L1.base.durationM), children: (H) => {
+          var P;
+          return /* @__PURE__ */ n(
+            "div",
+            {
+              className: S.error,
+              "data-visible": H,
+              id: q,
+              role: "alert",
+              style: x({
+                height: H ? ((P = k.current) == null ? void 0 : P.getBoundingClientRect().height) ?? 0 : 0
+              }),
+              children: /* @__PURE__ */ b("div", { className: S.errorMessage, ref: k, children: [
+                /* @__PURE__ */ n(D, { icon: "error" }),
+                c
+              ] })
+            }
+          );
+        } })
+      ]
+    }
+  );
+}, A0 = "_link_o3rjr_1", P0 = {
+  link: A0
+}, I0 = ["txt", "png", "jpg"];
+function Z0(e) {
+  const t = I0.includes((e == null ? void 0 : e.split(".").pop()) ?? "");
+  return !!(e != null && e.includes("://")) || (e == null ? void 0 : e[0]) === "#" || t;
+}
+const j0 = B(
+  ({ rel: e, target: t, children: a, secondary: l, className: o, href: s, linkComponent: c, ...r }, h) => {
+    const u = c1(), m = c ?? u, g = s == null ? void 0 : s.includes("://"), p = e || (g ? "noreferrer noopener" : void 0), d = t || (g ? "_blank" : void 0), v = {
+      className: w(P0.link, o),
+      "data-secondary": l,
+      rel: p,
+      href: s,
+      target: d,
+      ref: h,
+      ...r
+    };
+    return Z0(s) ? /* @__PURE__ */ n("a", { ...v, children: a }) : /* @__PURE__ */ n(m, { ...v, href: s ?? "", children: a });
+  }
+), D0 = "_button_1yrod_1", q0 = "_text_1yrod_128", O0 = "_loader_1yrod_141", F0 = "_icon_1yrod_154", I = {
+  button: D0,
+  text: q0,
+  loader: O0,
+  icon: F0
+};
+function i1(e) {
+  return !!(e != null && e.includes("://"));
+}
+const W0 = B(
+  ({ href: e, linkComponent: t, ...a }, l) => {
+    const o = c1(), s = t ?? o;
+    return i1(e) || !e ? /* @__PURE__ */ n(e1, { href: e, ref: l, ...a }) : /* @__PURE__ */ n(e1, { as: s, href: e, ref: l, ...a });
+  }
+), e1 = B(
+  ({
+    className: e,
+    as: t,
+    secondary: a,
+    loading: l,
+    loadingText: o = "loading",
+    icon: s,
+    iconEnd: c,
+    iconHoverShift: r,
+    iconOnly: h,
+    children: u,
+    rel: m,
+    target: g,
+    href: p,
+    disabled: d,
+    ...v
+  }, _) => {
+    const y = i1(p);
+    return /* @__PURE__ */ b(
+      t || (p ? "a" : "button"),
+      {
+        className: w(I.button, e),
+        "data-loading": l,
+        "data-icon-only": h,
+        "data-secondary": a,
+        "data-icon": s,
+        href: p,
+        rel: m || y ? "noopener noreferrer" : void 0,
+        target: g || y ? "_blank" : void 0,
+        disabled: d,
+        ref: _,
+        ...v,
+        children: [
+          !!s && /* @__PURE__ */ n(
+            D,
+            {
+              className: I.icon,
+              "data-start": !h,
+              "data-shift": r,
+              icon: s
+            }
+          ),
+          !!u && /* @__PURE__ */ n("span", { className: I.text, children: u }),
+          !!c && /* @__PURE__ */ n(
+            D,
+            {
+              className: I.icon,
+              "data-end": !h,
+              "data-shift": r,
+              icon: c
+            }
+          ),
+          /* @__PURE__ */ n(o1, { unmount: !0, in: l, children: (k) => /* @__PURE__ */ n(
+            Q1,
+            {
+              className: I.loader,
+              size: 32,
+              text: o,
+              "data-visible": k
+            }
+          ) })
+        ]
+      }
+    );
+  }
+), G0 = "_breadcrumbs_1k287_3", K0 = "_list_1k287_16", U0 = "_item_1k287_26", X0 = "_link_1k287_33", J0 = "_separator_1k287_44", Q0 = "_current_1k287_51", E = {
+  breadcrumbs: G0,
+  list: K0,
+  item: U0,
+  link: X0,
+  separator: J0,
+  current: Q0
+}, Te = ({ items: e, className: t }) => /* @__PURE__ */ n("nav", { "aria-label": "Breadcrumb", className: w(E.breadcrumbs, t), children: /* @__PURE__ */ n("ol", { className: E.list, children: e.map((a, l) => {
+  const o = l === e.length - 1;
+  return /* @__PURE__ */ b("li", { className: E.item, children: [
+    l > 0 && /* @__PURE__ */ n(
+      D,
+      {
+        className: E.separator,
+        icon: "chevronRight",
+        "aria-hidden": "true"
+      }
+    ),
+    o ? /* @__PURE__ */ n("span", { className: E.current, "aria-current": "page", children: a.label }) : /* @__PURE__ */ n(j0, { className: E.link, href: a.href, children: a.label })
+  ] }, a.href);
+}) }) });
+async function Y0(e) {
+  return new Promise((t) => setTimeout(t, e));
+}
+const ee = "_text_11knq_1", te = "_glyph_11knq_8", ae = "_value_11knq_15", W = {
+  text: ee,
+  glyph: te,
+  value: ae
+}, t1 = [
+  // Independent vowels
+  "अ",
+  "आ",
+  "इ",
+  "ई",
+  "उ",
+  "ऊ",
+  "ऋ",
+  "ए",
+  "ऐ",
+  "ओ",
+  "औ",
+  // Consonants
+  "क",
+  "ख",
+  "ग",
+  "घ",
+  "ङ",
+  "च",
+  "छ",
+  "ज",
+  "झ",
+  "ञ",
+  "ट",
+  "ठ",
+  "ड",
+  "ढ",
+  "ण",
+  "त",
+  "थ",
+  "द",
+  "ध",
+  "न",
+  "प",
+  "फ",
+  "ब",
+  "भ",
+  "म",
+  "य",
+  "र",
+  "ल",
+  "व",
+  "श",
+  "ष",
+  "स",
+  "ह",
+  "ळ",
+  // Devanagari digits
+  "०",
+  "१",
+  "२",
+  "३",
+  "४",
+  "५",
+  "६",
+  "७",
+  "८",
+  "९"
+], Z = {
+  Glyph: "glyph",
+  Value: "value"
+};
+function ne(e, t, a) {
+  return e.map((l, o) => {
+    if (o < a)
+      return { type: Z.Value, value: l };
+    if (a % 1 < 0.5) {
+      const s = Math.floor(Math.random() * t1.length);
+      return { type: Z.Glyph, value: t1[s] };
+    }
+    return { type: Z.Glyph, value: t[o].value };
+  });
+}
+const Ee = w1(
+  ({ text: e, start: t = !0, delay: a = 0, className: l, ...o }) => {
+    const s = M([{ type: Z.Glyph, value: "" }]), c = M(null), r = Q(), h = H1(0, { stiffness: 8, damping: 5 });
+    return N(() => {
+      const u = c.current, m = e.split(""), g = () => {
+        const v = s.current.map((_) => `<span class="${W[_.type]}">${_.value}</span>`);
+        u && (u.innerHTML = v.join(""));
+      }, p = h.on("change", (v) => {
+        s.current = ne(m, s.current, v), g();
+      });
+      return t && !r && (async () => {
+        await Y0(a), h.set(m.length);
+      })(), r && (s.current = m.map((v, _) => ({
+        type: Z.Value,
+        value: m[_]
+      })), g()), () => {
+        p == null || p();
+      };
+    }, [h, r, t, a, e]), /* @__PURE__ */ b("span", { className: w(W.text, l), ...o, children: [
+      /* @__PURE__ */ n(Y, { className: W.label, children: e }),
+      /* @__PURE__ */ n("span", { "aria-hidden": !0, className: W.content, ref: c })
+    ] });
+  }
+), se = "_image_y6je9_1", ce = "_elementWrapper_y6je9_49", le = "_placeholder_y6je9_71", oe = "_element_y6je9_49", re = "_button_y6je9_101", $ = {
+  image: se,
+  elementWrapper: ce,
+  placeholder: le,
+  element: oe,
+  button: re
+}, $e = ({
+  className: e,
+  style: t,
+  reveal: a,
+  delay: l = 0,
+  raised: o,
+  src: s,
+  srcSet: c,
+  placeholder: r,
+  ...h
+}) => {
+  const [u, m] = L(!1), { themeId: g } = M1(), p = M(null), d = s || (c == null ? void 0 : c[0]), v = g1(p, !h1(d)), _ = X(() => {
+    m(!0);
+  }, []);
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: w($.image, e),
+      "data-visible": v || u,
+      "data-reveal": a,
+      "data-raised": o,
+      "data-theme": g,
+      style: x({ delay: j(l) }, t),
+      ref: p,
+      children: /* @__PURE__ */ n(
+        ie,
+        {
+          delay: l,
+          onLoad: _,
+          loaded: u,
+          inViewport: v,
+          reveal: a,
+          src: d,
+          srcSet: c,
+          placeholder: r,
+          ...h
+        }
+      )
+    }
+  );
+}, ie = ({
+  onLoad: e,
+  loaded: t,
+  inViewport: a,
+  srcSet: l,
+  placeholder: o,
+  delay: s,
+  src: c,
+  alt: r,
+  play: h = !0,
+  restartOnPause: u,
+  reveal: m,
+  sizes: g,
+  noPauseButton: p,
+  ...d
+}) => {
+  const v = Q(), [_, y] = L(!0), [f, V] = L(!v), [k, C] = L(), [A, q] = L(!1), K = M(null), z = M(null), H = h1(c), P = a, d1 = p1(l), v1 = s1();
+  N(() => {
+    H && l ? (async () => {
+      const F = await _1({ srcSet: l, sizes: g });
+      C(F);
+    })() : H && C(c.src);
+  }, [H, g, c, l]), N(() => {
+    if (!z.current || !k) return;
+    const O = () => {
+      V(!0), z.current.play();
+    }, F = () => {
+      V(!1), z.current.pause();
+    };
+    h || (F(), u && (z.current.currentTime = 0)), !A && (a ? a && !v && h && O() : F());
+  }, [a, h, v, u, A, k]);
+  const u1 = (O) => {
+    O.preventDefault(), q(!0), z.current.paused ? (V(!0), z.current.play()) : (V(!1), z.current.pause());
+  };
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      className: $.elementWrapper,
+      "data-reveal": m,
+      "data-visible": a || t,
+      style: x({ delay: j(s + 1e3) }),
+      children: [
+        H && v1 && /* @__PURE__ */ b(n1, { children: [
+          /* @__PURE__ */ n(
+            "video",
+            {
+              muted: !0,
+              loop: !0,
+              playsInline: !0,
+              className: $.element,
+              "data-loaded": t,
+              autoPlay: !v,
+              role: "img",
+              onLoadStart: e,
+              src: k,
+              "aria-label": r,
+              ref: z,
+              ...d
+            }
+          ),
+          !p && /* @__PURE__ */ b(W0, { className: $.button, onClick: u1, children: [
+            /* @__PURE__ */ n(D, { icon: f ? "pause" : "play" }),
+            f ? "Pause" : "Play"
+          ] })
+        ] }),
+        !H && /* @__PURE__ */ n(
+          "img",
+          {
+            className: $.element,
+            "data-loaded": t,
+            onLoad: e,
+            decoding: "async",
+            src: P ? c == null ? void 0 : c.src : void 0,
+            srcSet: P ? d1 : void 0,
+            width: c == null ? void 0 : c.width,
+            height: c == null ? void 0 : c.height,
+            alt: r,
+            sizes: g,
+            ...d
+          }
+        ),
+        _ && o && /* @__PURE__ */ n(
+          "img",
+          {
+            "aria-hidden": !0,
+            className: $.placeholder,
+            "data-loaded": t,
+            style: x({ delay: j(s) }),
+            ref: K,
+            src: o.src,
+            width: o.width,
+            height: o.height,
+            onTransitionEnd: () => y(!1),
+            decoding: "async",
+            alt: "",
+            role: "presentation"
+          }
+        )
+      ]
+    }
+  );
+};
+function h1(e) {
+  return e ? typeof e.src == "string" && e.src.endsWith(".mp4") : !1;
+}
+const he = "_wordmark_w8y5a_1", de = "_highlight_w8y5a_6", a1 = {
+  wordmark: he,
+  highlight: de
+}, Be = B(
+  ({ highlight: e, className: t, ...a }, l) => {
+    const s = `${J()}wordmark-clip`;
+    return /* @__PURE__ */ b(
+      "svg",
+      {
+        "aria-hidden": !0,
+        className: w(a1.wordmark, t),
+        width: "46",
+        height: "29",
+        viewBox: "0 0 46 29",
+        ref: l,
+        ...a,
+        children: [
+          /* @__PURE__ */ n("defs", { children: /* @__PURE__ */ n("clipPath", { id: s, children: /* @__PURE__ */ n(
+            "path",
+            {
+              d: "M 10.3281 17.7888 l 4.4875 -11.4688 l 0.0019 -0.0006 l 6.075 11.5263 a 0.5238 0.5238 90 0 0 0.9525 -0.0581 l 2.1187 -5.515 a 0.5288 0.5288 90 0 0 -0.025 -0.4288 L 18.9419 2.2531 A 4.1863 4.1863 90 0 0 15.2294 0 h -2.875 a 0.525 0.525 90 0 0 -0.4625 0.7688 l 2.2687 4.3044 l -2.2844 5.7188 l -4.45 -8.5388 A 4.1863 4.1863 90 0 0 3.7138 0 h -2.875 a 0.5262 0.5262 90 0 0 -0.4675 0.7688 L 9.375 17.8462 a 0.5244 0.5244 90 0 0 0.9525 -0.0575 z M 26.495 5.5037 a 0.5219 0.5219 90 0 0 0.2419 -0.2787 v 0.0006 l 1.6687 -4.5188 a 0.5238 0.5238 90 0 0 -0.4906 -0.7056 h -4.1113 a 0.5231 0.5231 90 0 0 -0.46 0.7737 l 2.4419 4.5163 c 0.1375 0.2562 0.4556 0.35 0.7094 0.2125 z M 39.375 0 l 0 18.125 L 34.375 18.125 l 0 -11.875 A 4.1863 4.1863 90 0 0 34.375 18.125 L 34.375 18.125 L 34.375 0 z z",
+              transform: "rotate(180 23 15)"
+            }
+          ) }) }),
+          /* @__PURE__ */ n("rect", { clipPath: `url(#${s})`, width: "100%", height: "100%" }),
+          e && /* @__PURE__ */ n("g", { clipPath: `url(#${s})`, children: /* @__PURE__ */ n("rect", { className: a1.highlight, width: "100%", height: "100%" }) })
+        ]
+      }
+    );
   }
 );
 export {
-  $ as Text,
-  i as classes,
-  k as cssProps,
-  y as media,
-  b as msToNum,
-  u as numToMs,
-  r as numToPx,
-  d as pxToNum,
-  T as pxToRem,
-  N as rgbToThreeColor
+  Te as Breadcrumbs,
+  W0 as Button,
+  Le as Divider,
+  ye as Heading,
+  D as Icon,
+  $e as Image,
+  Se as Input,
+  j0 as Link,
+  Oe as LinkProvider,
+  we as List,
+  be as ListItem,
+  Q1 as Loader,
+  Fe as RefractProvider,
+  Ee as ScrambleReveal,
+  fe as Section,
+  ke as SegmentedControl,
+  Ce as SegmentedControlOption,
+  Me as Table,
+  He as TableBody,
+  Ne as TableCell,
+  ze as TableHead,
+  xe as TableHeadCell,
+  Ve as TableRow,
+  C1 as Text,
+  R0 as TextArea,
+  We as ThemeContext,
+  Ge as ThemeProvider,
+  o1 as Transition,
+  Y as VisuallyHidden,
+  Be as Wordmark,
+  w as classes,
+  Ke as createMediaTokenProperties,
+  Ue as createThemeProperties,
+  Xe as createThemeStyleObject,
+  x as cssProps,
+  L0 as icons,
+  Pe as media,
+  m1 as msToNum,
+  j as numToMs,
+  Ie as numToPx,
+  Ze as pxToNum,
+  je as pxToRem,
+  De as rgbToThreeColor,
+  Je as squish,
+  Qe as theme,
+  Ye as tokenStyles,
+  L1 as tokens,
+  c1 as useLinkComponent,
+  b1 as useRefractConfig,
+  M1 as useTheme
 };
 //# sourceMappingURL=index.js.map