@solibo/solibo-ui 1.0.11 → 1.0.12

package/dist/index-BHgGZxsR.js

@@ -1,73 +0,0 @@
-import { jsxs as $, Fragment as w, 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 { i as z } from "./icons-BFgf_lJN.js";
-import { u as B } from "./use-touched-DXIJVVzz.js";
-import './assets/index47.css';function E(n) {
-  return n && `${n[0].toLocaleUpperCase()}${n.slice(1)}`;
-}
-function G(n) {
-  const e = E(n);
-  return e && !e.endsWith(":") ? `${e}:` : e;
-}
-const U = "_input_antyf_3", W = "_touched_antyf_43", k = "_label_antyf_48", A = "_inline_antyf_57", D = "_code_antyf_81", o = {
-  input: U,
-  touched: W,
-  label: k,
-  inline: A,
-  code: D
-};
-function Q({
-  className: n,
-  defaultCountryCode: e = "+47",
-  disabled: c = !1,
-  icon: f,
-  label: d,
-  placeholder: _,
-  ref: g,
-  required: m,
-  type: t = "text",
-  variant: v = "default",
-  ...x
-}) {
-  const [h, L] = F(""), [s, N] = F(""), {
-    name: b,
-    onChange: l,
-    pattern: S,
-    value: u,
-    ...T
-  } = x, {
-    touched: I,
-    onBlur: j
-  } = B(u === ""), r = f && t !== "radio" && t !== "datetime-local" ? f : void 0, y = d && v === "inline" ? G(d) : d, C = r ? {
-    "--icon-svg": z(r, !0)
-  } : void 0;
-  P(() => {
-    if (l && t === "tel") {
-      const i = {
-        name: b,
-        value: s ? (h || e).split(" ").join("") + s.split(" ").join("") : void 0
-      };
-      l({
-        target: i,
-        currentTarget: i
-      });
-    }
-  }, [h, e, b, l, s, t]), P(() => {
-    t === "tel" && !u && (N(""), L(""));
-  }, [t, u]);
-  const V = /* @__PURE__ */ $(w, { children: [
-    /* @__PURE__ */ a("input", { disabled: c, hidden: !0, onChange: l, pattern: void 0, placeholder: _, ref: g, type: t, value: u }),
-    /* @__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", { type: "tel", className: p(o.input, I && o.touched), "data-icon": r ? "true" : void 0, disabled: c, maxLength: 14, name: void 0, onChange: (i) => N(i.target.value), onBlur: j, pattern: S, required: m, style: C, value: s, ...T })
-  ] });
-  return /* @__PURE__ */ $("label", { className: p(o.label, v === "inline" && o.inline), "data-component": "input", children: [
-    y && /* @__PURE__ */ a("span", { "data-required": m || void 0, children: y }),
-    t === "tel" ? V : /* @__PURE__ */ a("input", { ref: g, className: p(o.input, n, I && o.touched), "data-icon": r ? "true" : void 0, disabled: c, onBlur: j, placeholder: _, required: m, style: C, type: t, ...x })
-  ] });
-}
-export {
-  Q as I,
-  G as f
-};
-//# sourceMappingURL=index-BHgGZxsR.js.map

package/dist/index-CEzqxRIu.cjs

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