@dgshahr/ui-kit 0.0.79 → 0.0.80

package/dist/Step-CZp-RQhJ.js

@@ -1,129 +0,0 @@
-"use client";
-import { jsx as i, jsxs as p, Fragment as S } from "react/jsx-runtime";
-import m, { createContext as v, useContext as b, useRef as w, useEffect as C } from "react";
-import { c as d } from "./clsx-OuTLNxxd.js";
-const f = v({
-  activeStep: 1,
-  stepOrientation: "horizontal",
-  size: "medium"
-}), k = () => {
-  const t = b(f);
-  if (!t) throw new Error("useStepperContext must be used within a StepperProvider");
-  return t;
-}, F = (t) => {
-  const { stepOrientation: e = "horizontal", size: s = "medium", activeStep: n = 0, children: c } = t, u = m.Children.toArray(c).filter(
-    m.isValidElement
-  ), a = n ?? 0, o = u.map((r, l) => m.cloneElement(r, {
-    index: l,
-    ...r.props
-  }));
-  return /* @__PURE__ */ i(f.Provider, { value: { activeStep: a, stepOrientation: e, size: s }, children: /* @__PURE__ */ i("div", { className: "dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-flex-row dgs-ui-kit-gap-5 no-scrollbar dgs-ui-kit-overflow-x-auto", children: o }) });
-}, z = (t) => typeof t > "u" || t === null, h = (t, e) => t === e ? "current" : t > e ? "complete" : "incomplete", N = {
-  complete: "dgs-ui-kit-bg-teal-500 dgs-ui-kit-opacity-100",
-  current: "dgs-ui-kit-bg-gray-300 dgs-ui-kit-opacity-75",
-  incomplete: "dgs-ui-kit-bg-gray-200 dgs-ui-kit-opacity-50"
-}, I = ({ index: t }) => {
-  const { activeStep: e, stepOrientation: s } = k(), n = h(e, t - 1);
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      className: d(
-        "dgs-ui-kit-flex dgs-ui-kit-min-w-5 dgs-ui-kit-items-center dgs-ui-kit-w-full",
-        s === "vertical" ? "dgs-ui-kit-h-10" : "dgs-ui-kit-h-15"
-      ),
-      children: /* @__PURE__ */ i(
-        "div",
-        {
-          className: d(
-            "dgs-ui-kit-h-0.5 dgs-ui-kit-w-full dgs-ui-kit-rounded-md",
-            N[n]
-          )
-        }
-      )
-    }
-  );
-}, M = {
-  complete: "dgs-ui-kit-text-secondary-400 dgs-ui-kit-rounded-lg",
-  current: "dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-400 dgs-ui-kit-rounded-lg",
-  incomplete: "dgs-ui-kit-bg-gray-50 dgs-ui-kit-text-gray-400 dgs-ui-kit-rounded-lg"
-}, E = {
-  medium: "dgs-ui-kit-w-10 dgs-ui-kit-h-10 dgs-ui-kit-text-xl",
-  small: "dgs-ui-kit-w-10 dgs-ui-kit-h-10 dgs-ui-kit-text-lg"
-}, O = (t) => {
-  const { status: e, icon: s, activeIcon: n, completeIcon: c } = t, { size: u } = k(), o = {
-    incomplete: s,
-    current: n,
-    complete: c
-  }[e] ?? s, r = d(
-    M[e],
-    E[u],
-    "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-min-w-10"
-  );
-  return /* @__PURE__ */ i("div", { className: r, children: o });
-}, j = {
-  complete: "dgs-ui-kit-text-secondary-500",
-  current: "dgs-ui-kit-text-primary-500 dgs-ui-kit-font-medium dgs-ui-kit-font-semibold",
-  incomplete: "dgs-ui-kit-text-gray-400"
-}, H = {
-  small: "dgs-ui-kit-text-sm",
-  medium: "dgs-ui-kit-text-base"
-}, A = {
-  horizontal: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2",
-  vertical: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2 dgs-ui-kit-flex-col"
-}, T = (t) => {
-  const { index: e, title: s, subTitle: n, icon: c, activeIcon: u, completeIcon: a } = t, o = w(null), { size: r, activeStep: l, stepOrientation: x } = k();
-  if (z(e))
-    throw new Error(
-      `expected index to be a number but instead got: ${e}, you are probably rendering <Step /> component outside of <Stepper />`
-    );
-  const g = h(l, e), y = d(
-    "dgs-ui-kit-flex dgs-ui-kit-flex-grow dgs-ui-kit-min-w-max",
-    j[g],
-    H[r],
-    A[x]
-  );
-  return C(() => {
-    g === "current" && o.current?.scrollIntoView({
-      behavior: "smooth",
-      block: "center",
-      inline: "center"
-    });
-  }, [g]), /* @__PURE__ */ p(S, { children: [
-    e !== 0 && /* @__PURE__ */ i(I, { index: e }),
-    /* @__PURE__ */ p(
-      "div",
-      {
-        className: y,
-        ref: o,
-        children: [
-          /* @__PURE__ */ i(
-            O,
-            {
-              status: g,
-              icon: c,
-              activeIcon: u,
-              completeIcon: a
-            }
-          ),
-          /* @__PURE__ */ p(
-            "div",
-            {
-              className: d(
-                "dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-gap-1 dgs-ui-kit-mt-0",
-                x === "vertical" && "dgs-ui-kit-items-center"
-              ),
-              children: [
-                e === l && /* @__PURE__ */ i("p", { className: "dgs-ui-kit-font-normal dgs-ui-kit-text-gray-400", children: n }),
-                /* @__PURE__ */ i("p", { className: "dgs-ui-kit-text-center", children: s })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
-};
-export {
-  F as H,
-  T as a
-};

package/dist/Step-CtqJxQMY.cjs

@@ -1 +0,0 @@
-"use client";"use strict";const i=require("react/jsx-runtime"),o=require("react"),a=require("./clsx-C11secjj.cjs"),x=o.createContext({activeStep:1,stepOrientation:"horizontal",size:"medium"}),m=()=>{const t=o.useContext(x);if(!t)throw new Error("useStepperContext must be used within a StepperProvider");return t},S=t=>{const{stepOrientation:e="horizontal",size:s="medium",activeStep:n=0,children:u}=t,d=o.Children.toArray(u).filter(o.isValidElement),l=n??0,r=d.map((c,g)=>o.cloneElement(c,{index:g,...c.props}));return i.jsx(x.Provider,{value:{activeStep:l,stepOrientation:e,size:s},children:i.jsx("div",{className:"dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-flex-row dgs-ui-kit-gap-5 no-scrollbar dgs-ui-kit-overflow-x-auto",children:r})})},y=t=>typeof t>"u"||t===null,f=(t,e)=>t===e?"current":t>e?"complete":"incomplete",v={complete:"dgs-ui-kit-bg-teal-500 dgs-ui-kit-opacity-100",current:"dgs-ui-kit-bg-gray-300 dgs-ui-kit-opacity-75",incomplete:"dgs-ui-kit-bg-gray-200 dgs-ui-kit-opacity-50"},b=({index:t})=>{const{activeStep:e,stepOrientation:s}=m(),n=f(e,t-1);return i.jsx("div",{className:a.clsx("dgs-ui-kit-flex dgs-ui-kit-min-w-5 dgs-ui-kit-items-center dgs-ui-kit-w-full",s==="vertical"?"dgs-ui-kit-h-10":"dgs-ui-kit-h-15"),children:i.jsx("div",{className:a.clsx("dgs-ui-kit-h-0.5 dgs-ui-kit-w-full dgs-ui-kit-rounded-md",v[n])})})},w={complete:"dgs-ui-kit-text-secondary-400 dgs-ui-kit-rounded-lg",current:"dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-400 dgs-ui-kit-rounded-lg",incomplete:"dgs-ui-kit-bg-gray-50 dgs-ui-kit-text-gray-400 dgs-ui-kit-rounded-lg"},C={medium:"dgs-ui-kit-w-10 dgs-ui-kit-h-10 dgs-ui-kit-text-xl",small:"dgs-ui-kit-w-10 dgs-ui-kit-h-10 dgs-ui-kit-text-lg"},j=t=>{const{status:e,icon:s,activeIcon:n,completeIcon:u}=t,{size:d}=m(),r={incomplete:s,current:n,complete:u}[e]??s,c=a.clsx(w[e],C[d],"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-min-w-10");return i.jsx("div",{className:c,children:r})},z={complete:"dgs-ui-kit-text-secondary-500",current:"dgs-ui-kit-text-primary-500 dgs-ui-kit-font-medium dgs-ui-kit-font-semibold",incomplete:"dgs-ui-kit-text-gray-400"},N={small:"dgs-ui-kit-text-sm",medium:"dgs-ui-kit-text-base"},I={horizontal:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2",vertical:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2 dgs-ui-kit-flex-col"},M=t=>{const{index:e,title:s,subTitle:n,icon:u,activeIcon:d,completeIcon:l}=t,r=o.useRef(null),{size:c,activeStep:g,stepOrientation:k}=m();if(y(e))throw new Error(`expected index to be a number but instead got: ${e}, you are probably rendering <Step /> component outside of <Stepper />`);const p=f(g,e),h=a.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-grow dgs-ui-kit-min-w-max",z[p],N[c],I[k]);return o.useEffect(()=>{p==="current"&&r.current?.scrollIntoView({behavior:"smooth",block:"center",inline:"center"})},[p]),i.jsxs(i.Fragment,{children:[e!==0&&i.jsx(b,{index:e}),i.jsxs("div",{className:h,ref:r,children:[i.jsx(j,{status:p,icon:u,activeIcon:d,completeIcon:l}),i.jsxs("div",{className:a.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-gap-1 dgs-ui-kit-mt-0",k==="vertical"&&"dgs-ui-kit-items-center"),children:[e===g&&i.jsx("p",{className:"dgs-ui-kit-font-normal dgs-ui-kit-text-gray-400",children:n}),i.jsx("p",{className:"dgs-ui-kit-text-center",children:s})]})]})]})};exports.HorizontalStep=M;exports.HorizontalStepper=S;

