@dgshahr/ui-kit 0.0.81 → 0.0.83

package/dist/TextFieldWrapper-BJEouM80.js

@@ -1,178 +0,0 @@
-"use client";
-import { jsxs as t, jsx as s, Fragment as C } from "react/jsx-runtime";
-import { c as u } from "./clsx-OuTLNxxd.js";
-import j from "react";
-import './assets/styles.css';/* empty css                */
-const F = (d) => /* @__PURE__ */ t(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    ...d,
-    children: [
-      /* @__PURE__ */ s(
-        "path",
-        {
-          fill: "currentColor",
-          fillRule: "evenodd",
-          d: "M12.25 3.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5M2.5 12a9.75 9.75 0 0 1 9.75-9.75A9.75 9.75 0 0 1 22 12c0 5.384-4.365 9.75-9.75 9.75S2.5 17.384 2.5 12",
-          clipRule: "evenodd"
-        }
-      ),
-      /* @__PURE__ */ s(
-        "path",
-        {
-          fill: "currentColor",
-          fillRule: "evenodd",
-          d: "M12.25 7.541a.75.75 0 0 1 .75.75v.063a.75.75 0 0 1-1.5 0v-.063a.75.75 0 0 1 .75-.75m.006 3.103a.75.75 0 0 1 .75.75v4.3a.75.75 0 0 1-1.5 0v-4.3a.75.75 0 0 1 .75-.75",
-          clipRule: "evenodd"
-        }
-      )
-    ]
-  }
-), M = (d) => {
-  const { errorMessage: i, hintMessage: e, extraHelper: r, disabled: n, className: a } = d;
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      className: u(
-        "dgs-ui-kit-flex dgs-ui-kit-font-p3-regular",
-        {
-          "dgs-ui-kit-justify-between": (i ?? e) && r,
-          "dgs-ui-kit-justify-start": (i ?? e) && !r,
-          "dgs-ui-kit-justify-end": !(i ?? e) && r,
-          "dgs-ui-kit-text-gray-400": n
-        },
-        i ? "dgs-ui-kit-text-error-500" : "dgs-ui-kit-text-gray-500",
-        a
-      ),
-      children: [
-        (i || e) && /* @__PURE__ */ t(
-          "div",
-          {
-            className: u(
-              "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2 dgs-ui-kit-font-light",
-              {
-                "dgs-ui-kit-text-gray-400": n
-              }
-            ),
-            children: [
-              /* @__PURE__ */ s(
-                F,
-                {
-                  width: 16,
-                  height: 16
-                }
-              ),
-              /* @__PURE__ */ s("span", { children: i ?? e })
-            ]
-          }
-        ),
-        r
-      ]
-    }
-  );
-}, I = (d) => {
-  const { link: i, labelContent: e, required: r, disabled: n, labelAddon: a } = d;
-  return /* @__PURE__ */ t(C, { children: [
-    /* @__PURE__ */ t(
-      "div",
-      {
-        className: u("dgs-ui-kit-flex", {
-          "dgs-ui-kit-justify-between": e && i?.href,
-          "dgs-ui-kit-mb-2": !a,
-          "dgs-ui-kit-justify-start": e && !i?.href,
-          "dgs-ui-kit-justify-end": !e && i?.href,
-          "dgs-ui-kit-text-gray-400": n
-        }),
-        children: [
-          e && /* @__PURE__ */ t("label", { className: "dgs-ui-kit-px-0 dgs-ui-kit-font-p2-medium md:dgs-ui-kit-mx-0", children: [
-            e,
-            r && /* @__PURE__ */ s("span", { className: "dgs-ui-kit-ms-2 dgs-ui-kit-text-error-500", children: "*" })
-          ] }),
-          i?.href && /* @__PURE__ */ s(
-            "a",
-            {
-              href: i.href,
-              className: "dgs-ui-kit-font-button-small dgs-ui-kit-text-primary-400",
-              children: i.cnotent
-            }
-          )
-        ]
-      }
-    ),
-    a
-  ] });
-}, O = (d) => {
-  const {
-    labelContent: i,
-    link: e,
-    containerClassName: r,
-    rightIcon: n,
-    isError: a,
-    errorMessage: g,
-    hintMessage: k,
-    required: p,
-    labelAddon: x,
-    maxLength: o,
-    disabled: l,
-    value: b,
-    wrapperClassName: c,
-    showMaxLength: v,
-    children: y
-  } = d, h = !!(g || k || o && v), m = !!(i || e?.href), w = h || m || c ? "div" : j.Fragment;
-  return /* @__PURE__ */ t(w, { ...c ? { className: c } : {}, children: [
-    m && /* @__PURE__ */ s(
-      I,
-      {
-        disabled: l,
-        labelContent: i,
-        link: e,
-        required: p,
-        labelAddon: x
-      }
-    ),
-    /* @__PURE__ */ t(
-      "div",
-      {
-        onClick: (N) => {
-          const f = N.currentTarget.querySelector("textarea, input");
-          f && f.focus();
-        },
-        className: u(
-          `dgs-ui-kit-relative dgs-ui-kit-cursor-text dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-rounded-lg dgs-ui-kit-ring-4 dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-gap-x-3 dgs-ui-kit-p-3 dgs-ui-kit-bg-gray-100 dgs-ui-kit-transition-all dgs-ui-kit-ring-transparent has-[:focus]:dgs-ui-kit-bg-white ${!l && "hover:dgs-ui-kit-ring-gray-50"}`,
-          a || g ? "dgs-ui-kit-border-error-500 has-[:focus]:dgs-ui-kit-ring-error-50" : `dgs-ui-kit-border-transparent has-[:focus]:dgs-ui-kit-border-primary-500 has-[:focus]:dgs-ui-kit-ring-primary-50 ${!l && "hover:dgs-ui-kit-border-gray-300"}`,
-          r,
-          {
-            "dgs-ui-kit-text-gray-400": l
-          }
-        ),
-        children: [
-          n && /* @__PURE__ */ s("div", { className: "dgs-ui-kit-text-gray-600", children: n }),
-          y
-        ]
-      }
-    ),
-    h && /* @__PURE__ */ s(
-      M,
-      {
-        disabled: l,
-        errorMessage: g,
-        hintMessage: k,
-        extraHelper: o && /* @__PURE__ */ t("span", { className: "ss02", children: [
-          b?.toString()?.length ?? 0,
-          "/",
-          o
-        ] })
-      }
-    )
-  ] });
-};
-export {
-  I as F,
-  O as T,
-  M as a
-};

