@tempots/beatui 0.86.0 → 0.87.0

package/dist/index.es.js

@@ -7,34 +7,34 @@ import { c as Se } from "./colors-BmLYKmoH.js";
 import { b as fl, h as gl, j as ml, e as hl, d as vl, o as yl, g as _l, a as wl, m as kl, k as xl, n as Cl, r as $l, s as Sl, f as Dl, i as Il, t as Tl } from "./colors-BmLYKmoH.js";
 import { e as On } from "./index-D2_J_-XS.js";
 import { J as Ml, aa as Pl, v as Al, j as Bl, L as Vl, P as El, K as Nl, M as Rl, h as Ol, n as Fl, f as jl, a as Ul, ai as zl, q as Hl, a5 as Wl, al as Yl, u as Gl, I as ql, B as Zl, as as Jl, g as Kl, F as Xl, y as Ql, aq as ei, a4 as ti, a9 as ni, T as ai, c as si, af as ri, ae as oi, m as li, l as ii, k as ci, a1 as ui, a0 as di, V as pi, U as bi, S as fi, R as gi, X as mi, W as hi, $ as vi, _ as yi, Z as _i, Y as wi, ad as ki, d as xi, ah as Ci, ag as $i, p as Si, o as Di, a3 as Ii, a2 as Ti, ak as Li, t as Mi, H as Pi, A as Ai, ar as Bi, E as Vi, D as Ei, x as Ni, b as Ri, ap as Oi, ao as Fi, i as ji, a8 as Ui, a7 as zi, O as Hi, N as Wi, ab as Yi, ac as Gi, r as qi, Q as Zi, aj as Ji, s as Ki, G as Xi, z as Qi, an as ec, C as tc, w as nc, am as ac, a6 as sc } from "./index-D2_J_-XS.js";
-import { C as We, m as Gt, c as qt, I as ft, B as Zt, b as Jt, d as Fn } from "./use-form-BurzbPVV.js";
-import { A as oc, h as lc, a as ic, j as cc, M as uc, f as dc, R as pc, n as bc, q as fc, o as gc, l as mc, k as hc, e as vc, p as yc, i as _c, s as wc, t as kc, g as xc, u as Cc, w as $c } from "./use-form-BurzbPVV.js";
+import { C as We, m as Gt, c as qt, I as ft, B as Zt, b as Jt, d as Fn } from "./use-form-BSvvERhX.js";
+import { A as oc, h as lc, a as ic, j as cc, M as uc, f as dc, R as pc, n as bc, q as fc, o as gc, l as mc, k as hc, e as vc, p as yc, i as _c, s as wc, t as kc, g as xc, u as Cc, w as $c } from "./use-form-BSvvERhX.js";
 import { u as Ke, A as St, a as jn } from "./use-animated-toggle-89fKlXxy.js";
 import { b as Dc, c as Ic } from "./use-animated-toggle-89fKlXxy.js";
 import { T as Kt, a as Un } from "./theme-BzpMLdvH.js";
 import { beatuiPreset as Lc, createBeatuiPreset as Mc } from "./tailwind/preset.es.js";
