@solibo/solibo-ui 1.0.15 → 1.0.16

package/dist/components/sortable/index.js

@@ -1,24 +1,24 @@
-import { jsx as L } from "react/jsx-runtime";
-import { t as $ } from "../../classix-DG18itHa.js";
-import N, { createContext as K, useMemo as q, useRef as u, useState as U, useEffect as Q, useContext as tt } from "react";
+import { jsx as j } from "react/jsx-runtime";
+import { t as W } from "../../classix-DG18itHa.js";
+import L, { createContext as K, useMemo as $, useRef as u, useState as q, useEffect as Q, useContext as tt } from "react";
 import { List as et } from "../list/index.js";
-import '../../assets/index8.css';const rt = "_sortable_iw0r0_1", nt = "_dragging_iw0r0_13", ot = "_columns_iw0r0_38", ct = "_pseudo_iw0r0_47", w = {
-  sortable: rt,
-  dragging: nt,
+import '../../assets/index8.css';const nt = "_sortable_5vbjc_1", rt = "_dragging_5vbjc_13", ot = "_columns_5vbjc_38", ct = "_pseudo_5vbjc_47", b = {
+  sortable: nt,
+  dragging: rt,
   columns: ot,
   pseudo: ct,
-  "target-above": "_target-above_iw0r0_62",
-  "target-below": "_target-below_iw0r0_63"
-}, V = K(null);
+  "target-above": "_target-above_5vbjc_62",
+  "target-below": "_target-below_5vbjc_63"
+}, U = K(null);
 function dt() {
-  return tt(V);
+  return tt(U);
 }
 const h = (s) => Number.parseFloat(s) || 0, lt = (s) => {
-  const b = s.firstElementChild, i = s.getBoundingClientRect();
-  if (b) {
-    const y = b.getBoundingClientRect();
+  const v = s.firstElementChild, i = s.getBoundingClientRect();
+  if (v) {
+    const y = v.getBoundingClientRect();
     return {
-      borderRadius: window.getComputedStyle(b).borderRadius,
+      borderRadius: window.getComputedStyle(v).borderRadius,
       height: y.height,
       width: y.width,
       wrapperHeight: i.height
@@ -34,18 +34,18 @@ const h = (s) => Number.parseFloat(s) || 0, lt = (s) => {
 };
 function ht({
   children: s,
-  className: b,
+  className: v,
   columns: i = 1,
   isRearranging: l = !1,
   onChangeOrder: A,
   ...S
 }) {
-  const y = Number.isFinite(i) ? Math.max(1, Math.floor(i)) : 1, _ = q(() => N.Children.toArray(s), [s]), a = u(-1), P = q(() => typeof window < "u" && (navigator.maxTouchPoints > 0 || window.matchMedia("(pointer: coarse)").matches), []), p = u(!1), C = u(null), v = u(null), x = u(null), I = u(0), E = u(null), m = u(null), M = u((o) => o.preventDefault()).current, [R, O] = U({
+  const y = Number.isFinite(i) ? Math.max(1, Math.floor(i)) : 1, _ = $(() => L.Children.toArray(s), [s]), a = u(-1), N = $(() => typeof window < "u" && (navigator.maxTouchPoints > 0 || window.matchMedia("(pointer: coarse)").matches), []), p = u(!1), C = u(null), w = u(null), x = u(null), I = u(0), E = u(null), m = u(null), M = u((o) => o.preventDefault()).current, [R, V] = q({
     borderRadius: "0px",
     height: 0,
     width: 0,
     wrapperHeight: 0
-  }), [g, D] = U(null), j = {
+  }), [g, D] = q(null), O = {
     ...S.style,
     "--sortable-placeholder-height": `${R.height}px`,
     "--sortable-placeholder-radius": R.borderRadius,
@@ -53,12 +53,12 @@ function ht({
   }, H = (o, t) => {
     if (t < 0 || t >= _.length || o === t) return;
     const c = _.slice(), [e] = c.splice(o, 1);
-    c.splice(t, 0, e), A(c.map((r, n) => ({
-      id: String(N.isValidElement(r) ? r.props["data-id"] ?? `idx-${n}` : `idx-${n}`),
-      weight: c.length - 1 - n
+    c.splice(t, 0, e), A(c.map((n, r) => ({
+      id: String(L.isValidElement(n) ? n.props["data-id"] ?? `idx-${r}` : `idx-${r}`),
+      weight: c.length - 1 - r
     })));
   }, T = () => {
-    v.current !== null && (clearTimeout(v.current), v.current = null);
+    w.current !== null && (clearTimeout(w.current), w.current = null);
   }, B = () => {
     m.current !== null && (cancelAnimationFrame(m.current), m.current = null);
   }, Z = (o) => {
@@ -71,32 +71,32 @@ function ht({
       t = t.parentElement;
     }
     return document.scrollingElement instanceof HTMLElement ? document.scrollingElement : null;
-  }, Y = (o = !1) => {
+  }, P = (o = !1) => {
     T(), B(), window.removeEventListener("touchmove", M), E.current = null, p.current = !1, C.current = null, x.current = null, I.current = o ? Date.now() + 500 : 0, a.current = -1, D(null);
-  }, z = (o, t) => {
-    a.current = o, O(lt(t)), D(o);
-  }, G = (o) => o instanceof Element && !!o.closest('button, a, input, textarea, select, option, [role="button"], [contenteditable="true"]'), X = (o, t, c) => {
+  }, Y = (o, t) => {
+    a.current = o, V(lt(t)), D(o);
+  }, G = (o) => o instanceof Element && !!o.closest('button, a, input, textarea, select, option, [role="button"], [contenteditable="true"]'), z = (o, t, c) => {
     const e = a.current;
     if (!Number.isInteger(t) || e < 0 || t === e) return null;
-    const r = o.getBoundingClientRect(), n = t === e + 1 ? R.wrapperHeight : r.height, d = c > r.top + n / 2 ? t + 1 : t;
+    const n = o.getBoundingClientRect(), r = t === e + 1 ? R.wrapperHeight : n.height, d = c > n.top + r / 2 ? t + 1 : t;
     return d > e ? d - 1 : d;
-  }, k = (o, t) => {
-    var r;
-    const c = (r = document.elementFromPoint(o, t)) == null ? void 0 : r.closest("[data-sortable-index]");
+  }, X = (o, t) => {
+    var n;
+    const c = (n = document.elementFromPoint(o, t)) == null ? void 0 : n.closest("[data-sortable-index]");
     if (!c) return;
-    const e = X(c, Number(c.dataset.sortableIndex), t);
+    const e = z(c, Number(c.dataset.sortableIndex), t);
     e !== null && (C.current = e, D(e));
   }, J = (o) => {
     const t = Z(o);
     if (!t) return;
-    const c = 72, e = 18, r = () => {
+    const c = 72, e = 18, n = () => {
       if (!p.current) {
         m.current = null;
         return;
       }
-      const n = E.current;
-      if (!n) {
-        m.current = requestAnimationFrame(r);
+      const r = E.current;
+      if (!r) {
+        m.current = requestAnimationFrame(n);
         return;
       }
       const f = t === document.scrollingElement ? {
@@ -104,60 +104,60 @@ function ht({
         bottom: window.innerHeight
       } : t.getBoundingClientRect();
       let d = 0;
-      if (n.y < f.top + c) {
-        const F = Math.max(0, n.y - f.top);
+      if (r.y < f.top + c) {
+        const F = Math.max(0, r.y - f.top);
         d = -e * (1 - F / c);
-      } else if (n.y > f.bottom - c) {
-        const F = Math.max(0, f.bottom - n.y);
+      } else if (r.y > f.bottom - c) {
+        const F = Math.max(0, f.bottom - r.y);
         d = e * (1 - F / c);
       }
       d !== 0 && (t.scrollBy({
         top: d,
         behavior: "auto"
-      }), k(n.x, n.y)), m.current = requestAnimationFrame(r);
+      }), X(r.x, r.y)), m.current = requestAnimationFrame(n);
     };
-    B(), m.current = requestAnimationFrame(r);
-  }, W = () => {
+    B(), m.current = requestAnimationFrame(n);
+  }, k = () => {
     a.current = -1, D(null);
   };
   return Q(() => () => {
     T(), B(), window.removeEventListener("touchmove", M);
-  }, [M]), /* @__PURE__ */ L(et, { className: $(b, w.sortable, y > 1 && w.columns), columns: i, ordered: !0, style: j, ...S, "data-component": "sortable", children: _.map((o, t) => {
-    const c = N.isValidElement(o) ? o.key : null;
-    return /* @__PURE__ */ L("li", { "data-sortable-index": t, onClickCapture: (e) => {
+  }, [M]), /* @__PURE__ */ j(et, { className: W(v, b.sortable, y > 1 && b.columns), columns: i, ordered: !0, style: O, ...S, "data-component": "sortable", children: _.map((o, t) => {
+    const c = L.isValidElement(o) ? o.key : null;
+    return /* @__PURE__ */ j("li", { "data-sortable-index": t, onClickCapture: (e) => {
       I.current <= Date.now() || (e.preventDefault(), e.stopPropagation(), I.current = 0);
-    }, className: $(g !== null && g > t - 10 && g < t + 10 && w.pseudo, g === t && a.current < t && w["target-below"], g === t && a.current > t && w["target-above"], a.current === t && w.dragging), onContextMenu: (e) => {
-      (p.current || v.current !== null) && e.preventDefault();
+    }, className: W(g !== null && g > t - 10 && g < t + 10 && b.pseudo, g === t && a.current < t && b["target-below"], g === t && a.current > t && b["target-above"], a.current === t && b.dragging), onContextMenu: (e) => {
+      (p.current || w.current !== null) && e.preventDefault();
     }, onTouchStart: (e) => {
       if (l || G(e.target)) return;
       I.current = 0;
-      const r = e.touches[0];
-      if (!r) return;
-      const n = e.currentTarget;
+      const n = e.touches[0];
+      if (!n) return;
+      const r = e.currentTarget;
       x.current = {
-        x: r.clientX,
-        y: r.clientY
-      }, T(), v.current = setTimeout(() => {
-        z(t, n), p.current = !0, C.current = t, E.current = {
-          x: r.clientX,
-          y: r.clientY
+        x: n.clientX,
+        y: n.clientY
+      }, T(), w.current = setTimeout(() => {
+        Y(t, r), p.current = !0, C.current = t, E.current = {
+          x: n.clientX,
+          y: n.clientY
         }, window.addEventListener("touchmove", M, {
           passive: !1
-        }), J(n);
+        }), J(r);
       }, 350);
     }, onTouchMove: (e) => {
-      const r = e.touches[0];
-      if (r) {
+      const n = e.touches[0];
+      if (n) {
         if (E.current = {
-          x: r.clientX,
-          y: r.clientY
+          x: n.clientX,
+          y: n.clientY
         }, !p.current) {
-          const n = x.current;
-          if (!n) return;
-          Math.hypot(r.clientX - n.x, r.clientY - n.y) > 8 && (T(), x.current = null);
+          const r = x.current;
+          if (!r) return;
+          Math.hypot(n.clientX - r.x, n.clientY - r.y) > 8 && (T(), x.current = null);
           return;
         }
-        k(r.clientX, r.clientY);
+        X(n.clientX, n.clientY);
       }
     }, onTouchEnd: (e) => {
       if (T(), !p.current) {
@@ -165,23 +165,23 @@ function ht({
         return;
       }
       e.preventDefault();
-      const r = a.current, n = C.current;
-      r >= 0 && n !== null && r !== n && H(r, n), Y(!0);
-    }, onTouchCancel: () => Y(), draggable: !l && !P, onDragEnd: () => W(), onDragOver: (e) => {
+      const n = a.current, r = C.current;
+      n >= 0 && r !== null && n !== r && H(n, r), P(!0);
+    }, onTouchCancel: () => P(), draggable: !l && !N, onDragEnd: () => k(), onDragOver: (e) => {
       e.preventDefault(), e.dataTransfer.dropEffect = "move";
-      const r = X(e.currentTarget, t, e.clientY);
-      r !== null && D(r);
+      const n = z(e.currentTarget, t, e.clientY);
+      n !== null && D(n);
     }, onDragStart: (e) => {
-      if (P) {
+      if (N) {
         e.preventDefault();
         return;
       }
-      z(t, e.currentTarget), e.dataTransfer.setData("text/plain", ""), e.dataTransfer.effectAllowed = "move";
+      Y(t, e.currentTarget), e.dataTransfer.setData("text/plain", ""), e.dataTransfer.effectAllowed = "move";
     }, onDrop: (e) => {
       e.preventDefault();
-      const r = a.current, n = g;
-      r < 0 || n === null || r === n || (H(r, n), W());
-    }, "data-component": "sortable", children: /* @__PURE__ */ L(V.Provider, { value: {
+      const n = a.current, r = g;
+      n < 0 || r === null || n === r || (H(n, r), k());
+    }, "data-component": "sortable", children: /* @__PURE__ */ j(U.Provider, { value: {
       canMoveDown: t < _.length - 1,
       canMoveUp: t > 0,
       index: t,

package/dist/components/textarea/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index6.css');const e=require("react/jsx-runtime"),_=require("../../classix-5H4IWnMA.cjs"),r=require("../../use-touched-Bq5Gjbpz.cjs"),m="_label_ah8yz_3",y="_textarea_ah8yz_11",b="_touched_ah8yz_30",t={label:m,textarea:y,touched:b},j=({className:c,label:a,maxRows:n=12,minRows:l=3,onBlur:u,required:s,style:d,value:o,...x})=>{const{touched:h,onBlur:i}=r.useTouched(o==="");return e.jsxs("label",{className:t.label,"data-component":"textarea",children:[a&&e.jsx("span",{"data-required":s||void 0,children:a}),e.jsx("textarea",{...x,className:_.t(t.textarea,c,h&&t.touched),onBlur:r.composeEventHandlers(i,u),required:s,style:{...d,"--min-rows":l,"--max-rows":n},value:o})]})};exports.Textarea=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index6.css');const e=require("react/jsx-runtime"),_=require("../../classix-5H4IWnMA.cjs"),r=require("../../use-touched-Bq5Gjbpz.cjs"),m="_label_123ts_3",b="_textarea_123ts_11",j="_touched_123ts_30",t={label:m,textarea:b,touched:j},T=({className:c,label:s,maxRows:n=12,minRows:l=3,onBlur:u,required:a,style:d,value:o,...x})=>{const{touched:i,onBlur:h}=r.useTouched(o==="");return e.jsxs("label",{className:t.label,"data-component":"textarea",children:[s&&e.jsx("span",{"data-required":a||void 0,children:s}),e.jsx("textarea",{...x,className:_.t(t.textarea,c,i&&t.touched),onBlur:r.composeEventHandlers(h,u),required:a,style:{...d,"--min-rows":l,"--max-rows":n},value:o})]})};exports.Textarea=T;
 //# sourceMappingURL=index.cjs.map

package/dist/components/textarea/index.js

@@ -1,13 +1,13 @@
-import { jsxs as x, jsx as r } from "react/jsx-runtime";
-import { t as _ } from "../../classix-DG18itHa.js";
+import { jsxs as _, jsx as s } from "react/jsx-runtime";
+import { t as h } from "../../classix-DG18itHa.js";
 import { u as i, c as p } from "../../use-touched-B999bBr8.js";
-import '../../assets/index6.css';const y = "_label_ah8yz_3", b = "_textarea_ah8yz_11", f = "_touched_ah8yz_30", e = {
-  label: y,
-  textarea: b,
-  touched: f
-}, w = ({
-  className: s,
-  label: t,
+import '../../assets/index6.css';const b = "_label_123ts_3", f = "_textarea_123ts_11", B = "_touched_123ts_30", t = {
+  label: b,
+  textarea: f,
+  touched: B
+}, N = ({
+  className: r,
+  label: e,
   maxRows: c = 12,
   minRows: n = 3,
   onBlur: l,
@@ -17,12 +17,12 @@ import '../../assets/index6.css';const y = "_label_ah8yz_3", b = "_textarea_ah8y
   ...m
 }) => {
   const {
-    touched: h,
-    onBlur: u
+    touched: u,
+    onBlur: x
   } = i(o === "");
-  return /* @__PURE__ */ x("label", { className: e.label, "data-component": "textarea", children: [
-    t && /* @__PURE__ */ r("span", { "data-required": a || void 0, children: t }),
-    /* @__PURE__ */ r("textarea", { ...m, className: _(e.textarea, s, h && e.touched), onBlur: p(u, l), required: a, style: {
+  return /* @__PURE__ */ _("label", { className: t.label, "data-component": "textarea", children: [
+    e && /* @__PURE__ */ s("span", { "data-required": a || void 0, children: e }),
+    /* @__PURE__ */ s("textarea", { ...m, className: h(t.textarea, r, u && t.touched), onBlur: p(x, l), required: a, style: {
       ...d,
       "--min-rows": n,
       "--max-rows": c
@@ -30,6 +30,6 @@ import '../../assets/index6.css';const y = "_label_ah8yz_3", b = "_textarea_ah8y
   ] });
 };
 export {
-  w as Textarea
+  N as Textarea
 };
 //# sourceMappingURL=index.js.map

package/dist/components/toasts/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index4.css');const u=require("react/jsx-runtime"),i=require("react"),p=require("../toast/index.cjs"),w="_toasts_7pnpz_1",h={toasts:w},T=({defaultDurationMs:r=5e3,onRemove:m,toasts:n})=>{const d=i.useRef(new Map),[c,l]=i.useState(new Set),a=i.useCallback(e=>{l(s=>s.has(e)?s:new Set(s).add(e))},[]);return i.useEffect(()=>{const e=d.current,s=new Set(n.map(t=>t.id));l(t=>{const o=new Set([...t].filter(f=>s.has(f)));return o.size===t.size?t:o});for(const t of n){if(c.has(t.id)||e.has(t.id))continue;const o=t.durationMs??r;e.set(t.id,window.setTimeout(()=>{a(t.id)},o))}for(const[t,o]of e)s.has(t)&&!c.has(t)||(window.clearTimeout(o),e.delete(t))},[c,r,a,n]),i.useEffect(()=>{const e=d.current;return()=>{for(const s of e.values())window.clearTimeout(s);e.clear()}},[]),n.length?u.jsx("div",{className:h.toasts,"data-component":"toasts",children:n.map(e=>u.jsx(p.Toast,{label:e.label,onClick:()=>a(e.id),onExitComplete:()=>m(e.id),open:!c.has(e.id),type:e.type},e.id))}):null};exports.Toasts=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index4.css');const u=require("react/jsx-runtime"),i=require("react"),w=require("../toast/index.cjs"),p="_toasts_i467j_1",h={toasts:p},T=({defaultDurationMs:r=5e3,onRemove:m,toasts:n})=>{const d=i.useRef(new Map),[c,l]=i.useState(new Set),a=i.useCallback(e=>{l(s=>s.has(e)?s:new Set(s).add(e))},[]);return i.useEffect(()=>{const e=d.current,s=new Set(n.map(t=>t.id));l(t=>{const o=new Set([...t].filter(f=>s.has(f)));return o.size===t.size?t:o});for(const t of n){if(c.has(t.id)||e.has(t.id))continue;const o=t.durationMs??r;e.set(t.id,window.setTimeout(()=>{a(t.id)},o))}for(const[t,o]of e)s.has(t)&&!c.has(t)||(window.clearTimeout(o),e.delete(t))},[c,r,a,n]),i.useEffect(()=>{const e=d.current;return()=>{for(const s of e.values())window.clearTimeout(s);e.clear()}},[]),n.length?u.jsx("div",{className:h.toasts,"data-component":"toasts",children:n.map(e=>u.jsx(w.Toast,{label:e.label,onClick:()=>a(e.id),onExitComplete:()=>m(e.id),open:!c.has(e.id),type:e.type},e.id))}):null};exports.Toasts=T;
 //# sourceMappingURL=index.cjs.map

package/dist/components/toasts/index.js

@@ -1,20 +1,20 @@
 import { jsx as l } from "react/jsx-runtime";
-import { useRef as u, useState as w, useCallback as h, useEffect as m } from "react";
+import { useRef as p, useState as w, useCallback as h, useEffect as m } from "react";
 import { Toast as T } from "../toast/index.js";
-import '../../assets/index4.css';const v = "_toasts_7pnpz_1", S = {
+import '../../assets/index4.css';const v = "_toasts_i467j_1", S = {
   toasts: v
 }, g = ({
   defaultDurationMs: c = 5e3,
   onRemove: f,
   toasts: i
 }) => {
-  const r = u(/* @__PURE__ */ new Map()), [n, d] = w(/* @__PURE__ */ new Set()), a = h((e) => {
+  const r = p(/* @__PURE__ */ new Map()), [n, d] = w(/* @__PURE__ */ new Set()), a = h((e) => {
     d((s) => s.has(e) ? s : new Set(s).add(e));
   }, []);
   return m(() => {
     const e = r.current, s = new Set(i.map((t) => t.id));
     d((t) => {
-      const o = new Set([...t].filter((p) => s.has(p)));
+      const o = new Set([...t].filter((u) => s.has(u)));
       return o.size === t.size ? t : o;
     });
     for (const t of i) {

package/dist/components/toggle/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index3.css');const t=require("react/jsx-runtime"),i=require("../loading/index.cjs"),g="_toggle_7uv10_1",u="_thumb_7uv10_15",d="_track_7uv10_26",e={toggle:g,thumb:u,track:d},m=({checked:s,disabled:c,isLoading:o,label:n,onChange:a})=>{const l=s!==void 0&&a===void 0;return t.jsxs("label",{className:e.toggle,onClick:r=>r.stopPropagation(),"data-component":"toggle",children:[t.jsx("input",{checked:s,disabled:c||o,onChange:a,readOnly:l,type:"checkbox"}),t.jsx("span",{"aria-hidden":"true",className:e.track,children:o?t.jsx(i.Loading,{size:24}):t.jsx("span",{className:e.thumb})}),n&&t.jsx("span",{className:"toggle",children:n})]})};exports.Toggle=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index3.css');const t=require("react/jsx-runtime"),i=require("../loading/index.cjs"),g="_toggle_1cuao_1",u="_thumb_1cuao_10",d="_track_1cuao_21",e={toggle:g,thumb:u,track:d},m=({checked:s,disabled:c,isLoading:o,label:a,onChange:n})=>{const l=s!==void 0&&n===void 0;return t.jsxs("label",{className:e.toggle,onClick:r=>r.stopPropagation(),"data-component":"toggle",children:[t.jsx("input",{checked:s,disabled:c||o,onChange:n,readOnly:l,type:"checkbox"}),t.jsx("span",{"aria-hidden":"true",className:e.track,children:o?t.jsx(i.Loading,{size:24}):t.jsx("span",{className:e.thumb})}),a&&t.jsx("span",{className:"toggle",children:a})]})};exports.Toggle=m;
 //# sourceMappingURL=index.cjs.map

package/dist/components/toggle/index.js

@@ -1,20 +1,20 @@
 import { jsxs as g, jsx as t } from "react/jsx-runtime";
 import { Loading as i } from "../loading/index.js";
-import '../../assets/index3.css';const m = "_toggle_7uv10_1", d = "_thumb_7uv10_15", p = "_track_7uv10_26", o = {
+import '../../assets/index3.css';const m = "_toggle_1cuao_1", d = "_thumb_1cuao_10", p = "_track_1cuao_21", o = {
   toggle: m,
   thumb: d,
   track: p
 }, h = ({
-  checked: s,
+  checked: a,
   disabled: l,
-  isLoading: a,
+  isLoading: s,
   label: e,
   onChange: c
 }) => {
-  const n = s !== void 0 && c === void 0;
+  const n = a !== void 0 && c === void 0;
   return /* @__PURE__ */ g("label", { className: o.toggle, onClick: (r) => r.stopPropagation(), "data-component": "toggle", children: [
-    /* @__PURE__ */ t("input", { checked: s, disabled: l || a, onChange: c, readOnly: n, type: "checkbox" }),
-    /* @__PURE__ */ t("span", { "aria-hidden": "true", className: o.track, children: a ? /* @__PURE__ */ t(i, { size: 24 }) : /* @__PURE__ */ t("span", { className: o.thumb }) }),
+    /* @__PURE__ */ t("input", { checked: a, disabled: l || s, onChange: c, readOnly: n, type: "checkbox" }),
+    /* @__PURE__ */ t("span", { "aria-hidden": "true", className: o.track, children: s ? /* @__PURE__ */ t(i, { size: 24 }) : /* @__PURE__ */ t("span", { className: o.thumb }) }),
     e && /* @__PURE__ */ t("span", { className: "toggle", children: e })
   ] });
 };

package/dist/components/tooltip/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index14.css');const s=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),a=require("../icon/index.cjs"),t={static:"_static_jn98v_1"},l={default:t.default,static:t.static},r=({variant:o="default",children:i,iconName:e,...n})=>s.jsxs("div",{className:c.t(t.tooltip,l[o]),...n,"data-component":"tooltip",children:[e&&s.jsx(a.Icon,{fill:!0,gap:"right",name:e}),i]});exports.Tooltip=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index14.css');const s=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),a=require("../icon/index.cjs"),t={static:"_static_r8l1k_1"},l={default:t.default,static:t.static},r=({variant:o="default",children:i,iconName:e,...n})=>s.jsxs("div",{className:c.t(t.tooltip,l[o]),...n,"data-component":"tooltip",children:[e&&s.jsx(a.Icon,{fill:!0,gap:"right",name:e}),i]});exports.Tooltip=r;
 //# sourceMappingURL=index.cjs.map

package/dist/components/tooltip/index.js

@@ -2,7 +2,7 @@ import { jsxs as r, jsx as l } from "react/jsx-runtime";
 import { t as c } from "../../classix-DG18itHa.js";
 import { Icon as e } from "../icon/index.js";
 import '../../assets/index14.css';const t = {
-  static: "_static_jn98v_1"
+  static: "_static_r8l1k_1"
 }, n = {
   default: t.default,
   static: t.static

package/dist/{index-DE2nzqL5.js → index-BIV5OwVJ.js}

@@ -1,6 +1,6 @@
-import { jsxs as E, Fragment as G, jsx as a } from "react/jsx-runtime";
+import { jsxs as $, Fragment as G, jsx as a } from "react/jsx-runtime";
 import { t as p } from "./classix-DG18itHa.js";
-import { useState as F, useEffect as P } from "react";
+import { useState as E, useEffect as F } from "react";
 import { i as H } from "./icons-Dj0vEOCB.js";
 import { u as U, c as W } from "./use-touched-B999bBr8.js";
 import './assets/index45.css';function k(t) {
@@ -10,7 +10,7 @@ function A(t) {
   const e = k(t);
   return e && !e.endsWith(":") ? `${e}:` : e;
 }
-const D = "_input_151j9_3", J = "_touched_151j9_43", K = "_label_151j9_48", M = "_inline_151j9_57", O = "_code_151j9_86", o = {
+const D = "_input_p0mz8_3", J = "_touched_p0mz8_43", K = "_label_p0mz8_48", M = "_inline_p0mz8_69", O = "_code_p0mz8_86", o = {
   input: D,
   touched: J,
   label: K,
@@ -22,30 +22,30 @@ function q({
   defaultCountryCode: e = "+47",
   disabled: c = !1,
   icon: _,
-  label: d,
-  onBlur: S,
+  label: m,
+  onBlur: P,
   placeholder: f,
   ref: g,
-  required: m,
+  required: d,
   style: v,
   type: n = "text",
-  variant: j = "default",
-  ...x
+  variant: x = "default",
+  ...z
 }) {
-  const [h, L] = F(""), [s, b] = F(""), {
+  const [h, L] = E(""), [s, b] = E(""), {
     name: B,
     onChange: l,
-    pattern: T,
+    pattern: S,
     value: r,
-    ...V
-  } = x, {
+    ...T
+  } = z, {
     touched: I,
-    onBlur: w
-  } = U(r === ""), u = _ && n !== "radio" && n !== "datetime-local" ? _ : void 0, N = d && j === "inline" ? A(d) : d, C = u ? {
+    onBlur: V
+  } = U(r === ""), u = _ && n !== "radio" && n !== "datetime-local" ? _ : void 0, N = m && x === "inline" ? A(m) : m, j = u ? {
     ...v,
     "--icon-svg": H(u, !0)
-  } : v, $ = W(w, S);
-  P(() => {
+  } : v, C = W(V, P);
+  F(() => {
     if (l && n === "tel") {
       const i = {
         name: B,
@@ -56,21 +56,21 @@ function q({
         currentTarget: i
       });
     }
-  }, [h, e, B, l, s, n]), P(() => {
+  }, [h, e, B, l, s, n]), F(() => {
     n === "tel" && !r && (b(""), L(""));
   }, [n, r]);
-  const z = /* @__PURE__ */ E(G, { children: [
+  const w = /* @__PURE__ */ $(G, { children: [
     /* @__PURE__ */ a("input", { disabled: c, hidden: !0, onChange: l, pattern: void 0, placeholder: f, ref: g, type: n, value: r }),
     /* @__PURE__ */ a("input", { type: "text", className: p(o.code, o.input), disabled: c, maxLength: 5, onChange: (i) => L(i.target.value), placeholder: e, value: h }),
-    /* @__PURE__ */ a("input", { ...V, type: "tel", className: p(o.input, t, I && o.touched), "data-icon": u ? "true" : void 0, disabled: c, maxLength: 14, name: void 0, onChange: (i) => b(i.target.value), onBlur: $, pattern: T, required: m, style: C, value: s })
+    /* @__PURE__ */ a("input", { ...T, type: "tel", className: p(o.input, t, I && o.touched), "data-icon": u ? "true" : void 0, disabled: c, maxLength: 14, name: void 0, onChange: (i) => b(i.target.value), onBlur: C, pattern: S, required: d, style: j, value: s })
   ] });
-  return /* @__PURE__ */ E("label", { className: p(o.label, j === "inline" && o.inline), "data-component": "input", children: [
-    N && /* @__PURE__ */ a("span", { "data-required": m || void 0, children: N }),
-    n === "tel" ? z : /* @__PURE__ */ a("input", { ...x, ref: g, className: p(o.input, t, I && o.touched), "data-icon": u ? "true" : void 0, disabled: c, onBlur: $, placeholder: f, required: m, style: C, type: n })
+  return /* @__PURE__ */ $("label", { className: p(o.label, x === "inline" && o.inline), "data-component": "input", children: [
+    N && /* @__PURE__ */ a("span", { "data-required": d || void 0, children: N }),
+    n === "tel" ? w : /* @__PURE__ */ a("input", { ...z, ref: g, className: p(o.input, t, I && o.touched), "data-icon": u ? "true" : void 0, disabled: c, onBlur: C, placeholder: f, required: d, style: j, type: n })
   ] });
 }
 export {
   q as I,
   A as f
 };
-//# sourceMappingURL=index-DE2nzqL5.js.map
+//# sourceMappingURL=index-BIV5OwVJ.js.map

package/dist/{index-DE2nzqL5.js.map → index-BIV5OwVJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DE2nzqL5.js","sources":["../src/lib/text.ts","../src/components/input/index.tsx"],"sourcesContent":["export function capitalizeFirstLetter(value: string): string {\n  return value ? `${value[0].toLocaleUpperCase()}${value.slice(1)}` : value;\n}\n\nexport function formatInlineLabel(value: string): string {\n  const label = capitalizeFirstLetter(value);\n  return label && !label.endsWith(':') ? `${label}:` : label;\n}\n","import cx from 'classix';\nimport { useEffect, useState } from 'react';\n\nimport { IconName, iconSVG } from '@/components/icon/icons.ts';\nimport { composeEventHandlers } from '@/lib/compose-event-handlers';\nimport { formatInlineLabel } from '@/lib/text';\nimport { useTouched } from '@/lib/use-touched';\n\nimport styles from './styles.module.css';\n\nexport type InputProps = React.ComponentPropsWithRef<'input'> & {\n  defaultCountryCode?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  label?: string;\n  onClick?: React.MouseEventHandler<HTMLInputElement>;\n  placeholder?: string;\n  variant?: 'default' | 'inline';\n  type?:\n    | 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'radio'\n    | 'search'\n    | 'tel'\n    | 'text';\n};\n\nexport function Input({\n  className,\n  defaultCountryCode = '+47',\n  disabled = false,\n  icon,\n  label,\n  onBlur: onBlurProp,\n  placeholder,\n  ref,\n  required,\n  style,\n  type = 'text',\n  variant = 'default',\n  ...props\n}: InputProps) {\n  const [countryCode, setCountryCode] = useState('');\n  const [phoneNumber, setPhoneNumber] = useState('');\n  const { name, onChange, pattern, value, ...restProps } = props;\n  const { touched, onBlur } = useTouched(value === '');\n  const inputIcon = icon && type !== 'radio' && type !== 'datetime-local' ? icon : undefined;\n  const displayLabel = label && variant === 'inline' ? formatInlineLabel(label) : label;\n\n  type withVars =\n    | (React.CSSProperties & {\n        '--icon-svg'?: string;\n      })\n    | undefined;\n\n  const withVars: withVars = inputIcon\n    ? {\n        ...style,\n        '--icon-svg': iconSVG(inputIcon, true),\n      }\n    : style;\n  const handleBlur = composeEventHandlers(onBlur, onBlurProp);\n\n  useEffect(() => {\n    if (onChange && type === 'tel') {\n      const target = {\n        name,\n        value: phoneNumber\n          ? (countryCode || defaultCountryCode).split(' ').join('') +\n            phoneNumber.split(' ').join('')\n          : undefined,\n      } as unknown as HTMLInputElement;\n\n      onChange({ target, currentTarget: target } as React.ChangeEvent<HTMLInputElement>);\n    }\n  }, [countryCode, defaultCountryCode, name, onChange, phoneNumber, type]);\n\n  useEffect(() => {\n    if (type === 'tel' && !value) {\n      setPhoneNumber('');\n      setCountryCode('');\n    }\n  }, [type, value]);\n\n  const telephoneInput = (\n    <>\n      <input\n        disabled={disabled}\n        hidden\n        onChange={onChange}\n        pattern={undefined}\n        placeholder={placeholder}\n        ref={ref}\n        type={type}\n        value={value}\n      />\n      <input\n        type='text'\n        className={cx(styles.code, styles.input)}\n        disabled={disabled}\n        maxLength={5}\n        onChange={(e) => setCountryCode(e.target.value)}\n        placeholder={defaultCountryCode}\n        value={countryCode}\n      />\n      <input\n        {...restProps}\n        type='tel'\n        className={cx(styles.input, className, touched && styles.touched)}\n        data-icon={inputIcon ? 'true' : undefined}\n        disabled={disabled}\n        maxLength={14}\n        name={undefined}\n        onChange={(e) => setPhoneNumber(e.target.value)}\n        onBlur={handleBlur}\n        pattern={pattern}\n        required={required}\n        style={withVars}\n        value={phoneNumber}\n      />\n    </>\n  );\n\n  return (\n    <label className={cx(styles.label, variant === 'inline' && styles.inline)}>\n      {displayLabel && <span data-required={required || undefined}>{displayLabel}</span>}\n      {type === 'tel' ? (\n        telephoneInput\n      ) : (\n        <input\n          {...props}\n          ref={ref}\n          className={cx(styles.input, className, touched && styles.touched)}\n          data-icon={inputIcon ? 'true' : undefined}\n          disabled={disabled}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n          required={required}\n          style={withVars}\n          type={type}\n        />\n      )}\n    </label>\n  );\n}\n"],"names":["capitalizeFirstLetter","value","toLocaleUpperCase","slice","formatInlineLabel","label","endsWith","Input","className","defaultCountryCode","disabled","icon","onBlur","onBlurProp","placeholder","ref","required","style","type","variant","props","countryCode","setCountryCode","useState","phoneNumber","setPhoneNumber","name","onChange","pattern","restProps","touched","useTouched","inputIcon","undefined","displayLabel","withVars","iconSVG","handleBlur","composeEventHandlers","useEffect","target","split","join","currentTarget","telephoneInput","jsxs","Fragment","jsx","cx","styles","code","input","e","inline"],"mappings":"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"}
+{"version":3,"file":"index-BIV5OwVJ.js","sources":["../src/lib/text.ts","../src/components/input/index.tsx"],"sourcesContent":["export function capitalizeFirstLetter(value: string): string {\n  return value ? `${value[0].toLocaleUpperCase()}${value.slice(1)}` : value;\n}\n\nexport function formatInlineLabel(value: string): string {\n  const label = capitalizeFirstLetter(value);\n  return label && !label.endsWith(':') ? `${label}:` : label;\n}\n","import cx from 'classix';\nimport { useEffect, useState } from 'react';\n\nimport { IconName, iconSVG } from '@/components/icon/icons.ts';\nimport { composeEventHandlers } from '@/lib/compose-event-handlers';\nimport { formatInlineLabel } from '@/lib/text';\nimport { useTouched } from '@/lib/use-touched';\n\nimport styles from './styles.module.css';\n\nexport type InputProps = React.ComponentPropsWithRef<'input'> & {\n  defaultCountryCode?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  label?: string;\n  onClick?: React.MouseEventHandler<HTMLInputElement>;\n  placeholder?: string;\n  variant?: 'default' | 'inline';\n  type?:\n    | 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'radio'\n    | 'search'\n    | 'tel'\n    | 'text';\n};\n\nexport function Input({\n  className,\n  defaultCountryCode = '+47',\n  disabled = false,\n  icon,\n  label,\n  onBlur: onBlurProp,\n  placeholder,\n  ref,\n  required,\n  style,\n  type = 'text',\n  variant = 'default',\n  ...props\n}: InputProps) {\n  const [countryCode, setCountryCode] = useState('');\n  const [phoneNumber, setPhoneNumber] = useState('');\n  const { name, onChange, pattern, value, ...restProps } = props;\n  const { touched, onBlur } = useTouched(value === '');\n  const inputIcon = icon && type !== 'radio' && type !== 'datetime-local' ? icon : undefined;\n  const displayLabel = label && variant === 'inline' ? formatInlineLabel(label) : label;\n\n  type withVars =\n    | (React.CSSProperties & {\n        '--icon-svg'?: string;\n      })\n    | undefined;\n\n  const withVars: withVars = inputIcon\n    ? {\n        ...style,\n        '--icon-svg': iconSVG(inputIcon, true),\n      }\n    : style;\n  const handleBlur = composeEventHandlers(onBlur, onBlurProp);\n\n  useEffect(() => {\n    if (onChange && type === 'tel') {\n      const target = {\n        name,\n        value: phoneNumber\n          ? (countryCode || defaultCountryCode).split(' ').join('') +\n            phoneNumber.split(' ').join('')\n          : undefined,\n      } as unknown as HTMLInputElement;\n\n      onChange({ target, currentTarget: target } as React.ChangeEvent<HTMLInputElement>);\n    }\n  }, [countryCode, defaultCountryCode, name, onChange, phoneNumber, type]);\n\n  useEffect(() => {\n    if (type === 'tel' && !value) {\n      setPhoneNumber('');\n      setCountryCode('');\n    }\n  }, [type, value]);\n\n  const telephoneInput = (\n    <>\n      <input\n        disabled={disabled}\n        hidden\n        onChange={onChange}\n        pattern={undefined}\n        placeholder={placeholder}\n        ref={ref}\n        type={type}\n        value={value}\n      />\n      <input\n        type='text'\n        className={cx(styles.code, styles.input)}\n        disabled={disabled}\n        maxLength={5}\n        onChange={(e) => setCountryCode(e.target.value)}\n        placeholder={defaultCountryCode}\n        value={countryCode}\n      />\n      <input\n        {...restProps}\n        type='tel'\n        className={cx(styles.input, className, touched && styles.touched)}\n        data-icon={inputIcon ? 'true' : undefined}\n        disabled={disabled}\n        maxLength={14}\n        name={undefined}\n        onChange={(e) => setPhoneNumber(e.target.value)}\n        onBlur={handleBlur}\n        pattern={pattern}\n        required={required}\n        style={withVars}\n        value={phoneNumber}\n      />\n    </>\n  );\n\n  return (\n    <label className={cx(styles.label, variant === 'inline' && styles.inline)}>\n      {displayLabel && <span data-required={required || undefined}>{displayLabel}</span>}\n      {type === 'tel' ? (\n        telephoneInput\n      ) : (\n        <input\n          {...props}\n          ref={ref}\n          className={cx(styles.input, className, touched && styles.touched)}\n          data-icon={inputIcon ? 'true' : undefined}\n          disabled={disabled}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n          required={required}\n          style={withVars}\n          type={type}\n        />\n      )}\n    </label>\n  );\n}\n"],"names":["capitalizeFirstLetter","value","toLocaleUpperCase","slice","formatInlineLabel","label","endsWith","Input","className","defaultCountryCode","disabled","icon","onBlur","onBlurProp","placeholder","ref","required","style","type","variant","props","countryCode","setCountryCode","useState","phoneNumber","setPhoneNumber","name","onChange","pattern","restProps","touched","useTouched","inputIcon","undefined","displayLabel","withVars","iconSVG","handleBlur","composeEventHandlers","useEffect","target","split","join","currentTarget","telephoneInput","jsxs","Fragment","jsx","cx","styles","code","input","e","inline"],"mappings":"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"}

package/dist/index-CQNlYa2P.cjs

@@ -0,0 +1,2 @@
+"use strict";require('./assets/index45.css');const o=require("react/jsx-runtime"),d=require("./classix-5H4IWnMA.cjs"),p=require("react"),V=require("./icons-DaZGJzI0.cjs"),E=require("./use-touched-Bq5Gjbpz.cjs");function w(t){return t&&`${t[0].toLocaleUpperCase()}${t.slice(1)}`}function S(t){const n=w(t);return n&&!n.endsWith(":")?`${n}:`:n}const G="_input_p0mz8_3",H="_touched_p0mz8_43",U="_label_p0mz8_48",W="_inline_p0mz8_69",k="_code_p0mz8_86",s={input:G,touched:H,label:U,inline:W,code:k};function A({className:t,defaultCountryCode:n="+47",disabled:c=!1,icon:x,label:h,onBlur:T,placeholder:g,ref:v,required:m,style:f,type:e="text",variant:j="default",...L}){const[_,b]=p.useState(""),[u,z]=p.useState(""),{name:I,onChange:a,pattern:$,value:l,...F}=L,{touched:B,onBlur:P}=E.useTouched(l===""),r=x&&e!=="radio"&&e!=="datetime-local"?x:void 0,N=h&&j==="inline"?S(h):h,q=r?{...f,"--icon-svg":V.iconSVG(r,!0)}:f,C=E.composeEventHandlers(P,T);p.useEffect(()=>{if(a&&e==="tel"){const i={name:I,value:u?(_||n).split(" ").join("")+u.split(" ").join(""):void 0};a({target:i,currentTarget:i})}},[_,n,I,a,u,e]),p.useEffect(()=>{e==="tel"&&!l&&(z(""),b(""))},[e,l]);const R=o.jsxs(o.Fragment,{children:[o.jsx("input",{disabled:c,hidden:!0,onChange:a,pattern:void 0,placeholder:g,ref:v,type:e,value:l}),o.jsx("input",{type:"text",className:d.t(s.code,s.input),disabled:c,maxLength:5,onChange:i=>b(i.target.value),placeholder:n,value:_}),o.jsx("input",{...F,type:"tel",className:d.t(s.input,t,B&&s.touched),"data-icon":r?"true":void 0,disabled:c,maxLength:14,name:void 0,onChange:i=>z(i.target.value),onBlur:C,pattern:$,required:m,style:q,value:u})]});return o.jsxs("label",{className:d.t(s.label,j==="inline"&&s.inline),"data-component":"input",children:[N&&o.jsx("span",{"data-required":m||void 0,children:N}),e==="tel"?R:o.jsx("input",{...L,ref:v,className:d.t(s.input,t,B&&s.touched),"data-icon":r?"true":void 0,disabled:c,onBlur:C,placeholder:g,required:m,style:q,type:e})]})}exports.Input=A;exports.formatInlineLabel=S;
+//# sourceMappingURL=index-CQNlYa2P.cjs.map

package/dist/{index-DF8JisYI.cjs.map → index-CQNlYa2P.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DF8JisYI.cjs","sources":["../src/lib/text.ts","../src/components/input/index.tsx"],"sourcesContent":["export function capitalizeFirstLetter(value: string): string {\n  return value ? `${value[0].toLocaleUpperCase()}${value.slice(1)}` : value;\n}\n\nexport function formatInlineLabel(value: string): string {\n  const label = capitalizeFirstLetter(value);\n  return label && !label.endsWith(':') ? `${label}:` : label;\n}\n","import cx from 'classix';\nimport { useEffect, useState } from 'react';\n\nimport { IconName, iconSVG } from '@/components/icon/icons.ts';\nimport { composeEventHandlers } from '@/lib/compose-event-handlers';\nimport { formatInlineLabel } from '@/lib/text';\nimport { useTouched } from '@/lib/use-touched';\n\nimport styles from './styles.module.css';\n\nexport type InputProps = React.ComponentPropsWithRef<'input'> & {\n  defaultCountryCode?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  label?: string;\n  onClick?: React.MouseEventHandler<HTMLInputElement>;\n  placeholder?: string;\n  variant?: 'default' | 'inline';\n  type?:\n    | 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'radio'\n    | 'search'\n    | 'tel'\n    | 'text';\n};\n\nexport function Input({\n  className,\n  defaultCountryCode = '+47',\n  disabled = false,\n  icon,\n  label,\n  onBlur: onBlurProp,\n  placeholder,\n  ref,\n  required,\n  style,\n  type = 'text',\n  variant = 'default',\n  ...props\n}: InputProps) {\n  const [countryCode, setCountryCode] = useState('');\n  const [phoneNumber, setPhoneNumber] = useState('');\n  const { name, onChange, pattern, value, ...restProps } = props;\n  const { touched, onBlur } = useTouched(value === '');\n  const inputIcon = icon && type !== 'radio' && type !== 'datetime-local' ? icon : undefined;\n  const displayLabel = label && variant === 'inline' ? formatInlineLabel(label) : label;\n\n  type withVars =\n    | (React.CSSProperties & {\n        '--icon-svg'?: string;\n      })\n    | undefined;\n\n  const withVars: withVars = inputIcon\n    ? {\n        ...style,\n        '--icon-svg': iconSVG(inputIcon, true),\n      }\n    : style;\n  const handleBlur = composeEventHandlers(onBlur, onBlurProp);\n\n  useEffect(() => {\n    if (onChange && type === 'tel') {\n      const target = {\n        name,\n        value: phoneNumber\n          ? (countryCode || defaultCountryCode).split(' ').join('') +\n            phoneNumber.split(' ').join('')\n          : undefined,\n      } as unknown as HTMLInputElement;\n\n      onChange({ target, currentTarget: target } as React.ChangeEvent<HTMLInputElement>);\n    }\n  }, [countryCode, defaultCountryCode, name, onChange, phoneNumber, type]);\n\n  useEffect(() => {\n    if (type === 'tel' && !value) {\n      setPhoneNumber('');\n      setCountryCode('');\n    }\n  }, [type, value]);\n\n  const telephoneInput = (\n    <>\n      <input\n        disabled={disabled}\n        hidden\n        onChange={onChange}\n        pattern={undefined}\n        placeholder={placeholder}\n        ref={ref}\n        type={type}\n        value={value}\n      />\n      <input\n        type='text'\n        className={cx(styles.code, styles.input)}\n        disabled={disabled}\n        maxLength={5}\n        onChange={(e) => setCountryCode(e.target.value)}\n        placeholder={defaultCountryCode}\n        value={countryCode}\n      />\n      <input\n        {...restProps}\n        type='tel'\n        className={cx(styles.input, className, touched && styles.touched)}\n        data-icon={inputIcon ? 'true' : undefined}\n        disabled={disabled}\n        maxLength={14}\n        name={undefined}\n        onChange={(e) => setPhoneNumber(e.target.value)}\n        onBlur={handleBlur}\n        pattern={pattern}\n        required={required}\n        style={withVars}\n        value={phoneNumber}\n      />\n    </>\n  );\n\n  return (\n    <label className={cx(styles.label, variant === 'inline' && styles.inline)}>\n      {displayLabel && <span data-required={required || undefined}>{displayLabel}</span>}\n      {type === 'tel' ? (\n        telephoneInput\n      ) : (\n        <input\n          {...props}\n          ref={ref}\n          className={cx(styles.input, className, touched && styles.touched)}\n          data-icon={inputIcon ? 'true' : undefined}\n          disabled={disabled}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n          required={required}\n          style={withVars}\n          type={type}\n        />\n      )}\n    </label>\n  );\n}\n"],"names":["capitalizeFirstLetter","value","toLocaleUpperCase","slice","formatInlineLabel","label","endsWith","Input","className","defaultCountryCode","disabled","icon","onBlur","onBlurProp","placeholder","ref","required","style","type","variant","props","countryCode","setCountryCode","useState","phoneNumber","setPhoneNumber","name","onChange","pattern","restProps","touched","useTouched","inputIcon","undefined","displayLabel","withVars","iconSVG","handleBlur","composeEventHandlers","useEffect","target","split","join","currentTarget","telephoneInput","jsxs","Fragment","jsx","cx","styles","code","input","e","inline"],"mappings":"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"}
+{"version":3,"file":"index-CQNlYa2P.cjs","sources":["../src/lib/text.ts","../src/components/input/index.tsx"],"sourcesContent":["export function capitalizeFirstLetter(value: string): string {\n  return value ? `${value[0].toLocaleUpperCase()}${value.slice(1)}` : value;\n}\n\nexport function formatInlineLabel(value: string): string {\n  const label = capitalizeFirstLetter(value);\n  return label && !label.endsWith(':') ? `${label}:` : label;\n}\n","import cx from 'classix';\nimport { useEffect, useState } from 'react';\n\nimport { IconName, iconSVG } from '@/components/icon/icons.ts';\nimport { composeEventHandlers } from '@/lib/compose-event-handlers';\nimport { formatInlineLabel } from '@/lib/text';\nimport { useTouched } from '@/lib/use-touched';\n\nimport styles from './styles.module.css';\n\nexport type InputProps = React.ComponentPropsWithRef<'input'> & {\n  defaultCountryCode?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  label?: string;\n  onClick?: React.MouseEventHandler<HTMLInputElement>;\n  placeholder?: string;\n  variant?: 'default' | 'inline';\n  type?:\n    | 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'radio'\n    | 'search'\n    | 'tel'\n    | 'text';\n};\n\nexport function Input({\n  className,\n  defaultCountryCode = '+47',\n  disabled = false,\n  icon,\n  label,\n  onBlur: onBlurProp,\n  placeholder,\n  ref,\n  required,\n  style,\n  type = 'text',\n  variant = 'default',\n  ...props\n}: InputProps) {\n  const [countryCode, setCountryCode] = useState('');\n  const [phoneNumber, setPhoneNumber] = useState('');\n  const { name, onChange, pattern, value, ...restProps } = props;\n  const { touched, onBlur } = useTouched(value === '');\n  const inputIcon = icon && type !== 'radio' && type !== 'datetime-local' ? icon : undefined;\n  const displayLabel = label && variant === 'inline' ? formatInlineLabel(label) : label;\n\n  type withVars =\n    | (React.CSSProperties & {\n        '--icon-svg'?: string;\n      })\n    | undefined;\n\n  const withVars: withVars = inputIcon\n    ? {\n        ...style,\n        '--icon-svg': iconSVG(inputIcon, true),\n      }\n    : style;\n  const handleBlur = composeEventHandlers(onBlur, onBlurProp);\n\n  useEffect(() => {\n    if (onChange && type === 'tel') {\n      const target = {\n        name,\n        value: phoneNumber\n          ? (countryCode || defaultCountryCode).split(' ').join('') +\n            phoneNumber.split(' ').join('')\n          : undefined,\n      } as unknown as HTMLInputElement;\n\n      onChange({ target, currentTarget: target } as React.ChangeEvent<HTMLInputElement>);\n    }\n  }, [countryCode, defaultCountryCode, name, onChange, phoneNumber, type]);\n\n  useEffect(() => {\n    if (type === 'tel' && !value) {\n      setPhoneNumber('');\n      setCountryCode('');\n    }\n  }, [type, value]);\n\n  const telephoneInput = (\n    <>\n      <input\n        disabled={disabled}\n        hidden\n        onChange={onChange}\n        pattern={undefined}\n        placeholder={placeholder}\n        ref={ref}\n        type={type}\n        value={value}\n      />\n      <input\n        type='text'\n        className={cx(styles.code, styles.input)}\n        disabled={disabled}\n        maxLength={5}\n        onChange={(e) => setCountryCode(e.target.value)}\n        placeholder={defaultCountryCode}\n        value={countryCode}\n      />\n      <input\n        {...restProps}\n        type='tel'\n        className={cx(styles.input, className, touched && styles.touched)}\n        data-icon={inputIcon ? 'true' : undefined}\n        disabled={disabled}\n        maxLength={14}\n        name={undefined}\n        onChange={(e) => setPhoneNumber(e.target.value)}\n        onBlur={handleBlur}\n        pattern={pattern}\n        required={required}\n        style={withVars}\n        value={phoneNumber}\n      />\n    </>\n  );\n\n  return (\n    <label className={cx(styles.label, variant === 'inline' && styles.inline)}>\n      {displayLabel && <span data-required={required || undefined}>{displayLabel}</span>}\n      {type === 'tel' ? (\n        telephoneInput\n      ) : (\n        <input\n          {...props}\n          ref={ref}\n          className={cx(styles.input, className, touched && styles.touched)}\n          data-icon={inputIcon ? 'true' : undefined}\n          disabled={disabled}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n          required={required}\n          style={withVars}\n          type={type}\n        />\n      )}\n    </label>\n  );\n}\n"],"names":["capitalizeFirstLetter","value","toLocaleUpperCase","slice","formatInlineLabel","label","endsWith","Input","className","defaultCountryCode","disabled","icon","onBlur","onBlurProp","placeholder","ref","required","style","type","variant","props","countryCode","setCountryCode","useState","phoneNumber","setPhoneNumber","name","onChange","pattern","restProps","touched","useTouched","inputIcon","undefined","displayLabel","withVars","iconSVG","handleBlur","composeEventHandlers","useEffect","target","split","join","currentTarget","telephoneInput","jsxs","Fragment","jsx","cx","styles","code","input","e","inline"],"mappings":"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"}

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const o=require("./components/app-link/index.cjs"),t=require("./components/aside/index.cjs"),r=require("./components/avatar/index.cjs"),i=require("./components/badge/index.cjs"),s=require("./components/banner/index.cjs"),c=require("./components/branding/index.cjs"),_=require("./components/button/index.cjs"),p=require("./components/card/index.cjs"),a=require("./components/checkbox/index.cjs"),d=require("./components/chip/index.cjs"),u=require("./components/collapsible/index.cjs"),m=require("./components/controls/index.cjs"),l=require("./components/croppable/index.cjs"),x=require("./components/dialog/index.cjs"),q=require("./components/dropdown/index.cjs"),g=require("./components/dropzone/index.cjs"),b=require("./components/editor/index.cjs"),T=require("./components/empty-state/index.cjs"),h=require("./components/fieldset/index.cjs"),S=require("./components/figure/index.cjs"),v=require("./components/file/index.cjs"),C=require("./components/footer/index.cjs"),L=require("./components/form/index.cjs"),F=require("./components/graph/index.cjs"),I=require("./components/group/index.cjs"),f=require("./components/header/index.cjs"),k=require("./components/icon/index.cjs"),B=require("./components/iframe/index.cjs"),M=require("./components/image/index.cjs"),A=require("./index-DF8JisYI.cjs"),D=require("./components/link/index.cjs"),y=require("./components/list/index.cjs"),O=require("./components/loading/index.cjs"),P=require("./components/menu/index.cjs"),j=require("./components/message/index.cjs"),w=require("./components/messages/index.cjs"),e=require("./components/nav/index.cjs"),E=require("./components/object/index.cjs"),G=require("./components/popover/index.cjs"),N=require("./components/portal/index.cjs"),z=require("./components/search/index.cjs"),H=require("./index-Dn1v0qm6.cjs"),n=require("./components/sortable/index.cjs"),W=require("./components/table/index.cjs"),J=require("./components/textarea/index.cjs"),K=require("./components/toast/index.cjs"),Q=require("./components/toasts/index.cjs"),R=require("./components/toggle/index.cjs"),U=require("./components/toolbar/index.cjs"),V=require("./components/tooltip/index.cjs"),X=require("./components/widget/index.cjs");exports.AppLink=o.AppLink;exports.Aside=t.Aside;exports.Avatar=r.Avatar;exports.Badge=i.Badge;exports.Banner=s.Banner;exports.Branding=c.Branding;exports.Button=_.Button;exports.Card=p.Card;exports.Checkbox=a.Checkbox;exports.Chip=d.Chip;exports.Collapsible=u.Collapsible;exports.Controls=m.Controls;exports.Croppable=l.Croppable;exports.Dialog=x.Dialog;exports.Dropdown=q.Dropdown;exports.Dropzone=g.Dropzone;exports.Editor=b.Editor;exports.EmptyState=T.EmptyState;exports.Fieldset=h.Fieldset;exports.Figure=S.Figure;exports.File=v.File;exports.Footer=C.Footer;exports.Form=L.Form;exports.Graph=F.Graph;exports.Group=I.Group;exports.Header=f.Header;exports.Icon=k.Icon;exports.Iframe=B.Iframe;exports.Image=M.Image;exports.Input=A.Input;exports.Link=D.Link;exports.List=y.List;exports.Loading=O.Loading;exports.Menu=P.Menu;exports.Message=j.Message;exports.Messages=w.Messages;exports.Nav=e.Nav;exports.NavLabel=e.NavLabel;exports.Object=E.Object;exports.Popover=G.Popover;exports.Portal=N.Portal;exports.Search=z.Search;exports.Select=H.Select;exports.Sortable=n.Sortable;exports.useOptionalSortableItem=n.useOptionalSortableItem;exports.Table=W.Table;exports.Textarea=J.Textarea;exports.Toast=K.Toast;exports.Toasts=Q.Toasts;exports.Toggle=R.Toggle;exports.Toolbar=U.Toolbar;exports.Tooltip=V.Tooltip;exports.Widget=X.Widget;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const o=require("./components/app-link/index.cjs"),t=require("./components/aside/index.cjs"),r=require("./components/avatar/index.cjs"),i=require("./components/badge/index.cjs"),s=require("./components/banner/index.cjs"),c=require("./components/branding/index.cjs"),_=require("./components/button/index.cjs"),p=require("./components/card/index.cjs"),a=require("./components/checkbox/index.cjs"),d=require("./components/chip/index.cjs"),u=require("./components/collapsible/index.cjs"),m=require("./components/controls/index.cjs"),l=require("./components/croppable/index.cjs"),x=require("./components/dialog/index.cjs"),q=require("./components/dropdown/index.cjs"),g=require("./components/dropzone/index.cjs"),b=require("./components/editor/index.cjs"),T=require("./components/empty-state/index.cjs"),h=require("./components/fieldset/index.cjs"),S=require("./components/figure/index.cjs"),v=require("./components/file/index.cjs"),C=require("./components/footer/index.cjs"),L=require("./components/form/index.cjs"),F=require("./components/graph/index.cjs"),I=require("./components/group/index.cjs"),f=require("./components/header/index.cjs"),k=require("./components/icon/index.cjs"),B=require("./components/iframe/index.cjs"),M=require("./components/image/index.cjs"),A=require("./index-CQNlYa2P.cjs"),D=require("./components/link/index.cjs"),y=require("./components/list/index.cjs"),O=require("./components/loading/index.cjs"),P=require("./components/menu/index.cjs"),j=require("./components/message/index.cjs"),w=require("./components/messages/index.cjs"),e=require("./components/nav/index.cjs"),E=require("./components/object/index.cjs"),G=require("./components/popover/index.cjs"),N=require("./components/portal/index.cjs"),z=require("./components/search/index.cjs"),H=require("./index-Dn1v0qm6.cjs"),n=require("./components/sortable/index.cjs"),W=require("./components/table/index.cjs"),J=require("./components/textarea/index.cjs"),K=require("./components/toast/index.cjs"),Q=require("./components/toasts/index.cjs"),R=require("./components/toggle/index.cjs"),U=require("./components/toolbar/index.cjs"),V=require("./components/tooltip/index.cjs"),X=require("./components/widget/index.cjs");exports.AppLink=o.AppLink;exports.Aside=t.Aside;exports.Avatar=r.Avatar;exports.Badge=i.Badge;exports.Banner=s.Banner;exports.Branding=c.Branding;exports.Button=_.Button;exports.Card=p.Card;exports.Checkbox=a.Checkbox;exports.Chip=d.Chip;exports.Collapsible=u.Collapsible;exports.Controls=m.Controls;exports.Croppable=l.Croppable;exports.Dialog=x.Dialog;exports.Dropdown=q.Dropdown;exports.Dropzone=g.Dropzone;exports.Editor=b.Editor;exports.EmptyState=T.EmptyState;exports.Fieldset=h.Fieldset;exports.Figure=S.Figure;exports.File=v.File;exports.Footer=C.Footer;exports.Form=L.Form;exports.Graph=F.Graph;exports.Group=I.Group;exports.Header=f.Header;exports.Icon=k.Icon;exports.Iframe=B.Iframe;exports.Image=M.Image;exports.Input=A.Input;exports.Link=D.Link;exports.List=y.List;exports.Loading=O.Loading;exports.Menu=P.Menu;exports.Message=j.Message;exports.Messages=w.Messages;exports.Nav=e.Nav;exports.NavLabel=e.NavLabel;exports.Object=E.Object;exports.Popover=G.Popover;exports.Portal=N.Portal;exports.Search=z.Search;exports.Select=H.Select;exports.Sortable=n.Sortable;exports.useOptionalSortableItem=n.useOptionalSortableItem;exports.Table=W.Table;exports.Textarea=J.Textarea;exports.Toast=K.Toast;exports.Toasts=Q.Toasts;exports.Toggle=R.Toggle;exports.Toolbar=U.Toolbar;exports.Tooltip=V.Tooltip;exports.Widget=X.Widget;
 //# sourceMappingURL=index.cjs.map