package/dist/TextFieldWrapper-BrWmggFz.cjs

@@ -1 +0,0 @@
-"use client";"use strict";require('./assets/styles.css');const e=require("react/jsx-runtime"),a=require("./clsx-C11secjj.cjs"),F=require("react");;/* empty css                  */const M=r=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...r,children:[e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M12.25 3.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5M2.5 12a9.75 9.75 0 0 1 9.75-9.75A9.75 9.75 0 0 1 22 12c0 5.384-4.365 9.75-9.75 9.75S2.5 17.384 2.5 12",clipRule:"evenodd"}),e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M12.25 7.541a.75.75 0 0 1 .75.75v.063a.75.75 0 0 1-1.5 0v-.063a.75.75 0 0 1 .75-.75m.006 3.103a.75.75 0 0 1 .75.75v4.3a.75.75 0 0 1-1.5 0v-4.3a.75.75 0 0 1 .75-.75",clipRule:"evenodd"})]}),m=r=>{const{errorMessage:i,hintMessage:s,extraHelper:t,disabled:d,className:n}=r;return e.jsxs("div",{className:a.clsx("dgs-ui-kit-flex dgs-ui-kit-font-p3-regular",{"dgs-ui-kit-justify-between":(i??s)&&t,"dgs-ui-kit-justify-start":(i??s)&&!t,"dgs-ui-kit-justify-end":!(i??s)&&t,"dgs-ui-kit-text-gray-400":d},i?"dgs-ui-kit-text-error-500":"dgs-ui-kit-text-gray-500",n),children:[(i||s)&&e.jsxs("div",{className:a.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2 dgs-ui-kit-font-light",{"dgs-ui-kit-text-gray-400":d}),children:[e.jsx(M,{width:16,height:16}),e.jsx("span",{children:i??s})]}),t]})},f=r=>{const{link:i,labelContent:s,required:t,disabled:d,labelAddon:n}=r;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:a.clsx("dgs-ui-kit-flex",{"dgs-ui-kit-justify-between":s&&i?.href,"dgs-ui-kit-mb-2":!n,"dgs-ui-kit-justify-start":s&&!i?.href,"dgs-ui-kit-justify-end":!s&&i?.href,"dgs-ui-kit-text-gray-400":d}),children:[s&&e.jsxs("label",{className:"dgs-ui-kit-px-0 dgs-ui-kit-font-p2-medium md:dgs-ui-kit-mx-0",children:[s,t&&e.jsx("span",{className:"dgs-ui-kit-ms-2 dgs-ui-kit-text-error-500",children:"*"})]}),i?.href&&e.jsx("a",{href:i.href,className:"dgs-ui-kit-font-button-small dgs-ui-kit-text-primary-400",children:i.cnotent})]}),n]})},q=r=>{const{labelContent:i,link:s,containerClassName:t,rightIcon:d,isError:n,errorMessage:u,hintMessage:c,required:p,labelAddon:j,maxLength:g,disabled:l,value:b,wrapperClassName:o,showMaxLength:v,children:y}=r,k=!!(u||c||g&&v),x=!!(i||s?.href),w=k||x||o?"div":F.Fragment,N=C=>{const h=C.currentTarget.querySelector("textarea, input");h&&h.focus()};return e.jsxs(w,{...o?{className:o}:{},children:[x&&e.jsx(f,{disabled:l,labelContent:i,link:s,required:p,labelAddon:j}),e.jsxs("div",{onClick:N,className:a.clsx(`dgs-ui-kit-relative dgs-ui-kit-cursor-text dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-rounded-lg dgs-ui-kit-ring-4 dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-gap-x-3 dgs-ui-kit-p-3 dgs-ui-kit-bg-gray-100 dgs-ui-kit-transition-all dgs-ui-kit-ring-transparent has-[:focus]:dgs-ui-kit-bg-white ${!l&&"hover:dgs-ui-kit-ring-gray-50"}`,n||u?"dgs-ui-kit-border-error-500 has-[:focus]:dgs-ui-kit-ring-error-50":`dgs-ui-kit-border-transparent has-[:focus]:dgs-ui-kit-border-primary-500 has-[:focus]:dgs-ui-kit-ring-primary-50 ${!l&&"hover:dgs-ui-kit-border-gray-300"}`,t,{"dgs-ui-kit-text-gray-400":l}),children:[d&&e.jsx("div",{className:"dgs-ui-kit-text-gray-600",children:d}),y]}),k&&e.jsx(m,{disabled:l,errorMessage:u,hintMessage:c,extraHelper:g&&e.jsxs("span",{className:"ss02",children:[b?.toString()?.length??0,"/",g]})})]})};exports.FieldBottomInfo=m;exports.FieldLabel=f;exports.TextFieldWrapper=q;

package/dist/index-BctRb68z.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),g=require("./clsx-C11secjj.cjs"),h=require("react"),y=require("./omitObjects-CtiYo0hv.cjs"),C=require("./TextFieldWrapper-BrWmggFz.cjs"),I=t=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...t,children:[e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"m15.456 9.595-5.852 5.852-1.061-1.06 5.853-5.853z",clipRule:"evenodd"}),e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"m9.6 8.532 5.856 5.858-1.06 1.06-5.857-5.857z",clipRule:"evenodd"}),e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12m10-8.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17",clipRule:"evenodd"})]}),f=t=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...t,children:[e.jsx("path",{fill:"currentColor",d:"M12.247 20.812c-4.033 0-7.654-2.828-9.686-7.558a.75.75 0 0 1 0-.592c2.034-4.732 5.655-7.557 9.687-7.557s7.657 2.825 9.69 7.557a.75.75 0 0 1 0 .592c-2.032 4.73-5.653 7.554-9.685 7.557zm-8.182-7.853c1.806 3.983 4.846 6.352 8.18 6.352 3.334.002 6.373-2.369 8.18-6.352-1.808-3.986-4.848-6.354-8.182-6.354s-6.37 2.368-8.176 6.354z"}),e.jsx("path",{fill:"currentColor",d:"M12.247 16.789a3.825 3.825 0 1 1 0-7.651 3.825 3.825 0 0 1 0 7.65m0-6.152a2.326 2.326 0 1 0 0 4.651 2.326 2.326 0 0 0 0-4.651"})]}),R=t=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...t,children:e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M20.417 3.22a.75.75 0 0 1 0 1.06L4.643 20.055a.744.744 0 0 1-1.06 0 .75.75 0 0 1 0-1.06l1.972-1.971c-1.413-1.293-2.613-3.036-3.493-5.089a.75.75 0 0 1 0-.593C3.082 8.977 4.52 7.02 6.22 5.683c3.292-2.606 7.621-2.744 11.048-.375l2.088-2.088a.75.75 0 0 1 1.06 0m-.37 4.82c.724.962 1.36 2.073 1.891 3.299a.74.74 0 0 1 0 .595C19.842 16.79 16.128 19.69 12 19.69a8.8 8.8 0 0 1-2.769-.451.75.75 0 0 1 .474-1.424A7.3 7.3 0 0 0 12 18.19c3.428 0 6.561-2.442 8.43-6.553a14.5 14.5 0 0 0-1.58-2.694.75.75 0 0 1 1.197-.902M7.15 6.862c-1.437 1.13-2.67 2.776-3.58 4.778.794 1.752 1.836 3.23 3.047 4.322l2.138-2.138a3.87 3.87 0 0 1-.67-2.184A3.92 3.92 0 0 1 12 7.722a3.9 3.9 0 0 1 2.187.669l2.001-2.002c-2.853-1.844-6.325-1.676-9.038.472m8.088 4.6a.75.75 0 0 1 .606.872 3.92 3.92 0 0 1-3.141 3.147.75.75 0 0 1-.268-1.476 2.41 2.41 0 0 0 1.932-1.937.754.754 0 0 1 .87-.606M12 9.221a2.418 2.418 0 0 0-2.152 3.509l3.245-3.246A2.4 2.4 0 0 0 12 9.222",clipRule:"evenodd"})}),N=h.forwardRef(function(a,m){const{dir:i="rtl",placeholderDir:w=i,containerClassName:j,leftIcon:u,prefix:d,postfix:p,onClear:l,value:r,...s}=a,v=y.omitObject(s,["labelAddon","labelContent","link","rightIcon","isError","errorMessage","hintMessage","wrapperClassName","showMaxLength"]),[c,k]=h.useState(s.type);function x(){return e.jsx("button",{onClick:()=>{typeof l=="function"&&l()},children:e.jsx(I,{className:"dgs-ui-kit-text-gray-600",width:20,height:20})})}return e.jsxs(C.TextFieldWrapper,{...a,containerClassName:g.clsx("dgs-ui-kit-items-center",j),value:r,children:[d&&e.jsx("span",{className:"dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500",children:d}),typeof l=="function"&&r&&i==="ltr"&&x(),e.jsx("input",{...v,ref:m,className:g.clsx("dgs-ui-kit-bg-transparent focus:dgs-ui-kit-outline-none dgs-ui-kit-flex-1",i==="rtl"?"dgs-ui-kit-text-right":"!dgs-ui-kit-text-left",w==="rtl"?"placeholder:dgs-ui-kit-text-right":"placeholder:dgs-ui-kit-text-left",{ss02:s.type!="password"},a.className),...i==="ltr"?{style:{direction:"ltr"}}:{},value:r,type:c,onInput:o=>{if(typeof s.onInput=="function"&&s.onInput(o)||c!=="number")return;const n=o.currentTarget;n.value.length>n.maxLength&&(n.value=n.value.slice(0,n.maxLength))}}),typeof l=="function"&&r&&i==="rtl"&&x(),p&&e.jsx("span",{className:"dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500",children:p}),u&&e.jsx("div",{className:"dgs-ui-kit-text-gray-600",children:u}),s.type==="password"&&e.jsx("button",{type:"button",onClick:()=>k(o=>o==="text"?"password":"text"),className:"dgs-ui-kit-text-gray-600",children:c==="password"?e.jsx(f,{width:20,height:20}):e.jsx(R,{width:20,height:20})})]})});exports.IconEye=f;exports.Input=N;