@wrdagency/blockout 0.0.13 → 0.0.14

package/dist/components/controls/number-control/index.js

@@ -1,62 +1,68 @@
-import { jsx as o, jsxs as p } from "react/jsx-runtime";
-import { noop as s } from "../../../utils/noop.js";
-import { e as b } from "../../../CaretDown.es-eySGHzTJ.js";
-import { r as f } from "../../../CaretUp.es-Cy8czlHG.js";
-import { useRef as d } from "react";
-import { BaseControl as h } from "../base-control/index.js";
-import { useBaseControlProps as C } from "../base-control/props.js";
-import '../../../assets/index5.css';const k = (e) => {
-  const r = d(null), l = () => /* @__PURE__ */ p("div", { className: "component-number-control__spinbox", children: [
-    /* @__PURE__ */ o(
+import { jsxs as s, Fragment as f, jsx as n } from "react/jsx-runtime";
+import { noop as u } from "../../../utils/noop.js";
+import { e as d } from "../../../CaretDown.es-eySGHzTJ.js";
+import { r as h } from "../../../CaretUp.es-Cy8czlHG.js";
+import { useRef as x } from "react";
+import { BaseControl as C } from "../base-control/index.js";
+import { Affix as _ } from "../base-control/affix.js";
+import { useBaseControlProps as g } from "../base-control/props.js";
+import '../../../assets/index5.css';const T = (r) => {
+  const e = x(null), i = () => /* @__PURE__ */ s("div", { className: "component-number-control__spinbox", children: [
+    /* @__PURE__ */ n(
       "button",
       {
         type: "button",
         className: "component-number-control__spinbox__button",
         "aria-label": "Increment",
         role: "spinbutton",
-        "aria-controls": e.id,
-        onClick: () => t(1),
+        "aria-controls": r.id,
+        onClick: () => c(1),
         tabIndex: -1,
-        children: /* @__PURE__ */ o(f, {})
+        children: /* @__PURE__ */ n(h, {})
       }
     ),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ n(
       "button",
       {
         type: "button",
         className: "component-number-control__spinbox__button",
         "aria-label": "Decrement",
         role: "spinbutton",
-        "aria-controls": e.id,
-        onClick: () => t(-1),
+        "aria-controls": r.id,
+        onClick: () => c(-1),
         tabIndex: -1,
-        children: /* @__PURE__ */ o(b, {})
+        children: /* @__PURE__ */ n(d, {})
       }
     )
-  ] }), t = (n) => {
-    r.current && (n > 0 ? r.current.stepUp(n) : r.current.stepDown(n * -1), c(Number(r.current.value)), r.current.focus());
-  }, { baseProps: m, controlProps: u } = C(e, {
+  ] }), c = (o) => {
+    e.current && (o > 0 ? e.current.stepUp(o) : e.current.stepDown(o * -1), t(Number(e.current.value)), e.current.focus());
+  }, { baseProps: l, controlProps: m } = g(r, {
     className: "component-number-control",
-    suffix: /* @__PURE__ */ o(l, {})
+    suffix: /* @__PURE__ */ s(f, { children: [
+      /* @__PURE__ */ n(_, { suffix: !0, children: r.suffix }),
+      /* @__PURE__ */ n(i, {})
+    ] })
   }), {
-    onChangeValue: c = s,
-    onChange: a = s,
-    ...i
-  } = u;
-  return /* @__PURE__ */ o(h, { ...m, children: /* @__PURE__ */ o(
+    onChangeValue: t = u,
+    onChange: a = u,
+    value: p = "",
+    ...b
+  } = m;
+  return /* @__PURE__ */ n(C, { ...l, children: /* @__PURE__ */ n(
     "input",
     {
       className: "component-number-control__input",
       type: "number",
       inputMode: "numeric",
-      ref: r,
-      onChange: (n) => {
-        console.log(n), c(Number(n.currentTarget.value)), a(n);
+      ref: e,
+      onChange: (o) => {
+        o.currentTarget.value === "" ? t(void 0) : t(Number(o.currentTarget.value)), a(o);
       },
-      ...i
+      value: p,
+      ...b
     }
   ) });
 };
 export {
-  k as NumberControl
+  T as NumberControl
 };

package/dist/components/controls/password-control/index.d.ts

@@ -0,0 +1,7 @@
+import { InputHTMLAttributes } from 'react';
+import { ControlFC } from '../base-control/props';
+interface PasswordControlProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
+    onChangeValue?: (value: string) => void;
+}
+export declare const PasswordControl: ControlFC<PasswordControlProps>;
+export {};

package/dist/components/controls/password-control/index.js

@@ -0,0 +1,114 @@
+import { jsx as l } from "react/jsx-runtime";
+import { noop as c } from "../../../utils/noop.js";
+import * as e from "react";
+import { useState as E, useRef as g } from "react";
+import { w as o } from "../../../SSRBase.es-BUXS72ra.js";
+import { BaseControl as f } from "../base-control/index.js";
+import { useBaseControlProps as M } from "../base-control/props.js";
+import '../../../assets/index11.css';const L = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M251,123.13c-.37-.81-9.13-20.26-28.48-39.61C196.63,57.67,164,44,128,44S59.37,57.67,33.51,83.52C14.16,102.87,5.4,122.32,5,123.13a12.08,12.08,0,0,0,0,9.75c.37.82,9.13,20.26,28.49,39.61C59.37,198.34,92,212,128,212s68.63-13.66,94.48-39.51c19.36-19.35,28.12-38.79,28.49-39.61A12.08,12.08,0,0,0,251,123.13Zm-46.06,33C183.47,177.27,157.59,188,128,188s-55.47-10.73-76.91-31.88A130.36,130.36,0,0,1,29.52,128,130.45,130.45,0,0,1,51.09,99.89C72.54,78.73,98.41,68,128,68s55.46,10.73,76.91,31.89A130.36,130.36,0,0,1,226.48,128,130.45,130.45,0,0,1,204.91,156.12ZM128,84a44,44,0,1,0,44,44A44.05,44.05,0,0,0,128,84Zm0,64a20,20,0,1,1,20-20A20,20,0,0,1,128,148Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+      "path",
+      {
+        d: "M128,56C48,56,16,128,16,128s32,72,112,72,112-72,112-72S208,56,128,56Zm0,112a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ e.createElement("path", { d: "M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M245.48,125.57c-.34-.78-8.66-19.23-27.24-37.81C201,70.54,171.38,50,128,50S55,70.54,37.76,87.76c-18.58,18.58-26.9,37-27.24,37.81a6,6,0,0,0,0,4.88c.34.77,8.66,19.22,27.24,37.8C55,185.47,84.62,206,128,206s73-20.53,90.24-37.75c18.58-18.58,26.9-37,27.24-37.8A6,6,0,0,0,245.48,125.57ZM128,194c-31.38,0-58.78-11.42-81.45-33.93A134.77,134.77,0,0,1,22.69,128,134.56,134.56,0,0,1,46.55,95.94C69.22,73.42,96.62,62,128,62s58.78,11.42,81.45,33.94A134.56,134.56,0,0,1,233.31,128C226.94,140.21,195,194,128,194Zm0-112a46,46,0,1,0,46,46A46.06,46.06,0,0,0,128,82Zm0,80a34,34,0,1,1,34-34A34,34,0,0,1,128,162Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M243.66,126.38c-.34-.76-8.52-18.89-26.83-37.2C199.87,72.22,170.7,52,128,52S56.13,72.22,39.17,89.18c-18.31,18.31-26.49,36.44-26.83,37.2a4.08,4.08,0,0,0,0,3.25c.34.77,8.52,18.89,26.83,37.2,17,17,46.14,37.17,88.83,37.17s71.87-20.21,88.83-37.17c18.31-18.31,26.49-36.43,26.83-37.2A4.08,4.08,0,0,0,243.66,126.38Zm-32.7,35c-23.07,23-51,34.62-83,34.62s-59.89-11.65-83-34.62A135.71,135.71,0,0,1,20.44,128,135.69,135.69,0,0,1,45,94.62C68.11,71.65,96,60,128,60s59.89,11.65,83,34.62A135.79,135.79,0,0,1,235.56,128,135.71,135.71,0,0,1,211,161.38ZM128,84a44,44,0,1,0,44,44A44.05,44.05,0,0,0,128,84Zm0,80a36,36,0,1,1,36-36A36,36,0,0,1,128,164Z" }))
+  ]
+]), s = e.forwardRef((t, a) => /* @__PURE__ */ e.createElement(o, { ref: a, ...t, weights: L }));
+s.displayName = "EyeIcon";
+const w = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M234.42,162A12,12,0,1,1,213.58,174l-16.86-29.5a127.19,127.19,0,0,1-30.17,13.86L171.84,190a12,12,0,0,1-9.87,13.8,11.22,11.22,0,0,1-2,.17,12,12,0,0,1-11.82-10L143,163.17a136.5,136.5,0,0,1-30.06,0L107.84,194A12,12,0,0,1,96,204a11.22,11.22,0,0,1-2-.17A12,12,0,0,1,84.16,190l5.29-31.72a127.19,127.19,0,0,1-30.17-13.86L42.42,174A12,12,0,1,1,21.58,162L40,129.85a159.73,159.73,0,0,1-17.31-18.31A12,12,0,0,1,41.34,96.46C57.38,116.32,85.44,140,128,140s70.62-23.68,86.66-43.54a12,12,0,0,1,18.67,15.08A159.73,159.73,0,0,1,216,129.85Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+      "path",
+      {
+        d: "M224,104c-16.81,20.81-47.63,48-96,48s-79.19-27.19-96-48c16.81-20.81,47.63-48,96-48S207.19,83.19,224,104Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ e.createElement("path", { d: "M228,175a8,8,0,0,1-10.92-3l-19-33.2A123.23,123.23,0,0,1,162,155.46l5.87,35.22a8,8,0,0,1-6.58,9.21A8.4,8.4,0,0,1,160,200a8,8,0,0,1-7.88-6.69l-5.77-34.58a133.06,133.06,0,0,1-36.68,0l-5.77,34.58A8,8,0,0,1,96,200a8.4,8.4,0,0,1-1.32-.11,8,8,0,0,1-6.58-9.21L94,155.46a123.23,123.23,0,0,1-36.06-16.69L39,172A8,8,0,1,1,25.06,164l20-35a153.47,153.47,0,0,1-19.3-20A8,8,0,1,1,38.22,99c16.6,20.54,45.64,45,89.78,45s73.18-24.49,89.78-45A8,8,0,1,1,230.22,109a153.47,153.47,0,0,1-19.3,20l20,35A8,8,0,0,1,228,175Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M230.94,164A8,8,0,1,1,217.05,172l-19-33.2A123.23,123.23,0,0,1,162,155.46l5.87,35.22a8,8,0,0,1-6.58,9.21A8.4,8.4,0,0,1,160,200a8,8,0,0,1-7.88-6.69l-5.77-34.58a133.06,133.06,0,0,1-36.68,0l-5.77,34.58A8,8,0,0,1,96,200a8.4,8.4,0,0,1-1.32-.11,8,8,0,0,1-6.58-9.21L94,155.46a123.23,123.23,0,0,1-36.06-16.69L39,172A8,8,0,1,1,25.06,164l20-35a152.8,152.8,0,0,1-19.3-20,8,8,0,0,1,0-10.06C44.56,75.72,77.55,48,128,48s83.44,27.72,102.22,51a8,8,0,0,1,0,10.06,152.8,152.8,0,0,1-19.3,20Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M229.21,165a6,6,0,0,1-10.42,6l-20-35.08a122,122,0,0,1-39,18.09l6.17,37a6,6,0,0,1-4.93,6.91,6.85,6.85,0,0,1-1,.08,6,6,0,0,1-5.91-5L148,156.44a128.86,128.86,0,0,1-40,0L101.92,193A6,6,0,0,1,96,198a6.85,6.85,0,0,1-1-.08A6,6,0,0,1,90.08,191l6.17-37a122,122,0,0,1-39-18.09L37.21,171a6,6,0,1,1-10.42-6l20.85-36.48a152,152,0,0,1-20.31-20.77,6,6,0,0,1,9.34-7.54C53.54,121.11,83.07,146,128,146s74.46-24.89,91.33-45.77a6,6,0,0,1,9.34,7.54,152,152,0,0,1-20.31,20.77Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M228,175a8,8,0,0,1-10.92-3l-19-33.2A123.23,123.23,0,0,1,162,155.46l5.87,35.22a8,8,0,0,1-6.58,9.21A8.4,8.4,0,0,1,160,200a8,8,0,0,1-7.88-6.69l-5.77-34.58a133.06,133.06,0,0,1-36.68,0l-5.77,34.58A8,8,0,0,1,96,200a8.4,8.4,0,0,1-1.32-.11,8,8,0,0,1-6.58-9.21L94,155.46a123.23,123.23,0,0,1-36.06-16.69L39,172A8,8,0,1,1,25.06,164l20-35a153.47,153.47,0,0,1-19.3-20A8,8,0,1,1,38.22,99c16.6,20.54,45.64,45,89.78,45s73.18-24.49,89.78-45A8,8,0,1,1,230.22,109a153.47,153.47,0,0,1-19.3,20l20,35A8,8,0,0,1,228,175Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M226,171.47a3.92,3.92,0,0,1-2,.53,4,4,0,0,1-3.47-2l-21.15-37a120,120,0,0,1-41.91,19.53L164,191.34a4,4,0,0,1-3.29,4.6,3.79,3.79,0,0,1-.67.06,4,4,0,0,1-3.94-3.34l-6.41-38.5a128.17,128.17,0,0,1-43.28,0L100,192.66A4,4,0,0,1,96,196a3.88,3.88,0,0,1-.67-.06,4,4,0,0,1-3.29-4.6l6.48-38.83A120,120,0,0,1,56.62,133L35.47,170A4,4,0,0,1,32,172a3.92,3.92,0,0,1-2-.53A4,4,0,0,1,28.53,166l21.68-37.94a148.24,148.24,0,0,1-21.32-21.56,4,4,0,1,1,6.22-5C52.25,122.71,82.29,148,128,148s75.75-25.29,92.89-46.51a4,4,0,1,1,6.22,5,148.24,148.24,0,0,1-21.32,21.56L227.47,166A4,4,0,0,1,226,171.47Z" }))
+  ]
+]), m = e.forwardRef((t, a) => /* @__PURE__ */ e.createElement(o, { ref: a, ...t, weights: w }));
+m.displayName = "EyeClosedIcon";
+const _ = (t) => {
+  const [a, A] = E(!1), r = g(null), p = () => {
+    const n = () => {
+      A((Z) => !Z), r.current.focus();
+    };
+    return /* @__PURE__ */ l(
+      "button",
+      {
+        type: "button",
+        className: "component-password-control__btn",
+        "aria-label": "Show Password",
+        "aria-pressed": a ? "true" : "false",
+        "aria-controls": t.id,
+        onClick: n,
+        children: a ? /* @__PURE__ */ l(m, {}) : /* @__PURE__ */ l(s, {})
+      }
+    );
+  }, { baseProps: C, controlProps: d } = M(t, {
+    className: "component-password-control",
+    suffix: /* @__PURE__ */ l(p, {})
+  }), {
+    onChangeValue: i = c,
+    onChange: u = c,
+    ...h
+  } = d;
+  return /* @__PURE__ */ l(f, { ...C, children: /* @__PURE__ */ l(
+    "input",
+    {
+      className: "component-password-control__input",
+      onChange: (n) => {
+        i(n.currentTarget.value), u(n);
+      },
+      type: a ? "text" : "password",
+      ref: r,
+      ...h
+    }
+  ) });
+};
+export {
+  _ as PasswordControl
+};

package/dist/components/controls/select-control/index.js

@@ -5,13 +5,13 @@ import { e as qt } from "../../../CaretDown.es-eySGHzTJ.js";
 import * as M from "react";
 import { createContext as ge, useMemo as Ee, useState as de, useRef as le, useEffect as ae, useCallback as Je, useContext as Ve, startTransition as zt } from "react";
 import { w as Yt } from "../../../SSRBase.es-BUXS72ra.js";
-import { g as Gt } from "../../../_commonjsHelpers-C6fGbg64.js";
+import { g as Gt } from "../../../_commonjsHelpers-DaMA6jEr.js";
 import { BaseControl as Jt } from "../base-control/index.js";
 import { useBaseControlProps as Qt } from "../base-control/props.js";
-import { c as Qe, P as Xt, C as Xe, a as en, b as et, d as te, _ as ne, q as tn, i as me, j as R, k as x, t as tt, f as oe, e as re, K as nt, x as ue, y as D, z as Z, M as Me, u as L, g as G, a2 as ot, G as he, s as Ae, O as rt, m as lt, r as Ie, J as nn, h as on, l as st, n as at, ag as rn, ah as ut, a3 as ln, D as sn, a6 as an, ai as un, aj as cn, ak as dn, ac as Be, al as Pe, U as mn, af as fn, v as ke, H as vn, a4 as pn, am as bn, W as hn } from "../../../P7GR5CS5-DNbthaqU.js";
-import { d as it, c as ct, t as dt, e as mt, k as ft, u as vt, f as pt, j as Sn, h as bt, i as ht, g as St, b as Cn, a as gn, l as En, C as On, m as Ct, n as gt, o as xn, p as yn, q as An, r as In } from "../../../T7VMP3TM-B3jxXFmj.js";
-import { m as Et, o as wn, t as Ot, c as xt, f as J, s as Q, i as yt, g as At, d as be, j as It, a as wt, b as Pt, u as Pn, p as Vn, k as _e } from "../../../UQQRIHDV-CFdrMoqW.js";
-import '../../../assets/index11.css';const kn = /* @__PURE__ */ new Map([
+import { c as Qe, P as Xt, C as Xe, a as en, b as et, d as te, _ as ne, q as tn, i as me, j as R, k as x, t as tt, f as oe, e as re, K as nt, x as ue, y as D, z as Z, M as Me, u as L, g as G, G as he, s as Ae, O as ot, a2 as rt, m as lt, r as Ie, J as nn, h as on, l as st, n as at, ag as rn, ah as ut, a3 as ln, D as sn, a6 as an, ai as un, aj as cn, ak as dn, ac as Be, al as Pe, U as mn, af as fn, v as ke, H as vn, a4 as pn, am as bn, W as hn } from "../../../P7GR5CS5-qyeuZVEs.js";
+import { d as it, c as ct, t as dt, e as mt, k as ft, u as vt, f as pt, j as Sn, h as bt, i as ht, g as St, b as Cn, a as gn, l as En, C as On, m as Ct, n as gt, o as xn, p as yn, q as An, r as In } from "../../../T7VMP3TM-BxgFbvdx.js";
+import { m as Et, o as wn, t as Ot, c as xt, f as J, s as Q, i as yt, g as At, d as be, j as It, a as wt, b as Pt, u as Pn, p as Vn, k as _e } from "../../../UQQRIHDV-BGs025hb.js";
+import '../../../assets/index12.css';const kn = /* @__PURE__ */ new Map([
   [
     "bold",
     /* @__PURE__ */ M.createElement(M.Fragment, null, /* @__PURE__ */ M.createElement("path", { d: "M232.49,215.51,185,168a92.12,92.12,0,1,0-17,17l47.53,47.54a12,12,0,0,0,17-17ZM44,112a68,68,0,1,1,68,68A68.07,68.07,0,0,1,44,112Z" }))
@@ -285,7 +285,7 @@ var Zn = te(function(n) {
       ArrowUp: Se,
       ArrowLeft: y === "left",
       ArrowRight: y === "right"
-    })[S.key] && d(S) && (S.preventDefault(), e.move(X), ot(S.currentTarget, "keyup", e.show));
+    })[S.key] && d(S) && (S.preventDefault(), e.move(X), rt(S.currentTarget, "keyup", e.show));
   });
   s = he(
     s,
@@ -369,7 +369,7 @@ var Zn = te(function(n) {
     role: "combobox",
     "aria-autocomplete": "none",
     "aria-labelledby": U,
-    "aria-haspopup": rt(P, "listbox"),
+    "aria-haspopup": ot(P, "listbox"),
     "data-autofill": $ || void 0,
     "data-name": r,
     children: h
@@ -915,7 +915,7 @@ var bo = te(
     }), Ke = g.onMouseDown, Nt = L(
       d ?? (() => !!(e != null && e.getState().includesBaseElement))
     ), Tt = L(p), Lt = L(s ?? pe), Rt = G((i) => {
-      Ke == null || Ke(i), !i.defaultPrevented && (i.button || i.ctrlKey || e && (Nt(i) && e.setActiveId(null), Tt(i) && e.setValue(X), Lt(i) && ot(i.currentTarget, "mouseup", e.show)));
+      Ke == null || Ke(i), !i.defaultPrevented && (i.button || i.ctrlKey || e && (Nt(i) && e.setActiveId(null), Tt(i) && e.setValue(X), Lt(i) && rt(i.currentTarget, "mouseup", e.show)));
     }), He = g.onKeyDown, Kt = L(C ?? pe), Ht = G((i) => {
       if (He == null || He(i), i.repeat || (w.current = !1), i.defaultPrevented || i.ctrlKey || i.altKey || i.shiftKey || i.metaKey || !e) return;
       const { open: A } = e.getState();
@@ -927,7 +927,7 @@ var bo = te(
       id: Ft,
       role: "combobox",
       "aria-autocomplete": Bt,
-      "aria-haspopup": rt(z, "listbox"),
+      "aria-haspopup": ot(z, "listbox"),
       "aria-expanded": q,
       "aria-controls": z == null ? void 0 : z.id,
       "data-active-item": jt || void 0,

package/dist/components/data-table/column.js

@@ -1,4 +1,4 @@
-import { g as lr } from "../../_commonjsHelpers-C6fGbg64.js";
+import { g as lr } from "../../_commonjsHelpers-DaMA6jEr.js";
 function tr(T) {
   throw new Error('Could not dynamically require "' + T + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }

package/dist/components/form/components/pagination.js

@@ -13,7 +13,7 @@ const f = ({
       i,
       {
         wide: !0,
-        variant: "light",
+        variant: "quiet",
         disabled: t.current === 1,
         onClick: t.back,
         children: `Back${r != null && r.title ? `: ${r.title}` : ""}`

package/dist/components/form/components/step.js

@@ -1,24 +1,30 @@
-import { jsx as n } from "react/jsx-runtime";
-import { cn as p } from "../../../utils/css.js";
-import { useForm as s } from "../types/form.js";
-const u = ({
-  className: t,
-  index: r,
-  children: e,
-  ...m
+import { jsx as s } from "react/jsx-runtime";
+import { cn as u } from "../../../utils/css.js";
+import { useRef as f, useEffect as m } from "react";
+import { useForm as a } from "../types/form.js";
+const h = ({
+  className: o,
+  index: t,
+  children: c,
+  ...n
 }) => {
-  const { step: o } = s();
-  return /* @__PURE__ */ n(
+  const { step: r } = a(), e = f(null);
+  return m(() => {
+    r.current === t && e.current && e.current.querySelectorAll(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    )[0].focus();
+  }, [r.current, t]), /* @__PURE__ */ s(
     "div",
     {
-      className: p("component-form-step", t),
-      hidden: o.current !== r,
-      inert: o.current !== r,
-      ...m,
-      children: e
+      className: u("component-form-step", o),
+      hidden: r.current !== t,
+      inert: r.current !== t,
+      ref: e,
+      ...n,
+      children: c
     }
   );
 };
 export {
-  u as FormStep
+  h as FormStep
 };

package/dist/components/form/index.d.ts

@@ -1,6 +1,4 @@
 /**
- * # TODO: Hitting the Next Step button should focus the first input of the next screen.
- *
  * # TODO: Conditional fields.
  *
  * # TODO: Calculated fields.

package/dist/components/form/types/fields.d.ts

@@ -15,7 +15,7 @@ export type FieldValues<TFields extends Fields<any>> = {
     [Key in keyof TFields]: z.infer<TFields[Key]["validation"]>;
 };
 export type Values<TShape extends FieldsShape> = {
-    [Key in keyof TShape]: TShape[Key];
+    [Key in keyof TShape]: TShape[Key] | undefined;
 };
 export declare const createFields: <TShape extends FieldsShape>(shape: Fields<TShape>) => Fields<TShape>;
 export declare const getDefaultValues: <TShape extends FieldsShape>(fields: Fields<TShape>) => Values<TShape>;

package/dist/components/form/types/form.d.ts

@@ -20,7 +20,7 @@ export type FormContext<TShape extends FieldsShape, TKeys extends keyof TShape =
     };
     control: <TKey extends TKeys = TKeys, TValue extends TValues[TKey] = TValues[TKey]>(name: TKey) => {
         value: TValue;
-        onChangeValue: (value: TValue) => void;
+        onChangeValue: (value?: TValue) => void;
     };
 };
 export declare const FormContext: import('react').Context<FormContext<any, string | number | symbol, Values<any>>>;

package/dist/components/index.d.ts

@@ -1,7 +1,8 @@
 export { Breadcrumbs } from './breadcrumbs';
 export { Button } from './button';
-export { BaseControl, ChoiceControl, NumberControl, SelectControl, TextareaControl, TextControl, ToggleControl, } from './controls';
+export * from './controls';
 export { DataTable, ExampleDataTable } from './data-table';
 export { createForm, Form } from './form';
+export { MarkdownEditor } from './markdown';
 export { Menu } from './menu';
 export { Progress } from './progress';

package/dist/components/index.js

@@ -3,29 +3,33 @@ import { Button as m } from "./button/index.js";
 import { BaseControl as p } from "./controls/base-control/index.js";
 import { ChoiceControl as a } from "./controls/choice-control/index.js";
 import { NumberControl as n } from "./controls/number-control/index.js";
-import { SelectControl as T } from "./controls/select-control/index.js";
-import { TextControl as c } from "./controls/text-control/index.js";
-import { TextareaControl as u } from "./controls/textarea-control/index.js";
-import { ToggleControl as B } from "./controls/toggle-control/index.js";
-import { DataTable as F, ExampleDataTable as d } from "./data-table/index.js";
-import { Form as i } from "./form/components/index.js";
-import { createForm as M } from "./form/types/form.js";
-import { Menu as P } from "./menu/index.js";
-import { Progress as j } from "./progress/index.js";
+import { PasswordControl as s } from "./controls/password-control/index.js";
+import { SelectControl as b } from "./controls/select-control/index.js";
+import { TextControl as d } from "./controls/text-control/index.js";
+import { TextareaControl as g } from "./controls/textarea-control/index.js";
+import { ToggleControl as i } from "./controls/toggle-control/index.js";
+import { DataTable as D, ExampleDataTable as E } from "./data-table/index.js";
+import { Form as M } from "./form/components/index.js";
+import { createForm as h } from "./form/types/form.js";
+import { MarkdownEditor as N } from "./markdown/index.js";
+import { Menu as j } from "./menu/index.js";
+import { Progress as v } from "./progress/index.js";
 export {
   p as BaseControl,
   e as Breadcrumbs,
   m as Button,
   a as ChoiceControl,
-  F as DataTable,
-  d as ExampleDataTable,
-  i as Form,
-  P as Menu,
+  D as DataTable,
+  E as ExampleDataTable,
+  M as Form,
+  N as MarkdownEditor,
+  j as Menu,
   n as NumberControl,
-  j as Progress,
-  T as SelectControl,
-  c as TextControl,
-  u as TextareaControl,
-  B as ToggleControl,
-  M as createForm
+  s as PasswordControl,
+  v as Progress,
+  b as SelectControl,
+  d as TextControl,
+  g as TextareaControl,
+  i as ToggleControl,
+  h as createForm
 };

package/dist/components/markdown/index.d.ts

@@ -1 +1,7 @@
+import { FC } from 'react';
+interface MarkdownEditorProps {
+    value: string;
+    onChangeValue?: (value: string) => void;
+}
+export declare const MarkdownEditor: FC<MarkdownEditorProps>;
 export {};