-import { p as Dt, q as zn, r as Hn, s as It, t as Fe } from "./widget-customization-Ct2eqKKR.js";
-import { B as Ac, v as Bc, C as Vc, E as Ec, f as Nc, e as Rc, h as Oc, d as Fc, j as jc, i as Uc, a as zc, N as Hc, b as Wc, c as Yc, R as Gc, S as qc, k as Zc, u as Jc, m as Kc, n as Xc, l as Qc, T as eu, D as tu, A as nu, I as au, J as su, y as ru, w as ou, x as lu, O as iu, H as cu, P as uu, F as du, U as pu, z as bu, K as fu, L as gu, Q as mu, M as hu, G as vu } from "./widget-customization-Ct2eqKKR.js";
-import { B as Be, I as ye, a as Xe, b as Tt, c as Lt } from "./input-container-Nx0gMAzS.js";
-import { g as _u } from "./input-container-Nx0gMAzS.js";
-import { W as Ce, S as Wn, G as Xt, E as Yn, b as Qt, N as Qe, M as gt } from "./deep-merge-CmQoIYPC.js";
-import { B as ku, o as xu, F as Cu, L as $u, n as Su, l as Du, h as Iu, c as Tu, f as Lu, g as Mu, T as Pu, U as Au, i as Bu, k as Vu, a as Eu, j as Nu, p as Ru, q as Ou, r as Fu, e as ju, t as Uu, m as zu } from "./deep-merge-CmQoIYPC.js";
-import { C as Ie } from "./text-input-CPJzUC2r.js";
-import { T as Wu } from "./text-input-CPJzUC2r.js";
+import { p as Dt, q as zn, r as Hn, s as It, t as Fe } from "./widget-customization-DFr3ycD7.js";
+import { B as Ac, v as Bc, C as Vc, E as Ec, f as Nc, e as Rc, h as Oc, d as Fc, j as jc, i as Uc, a as zc, N as Hc, b as Wc, c as Yc, R as Gc, S as qc, k as Zc, u as Jc, m as Kc, n as Xc, l as Qc, T as eu, D as tu, A as nu, I as au, J as su, y as ru, w as ou, x as lu, O as iu, H as cu, P as uu, F as du, U as pu, z as bu, K as fu, L as gu, Q as mu, M as hu, G as vu } from "./widget-customization-DFr3ycD7.js";
+import { B as Be, I as ye, a as Xe, b as Tt, c as Lt } from "./input-container-DhUiLmXE.js";
+import { g as _u } from "./input-container-DhUiLmXE.js";
+import { W as Ce, S as Wn, G as Xt, E as Yn, b as Qt, N as Qe, M as gt } from "./deep-merge-BRqRzEQs.js";
+import { B as ku, o as xu, F as Cu, L as $u, n as Su, l as Du, h as Iu, c as Tu, f as Lu, g as Mu, T as Pu, U as Au, i as Bu, k as Vu, a as Eu, j as Nu, p as Ru, q as Ou, r as Fu, e as ju, t as Uu, m as zu } from "./deep-merge-BRqRzEQs.js";
+import { C as Ie } from "./text-input-BZmAB3_o.js";
+import { T as Wu } from "./text-input-BZmAB3_o.js";
 import { F as mt, M as en, a as tn } from "./menu-Ui4lUPHM.js";
 import { b as Gu } from "./menu-Ui4lUPHM.js";
 import { s as ve } from "./session-id-3KiilioY.js";
-import { E as Zu, N as Ju, P as Ku } from "./notice-Dz4nX57_.js";
-import { f as Gn, g as qn } from "./duration-input-DaB6s0rL.js";
-import { B as Qu, D as ed, F as td, N as nd, d as ad, b as sd, a as rd, e as od, c as ld, P as id } from "./duration-input-DaB6s0rL.js";
-import { O as ht, F as nn, M as vt } from "./modal-DaI1jH-X.js";
-import { B as ud, C as dd, a as pd, S as bd, b as fd, c as gd, o as md, s as hd, u as vd } from "./modal-DaI1jH-X.js";
+import { E as Zu, N as Ju, P as Ku } from "./notice-BmkckDsD.js";
+import { f as Gn, g as qn } from "./duration-input-BDEb1Bb7.js";
+import { B as Qu, D as ed, F as td, N as nd, d as ad, b as sd, a as rd, e as od, c as ld, P as id } from "./duration-input-BDEb1Bb7.js";
+import { O as ht, F as nn, M as vt } from "./modal-Dkje8L_l.js";
+import { B as ud, C as dd, a as pd, S as bd, b as fd, c as gd, o as md, s as hd, u as vd } from "./modal-Dkje8L_l.js";
 import { C as _d } from "./utils-DEbsp9Q9.js";
 import { g as an, T as Mt } from "./timer-Rd2sKnvH.js";
 import { S as Zn } from "./stack-BJgsPJ9A.js";
 import { D as kd, E as xd, L as Cd, M as $d } from "./stack-BJgsPJ9A.js";
 import { L as Dd } from "./link-portal-Cr2l9f3k.js";