package/dist/TextFieldWrapper-CmSiS8zD.cjs

@@ -1 +0,0 @@
-"use client";"use strict";require('./assets/styles.css');const i=require("react/jsx-runtime"),a=require("./clsx-C11secjj.cjs"),F=require("react");;/* empty css                  */const M=r=>i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...r,children:[i.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"}),i.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"})]}),f=r=>{const{errorMessage:e,hintMessage:s,maxLength:t,value:n,disabled:d}=r;return i.jsxs("div",{className:a.clsx("dgs-ui-kit-flex dgs-ui-kit-font-p3-regular",{"dgs-ui-kit-justify-between":(e||s)&&t,"dgs-ui-kit-justify-start":(e||s)&&!t,"dgs-ui-kit-justify-end":!(e||s)&&t,"dgs-ui-kit-text-gray-400":d},e?"dgs-ui-kit-text-error-500":"dgs-ui-kit-text-gray-500"),children:[(e||s)&&i.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:[i.jsx(M,{width:16,height:16}),i.jsx("span",{children:e||s})]}),t&&i.jsxs("span",{className:"ss02",children:[n?.length??0,"/",t]})]})},p=r=>{const{link:e,labelContent:s,required:t,disabled:n,children:d}=r;return i.jsxs(i.Fragment,{children:[i.jsxs("div",{className:a.clsx("dgs-ui-kit-flex",{"dgs-ui-kit-justify-between":s&&e?.href,"dgs-ui-kit-mb-2":!d,"dgs-ui-kit-justify-start":s&&!e?.href,"dgs-ui-kit-justify-end":!s&&e?.href,"dgs-ui-kit-text-gray-400":n}),children:[s&&i.jsxs("label",{className:"dgs-ui-kit-px-0 dgs-ui-kit-font-p2-medium md:dgs-ui-kit-mx-0",children:[s,t&&i.jsx("span",{className:"dgs-ui-kit-ms-2 dgs-ui-kit-text-error-500",children:"*"})]}),e?.href&&i.jsx("a",{href:e.href,className:"dgs-ui-kit-font-button-small dgs-ui-kit-text-primary-400",children:e.cnotent})]}),d]})},q=r=>{const{labelContent:e,link:s,containerClassName:t,rightIcon:n,isError:d,errorMessage:u,hintMessage:o,required:j,labelAddon:v,maxLength:c,disabled:l,value:b,wrapperClassName:g,showMaxLength:k,children:y}=r,h=!!(u||o||c&&k),x=!!(e||s?.href),w=h||x||g?"div":F.Fragment,N=C=>{const m=C.currentTarget.querySelector("textarea, input");m&&m.focus()};return i.jsxs(w,{...g?{className:g}:{},children:[x&&i.jsx(p,{disabled:l,labelContent:e,link:s,required:j,children:v}),i.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"}`,d||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:[n&&i.jsx("div",{className:"dgs-ui-kit-text-gray-600",children:n}),y]}),h&&i.jsx(f,{disabled:l,errorMessage:u,hintMessage:o,maxLength:k?c:void 0,value:b?.toString()})]})};exports.FieldBottomInfo=f;exports.FieldLabel=p;exports.TextFieldWrapper=q;

package/dist/TextFieldWrapper-Crap8mNo.js

@@ -1,178 +0,0 @@
-"use client";
-import { jsxs as s, jsx as r, 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__ */ s(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    ...d,
-    children: [
-      /* @__PURE__ */ r(
-        "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__ */ r(
-        "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, maxLength: t, value: a, disabled: n } = d;
-  return /* @__PURE__ */ s(
-    "div",
-    {
-      className: u(
-        "dgs-ui-kit-flex dgs-ui-kit-font-p3-regular",
-        {
-          "dgs-ui-kit-justify-between": (i || e) && t,
-          "dgs-ui-kit-justify-start": (i || e) && !t,
-          "dgs-ui-kit-justify-end": !(i || e) && t,
-          "dgs-ui-kit-text-gray-400": n
-        },
-        i ? "dgs-ui-kit-text-error-500" : "dgs-ui-kit-text-gray-500"
-      ),
-      children: [
-        (i || e) && /* @__PURE__ */ s(
-          "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__ */ r(
-                F,
-                {
-                  width: 16,
-                  height: 16
-                }
-              ),
-              /* @__PURE__ */ r("span", { children: i || e })
-            ]
-          }
-        ),
-        t && /* @__PURE__ */ s("span", { className: "ss02", children: [
-          a?.length ?? 0,
-          "/",
-          t
-        ] })
-      ]
-    }
-  );
-}, I = (d) => {
-  const { link: i, labelContent: e, required: t, disabled: a, children: n } = d;
-  return /* @__PURE__ */ s(C, { children: [
-    /* @__PURE__ */ s(
-      "div",
-      {
-        className: u("dgs-ui-kit-flex", {
-          "dgs-ui-kit-justify-between": e && i?.href,
-          "dgs-ui-kit-mb-2": !n,
-          "dgs-ui-kit-justify-start": e && !i?.href,
-          "dgs-ui-kit-justify-end": !e && i?.href,
-          "dgs-ui-kit-text-gray-400": a
-        }),
-        children: [
-          e && /* @__PURE__ */ s("label", { className: "dgs-ui-kit-px-0 dgs-ui-kit-font-p2-medium md:dgs-ui-kit-mx-0", children: [
-            e,
-            t && /* @__PURE__ */ r("span", { className: "dgs-ui-kit-ms-2 dgs-ui-kit-text-error-500", children: "*" })
-          ] }),
-          i?.href && /* @__PURE__ */ r(
-            "a",
-            {
-              href: i.href,
-              className: "dgs-ui-kit-font-button-small dgs-ui-kit-text-primary-400",
-              children: i.cnotent
-            }
-          )
-        ]
-      }
-    ),
-    n
-  ] });
-}, S = (d) => {
-  const {
-    labelContent: i,
-    link: e,
-    containerClassName: t,
-    rightIcon: a,
-    isError: n,
-    errorMessage: g,
-    hintMessage: c,
-    required: x,
-    labelAddon: v,
-    maxLength: k,
-    disabled: l,
-    value: b,
-    wrapperClassName: o,
-    showMaxLength: h,
-    children: y
-  } = d, m = !!(g || c || k && h), f = !!(i || e?.href), w = m || f || o ? "div" : j.Fragment;
-  return /* @__PURE__ */ s(w, { ...o ? { className: o } : {}, children: [
-    f && /* @__PURE__ */ r(
-      I,
-      {
-        disabled: l,
-        labelContent: i,
-        link: e,
-        required: x,
-        children: v
-      }
-    ),
-    /* @__PURE__ */ s(
-      "div",
-      {
-        onClick: (N) => {
-          const p = N.currentTarget.querySelector("textarea, input");
-          p && p.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"}`,
-          n || 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"}`,
-          t,
-          {
-            "dgs-ui-kit-text-gray-400": l
-          }
-        ),
-        children: [
-          a && /* @__PURE__ */ r("div", { className: "dgs-ui-kit-text-gray-600", children: a }),
-          y
-        ]
-      }
-    ),
-    m && /* @__PURE__ */ r(
-      M,
-      {
-        disabled: l,
-        errorMessage: g,
-        hintMessage: c,
-        maxLength: h ? k : void 0,
-        value: b?.toString()
-      }
-    )
-  ] });
-};
-export {
-  I as F,
-  S as T,
-  M as a
-};