@dgshahr/ui-kit 0.0.6 → 0.0.8

package/dist/Slide-C506y48c.js

@@ -0,0 +1,233 @@
+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

@@ -0,0 +1 @@
+"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/Slider/Navigation.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+interface NavigationProps {
+    onNavigate: (slide: number) => void;
+    slideIndex: number;
+    slidesCount: number;
+}
+declare const Navigation: FC<NavigationProps>;
+export default Navigation;
+//# sourceMappingURL=Navigation.d.ts.map

package/dist/Slider/Navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../src/components/Slider/Navigation.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAOhC,UAAU,eAAe;IACvB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAqGnC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/Slider/NavigationDot.d.ts

@@ -1,8 +1,5 @@
-import { SliderProps } from './Slider';
 interface NavigationDotProps {
     active: boolean;
-    autoplay: Required<SliderProps>['autoplay'];
-    variant: 'inside' | 'outside';
     onClick?: () => void;
     onNavigateToNext?: () => void;
 }

package/dist/Slider/NavigationDot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationDot.d.ts","sourceRoot":"","sources":["../../src/components/Slider/NavigationDot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,UAAU,kBAAkB;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,CAAC;IAC5C,OAAO,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAeD,QAAA,MAAM,aAAa,UAAW,kBAAkB,4CA6C/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"NavigationDot.d.ts","sourceRoot":"","sources":["../../src/components/Slider/NavigationDot.tsx"],"names":[],"mappings":"AAKA,UAAU,kBAAkB;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAuBD,QAAA,MAAM,aAAa,UAAW,kBAAkB,4CA8C/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/Slider/Slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AACA,OAAO,EAA8B,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAOlG,UAAU,eAAe;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EACL,OAAO,GACP;QACE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACvB,CAAC;IACN,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,4BAA4B,CAAC,EAAE,MAAM,CAAC;CACvC;AAED,UAAU,2BAA4B,SAAQ,eAAe;IAC3D,iBAAiB,CAAC,EAAE,QAAQ,CAAC;IAC7B,yBAAyB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,CAAC;CACxE;AACD,UAAU,4BAA6B,SAAQ,eAAe;IAC5D,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,yBAAyB,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;CAClD;AAED,MAAM,MAAM,WAAW,GAAG,2BAA2B,GAAG,4BAA4B,CAAC;AAErF,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAiJ9C,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AACA,OAAO,EAA8B,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAIlG,UAAU,eAAe;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EACL,OAAO,GACP;QACE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACvB,CAAC;IACN,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,4BAA4B,CAAC,EAAE,MAAM,CAAC;CACvC;AAED,UAAU,2BAA4B,SAAQ,eAAe;IAC3D,iBAAiB,CAAC,EAAE,QAAQ,CAAC;IAC7B,yBAAyB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,CAAC;CACxE;AACD,UAAU,4BAA6B,SAAQ,eAAe;IAC5D,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,yBAAyB,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;CAClD;AAED,MAAM,MAAM,WAAW,GAAG,2BAA2B,GAAG,4BAA4B,CAAC;AAErF,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAyE9C,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/Slider/context.d.ts

@@ -1,8 +1,4 @@
-interface ISliderContext {
-    slidesPerView: number;
-    spaceBetween: number;
-}
-export declare const sliderContext: import('react').Context<ISliderContext>;
-export declare const useSliderContext: () => ISliderContext;
-export {};
+import { SliderProps } from './Slider';
+export declare const sliderContext: import('react').Context<SliderProps>;
+export declare const useSliderContext: () => SliderProps;
 //# sourceMappingURL=context.d.ts.map

package/dist/Slider/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/components/Slider/context.ts"],"names":[],"mappings":"AAEA,UAAU,cAAc;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,yCAGxB,CAAC;AAEH,eAAO,MAAM,gBAAgB,sBAAkC,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/components/Slider/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,eAAO,MAAM,aAAa,sCAMxB,CAAC;AAEH,eAAO,MAAM,gBAAgB,mBAAkC,CAAC"}

package/dist/Slider/index.cjs