-import { b as Td, T as Ld, c as Md, a as Pd, d as Ad } from "./toolbar-CjQG7l7X.js";
+import { b as Td, T as Ld, c as Md, a as Pd, d as Ad } from "./toolbar-Pdj-F80l.js";
 function cr(e, t = 0, n = () => !0) {
   let s = null, r;
   const u = H(e.value);
@@ -3621,10 +3621,7 @@ function xn(e) {
       group: (h) => i.div(
         a.class("bc-menu-group"),
         i.div(a.class("bc-menu-group__label"), h.$.group),
-        oe(
-          h.$.options,
-          f
-        )
+        oe(h.$.options, f)
       ),
       break: () => tn()
     })
@@ -5011,7 +5008,7 @@ function _o({
   )((x, $, C, v, S, y, L, E, j, V, N, q, ie) => {
     if (x == null) return null;
     const O = $ ?? "https://mozilla.github.io/pdf.js/web/viewer.html", P = new URLSearchParams();
-    P.set("file", encodeURIComponent(x));
+    P.set("file", x);
     const F = [];
     C != null && C > 0 && F.push(`page=${C}`), v != null && (typeof v == "string" ? F.push(`zoom=${v}`) : F.push(`zoom=${v}`)), S != null && F.push(`pagemode=${S}`), y != null && F.push(`nameddest=${encodeURIComponent(y)}`), L != null && F.push(`search=${encodeURIComponent(L)}`), E != null && F.push(`textLayer=${E}`), j != null && F.push(`sidebar=${j}`), V != null && F.push(`scrollMode=${V}`), N != null && F.push(`spreadMode=${N}`), q != null && F.push(`enableScripting=${q ? "1" : "0"}`), ie != null && F.push(`enablePrinting=${ie ? "1" : "0"}`);
     const W = F.length > 0 ? `#${F.join("&")}` : "";

package/dist/input-container-B31Seozh.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("@tempots/dom"),n=require("./translations-gVgMyNno.cjs"),m=require("@tempots/ui");function f(l,o,r,t){const d=["bc-button",`bc-button--size-${l}`,`bc-control--padding-${l}`,`bc-control--rounded-${o}`];return r&&d.push("bc-button--loading"),t&&d.push("bc-button--full-width"),d.join(" ")}function C(l,o,r){const t=new Map;t.set("--button-text-shadow","var(--text-shadow-none)"),t.set("--button-text-shadow-dark","var(--text-shadow-none)");const d=(s,u,b,i)=>{r||(t.set("--button-bg-hover",s),t.set("--button-text-hover",b),t.set("--button-bg-hover-dark",u),t.set("--button-text-hover-dark",i))};switch(l){case"filled":{const s=n.backgroundValue(o,"solid","light"),u=n.backgroundValue(o,"solid","dark");t.set("--button-bg",s.backgroundColor),t.set("--button-text",s.textColor),t.set("--button-bg-dark",u.backgroundColor),t.set("--button-text-dark",u.textColor),t.set("--button-text-shadow","var(--text-shadow-button-filled, var(--text-shadow-sm))"),t.set("--button-text-shadow-dark","var(--text-shadow-button-filled, var(--text-shadow-sm))");const b=n.hoverBackgroundValue(o,"solid","light"),i=n.hoverBackgroundValue(o,"solid","dark");d(b.backgroundColor,i.backgroundColor,b.textColor,i.textColor);break}case"light":{const s=n.backgroundValue(o,"light","light"),u=n.backgroundValue(o,"light","dark");t.set("--button-bg",s.backgroundColor),t.set("--button-text",s.textColor),t.set("--button-bg-dark",u.backgroundColor),t.set("--button-text-dark",u.textColor);const b=n.hoverBackgroundValue(o,"light","light"),i=n.hoverBackgroundValue(o,"light","dark");d(b.backgroundColor,i.backgroundColor,b.textColor,i.textColor);break}case"outline":{t.set("--button-bg","transparent"),t.set("--button-bg-dark","transparent"),t.set("--button-border",n.borderColorValue(o,"light")),t.set("--button-border-dark",n.borderColorValue(o,"dark")),t.set("--button-text",n.textColorValue(o,"light")),t.set("--button-text-dark",n.textColorValue(o,"dark")),t.set("--button-text-shadow","var(--text-shadow-button-light, var(--text-shadow-xs))"),t.set("--button-text-shadow-dark","var(--text-shadow-button-light, var(--text-shadow-xs))");const s=n.hoverBackgroundValue(o,"light","light"),u=n.hoverBackgroundValue(o,"light","dark");d(s.backgroundColor,u.backgroundColor,s.textColor,u.textColor);break}case"dashed":{t.set("--button-bg","transparent"),t.set("--button-bg-dark","transparent"),t.set("--button-border",n.borderColorValue(o,"light")),t.set("--button-border-dark",n.borderColorValue(o,"dark")),t.set("--button-border-style","dashed"),t.set("--button-text",n.textColorValue(o,"light")),t.set("--button-text-dark",n.textColorValue(o,"dark"));const s=n.hoverBackgroundValue(o,"light","light"),u=n.hoverBackgroundValue(o,"light","dark");d(s.backgroundColor,u.backgroundColor,s.textColor,u.textColor);break}case"default":{const s=n.backgroundValue("neutral","light","light"),u=n.backgroundValue("neutral","light","dark");t.set("--button-bg",s.backgroundColor),t.set("--button-text",n.textColorValue(o,"light")),t.set("--button-bg-dark",u.backgroundColor),t.set("--button-text-dark",n.textColorValue(o,"dark")),t.set("--button-text-shadow","var(--text-shadow-button-default, var(--text-shadow-2xs))"),t.set("--button-text-shadow-dark","var(--text-shadow-button-default, var(--text-shadow-2xs))");const b=n.hoverBackgroundValue("base","light","light"),i=n.hoverBackgroundValue("base","light","dark");d(b.backgroundColor,i.backgroundColor,t.get("--button-text")??s.textColor,t.get("--button-text-dark")??u.textColor);break}case"text":{t.set("--button-bg","transparent"),t.set("--button-bg-dark","transparent"),t.set("--button-text",n.textColorValue(o,"light")),t.set("--button-text-dark",n.textColorValue(o,"dark")),r||t.set("--button-hover-decoration","underline");break}}return Array.from(t.entries()).map(([s,u])=>`${s}: ${u}`).join("; ")}function V({type:l="button",disabled:o=!1,loading:r=!1,variant:t="filled",size:d="md",color:s="base",roundedness:u="sm",onClick:b=()=>{},fullWidth:i=!1,stopPropagation:k=!0},...x){const h=e.prop(null);return e.Use(n.BeatUII18n,g=>e.html.button(e.attr.type(l),e.attr.disabled(e.computedOf(o,r)((a,c)=>a||c)),e.aria.busy(r??!1),e.When(r??!1,()=>e.aria.label(g.$.loadingExtended)),e.attr.class(e.computedOf(d,u,r,i)(f)),e.attr.style(e.computedOf(t,s,o)(C)),e.When(r??!1,()=>e.Fragment(e.style.width(h.map(a=>a==null?"":`${a.width}px`)),e.style.height(h.map(a=>a==null?"":`${a.height}px`)),n.Icon({icon:"line-md:loading-twotone-loop",size:d??"md"}),e.html.span(e.attr.class("sr-only"),e.aria.live("polite"),g.$.loadingExtended)),()=>e.Fragment(e.on.click(a=>{l!=="submit"&&a.preventDefault(),k&&a.stopPropagation(),b()}),...x)),e.When(r!=null,()=>m.ElementRect(a=>(a.on(c=>{e.Value.get(r??!1)||h.set(c)}),e.Empty)))))}function w(l,o,r){const t=[l?"bc-base-input-container":"bc-input-container"];return o?t.push(l?"bc-base-input-container--disabled":"bc-input-container--disabled"):t.push(l?"bc-base-input-container--default":"bc-input-container--default"),r&&t.push("bc-input-container--error"),t.join(" ")}function v(l,o){const r=["bc-input-container__input"];return l||(r.push(`bc-control--padding-${o}`),r.push(`bc-control--text-size-${o}`)),r.join(" ")}const B=({baseContainer:l,class:o,classes:r,disabled:t,input:d,before:s,after:u,hasError:b,focusableSelector:i="input, select, textarea",growInput:k=!0,size:x},...h)=>{const g=e.Value.map(t??!1,a=>a);return e.html.div(e.WithElement(a=>{const c=()=>{a.querySelector(i)?.focus()};return a.addEventListener("click",c),e.OnDispose(()=>a.removeEventListener("click",c))}),e.attr.class(e.computedOf(l,g,b??!1)((a,c,p)=>w(a??!1,c??!1,p??!1))),e.attr.class(o),e.attr.class(r?.container),s!=null?e.html.span(e.attr.class("bc-input-container__before"),s):null,e.html.div(e.attr.class(e.computedOf(l,x??"md")((a,c)=>v(a??!1,c??"md"))),e.attr.class(e.Value.map(k,a=>a?"bc-input-container__input--grow":"")),e.attr.class(r?.wrapper),d),u!=null?e.html.span(e.attr.class("bc-input-container__after"),u):null,...h)};function I({icon:l,size:o="md",color:r="neutral"}){return e.html.span(e.attr.class("bc-input-container__icon"),n.Icon({icon:l,size:o,color:r}))}exports.Button=V;exports.InputContainer=B;exports.InputIcon=I;exports.generateButtonClasses=f;exports.generateButtonStyles=C;exports.generateInputContainerInputClasses=v;

package/dist/input-container-DhUiLmXE.js

@@ -0,0 +1,263 @@
+import { prop as B, Use as E, html as g, attr as l, computedOf as p, aria as m, When as D, Fragment as y, style as L, on as V, Value as I, Empty as j, WithElement as S, OnDispose as O } from "@tempots/dom";
+import { t as h, b as k, h as c, a as v, B as U, I as _ } from "./translations-BGblCUBj.js";
+import { ElementRect as W } from "@tempots/ui";
+function q(r, e, o, t) {
+  const u = [
+    "bc-button",
+    `bc-button--size-${r}`,
+    `bc-control--padding-${r}`,
+    `bc-control--rounded-${e}`
+  ];
+  return o && u.push("bc-button--loading"), t && u.push("bc-button--full-width"), u.join(" ");
+}
+function z(r, e, o) {
+  const t = /* @__PURE__ */ new Map();
+  t.set("--button-text-shadow", "var(--text-shadow-none)"), t.set("--button-text-shadow-dark", "var(--text-shadow-none)");
+  const u = (a, s, b, i) => {
+    o || (t.set("--button-bg-hover", a), t.set("--button-text-hover", b), t.set("--button-bg-hover-dark", s), t.set("--button-text-hover-dark", i));
+  };
+  switch (r) {
+    case "filled": {
+      const a = k(e, "solid", "light"), s = k(e, "solid", "dark");
+      t.set("--button-bg", a.backgroundColor), t.set("--button-text", a.textColor), t.set("--button-bg-dark", s.backgroundColor), t.set("--button-text-dark", s.textColor), t.set(
+        "--button-text-shadow",
+        "var(--text-shadow-button-filled, var(--text-shadow-sm))"
+      ), t.set(
+        "--button-text-shadow-dark",
+        "var(--text-shadow-button-filled, var(--text-shadow-sm))"
+      );
+      const b = c(e, "solid", "light"), i = c(e, "solid", "dark");
+      u(
+        b.backgroundColor,
+        i.backgroundColor,
+        b.textColor,
+        i.textColor
+      );
+      break;
+    }
+    case "light": {
+      const a = k(e, "light", "light"), s = k(e, "light", "dark");
+      t.set("--button-bg", a.backgroundColor), t.set("--button-text", a.textColor), t.set("--button-bg-dark", s.backgroundColor), t.set("--button-text-dark", s.textColor);
+      const b = c(e, "light", "light"), i = c(e, "light", "dark");
+      u(
+        b.backgroundColor,
+        i.backgroundColor,
+        b.textColor,
+        i.textColor
+      );
+      break;
+    }
+    case "outline": {
+      t.set("--button-bg", "transparent"), t.set("--button-bg-dark", "transparent"), t.set("--button-border", v(e, "light")), t.set("--button-border-dark", v(e, "dark")), t.set("--button-text", h(e, "light")), t.set("--button-text-dark", h(e, "dark")), t.set(
+        "--button-text-shadow",
+        "var(--text-shadow-button-light, var(--text-shadow-xs))"
+      ), t.set(
+        "--button-text-shadow-dark",
+        "var(--text-shadow-button-light, var(--text-shadow-xs))"
+      );
+      const a = c(e, "light", "light"), s = c(e, "light", "dark");
+      u(
+        a.backgroundColor,
+        s.backgroundColor,
+        a.textColor,
+        s.textColor
+      );
+      break;
+    }
+    case "dashed": {
+      t.set("--button-bg", "transparent"), t.set("--button-bg-dark", "transparent"), t.set("--button-border", v(e, "light")), t.set("--button-border-dark", v(e, "dark")), t.set("--button-border-style", "dashed"), t.set("--button-text", h(e, "light")), t.set("--button-text-dark", h(e, "dark"));
+      const a = c(e, "light", "light"), s = c(e, "light", "dark");
+      u(
+        a.backgroundColor,
+        s.backgroundColor,
+        a.textColor,
+        s.textColor
+      );
+      break;
+    }
+    case "default": {
+      const a = k("neutral", "light", "light"), s = k("neutral", "light", "dark");
+      t.set("--button-bg", a.backgroundColor), t.set("--button-text", h(e, "light")), t.set("--button-bg-dark", s.backgroundColor), t.set("--button-text-dark", h(e, "dark")), t.set(
+        "--button-text-shadow",
+        "var(--text-shadow-button-default, var(--text-shadow-2xs))"
+      ), t.set(
+        "--button-text-shadow-dark",
+        "var(--text-shadow-button-default, var(--text-shadow-2xs))"
+      );
+      const b = c("base", "light", "light"), i = c("base", "light", "dark");
+      u(
+        b.backgroundColor,
+        i.backgroundColor,
+        t.get("--button-text") ?? a.textColor,
+        t.get("--button-text-dark") ?? s.textColor
+      );
+      break;
+    }
+    case "text": {
+      t.set("--button-bg", "transparent"), t.set("--button-bg-dark", "transparent"), t.set("--button-text", h(e, "light")), t.set("--button-text-dark", h(e, "dark")), o || t.set("--button-hover-decoration", "underline");
+      break;
+    }
+  }
+  return Array.from(t.entries()).map(([a, s]) => `${a}: ${s}`).join("; ");
+}
+function R({
+  type: r = "button",
+  disabled: e = !1,
+  loading: o = !1,
+  variant: t = "filled",
+  size: u = "md",
+  color: a = "base",
+  roundedness: s = "sm",
+  onClick: b = () => {
+  },
+  fullWidth: i = !1,
+  stopPropagation: C = !0
+}, ...w) {
+  const x = B(null);
+  return E(
+    U,
+    (f) => g.button(
+      l.type(r),
+      l.disabled(
+        p(
+          e,
+          o
+        )((n, d) => n || d)
+      ),
+      // Add ARIA attributes for accessibility
+      m.busy(o ?? !1),
+      D(o ?? !1, () => m.label(f.$.loadingExtended)),
+      l.class(
+        p(u, s, o, i)(q)
+      ),
+      l.style(p(t, a, e)(z)),
+      D(
+        o ?? !1,
+        () => y(
+          L.width(
+            x.map((n) => n == null ? "" : `${n.width}px`)
+          ),
+          L.height(
+            x.map((n) => n == null ? "" : `${n.height}px`)
+          ),
+          _({ icon: "line-md:loading-twotone-loop", size: u ?? "md" }),
+          // Hidden live region for screen reader announcements
+          g.span(
+            l.class("sr-only"),
+            m.live("polite"),
+            f.$.loadingExtended
+          )
+        ),
+        () => y(
+          V.click((n) => {
+            r !== "submit" && n.preventDefault(), C && n.stopPropagation(), b();
+          }),
+          ...w
+        )
+      ),
+      D(
+        o != null,
+        () => W((n) => (n.on((d) => {
+          I.get(o ?? !1) || x.set(d);
+        }), j))
+      )
+    )
+  );
+}
+function A(r, e, o) {
+  const t = [
+    r ? "bc-base-input-container" : "bc-input-container"
+  ];
+  return e ? t.push(
+    r ? "bc-base-input-container--disabled" : "bc-input-container--disabled"
+  ) : t.push(
+    r ? "bc-base-input-container--default" : "bc-input-container--default"
+  ), o && t.push("bc-input-container--error"), t.join(" ");
+}
+function F(r, e) {
+  const o = ["bc-input-container__input"];
+  return r || (o.push(`bc-control--padding-${e}`), o.push(`bc-control--text-size-${e}`)), o.join(" ");
+}
+const G = ({
+  baseContainer: r,
+  class: e,
+  classes: o,
+  disabled: t,
+  input: u,
+  before: a,
+  after: s,
+  hasError: b,
+  focusableSelector: i = "input, select, textarea",
+  growInput: C = !0,
+  size: w
+}, ...x) => {
+  const f = I.map(t ?? !1, (n) => n);
+  return g.div(
+    S((n) => {
+      const d = () => {
+        n.querySelector(i)?.focus();
+      };
+      return n.addEventListener("click", d), O(() => n.removeEventListener("click", d));
+    }),
+    l.class(
+      p(
+        r,
+        f,
+        b ?? !1
+        // size ?? 'md'
+      )(
+        (n, d, $) => A(
+          n ?? !1,
+          d ?? !1,
+          $ ?? !1
+          // (size ?? 'md') as ControlSize
+        )
+      )
+    ),
+    l.class(e),
+    l.class(o?.container),
+    a != null ? g.span(l.class("bc-input-container__before"), a) : null,
+    g.div(
+      l.class(
+        p(
+          r,
+          w ?? "md"
+        )(
+          (n, d) => F(
+            n ?? !1,
+            d ?? "md"
+          )
+        )
+      ),
+      // attr.class('bc-input-container__input'),
+      l.class(
+        I.map(
+          C,
+          (n) => n ? "bc-input-container__input--grow" : ""
+        )
+      ),
+      l.class(o?.wrapper),
+      u
+    ),
+    s != null ? g.span(l.class("bc-input-container__after"), s) : null,
+    ...x
+  );
+};
+function J({
+  icon: r,
+  size: e = "md",
+  color: o = "neutral"
+}) {
+  return g.span(
+    l.class("bc-input-container__icon"),
+    _({ icon: r, size: e, color: o })
+  );
+}
+export {
+  R as B,
+  G as I,
+  J as a,
+  q as b,
+  z as c,
+  F as g
+};