@dgshahr/ui-kit 0.0.7 → 0.0.9

package/dist/Slide-C506y48c.js

@@ -1,233 +0,0 @@
-import { jsx as s, jsxs as m, Fragment as j } from "react/jsx-runtime";
-import { c as l } from "./clsx-OuTLNxxd.js";
-import { createContext as A, useContext as D, useState as x, useEffect as b, useRef as C, Children as B } from "react";
-import { A as V } from "./ArrowLeft2-jP2w1vwt.js";
-import { A as W } from "./ArrowRight2-CcHdxGRE.js";
-import N from "./Button/index.js";
-const S = A({
-  slidesPerView: 1,
-  spaceBetween: 0,
-  navigationVariant: "outside",
-  showNavigationDots: !0,
-  showPaginationText: !1
-}), w = () => D(S);
-function L({
-  active: r,
-  autoplay: i,
-  variant: o = "outside"
-}) {
-  return [
-    {
-      inside: "dgs-ui-kit-bg-gray-500/50 hover:dgs-ui-kit-bg-gray-500/80",
-      outside: "dgs-ui-kit-bg-gray-200 hover:dgs-ui-kit-bg-gray-300"
-    }[o],
-    r ? "dgs-ui-kit-w-[22px]" : "dgs-ui-kit-w-[6px]",
-    i ? "dgs-ui-kit-p-[1px]" : ""
-  ];
-}
-const M = (r) => {
-  const { active: i, onClick: o, onNavigateToNext: a } = r, { autoplay: t, navigationVariant: n = "outside" } = w(), [c, e] = x(0);
-  return b(() => {
-    if (!i || !t) return;
-    const g = typeof t == "boolean" ? 7e3 : t?.delay ?? 7e3;
-    let k = Date.now();
-    const h = setInterval(() => {
-      const d = Date.now() - k, f = d / g * 100;
-      e(Math.min(f, 100)), d >= g && typeof a == "function" && a();
-    }, 100);
-    return function() {
-      return e(0), k = Date.now(), clearInterval(h);
-    };
-  }, [i, t, a]), /* @__PURE__ */ s(
-    "button",
-    {
-      className: l(
-        "dgs-ui-kit-rounded-full dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-all dgs-ui-kit-h-[6px]",
-        L({ active: i, autoplay: t, variant: n })
-      ),
-      onClick: o,
-      children: i && /* @__PURE__ */ s(
-        "div",
-        {
-          className: l("dgs-ui-kit-h-full dgs-ui-kit-rounded-full", {
-            "dgs-ui-kit-bg-white": n === "inside",
-            "dgs-ui-kit-bg-gray-700": n === "outside"
-          }),
-          style: { width: t ? `${c}%` : "100%" }
-        }
-      )
-    }
-  );
-}, O = (r) => {
-  const { onNavigate: i, slideIndex: o, slidesCount: a } = r, {
-    navigationButtonsShowType: t = "hide",
-    dotsClassName: n,
-    navigationContainerClassName: c,
-    navigationVariant: e = "outside",
-    showNavigationDots: g = !0,
-    showPaginationText: k
-  } = w(), h = /* @__PURE__ */ m(
-    "div",
-    {
-      className: l("dgs-ui-kit-flex dgs-ui-kit-gap-2", {
-        "dgs-ui-kit-absolute dgs-ui-kit-bottom-0 dgs-ui-kit-left-[5.5%]": e === "inside" && t !== "onSides",
-        "dgs-ui-kit-absolute dgs-ui-kit-justify-between dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-w-full dgs-ui-kit-px-[5.5%]": e === "inside" && t === "onSides",
-        "dgs-ui-kit-opacity-0 group-hover:dgs-ui-kit-opacity-100 dgs-ui-kit-transition": t === "hover" || t === "onSides"
-      }),
-      children: [
-        /* @__PURE__ */ s(
-          N,
-          {
-            type: "button",
-            variant: "secondary",
-            onClick: () => i(o - 1),
-            rightIcon: /* @__PURE__ */ s(W, {})
-          }
-        ),
-        /* @__PURE__ */ s(
-          N,
-          {
-            type: "button",
-            variant: "secondary",
-            onClick: () => i(o + 1),
-            rightIcon: /* @__PURE__ */ s(V, {})
-          }
-        )
-      ]
-    }
-  );
-  return /* @__PURE__ */ m(j, { children: [
-    t && t !== "hide" && t === "onSides" && h,
-    /* @__PURE__ */ m(
-      "div",
-      {
-        className: l(
-          "dgs-ui-kit-flex",
-          {
-            "dgs-ui-kit-items-center dgs-ui-kit-mt-2": e === "outside",
-            "dgs-ui-kit-absolute dgs-ui-kit-bottom-4 dgs-ui-kit-w-full dgs-ui-kit-justify-center": e === "inside",
-            "dgs-ui-kit-justify-between": e === "outside" && t !== "hide",
-            "dgs-ui-kit-justify-center": e === "outside" && t === "hide"
-          },
-          c
-        ),
-        children: [
-          t && t !== "hide" && t !== "onSides" && h,
-          (g || k) && /* @__PURE__ */ m("div", { className: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-3", children: [
-            k && /* @__PURE__ */ m("div", { className: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-1 dgs-ui-kit-font-caption-regular dgs-ui-kit-text-gray-400 ss02", children: [
-              /* @__PURE__ */ s(
-                "span",
-                {
-                  className: l("dgs-ui-kit-font-bold", {
-                    "dgs-ui-kit-text-gray-600": e === "outside",
-                    "dgs-ui-kit-text-white": e === "inside"
-                  }),
-                  children: o + 1
-                }
-              ),
-              /* @__PURE__ */ s("span", { children: "از" }),
-              /* @__PURE__ */ s("span", { children: a })
-            ] }),
-            g && /* @__PURE__ */ s(
-              "div",
-              {
-                className: l(
-                  "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-gap-2",
-                  n
-                ),
-                children: Array.from(Array(a).keys()).map((d, f) => /* @__PURE__ */ s(
-                  M,
-                  {
-                    active: o === f,
-                    onClick: () => i(f),
-                    onNavigateToNext: () => i(o + 1)
-                  },
-                  d + a
-                ))
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] });
-}, G = (r) => {
-  const {
-    className: i = "",
-    containerClassName: o = "",
-    showNavigationDots: a = !0,
-    slidesPerView: t = 1,
-    navigationButtonsShowType: n = "hide",
-    spaceBetween: c = 0,
-    showPaginationText: e
-  } = r, g = Object.fromEntries(
-    Object.entries(r).filter(([u]) => u !== "children")
-  ), [k, h] = x(0), d = C(null), f = B.count(r.children), v = Math.ceil(f / t), T = (a || n && n !== "hide" || e) && v > 1;
-  function I(u) {
-    const y = u.currentTarget.scrollWidth / v, p = (u.currentTarget.scrollWidth - u.currentTarget.scrollLeft) / y;
-    h(Math.round(p % v));
-  }
-  function P(u) {
-    if (!d.current) return;
-    const y = d.current.offsetWidth;
-    let p = -(y * u);
-    u < 0 ? p = -(y * v) : u >= v && (p = 0), d.current.scrollTo({
-      left: p,
-      behavior: "smooth"
-    });
-  }
-  return /* @__PURE__ */ s(S.Provider, { value: g, children: /* @__PURE__ */ m(
-    "div",
-    {
-      className: l(
-        "dgs-ui-kit-overflow-hidden dgs-ui-kit-relative dgs-ui-kit-group",
-        i
-      ),
-      style: { direction: "rtl" },
-      children: [
-        /* @__PURE__ */ s(
-          "div",
-          {
-            className: l(
-              "dgs-ui-kit-flex dgs-ui-kit-snap-x dgs-ui-kit-snap-mandatory dgs-ui-kit-overflow-x-auto no-scrollbar",
-              o
-            ),
-            style: { marginLeft: -c },
-            onScroll: I,
-            ref: d,
-            children: r.children
-          }
-        ),
-        T && /* @__PURE__ */ s(
-          O,
-          {
-            onNavigate: P,
-            slideIndex: k,
-            slidesCount: v
-          }
-        )
-      ]
-    }
-  ) });
-}, H = (r) => {
-  const { children: i, className: o } = r, { slidesPerView: a = 1, spaceBetween: t } = w(), n = C(null), [c, e] = x(0);
-  return b(() => {
-    n.current && e(Array.prototype.indexOf.call(n.current.parentNode?.children, n.current));
-  }, [n]), /* @__PURE__ */ s(
-    "div",
-    {
-      ref: n,
-      className: l("dgs-ui-kit-shrink-0 dgs-ui-kit-snap-always", o),
-      style: {
-        width: 100 / (a ?? 1) + "%",
-        paddingLeft: t,
-        scrollSnapAlign: c % a === 0 ? "start" : "none"
-      },
-      children: i
-    }
-  );
-};
-export {
-  G as S,
-  H as a
-};

package/dist/Slide-Zmb0vKbn.cjs

@@ -1 +0,0 @@
-"use strict";const i=require("react/jsx-runtime"),c=require("./clsx-C11secjj.cjs"),u=require("react"),S=require("./ArrowLeft2-B76dkC-C.cjs"),T=require("./ArrowRight2-CYowPzS8.cjs"),w=require("./Button/index.cjs"),N=u.createContext({slidesPerView:1,spaceBetween:0,navigationVariant:"outside",showNavigationDots:!0,showPaginationText:!1}),m=()=>u.useContext(N);function I({active:r,autoplay:e,variant:o="outside"}){return[{inside:"dgs-ui-kit-bg-gray-500/50 hover:dgs-ui-kit-bg-gray-500/80",outside:"dgs-ui-kit-bg-gray-200 hover:dgs-ui-kit-bg-gray-300"}[o],r?"dgs-ui-kit-w-[22px]":"dgs-ui-kit-w-[6px]",e?"dgs-ui-kit-p-[1px]":""]}const P=r=>{const{active:e,onClick:o,onNavigateToNext:a}=r,{autoplay:t,navigationVariant:n="outside"}=m(),[g,s]=u.useState(0);return u.useEffect(()=>{if(!e||!t)return;const k=typeof t=="boolean"?7e3:t?.delay??7e3;let h=Date.now();const x=setInterval(()=>{const d=Date.now()-h,f=d/k*100;s(Math.min(f,100)),d>=k&&typeof a=="function"&&a()},100);return function(){return s(0),h=Date.now(),clearInterval(x)}},[e,t,a]),i.jsx("button",{className:c.clsx("dgs-ui-kit-rounded-full dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-all dgs-ui-kit-h-[6px]",I({active:e,autoplay:t,variant:n})),onClick:o,children:e&&i.jsx("div",{className:c.clsx("dgs-ui-kit-h-full dgs-ui-kit-rounded-full",{"dgs-ui-kit-bg-white":n==="inside","dgs-ui-kit-bg-gray-700":n==="outside"}),style:{width:t?`${g}%`:"100%"}})})},A=r=>{const{onNavigate:e,slideIndex:o,slidesCount:a}=r,{navigationButtonsShowType:t="hide",dotsClassName:n,navigationContainerClassName:g,navigationVariant:s="outside",showNavigationDots:k=!0,showPaginationText:h}=m(),x=i.jsxs("div",{className:c.clsx("dgs-ui-kit-flex dgs-ui-kit-gap-2",{"dgs-ui-kit-absolute dgs-ui-kit-bottom-0 dgs-ui-kit-left-[5.5%]":s==="inside"&&t!=="onSides","dgs-ui-kit-absolute dgs-ui-kit-justify-between dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-w-full dgs-ui-kit-px-[5.5%]":s==="inside"&&t==="onSides","dgs-ui-kit-opacity-0 group-hover:dgs-ui-kit-opacity-100 dgs-ui-kit-transition":t==="hover"||t==="onSides"}),children:[i.jsx(w,{type:"button",variant:"secondary",onClick:()=>e(o-1),rightIcon:i.jsx(T.ArrowRight2Icon,{})}),i.jsx(w,{type:"button",variant:"secondary",onClick:()=>e(o+1),rightIcon:i.jsx(S.ArrowLeft2Icon,{})})]});return i.jsxs(i.Fragment,{children:[t&&t!=="hide"&&t==="onSides"&&x,i.jsxs("div",{className:c.clsx("dgs-ui-kit-flex",{"dgs-ui-kit-items-center dgs-ui-kit-mt-2":s==="outside","dgs-ui-kit-absolute dgs-ui-kit-bottom-4 dgs-ui-kit-w-full dgs-ui-kit-justify-center":s==="inside","dgs-ui-kit-justify-between":s==="outside"&&t!=="hide","dgs-ui-kit-justify-center":s==="outside"&&t==="hide"},g),children:[t&&t!=="hide"&&t!=="onSides"&&x,(k||h)&&i.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-3",children:[h&&i.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-1 dgs-ui-kit-font-caption-regular dgs-ui-kit-text-gray-400 ss02",children:[i.jsx("span",{className:c.clsx("dgs-ui-kit-font-bold",{"dgs-ui-kit-text-gray-600":s==="outside","dgs-ui-kit-text-white":s==="inside"}),children:o+1}),i.jsx("span",{children:"از"}),i.jsx("span",{children:a})]}),k&&i.jsx("div",{className:c.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center dgs-ui-kit-gap-2",n),children:Array.from(Array(a).keys()).map((d,f)=>i.jsx(P,{active:o===f,onClick:()=>e(f),onNavigateToNext:()=>e(o+1)},d+a))})]})]})]})},D=r=>{const{className:e="",containerClassName:o="",showNavigationDots:a=!0,slidesPerView:t=1,navigationButtonsShowType:n="hide",spaceBetween:g=0,showPaginationText:s}=r,k=Object.fromEntries(Object.entries(r).filter(([l])=>l!=="children")),[h,x]=u.useState(0),d=u.useRef(null),f=u.Children.count(r.children),v=Math.ceil(f/t),j=(a||n&&n!=="hide"||s)&&v>1;function b(l){const y=l.currentTarget.scrollWidth/v,p=(l.currentTarget.scrollWidth-l.currentTarget.scrollLeft)/y;x(Math.round(p%v))}function C(l){if(!d.current)return;const y=d.current.offsetWidth;let p=-(y*l);l<0?p=-(y*v):l>=v&&(p=0),d.current.scrollTo({left:p,behavior:"smooth"})}return i.jsx(N.Provider,{value:k,children:i.jsxs("div",{className:c.clsx("dgs-ui-kit-overflow-hidden dgs-ui-kit-relative dgs-ui-kit-group",e),style:{direction:"rtl"},children:[i.jsx("div",{className:c.clsx("dgs-ui-kit-flex dgs-ui-kit-snap-x dgs-ui-kit-snap-mandatory dgs-ui-kit-overflow-x-auto no-scrollbar",o),style:{marginLeft:-g},onScroll:b,ref:d,children:r.children}),j&&i.jsx(A,{onNavigate:C,slideIndex:h,slidesCount:v})]})})},B=r=>{const{children:e,className:o}=r,{slidesPerView:a=1,spaceBetween:t}=m(),n=u.useRef(null),[g,s]=u.useState(0);return u.useEffect(()=>{n.current&&s(Array.prototype.indexOf.call(n.current.parentNode?.children,n.current))},[n]),i.jsx("div",{ref:n,className:c.clsx("dgs-ui-kit-shrink-0 dgs-ui-kit-snap-always",o),style:{width:100/(a??1)+"%",paddingLeft:t,scrollSnapAlign:g%a===0?"start":"none"},children:e})};exports.Slide=B;exports.Slider=D;

package/dist/TextFieldWrapper-Ci0-vx4J.cjs

@@ -1 +0,0 @@
-"use strict";require('./assets/styles.css');const i=require("react/jsx-runtime"),u=require("./clsx-C11secjj.cjs"),k=require("react");;/* empty css                  */const p=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"})]}),b=r=>{const{errorMessage:e,hintMessage:s,maxLength:t,value:n}=r;return e||s||t?i.jsxs("div",{className:u.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},e?"dgs-ui-kit-text-error-500":"dgs-ui-kit-text-gray-500"),children:[(e||s)&&i.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2",children:[i.jsx(p,{width:16,height:16}),i.jsx("span",{children:e||s})]}),t&&i.jsxs("span",{className:"ss02",children:[n?.length??0,"/",t]})]}):null},w=r=>{const{link:e,labelContent:s,required:t}=r;return s||e?.href?i.jsxs("div",{className:u.clsx("dgs-ui-kit-flex dgs-ui-kit-mb-2",{"dgs-ui-kit-justify-between":s&&e?.href,"dgs-ui-kit-justify-start":s&&!e?.href,"dgs-ui-kit-justify-end":!s&&e?.href}),children:[s&&i.jsxs("label",{className:"dgs-ui-kit-px-0 dgs-ui-kit-text-sm dgs-ui-kit-font-bold dgs-ui-kit-text-right 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})]}):null},y=r=>{const{labelContent:e,link:s,containerClassName:t,rightIcon:n,isError:a,errorMessage:g,hintMessage:x,required:f,maxLength:m,value:d,onChange:o,children:j}=r,[c,l]=k.useState(d?.toString());k.useEffect(()=>{l(d?.toString())},[d]);const v=h=>{l(h.currentTarget.value),o&&o(h)};return i.jsxs(i.Fragment,{children:[i.jsx(w,{labelContent:e,link:s,required:f}),i.jsxs("div",{className:u.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 hover:dgs-ui-kit-ring-gray-50 has-[:focus]:dgs-ui-kit-bg-white",a||g?"dgs-ui-kit-border-error-500 has-[:focus]:dgs-ui-kit-ring-error-50":"dgs-ui-kit-border-transparent hover:dgs-ui-kit-border-gray-300 has-[:focus]:dgs-ui-kit-border-primary-500 has-[:focus]:dgs-ui-kit-ring-primary-50",t),children:[n&&i.jsx("div",{className:"dgs-ui-kit-text-gray-600",children:n}),j({handleChangeField:v,setValue:l,value:c})]}),i.jsx(b,{errorMessage:g,hintMessage:x,maxLength:m,value:c})]})};exports.TextFieldWrapper=y;