@@ -1,11 +1 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-require('../assets/styles.css');;/* empty css                   */
-const Slide = require('../Slide-BzXDEkqH.cjs');
-
-
-
-exports.Slide = Slide.Slide;
-exports.Slider = Slide.Slider;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/styles.css');;/* empty css                   */const e=require("../Slide-Zmb0vKbn.cjs");exports.Slide=e.Slide;exports.Slider=e.Slider;

package/dist/Slider/index.js

@@ -1,2 +1,6 @@
 import '../assets/styles.css';/* empty css                 */
-export { a as Slide, S as Slider } from '../Slide-BhWFQV8r.js';
+import { a as i, S as o } from "../Slide-C506y48c.js";
+export {
+  i as Slide,
+  o as Slider
+};

package/dist/Tabs/index.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),t=require("../clsx-C11secjj.cjs"),a=require("../Badge/index.cjs"),o=r=>{const{activeKey:s,onChange:u,items:g,className:l,tabItemClassName:c,fullWidth:d}=r,k=r.centred;return e.jsx("div",{className:t.clsx("dgs-ui-kit-flex dgs-ui-kit-border-b dgs-ui-kit-border-gray-200 dgs-ui-kit-border-solid",{"dgs-ui-kit-w-full":d,"dgs-ui-kit-justify-center":d&&k,"dgs-ui-kit-w-fit":!d},l),children:g.map(i=>e.jsxs("button",{onClick:()=>u(i.key),disabled:i.disabled,className:"dgs-ui-kit-group",children:[e.jsxs("div",{className:t.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse dgs-ui-kit-px-3 dgs-ui-kit-py-4 dgs-ui-kit-transition",{"dgs-ui-kit-text-primary-500":s===i.key,"dgs-ui-kit-text-gray-500 group-hover:dgs-ui-kit-text-gray-600":s!==i.key,"dgs-ui-kit-cursor-not-allowed dgs-ui-kit-opacity-40":i.disabled},c),children:[i.icon?e.jsx("div",{className:t.clsx("dgs-ui-kit-transition",{"dgs-ui-kit-text-gray-400 group-hover:dgs-ui-kit-text-gray-500":i.key!==s}),children:i.icon}):null,e.jsx("div",{className:"",children:i.title}),typeof i.badgeNumber=="number"&&e.jsx(a,{valueType:"number",value:i.badgeNumber,size:"small",className:t.clsx({"dgs-ui-kit-opacity-60":s!==i.key,"!dgs-ui-kit-opacity-100":i.disabled}),color:s===i.key?"primary":"gray"})]}),e.jsx("div",{className:t.clsx("dgs-ui-kit-w-full dgs-ui-kit-h-1 dgs-ui-kit-rounded-t dgs-ui-kit-transition",{"dgs-ui-kit-bg-gray-300 dgs-ui-kit-opacity-0 group-hover:dgs-ui-kit-opacity-100":i.key!==s&&!i.disabled,"dgs-ui-kit-bg-primary-500":i.key===s})})]},i.key))})};module.exports=o;

package/dist/Tabs/index.d.ts

@@ -0,0 +1,27 @@
+import { FC, ReactNode } from 'react';
+interface ITabItem {
+    key: string | number;
+    title: string;
+    icon?: ReactNode;
+    badgeNumber?: number;
+    disabled?: boolean;
+}
+interface TabsPropsBase {
+    activeKey: ITabItem['key'];
+    onChange: (key: ITabItem['key']) => void;
+    items: ITabItem[];
+    className?: string;
+    tabItemClassName?: string;
+    fullWidth?: boolean;
+}
+interface TabsPropsFullWidth extends TabsPropsBase {
+    fullWidth: true;
+    centred?: boolean;
+}
+interface TabsPropsAutoWidth extends Omit<TabsPropsBase, 'centred'> {
+    fullWidth?: false;
+}
+type TabsProps = TabsPropsFullWidth | TabsPropsAutoWidth;
+declare const Tabs: FC<TabsProps>;
+export default Tabs;
+//# sourceMappingURL=index.d.ts.map

package/dist/Tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,UAAU,QAAQ;IAChB,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,aAAa;IACrB,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC3B,QAAQ,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IACzC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,kBAAmB,SAAQ,aAAa;IAChD,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,kBAAmB,SAAQ,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC;IACjE,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB;AAED,KAAK,SAAS,GAAG,kBAAkB,GAAG,kBAAkB,CAAC;AAEzD,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA2EvB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/Tabs/index.js

@@ -0,0 +1,85 @@
+import { jsx as s, jsxs as u } from "react/jsx-runtime";
+import { c as d } from "../clsx-OuTLNxxd.js";
+import c from "../Badge/index.js";
+const p = (r) => {
+  const { activeKey: e, onChange: g, items: k, className: a, tabItemClassName: l, fullWidth: t } = r, o = r.centred;
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: d(
+        "dgs-ui-kit-flex dgs-ui-kit-border-b dgs-ui-kit-border-gray-200 dgs-ui-kit-border-solid",
+        {
+          "dgs-ui-kit-w-full": t,
+          "dgs-ui-kit-justify-center": t && o,
+          "dgs-ui-kit-w-fit": !t
+        },
+        a
+      ),
+      children: k.map((i) => /* @__PURE__ */ u(
+        "button",
+        {
+          onClick: () => g(i.key),
+          disabled: i.disabled,
+          className: "dgs-ui-kit-group",
+          children: [
+            /* @__PURE__ */ u(
+              "div",
+              {
+                className: d(
+                  "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse dgs-ui-kit-px-3 dgs-ui-kit-py-4 dgs-ui-kit-transition",
+                  {
+                    "dgs-ui-kit-text-primary-500": e === i.key,
+                    "dgs-ui-kit-text-gray-500 group-hover:dgs-ui-kit-text-gray-600": e !== i.key,
+                    "dgs-ui-kit-cursor-not-allowed dgs-ui-kit-opacity-40": i.disabled
+                  },
+                  l
+                ),
+                children: [
+                  i.icon ? /* @__PURE__ */ s(
+                    "div",
+                    {
+                      className: d("dgs-ui-kit-transition", {
+                        "dgs-ui-kit-text-gray-400 group-hover:dgs-ui-kit-text-gray-500": i.key !== e
+                      }),
+                      children: i.icon
+                    }
+                  ) : null,
+                  /* @__PURE__ */ s("div", { className: "", children: i.title }),
+                  typeof i.badgeNumber == "number" && /* @__PURE__ */ s(
+                    c,
+                    {
+                      valueType: "number",
+                      value: i.badgeNumber,
+                      size: "small",
+                      className: d({
+                        "dgs-ui-kit-opacity-60": e !== i.key,
+                        "!dgs-ui-kit-opacity-100": i.disabled
+                      }),
+                      color: e === i.key ? "primary" : "gray"
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ s(
+              "div",
+              {
+                className: d(
+                  "dgs-ui-kit-w-full dgs-ui-kit-h-1 dgs-ui-kit-rounded-t dgs-ui-kit-transition",
+                  {
+                    "dgs-ui-kit-bg-gray-300 dgs-ui-kit-opacity-0 group-hover:dgs-ui-kit-opacity-100": i.key !== e && !i.disabled,
+                    "dgs-ui-kit-bg-primary-500": i.key === e
+                  }
+                )
+              }
+            )
+          ]
+        },
+        i.key
+      ))
+    }
+  );
+};
+export {
+  p as default
+};

package/dist/TextFieldWrapper-DYgcloS_.cjs

@@ -0,0 +1 @@
+"use strict";require('./assets/styles.css');const i=require("react/jsx-runtime"),g=require("./clsx-C11secjj.cjs"),u=require("react");;/* empty css                  */const N=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"})]}),C=r=>{const{errorMessage:e,hintMessage:s,maxLength:t,value:d}=r;return i.jsxs("div",{className:g.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(N,{width:16,height:16}),i.jsx("span",{children:e||s})]}),t&&i.jsxs("span",{className:"ss02",children:[d?.length??0,"/",t]})]})},M=r=>{const{link:e,labelContent:s,required:t}=r;return i.jsxs("div",{className:g.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})]})},q=r=>{const{labelContent:e,link:s,containerClassName:t,rightIcon:d,isError:v,errorMessage:n,hintMessage:o,required:b,maxLength:c,value:a,onChange:h,wrapperClassName:k,children:y}=r,[x,l]=u.useState(a?.toString());u.useEffect(()=>{l(a?.toString())},[a]);const w=j=>{l(j.currentTarget.value),h&&h(j)},f=!!(n||o||c),m=!!(e||s?.href),p=f||m?"div":u.Fragment;return i.jsxs(p,{...p==="div"&&k?{className:k}:{},children:[m&&i.jsx(M,{labelContent:e,link:s,required:b}),i.jsxs("div",{className:g.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",v||n?"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:[d&&i.jsx("div",{className:"dgs-ui-kit-text-gray-600",children:d}),y({handleChangeField:w,setValue:l,value:x})]}),f&&i.jsx(C,{errorMessage:n,hintMessage:o,maxLength:c,value:x})]})};exports.TextFieldWrapper=q;

package/dist/TextFieldWrapper-XM7qL1e2.js

@@ -0,0 +1,158 @@
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
+import { c as u } from "./clsx-OuTLNxxd.js";
+import j, { useState as C, useEffect as M } from "react";
+import './assets/styles.css';/* empty css                */
+const F = (d) => /* @__PURE__ */ r(
+  "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"
+        }
+      )
+    ]
+  }
+), I = (d) => {
+  const { errorMessage: i, hintMessage: e, maxLength: t, value: a } = d;
+  return /* @__PURE__ */ r(
+    "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
+        },
+        i ? "dgs-ui-kit-text-error-500" : "dgs-ui-kit-text-gray-500"
+      ),
+      children: [
+        (i || e) && /* @__PURE__ */ r("div", { className: "dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2", children: [
+          /* @__PURE__ */ s(
+            F,
+            {
+              width: 16,
+              height: 16
+            }
+          ),
+          /* @__PURE__ */ s("span", { children: i || e })
+        ] }),
+        t && /* @__PURE__ */ r("span", { className: "ss02", children: [
+          a?.length ?? 0,
+          "/",
+          t
+        ] })
+      ]
+    }
+  );
+}, R = (d) => {
+  const { link: i, labelContent: e, required: t } = d;
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: u("dgs-ui-kit-flex dgs-ui-kit-mb-2", {
+        "dgs-ui-kit-justify-between": e && i?.href,
+        "dgs-ui-kit-justify-start": e && !i?.href,
+        "dgs-ui-kit-justify-end": !e && i?.href
+      }),
+      children: [
+        e && /* @__PURE__ */ r("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: [
+          e,
+          t && /* @__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
+          }
+        )
+      ]
+    }
+  );
+}, T = (d) => {
+  const {
+    labelContent: i,
+    link: e,
+    containerClassName: t,
+    rightIcon: a,
+    isError: b,
+    errorMessage: n,
+    hintMessage: o,
+    required: y,
+    maxLength: c,
+    value: l,
+    onChange: h,
+    wrapperClassName: k,
+    children: w
+  } = d, [f, g] = C(l?.toString());
+  M(() => {
+    g(l?.toString());
+  }, [l]);
+  const N = (x) => {
+    g(x.currentTarget.value), h && h(x);
+  }, m = !!(n || o || c), p = !!(i || e?.href), v = m || p ? "div" : j.Fragment;
+  return /* @__PURE__ */ r(
+    v,
+    {
+      ...v === "div" && k ? { className: k } : {},
+      children: [
+        p && /* @__PURE__ */ s(
+          R,
+          {
+            labelContent: i,
+            link: e,
+            required: y
+          }
+        ),
+        /* @__PURE__ */ r(
+          "div",
+          {
+            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 hover:dgs-ui-kit-ring-gray-50 has-[:focus]:dgs-ui-kit-bg-white",
+              b || n ? "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: [
+              a && /* @__PURE__ */ s("div", { className: "dgs-ui-kit-text-gray-600", children: a }),
+              w({ handleChangeField: N, setValue: g, value: f })
+            ]
+          }
+        ),
+        m && /* @__PURE__ */ s(
+          I,
+          {
+            errorMessage: n,
+            hintMessage: o,
+            maxLength: c,
+            value: f
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  T
+};